@charset "utf-8";

.ttl_box {
padding: 15px 20px 20px;
background: #EDF1F5;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
align-items: center;
color:#4B6DA0;
}

.ttl_box .icon {
max-width: 140px;
margin-right: 20px;
}

.ttl_box p {
font-weight: bold;
font-size: 1.8rem;
margin-top: 5px;
}
.ttl_box p strong {
font-size: 2.4rem;
}

.txt_4B6DA0 {
color:#4B6DA0;
}

.box_4B6DA0 {
color: #fff;
background:#4B6DA0;
padding: 6px 20px 4px;
margin-right: 1.2em;
}

.boderbox_4B6DA0 {
color: #4B6DA0;
border:  solid 1px #4B6DA0;
padding: 6px 20px 4px;
display: inline-block;
}

.box_C7DAEF {
color: #4B6DA0;
background:#C7DAEF;
padding: 12px 20px 10px;
}

.problem_each {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
}

.problem_each dl {
display: flex;
margin:6px 0 6px;
}
.problem_each dl dt {
color: #4B6DA0;
font-weight: bold;
width: 50px;
}
.problem_each dl dd {
width: calc(100% - 50px);
}

.font_2rem,
.font_2rem>* {
font-size: 2rem!important;
line-height: 1.4;
}


.solution_dl {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
}
.solution_dl dt {
color: #fff;
background:#4B6DA0;
padding: 6px 15px 4px;
margin-right: 1.2em;
min-width: 160px;
}
.solution_dl dd {
padding: 6px 0 4px;
}

.balloon_gray {
border-radius: 20px;
background: #eaeaea;
padding: 40px 40px 20px;
position: relative;
}
.balloon_gray:before {
  content: "";
  position: absolute;
  top: 60px;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #eaeaea;
}





.product_dl {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
}
.product_dl dt {
color: #fff;
background:#4B6DA0;
padding: 6px 15px 4px;
margin-right: 1.2em;
min-width: 100px;
border-radius: 15px;
text-align: center;
font-weight: bold;
}
.product_dl dd {
padding: 6px 0 4px;
}

@media (min-width: 768px){

.overview_box h2.rwd-section-headline.rwd-xsmall.rwd-border-all {
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 12px;
}
.overview_box h2.rwd-section-headline.rwd-xsmall span:first-child {
font-size: 2rem;
font-weight: bold;
}
.overview_box p {
padding-left: 7px;
}

.voice_ttl img.voice_icon {
width: 120px;
height: 120px;
margin-right: 10px;
}
.voice_ttl[class*="rwd-border-"] {
padding-top: 0px;
padding-bottom: 0px;
}
.voice_ttl>span {
padding-right: 130px;
}
/* min-width: 768px */}


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


@media (max-width: 767px) {
.ttl_box {
padding: 12px 12px 10px;
}
.ttl_box .icon {
width: 20%;
margin-right: 12px;
}
.ttl_box p {
font-weight: bold;
font-size: 1.6rem;
line-height: 1.4;
}
.ttl_box p strong {
font-size: 2.2rem;
}


.problem_ttl>span {
display: block;
}
.problem_ttl .box_4B6DA0 {
display: inline-block;
margin-bottom: 0.6em;
}

.voice_ttl img.voice_icon {
width: 70px;
height: 70px;
}

.font_2rem,
.font_2rem>* {
font-size: 1.8rem!important;
line-height: 1.3;
}
.balloon_gray {
border-radius: 20px;
background: #eaeaea;
padding: 20px 20px 10px;
position: relative;
}
.balloon_gray:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 75%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eaeaea;
}

.solution_dl {
display: block;
}
.solution_dl dt {
width: 100%;
margin-bottom: 5px;
}

.product_dl {
display: block;
}
.product_dl dt {
margin-bottom: 5px;
}
/*max-width: 767px*/}