/* LP for color variation */
@import url(./dekisugisan.css);

/*  little fix　*/
@media screen and (max-width: 480px) {
  #merit-list li:nth-child(4)::before {
    top: -37px;
  }
  #merit-list li:nth-child(4) p {
    margin-top: 23px;
  }
  #partner-achievement-wrap {
    align-items: center;
  }
  #partner-achievement-wrap img {
    width: 80%;
    height: auto;
  }
  #partner-achievement-wrap p:nth-child(2) {
    width: 90%;
  }
}

.site-header {
  background-color: #5b9bd5;
}
@media (max-width: 574px) {
  .site-header {
    background-color: #5b9bd5;
  }
}

#main-visual {
  background: linear-gradient(35deg, #5b9bd5 45%, #d8e9f0 99%);
  padding-bottom: 65px;
}
#main-visual h1 {
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  #main-visual h1 {
    margin-top: 60px;
  }
}

#worry-ttl {
  background-color: #5b9bd5;
}

#main-visual #top_btn a {
  background-color: #ed7d31;
}

#worry #washould .section_message {
  background-color: #5b9bd5;
}

#worry #washould #suggestion-list li:nth-child(4) p {
  left: 0;
}

#about {
  margin-top: 30px;
}

#about-list li:nth-child(1) h3 {
  border-color: #5b9bd5;
}

#about-list li:nth-child(1) h3:before {
  border-top-color: #5b9bd5;
}

#about-list li:nth-child(3) h3 {
  color: #5b9bd5;
}
@media screen and (min-width: 481px) {
  #about-list li:nth-child(3) h3 {
    font-size: min(2.24vw, 22px);
    width: 7em;
  }
}

#about #ex_voice p:nth-child(2) span {
  color: #5b9bd5;
}

.request_and_inquiry {
  background-color: #5b9bd5;
}

.request_and_inquiry a {
  background-color: #ed7d31;
}

#about h2,
#compatible h2,
#merit h2,
#partner h2,
#flow_of_use h2,
#plan h2 {
  border-bottom-color: #5b9bd5;
}

#merit-list li h3 span {
  font-size: 80%;
}

.request_and_inquiry p span {
  border-bottom-color: #d8e9f0;
}

#partner-voice .partner-voice_example .case_ttl h4,
#partner-voice .partner-voice_example .case_ttl h4::before {
  background-color: #5b9bd5;
}

#about .c_crew,
#partner-voice .customers_voice,
#flow_of_use-txt {
  background-color: #d8e9f0;
}

#flow_of_use-list li {
  border: 6px solid #5b9bd5;
  background-color: #d8e9f0;
}

#about #consignment_team ul li:nth-child(1),
#about #consignment_team,
#about #ex_voice p:nth-child(2),
#partner-achievement,
#partner-customers ul li,
#partner-voice .partner-voice_example .case_ttl p,
.tab-list-item.active img {
  border-color: #5b9bd5;
}

#partner-achievement-wrap p span,
#partner-customers ul li h4 span,
#partner-voice .partner-voice_example .case_ttl p span,
#partner-voice .partner-voice_example .case_ttl h4::after {
  color: #5b9bd5;
}

#partner-voice .tab-1.partner-voice_example .case_ttl h4,
#partner-voice .tab-2.partner-voice_example .case_ttl h4 {
  font-size: min(3.35vw, 25px);
}

@media screen and (max-width: 480px) {
  #partner-voice .partner-voice_example .case_ttl h4::before {
    width: 6.5em;
  }
}

@media screen and (max-width: 480px) {
  #partner-voice .tab-1.partner-voice_example .case_ttl h4::before {
    width: 8.84em;
  }
}

#partner-voice .tab-1.partner-voice_example .case_ttl h4::after {
  top: -0.952em;
}
@media screen and (max-width: 480px) {
  #partner-voice .tab-1.partner-voice_example .case_ttl h4::after {
    left: 3.9em;
  }
}

@media screen and (max-width: 480px) {
  #partner-voice .partner-voice_example .case_ttl h4::after {
    left: 2.75em;
  }
}

#merit-list li h3 {
  background-color: #5b9bd5;
  color: white;
}

#merit-list li:nth-child(1) th.th_orange {
  background-color: #d8e9f0;
}

#merit-list li:nth-child(1) td .mark_orange {
  color: #5b9bd5;
}

#compatible dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #5b9bd5;
  margin: 0;
  border-block-end-style: none;
  background-color: #d8e9f0;
}
#compatible dl:nth-last-child(1) {
  border-bottom: 1px solid #5b9bd5;
}

#compatible dl dt {
  width: 30%;
  margin: 0;
  font-size: min(2.5vw, 40px);
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 480px) {
  #compatible dl dt {
    width: 100%;
    text-indent: 0.5em;
    padding: 0.5em 0;
    font-size: 5vw;
    border-bottom: 1px solid #ddd;
    background-color: #d8e9f0;
  }
}

#compatible dl dd {
  display: flex;
  align-items: center;
  width: 70%;
  border-left: 1px solid #5b9bd5;
  min-height: 12em;
  background-color: white;
}
#compatible dl dd ul {
  margin-left: 3em;
  font-size: min(2.16vw, 22px);
}
@media screen and (max-width: 480px) {
  #compatible dl dd {
    width: 100%;
    border-left: none;
  }
  #compatible dl dd ul {
    font-size: 4vw;
  }
}

.research_list_number {
  color: #5b9bd5;
  font-size: 150%;
  display: block;
  font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
  line-height: 1.3;
}
@media screen and (max-width: 480px) {
  .research_list_number {
    display: inline;
    margin-right: 0.25em;
    vertical-align: sub;
  }
}

@media screen and (max-width: 480px) {
  #about #ex_voice p:nth-child(1) {
    width: 30%;
    top: 30px;
  }
}

#plan_box2 li:nth-child(n + 2) p span {
  font-size: min(5.4vw, 40px);
}

#flow_of_use-list li:nth-child(1)::after,
#flow_of_use-list li:nth-child(2)::after {
  content: url(./img/flow_arrow_lpt02.png);
}
@media screen and (max-width: 480px) {
  #flow_of_use-list li:nth-child(1)::after,
  #flow_of_use-list li:nth-child(2)::after {
    content: url(./img/flow_arrow_down_lpt02.png);
  }
}

.request_and_inquiry a:hover,
.request_and_inquiry a:active,
#main-visual #top_btn a:hover,
#main-visual #top_btn a:active {
  background-color: #ed7d31;
  color: black;
}

/* form-in-page */
#form-in-page {
  width: 95%;
  max-width: 944px;
  margin: 0 auto 80px;
}

.underbar {
  background: linear-gradient(transparent 65%, rgba(237, 125, 49, 0.6) 0%);
  padding: 0 2%;
}