/* sec01
***********************************************************/
#sec01 {
  margin: 0 auto;
  padding: 14vw 4vw 0;
  box-sizing: border-box;
  max-width: 2000px;
}
#sec01 h2 {
     text-align: left;
     font-size: 54px;
     color: #083a71;
     letter-spacing: 6px;
}
.strongpoint {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1400px;
}



/* sec02
***********************************************************/
#sec02 {
  margin: 0 auto;
  padding: 4vw 4vw 0;
  box-sizing: border-box;
  max-width: 2000px;
}



/* sec03
***********************************************************/
#sec03 {
  margin: 0 auto;
  padding: 4vw 4vw 0;
  box-sizing: border-box;
  max-width: 2000px;
}

/* strongpoint */
.strongpoint {
     margin: 2vw auto 0;
     max-width: 1400px;
     box-sizing: border-box;
     display: -webkit-box;
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     color: #fff;
}
.strongpoint p {
     padding: 2vw 0 0;
     color: #9cadbf;
     text-align: left;
}
.strongpoint p:first-child {
     padding: 0;
     font-family: 'Roboto';
     font-weight: 300;
     font-size: 42px;
     text-align: center;
     letter-spacing: 5px;
}
.strongpoint h4 {
     padding: 1vw 0 0;
     font-weight: bold;
     font-size: 24px;
}
.strongpoint_item  {
     padding: 2vw 3vw 4vw;
}
.strongpoint_item:first-child  {
     width: 33%;
     background: #083a71;
}
.strongpoint_item:nth-child(2)  {
     width: 34%;
     background: #042d5a;
}
.strongpoint_item:nth-child(3)  {
     width: 33%;
     background: #03264d;
}

/* clients */
.clients {
     margin: 0 auto;
     max-width: 1400px;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.clients_item {
     margin: 6vw 0 0;
     width: 47%;
     text-align: left;
}
.clients_item img {
     border: 1px solid #dadada;
}
.clients_item h4 {
     padding: 2vw 0 0;
  color: #083a71;
  font-weight: bold;
  font-size: 22px;
}
.clients_item a {
     margin: 0;
     display: inline-block;
}
.clients_item p:last-child {
     margin: 1vw 0 0;
}

/* faq */
.faq {
     margin: 6vw auto 0;
     max-width: 1400px;
}
.faq-item {
     padding: 0 0 20px;
     width: 100%;
     text-align: left;
}
.faq-item:nth-child(odd) {
     background: #f4f7f8;
}
.faq-item h4 {
     padding: 40px 60px 20px 80px;
     color: #083a71;
     background: url(../images/obj_arrowbottom.png) no-repeat right 40px top 50px/12px auto;
}
.faq-item h4:hover {
     cursor:pointer;
}
.faq-item h4.active {
     padding: 40px 60px 20px 80px;
     background: url(../images/obj_arrowhead.png) no-repeat right 40px top 50px/12px auto;
}
.faq-item h4::before {
     margin-left: -2em;
     content: "Q　";
}
.faq-item .faq-a {
     padding: 0 80px 20px;
     display: none;
}




/*全体（110px以下）
***********************************************************/
@media screen and (max-width:1000px) {
}




/*全体（820px以下）
***********************************************************/
@media screen and (max-width:820px) {
#sec01 {
     padding: 30vw 20px 0;
}
#sec01 h2 {
     font-size: 24px;
}
#sec01 .aboutbox {
     padding: 20vw 0 0;
}
#sec02 {
     padding: 4vw 20px 0;
}
#sec03 {
     padding: 10vw 20px 0;
}
.strongpoint {
     margin: 10vw auto 0;
     display: block;
}
.strongpoint p {
     padding: 10vw 0 0;
}
.strongpoint p:first-child {
     font-size: 32px;
}
.strongpoint h4 {
     padding: 2vw 0 0;
     font-size: 20px;
}
#sec03 .strongpoint_item  {
     padding: 4vw 12vw 12vw;
     width: 100%;
     box-sizing: border-box;
}

.clients {
     display: block;
}
.clients_item {
     margin: 14vw 0 0;
     width: 100%;
}
.clients_item h4 {
     padding: 4vw 0 0;
  font-size: 18px;
}
.clients_item a {
     margin: 1vw 0 0;
}
.clients_item p:last-child {
     margin: 2vw 0 0;
}
.faq-item {
     padding: 0;
}
.faq-item h4 {
     padding: 30px 60px 30px 60px;
     color: #083a71;
     background: url(../images/obj_arrowbottom.png) no-repeat center right 30px/12px auto;
}
.faq-item h4.active {
     padding: 30px 60px 30px 60px;
     background: url(../images/obj_arrowhead.png) no-repeat center right 30px/12px auto;
}
.faq-item .faq-a {
     padding: 0 60px 30px;
     display: none;
}

}