@media only screen and (min-width:769px) {
  main {
    background: none;
  }
  .top_service {
    background: #e5faff;
  }
  .top_service .pos_service {
    position: relative;
  }
  .top_service .main_top_service {
    width: 480px;
    padding:36px 0 39px;
  }
  .top_service .main_top_service p {
    font-size:1.8rem;
    line-height: 3rem;
    font-weight: 600;
  }
  .top_service .main_top_service .box_top {
    padding-right: 21px;
    margin-top: 20px;
    position: relative;
  }
  .top_service .main_top_service .box_top .main_box {
    background: #fff;
    padding: 60px 0 64px;
    position: relative;
    z-index: 10;
    cursor: pointer;
  }
  .top_service .main_top_service .box_top .main_box:hover {
    opacity: 0.8;
  }
  .top_service .main_top_service .box_top .main_box a {
    padding-left: 12px;
    padding-bottom: 18px;
    position: relative;
  }
  .top_service .main_top_service .box_top .main_box a:hover {
    opacity: 1;
  }
  .top_service .main_top_service .box_top .main_box a::after {
    position: absolute;
    content: '';
    width: 480px;
    height: 1px;
    background: #fff;
    left: 0;
    bottom: 0;
    z-index: 11;
    pointer-events: none;
    cursor: none;
  }
  .top_service .main_top_service .box_top .main_box span {
    position: absolute;
    display: inline-block;
    right: -21px;
    top: 42px;
    width: 205px;
    box-sizing: border-box;
    padding: 24px 13px 43px 15px;
    background: #50dbfc;
    background: linear-gradient(0, #50dbfc, #50dbfc 184px, #48d7fc 184px, #48d7fc);
    background: -webkit-linear-gradient(0, #50dbfc, #50dbfc 184px, #48d7fc 184px, #48d7fc);
    background: -moz-linear-gradient(0, #50dbfc, #50dbfc 184px, #48d7fc 184px, #48d7fc);
    background: -o-linear-gradient(0, #50dbfc, #50dbfc 184px, #48d7fc 184px, #48d7fc);
  }
  .top_service .pos_service figure {
    position: absolute;
    top: -20px;
    right: 49px;
  }
  .list_service {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 169px;
  }
  .list_service .box_service {
    width: 480px;
    box-sizing: border-box;
    position: relative;
    padding-right: 21px;
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .list_service .box_service .main_box {
    background: #d3dbe1;
    padding: 60px 0 64px;
    cursor: pointer;
  }
  .list_service .box_service .main_box:hover {
    opacity: 0.8;
  }
  .list_service .box_service .main_box a {
    position: relative;
    display: inline-block;
    z-index: 10;
    padding: 0 0 0 12px;
  }
  .list_service .box_service .main_box a:after {
    position: absolute;
    content: '';
    width: 480px;
    height: 1px;
    background: #fff;
    z-index: 11;
    left: 0;
    bottom: -18px;
    pointer-events: none;
    cursor: none;
  }
  .list_service .box_service .main_box span {
    position: absolute;
    display: inline-block;
    width: 205px;
    box-sizing: border-box;
    padding: 24px 13px 43px 15px;
    text-align: right;
    background: #6695e1;
    background: linear-gradient(0, #6695e1, #6695e1 184px, #7badff 184px, #7badff);
    background: -webkit-linear-gradient(0, #6695e1, #6695e1 184px, #7badff 184px, #7badff);
    background: -moz-linear-gradient(0, #6695e1, #6695e1 184px, #7badff 184px, #7badff);
    background: -o-linear-gradient(0, #6695e1, #6695e1 184px, #7badff 184px, #7badff);
    box-sizing: border-box;
    right: 0;
    top: 43px;
  }
  .list_service .box_service:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .list_service .box_service:nth-child(even) {
    margin-right: 0;
  }
  .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    margin-top: 40px;
  }
  .page_service {
    padding-bottom: 190px;
  }
  .page_tpics,
  .page_staff {
    padding-top: 27px;
    padding-bottom: 142px;
  }
  .tpics,.staff,.first_ent,.first_office{
    background: #eef9fd;
  }
  .tpics .main_section h2 span,
  .staff .main_section h2 span,
  .first_ent .main_section h2 span,
  .first_office .main_section h2 span {
    background: #67a0e0;
    display: inline-block;
    padding:33px 57px 42px 1px;
    position: relative;
    margin-top: -21px;
  }
  .tpics .main_section h2 span:before,
  .staff .main_section h2 span:before,
  .first_ent .main_section h2 span:before,
  .first_office .main_section h2 span:before  {
    position: absolute;
    content: '';
    width: 1000%;
    height: 100%;
    background: #67a0e0;
    top: 0;
    left: -1000%;
  }
  .tpics .main_section h2 span:after,
  .staff .main_section h2 span:after,
  .first_ent .main_section h2 span:after,
  .first_office .main_section h2 span:after {
    position: absolute;
    content: '';
    box-sizing: border-box;
    border-top: 48.5px solid #67a0e0;
    border-left: 35px solid #67a0e0;
    border-bottom: 48.5px solid transparent;
    border-right: 35px solid transparent;
    top: 0;
    right: -70px;
  }
  .tpics .main_section .main_tpics,
  .staff .main_section .main_staff ,
  .first_ent .main_section .main_first,
  .first_office .main_section > article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .tpics .main_section .main_tpics figure,
  .staff .main_section .main_staff figure,
  .first_ent .main_section .main_first figure,
  .first_office .main_section > article figure {
    width: 400px;
    height: 290px;
    margin-right: 73px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items:center;
    justify-content: center;
    -webkit-justify-content:center;
    background: #fff;
    margin-top: -19px;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
    -moz-box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
    box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
  }
  .tpics .main_section .main_tpics figure figcaption {
    font-size: 1.8rem;
    line-height: 3rem;
    color: #5cba55;
    margin-bottom: 11px;
  }
  .tpics .main_section .main_tpics .txt_tpics {
    width: 527px;
    padding-top: 26px;
  }
  .tpics .main_section .main_tpics .txt_tpics p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .tpics .main_section .btn_tpics {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    margin-top: 69px;
  }
  .tpics .main_section .btn_tpics a {
    margin-bottom: -28px;
  }
  .page_tpics .note_tpics {
    margin-top: 98px;
    margin-bottom: 97px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
  }

  .list_tpics dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border: 1px solid #d2d2d2;
    border-bottom: none;
    border-right: none;
    font-size: 1.376rem;
    line-height: 2.749rem;
  }
  .list_tpics dl dt,
  .list_tpics dl dd {
    width: 50%;
    box-sizing: border-box;
    padding: 18px 0 14px 149px;
    border-right: 1px solid #d2d2d2;
  }
  .list_tpics dl dd {
    text-align: right;
    padding-right: 207px;
  }
  .list_tpics dl:last-of-type {
    border-bottom: 1px solid #d2d2d2;
  }
  .list_tpics p {
    font-size: 1.2rem;
    line-height: 2.751rem;
    text-align: right;
  }
  /* staff */
  .staff .main_section .main_staff figure {
    margin-right: 48px;
  }
  .staff .main_section .main_staff article {
    width: 510px;
    box-sizing: border-box;
    padding-top: 91px;
  }
  .staff .main_section .main_staff article ul {
    padding: 14px 0 0 65px;
  }
  .staff .main_section .main_staff article ul li {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #000;
    padding-left: 12px;
  }
  .staff .main_section .main_staff article ul li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .staff .main_section .note_sfaff {
    margin-top: 65px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
  }
  .staff .main_section .note_sfaff article {
    box-sizing: border-box;
    padding: 31px 76px 28px;
    width: 804px;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #1255c3;
    background: #d4eafe;
    position: relative;
    margin-bottom: -140px;
  }
  .staff .main_section .note_sfaff article h3 {
    margin-bottom: 12px;
  }
  .staff .main_section .note_sfaff article p {
    font-weight: 600;
  }
  .according {
    margin-top: 233px;
    padding-bottom: 101px;
  }
  .according dl {
    margin-bottom: 19px;
  }
  .according dl dt figure {
    position: relative;
    cursor: pointer;
  }
  .according dl dt figure:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: url('/service/images/btn_according_pc.png') no-repeat 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    right: 32px;
  }
  .according dl dt.open figure:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .according dl dt figure img{
    width: 100%;
    height: auto;
  }
  .according dl dt + dd {
    display: block;
    background: #eef9fd;
    font-size: 1.4rem;
    line-height: 2.4rem;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .according dl dt + dd p {
    padding: 0 47px 0 31px;
  }
  .according dl dt.open + dd {
    padding: 17px 0 29px 0;
  }
  .according dl:last-child {
    margin-bottom: 0;
  }
  .according dl:last-child p span {
    color: #1255c3;
  }
  .according dl:last-child p:nth-child(3),
  .according dl:last-child p:nth-child(5) {
    text-indent: 19px;
  }
  .suggest {
    background: #eef9fd;
  }
  .main_suggest h2 span {
    position: relative;
    z-index: 10;
    display: inline-block;
    box-sizing: border-box;
    background: url('/service/images/bg_txt_staff_05.png') no-repeat right 0;
    padding:46px 178px 43px 179px;
    margin-top: -58px;
    margin-left: -179px;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
    -moz-box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
    box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
  }
  .main_suggest .content_sug {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-sizing: border-box;
    padding: 38px 47px 85px;
  }
  .main_suggest .content_sug .left_sug {
    width: 261px;
    box-sizing: border-box;
    margin-right: 58px;
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .main_suggest .content_sug .right_sug {
    width: 587px;
    box-sizing: border-box;
  }
  .main_suggest .content_sug .right_sug ul {
    padding-top: 15px;
  }
  .main_suggest .content_sug .right_sug ul li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    position: relative;
    padding-left: 18px;
  }
  .main_suggest .content_sug .right_sug ul li:before {
    position: absolute;
    content: '○';
    font-size: 1.4rem;
    line-height: 2.4rem;
    left: 0;
    top: 0;
  }
  .staff_contact {
    padding: 0 98px 48px;
    margin-top: 74px;
    box-sizing: border-box;
  }
  .staff_contact .main_staff_contact {
    background: #1255c3;
    box-sizing: border-box;
    padding: 51px 0 50px;
  }
  .staff_contact .main_staff_contact h2 {
    text-align: center;
    font-size: 0;
    margin-bottom: 34px;
  }
  .staff_contact .main_staff_contact .content_staff {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
  }
  .staff_contact .main_staff_contact .content_staff .left_staff {
    margin-right: 29px;
  }
  .staff_contact .main_staff_contact .content_staff .left_staff p:nth-of-type(1) {
    margin-bottom: 10px;
  }
  /* consultant */
  .page_cons {
    padding-bottom: 63px;
  }
  .page_cons .first_cons {
    background: #eef9fd;
    padding: 81px 0 0;
  }
  .page_cons .first_cons .main_section h2 {
    text-align: center;
    margin-bottom: 45px;
  }
  .page_cons .first_cons .main_section .btn_box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .page_cons .first_cons .main_section .btn_box .box {
    width: 490px;
    box-sizing: border-box;
    padding: 31px 51px 32px;
    position: relative;
    font-size: 1.8rem;
    line-height: 2.4rem;
    background: #d4eafe;
    text-align: center;
    margin-bottom: -75px;
    cursor: pointer;
  }
  .page_cons .first_cons .main_section .btn_box .box:hover {
    opacity: 0.8;
  }
  .page_cons .first_cons .main_section .btn_box .box:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: url('/service/images/btn_according_pc.png') no-repeat 0 0;
    background-size: cove;
    bottom:-8px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    -o-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
  .page_cons .first_cons .main_section .btn_box .box p a {
    display: inline-block;
  }
  .page_cons .first_cons .main_section .btn_box .box p:nth-of-type(1) {
    margin-bottom: 16px;
  }
  .page_cons .first_cons .main_section .btn_box .box:nth-child(1) {
    margin-right: 20px;
  }
  .page_cons .second_cons {
    margin-top: 167px;
    padding-top: 58px;
  }
  .page_cons .second_cons .main_section {
    background: #eef9fd;
    position: relative;
    box-sizing: border-box;
  }
  .page_cons .second_cons .main_section .txt_section {
    font-size: 1.8rem;
    line-height: 3.6rem;
    color: #1255c3;
    padding:16px 98px 67px 349px;
    font-weight: 600;
  }
  .txt_section2 {
    font-size: 1.8rem;
    line-height: 3.6rem;
    color: #1255c3;
    padding:16px 98px 67px 16px;
    font-weight: 600;
  }
  .page_cons .second_cons .main_section figure {
    display: inline-block;
    position: absolute;
    top: 92px;
    left: 10px;
  }
  .page_cons .second_cons > figure {
    margin-top: 107px;
    text-align: center;
  }
  .page_cons .third_cons {
    padding-top: 58px;
    margin-top: 130px;
  }
  .page_cons .third_cons .top_section {
    background: #eef9fd;
  }
  .page_cons .third_cons .top_section .txt_section {
    font-size: 1.8rem;
    line-height: 3.6rem;
    padding: 13px 96px 41px 93px;
    font-weight: 600;
    color: #1255c3;
  }
  .page_cons .third_cons article {
    margin-top: 55px;
  }
  .page_cons .third_cons article h3 {
    margin-bottom: 27px;
  }
  .page_cons .third_cons article table {
    width: 100%;
    border: 1px solid #d2d2d2;
  }
  .page_cons .third_cons article table tr {
    border-bottom: 1px solid #d2d2d2;
  }
  .page_cons .third_cons article table tr:last-child {
    border-bottom: none;
  }
  .page_cons .third_cons article table tr td {
    width: 50%;
    font-size: 1.4rem;
    line-height: 2.8rem;
    padding-left: 172px;
    padding-top: 19px;
    padding-bottom: 12px;
  }
  .page_cons .third_cons article table tr td:nth-child(1) {
    border-right: 1px solid #d2d2d2;
    padding-left: 156px;
  }
  .page_cons .second_cons h2 span,
  .page_cons .third_cons h2 span {
    position: relative;
    width: 494px;
    overflow: hidden;
    z-index: 10;
    display: inline-block;
    box-sizing: border-box;
    background: url(/service/images/bg_txt_staff_05.png) no-repeat right 0;
    padding: 46px 0 43px 131px;
    margin-top: -58px;
    margin-left: -131px;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
    -moz-box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
    box-shadow: 10px 10px 0px 0px rgba(146,210,255,.08);
  }
  /* page entrust */
  .first_ent {
    margin-top: 26px;
  }
  .first_ent .main_section {
    position: relative;
    padding-bottom: 56px;
  }
  .first_ent .main_section h2 span {
    padding-right: 0;
  }
  .first_ent .main_section .main_first figure {
    margin-right: 52px;
  }
  .first_ent .main_section .main_first article {
    padding-top: 91px;
    width: 546px;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
  .first_ent .main_section .main_first article h3 {
    margin-bottom: 21px;
  }
  .first_ent .wrap_article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 37px 61px 35px;
    box-sizing: border-box;
    background: url('/service/images/bg_ent.png') no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: -324px;
  }
  .first_ent .wrap_article article {
    width: 280px;
    margin-right: 19px;
    position: relative;
  }
  .first_ent .wrap_article article .main_article {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding-top: 73px;
  }
  .first_ent .wrap_article article:last-child {
    margin-right: 0;
  }
  .first_ent .wrap_article article:last-child .main_article{
    padding-top: 49px;
  }
  .first_ent .wrap_article article .main_article h3 {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-bottom: 16px;
    font-weight: bold;
    position: relative;
    margin-bottom: 14px;
  }
  .first_ent .wrap_article article .main_article h3:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 1px;
    background: #dae1e5;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .first_ent .wrap_article article .main_article p {
   font-size: 1.4rem;
   line-height: 2.4rem;
   padding: 0 36px 0 31px;
  }
  .second_ent {
    margin-top: 404px;
  }
  .second_ent h2 {
    margin-bottom: 38px;
  }
  .second_ent .btn_second {
    margin-top: 78px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
  }
  .staff_contact.ent {
    margin-top: 122px;
    padding-bottom: 120px;
  }
  /* page net */
  .page_net .first_view {
    position: relative;
  }
  .page_net .first_view .content_first_view {
    position: absolute;
    width: 526px;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,0.8);
    font-size: 1.8rem;
    line-height: 3.3rem;
    font-weight: 600;
    padding: 30px 74px 34px 64px;
  }
  .page_net nav {
    margin-top: 30px;
    margin-bottom: 80px;
  }
  .page_net nav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .page_net nav ul li {
    width: 160px;
    margin-right: 8px;
  }
  .page_net nav ul li:last-child {
    margin-right: 0;
  }
  .page_net section {
    margin-bottom: 39px;
  }
  .page_net section:last-child {
    margin-bottom: 0;
  }
  .page_net {
    padding-bottom: 104px;
  }
  .page_net section h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    padding: 25px 0 20px 40px;
    position: relative;
    font-weight: 600;
  }
  .page_net section h3:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 20px;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page_net section .main_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-algin-items:center;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
  }
  .page_net section .main_section .txt_section {
    width: 470px;
    box-sizing: border-box;
    padding: 0 0 0 48px;
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
  .page_net .net_01 h3 {
    color: #2a6cd9;
    background-color: #e3f3ff;
  }
  .page_net .net_01 h3:before {
    background-color: #2a6cd9;
  }
  .page_net .net_01 .main_section {
    border-color: #e3f3ff;
    padding: 32px 45px 32px 45px;
  }
  .page_net .net_02 h3 {
    color: #0092de;
    background-color: #dffcff;
  }
  .page_net .net_02 h3:before {
    background-color: #0092de;
  }
  .page_net .net_02 .main_section {
    border-color: #dffcff;
    padding: 32px 45px 32px 68px;
  }
  .page_net .net_03 h3 {
    color: #30b800;
    background-color: #ebfdcd;
  }
  .page_net .net_03 h3:before {
    background-color: #30b800;
  }
  .page_net .net_03 .main_section {
    border-color: #ebfdcd;
    padding: 32px 45px 32px 37px;
  }
  .page_net .net_04 h3 {
    color: #b43dc9;
    background-color: #f2e8ff;
  }
  .page_net .net_04 h3:before {
    background-color: #b43dc9;
  }
  .page_net .net_04 .main_section {
    border-color: #f2e8ff;
    padding: 32px 45px 32px 58px;
  }
  .page_net .net_05 h3 {
    color: #fc2c69;
    background-color: #ffe0e9;
  }
  .page_net .net_05 h3:before {
    background-color: #fc2c69;
  }
  .page_net .net_05 .main_section {
    border-color: #ffe0e9;
    padding: 32px 45px 32px 20px;
  }
  .page_net .net_06 h3 {
    color: #ff8d3a;
    background-color: #fff3e0;
  }
  .page_net .net_06 h3:before {
    background-color: #ff8d3a;
  }
  .page_net .net_06 .main_section {
    border-color: #fff3e0;
    padding: 32px 45px 32px 31px;
  }
  /* page office */
  .page_office article h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: bold;
    position: relative;
    padding-left: 13px;
    margin-bottom: 23px;
  }
  .page_office article h3:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
  }
  .page_office .btn_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    margin-top: 49px;
    margin-bottom: 100px;
  }
  .page_office {
    padding-bottom: 100px;
  }
  .first_office .main_section h2 span {
    padding-right: 193px;
  }
  .first_office .main_section > article {
    align-items: center;
    -webkit-align-items:center;
  }
  .first_office .main_section > article figure {
    margin-right: 189px;
    margin-bottom: -27px;
  }
  .first_office .sub_other {
    background: #fff;
    padding-top: 66px;
  }
  .first_office .sub_other .main_sub_other {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .first_office .sub_other .main_sub_other article {
    width: 240px;
    box-sizing: border-box;
    padding: 9px 20px 15px;
    margin-right: 13px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    background: #fff;
    text-align: center;
    margin-bottom: 12px;
  }
  .first_office .sub_other .main_sub_other article h3 {
    padding-left: 0;
    margin-bottom: 0;
  }
  .first_office article h3 {
    margin-bottom: 0;
  }
  .first_office article h3:before {
    display: none;
  }
  .first_office .sub_other .main_sub_other article figure {
    margin-bottom: 16px;
  }
  .first_office .sub_other .main_sub_other article:nth-child(4n) {
    margin-right: 0;
  }
  .first_office .sub_other .main_sub_other article:last-child {
    padding: 0;
  }
  .first_office .sub_other .main_sub_other article:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
  .pepper {
    display: none;
  }
  .page_service .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .page_service .pepper a:hover,
  .page_service .pepper a:hover img {
    opacity: 1;
  }
  .office_01 {
    margin-top: 81px;
  }
  .common_section h2 {
    margin-bottom: 43px;
  }
  .office_01 .content_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .common_section .left_section {
    width: 310px;
    margin-right: 36px;
    box-sizing: border-box;
  }
  .common_section .right_section {
    width: 654px;
    box-sizing: border-box;
  }
  .office_01 .content_section:nth-of-type(1) .right_section ul li {
    position: relative;
    padding-left: 26px;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .office_01 .content_section:nth-of-type(1) .right_section ul li:before {
    position: absolute;
    content: '○';
    font-size: 1.6rem;
    line-height: 2.6rem;
    left: 0;
    top: 0;
  }
  .office_01 .content_section:nth-of-type(1) .right_section figure {
    margin-top: 26px;
  }
  .office_01 .content_section:nth-of-type(2) {
    margin-top: 24px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article,
  .office_03 .main_section article .main_article,
  .office_04 .main_section article .main_article,
  .office_05 .main_section article .main_article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 42px;
    box-sizing: border-box;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure,
  .office_03 .main_section article .main_article figure,
  .office_04 .main_section article .main_article figure,
  .office_05 .main_section article .main_article figure {
    width: 182px;
    height: 143px;
    box-sizing: border-box;
    border: 1px solid #dedede;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    justify-content: center;
    -webkit-justify-content:center;
    padding-bottom:8px;
    margin-right: 29px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure:after,
  .office_03 .main_section article .main_article figure:after,
  .office_04 .main_section article .main_article figure:after,
  .office_05 .main_section article .main_article figure:after {
    position: absolute;
    content: '';
    width: 180px;
    height: 1px;
    background: #dedede;
    bottom: -2px;
    left:1px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure figcaption,
  .office_03 .main_section article .main_article figure figcaption,
  .office_04 .main_section article .main_article figure figcaption,
  .office_05 .main_section article .main_article figure figcaption {
    position: absolute;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    top: 11px;
    left: 8px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure {
    align-items: flex-start;
    -webkit-align-items:flex-start;
    padding-top: 55px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure:nth-of-type(2) {
    padding-top: 71px;
  }
  .office_02 .top_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content:space-between;
    margin-bottom: 39px;
  }
  .office_02 .same_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .office_02 .same_section .main_article {
    padding-left: 42px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-sizing: border-box;
  }
  .office_02 .same_section .main_article figure {
    margin-right: 27px;
  }
  .office_02 .same_section:nth-of-type(3) {
    margin-top: 50px
  }
  .office_03 .main_section > figure,
  .office_04 .main_section > figure,
  .office_05 .main_section > figure,
  .office_06 .main_section > figure {
    margin-bottom: 39px;
  }
  .office_04 .main_section article .main_article,
  .office_05 .main_section article .main_article{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .office_04 .main_section article .main_article figure,
  .office_05 .main_section article .main_article figure  {
    margin-bottom: 27px;
  }
  .office_04 .main_section article .main_article figure:nth-of-type(1) {
    padding-bottom: 12px;
  }
  .office_04 .main_section article .main_article figure:nth-of-type(2) {
    padding-bottom: 11px;
  }
  .office_04 .main_section article .main_article figure:nth-of-type(3),
  .office_04 .main_section article .main_article figure:nth-of-type(4) {
    padding-bottom: 17px;
  }
  .office_04 .main_section article .main_article figure:nth-of-type(5) {
    padding-bottom: 14px;
  }
  .office_04 .main_section article .main_article figure:nth-of-type(6) {
    padding-bottom: 11px;
  }
  .office_05 .main_section article .main_article figure:nth-of-type(1) {
    padding-bottom: 21px;
  }
  .office_05 .main_section article .main_article figure:nth-of-type(2),
  .office_05 .main_section article .main_article figure:nth-of-type(3) {
    padding-bottom: 14px;
  }
  .office_05 .main_section article .main_article figure:nth-of-type(4) {
    padding-bottom: 18px;
  }
  .office_05 .main_section article .main_article figure:nth-of-type(5) {
    padding-bottom: 23px;
  }
  .office_04 .main_section article .main_article figure:nth-last-child(-n+2),
  .office_05 .main_section article .main_article figure:last-child {
    margin-bottom: 0;
  }
  .office_06 article ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600;
    padding-left: 42px;
    box-sizing: border-box;
  }
  .office_06 article ul li {
    width: 180px;
    margin-right: 31px;
    padding-bottom: 12px;
    border-bottom: 2px solid #d9d9d9;
  }
  .office_07 .main_article {
    padding-left:40px;
    box-sizing: border-box;
  }
  .office_07 .main_article .img_article {
    border: 1px solid #e3f3ff;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-align-items:center;
    padding:35px 34px 32px 13px;
  }
  .office_07 .main_article .img_article .left_img {
    margin-right: 60px;
    width: 390px;
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-align: center;
    position: relative;
  }
  .office_07 .main_article .img_article .left_img:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('/service/images/plus_pc.png') no-repeat 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
  }
  .office_07 .main_article .img_article .left_img figure img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .office_07 .main_article .img_article .right_img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 603px;
  }
  .office_07 .main_article .img_article .right_img figure {
    width: 153px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-justify-content:flex-start;
    margin-bottom: 10px;
  }
  .office_07 .main_article .img_article .right_img figure:last-child {
    margin-bottom: 0;
  }
  .office_07 .main_article .img_article .right_img figure img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .office_07 .main_article .img_article .right_img figure figcaption {
    font-size: 1.4rem;
    line-height: 2.6rem;
    text-align: center;
  }
  .office_07 .main_article .detail_article {
    margin-top: 36px;
  }
  .office_07 .main_article .detail_article h4 {
    margin-bottom: 14px;
  }
  .office_07 .main_article .detail_article table {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.8rem;
    border: 1px solid #d2d2d2;
  }
  .office_07 .main_article .detail_article table tr {
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
  }
  .office_07 .main_article .detail_article table tr:last-child {
    border-bottom: none;
  }
  .office_07 .main_article .detail_article table tr td:nth-child(1) {
    width: 783px;
    padding:18px 0 13px 48px;
    text-align: left;
    border-right: 1px solid #d2d2d2;
  }
  .office_07 .main_article .detail_article table tr:nth-child(odd) {
    background:#f0faff;
  }
  .office_07 .main_article .detail_article > p {
    font-size: 1.2rem;
    line-height: 2.8rem;
  }
  .office_07 .main_section article:nth-of-type(2) {
    margin-top: 60px;
  }
  .partner_office ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    justify-content: space-between;
    -webkit-justify-content:space-between;
    padding-top: 24px;
  }
  .partner_office ul li {
    margin-right: 45px;
    margin-bottom: 20px;
  }
  .partner_office ul li:nth-child(5n) {
    margin-right: 0;
  }
  .partner_office ul li:nth-last-child(-n+5) {
    margin-bottom: 0;
  }
  /* page pepper */
  .first_pep h2 {
    text-align: center;
    background: url('/service/images/pepper_bg_ttl_01.png') no-repeat center top;
    padding: 17px 0 42px;
  }
  .first_pep .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 19px;
  }
  .first_pep .pepper a:hover,
  .first_pep .pepper a:hover img {
    opacity: 1;
  }
  .second_pep {
    background: #e5faff;
    padding: 50px 0 0;
    margin-top: 74px;
  }
  .second_pep .main_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content:space-between;
  }
  .second_pep .main_section .left_section {
    margin-right: 41px;
    margin-bottom: -22px;
  }
  .second_pep .main_section .right_section {
    width: 691px;
    font-size: 1.8rem;
    line-height: 3.6rem;
    font-weight: 600;
  }
  .second_pep .main_section .right_section p:last-child {
    text-align: right;
    margin-top: 21px;
  }
  .second_pep .main_section .right_section p:last-child a {
    display: inline-block;
  }
  .staff_contact.pep {
    margin-top: 155px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width:768px) {
  main {
    background: none;
  }
  .top_service {
    background:#e5faff;
  }
  .top_service .pos_service {
    padding: 8.85% 3.125% 0;
    box-sizing: border-box;
  }
  .top_service .main_top_service p {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600;
  }
  .top_service .main_top_service .box_top {
    position: relative;
    box-sizing: border-box;
    padding-right: 4.305%;
    margin-top: 5.55%;
    margin-bottom:6.25%;
  }
  .top_service .main_top_service .box_top .main_box {
    background: #fff;
    box-sizing: border-box;
    padding: 13.06% 0 9.72%;
    position: relative;
  }
  .top_service .main_top_service .box_top .main_box a {
    display: inline-block;
    padding-left: 2.6%;
    padding-bottom: 3.92%;
    width: 51.669%;
    position: relative;
    z-index: 10;
  }
  .top_service .main_top_service .box_top .main_box a::before {
    position: absolute;
    content: '';
    width: 192%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
  }
  .top_service .main_top_service .box_top .main_box span {
    position: absolute;
    width: 44.557%;
    top: 26.84%;
    right: -4.305%;
    background: #50dbfc;
    background: linear-gradient(0, #50dbfc, #50dbfc 89.9%, #48d7fc 89.9%, #48d7fc);
    background: -webkit-linear-gradient(0, #50dbfc, #50dbfc 89.9%, #48d7fc 89.9%, #48d7fc);
    background: -moz-linear-gradient(0, #50dbfc, #50dbfc 89.9%, #48d7fc 89.9%, #48d7fc);
    background: -o-linear-gradient(0, #50dbfc, #50dbfc 89.9%, #48d7fc 89.9%, #48d7fc);
  }
  .top_service .pos_service figure {
    text-align: center;
    margin-bottom: -10.7%;
  }
  .top_service .pos_service figure img {
    width: 52.77%;
  }
  .list_service {
    background: #fff;
    box-sizing: border-box;
    padding: 22.9% 3.125% 0;
  }
  .list_service .box_service {
    padding-right: 4.305%;
    box-sizing: border-box;
    margin-bottom: 5.55%;
  }
  .list_service .box_service .main_box {
    background: #d3dbe1;
    box-sizing: border-box;
    padding: 13.06% 0 9.72%;
    position: relative;
  }
  .list_service .box_service .main_box a {
    display: inline-block;
    padding-left: 2.6%;
    padding-bottom: 3.92%;
    width: 51.669%;
    position: relative;
    z-index: 10;
  }
  .list_service .box_service .main_box a:before {
    position: absolute;
    content: '';
    width: 192%;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
    pointer-events: none;
    cursor: none;
  }
  .list_service .box_service .main_box span {
    position: absolute;
    width: 44.557%;
    top: 26.84%;
    right: -4.305%;
    background: #6695e1;
    background: linear-gradient(0, #6695e1, #6695e1 89.9%, #7badff 89.9%, #7badff);
    background: -webkit-linear-gradient(0, #6695e1, #6695e1 89.9%, #7badff 89.9%, #7badff);
    background: -moz-linear-gradient(0, #6695e1, #6695e1 89.9%, #7badff 89.9%, #7badff);
    background: -o-linear-gradient(0, #6695e1, #6695e1 89.9%, #7badff 184px, #7badff);
  }
  .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    padding-bottom: 16.66%;
  }
  .pepper a {
    width: 60.15625%;
  }
  .page_tpics,
  .page_staff {
    padding-bottom: 15.49%;
  }
  .tpics,.staff,.first_ent,.first_office {
    background: #eef9fd;
  }
  .tpics .main_section h2 span,
  .staff .main_section h2 span,
  .first_ent .main_section h2 span,
  .first_office .main_section h2 span {
    display: inline-block;
    margin-top: -5.859375%;
  }
  .tpics .main_section .main_tpics,
  .staff .main_section .main_staff,
  .first_ent .main_section .main_first,
  .first_office .main_section > article {
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .tpics .main_section .main_tpics figure,
  .staff .main_section .main_staff figure,
  .first_ent .main_section .main_first figure,
  .first_office .main_section > article figure  {
    width: 68.05%;
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items:center;
    justify-content: center;
    -webkit-justify-content:center;
    background: #fff;
    margin-top: -2.65%;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
    -moz-box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
    box-shadow: 0px 0px 8px 0px rgba(206,220,235,0.22);
    padding: 15.97% 0;
  }
  .tpics .main_section .main_tpics figure img,
  .staff .main_section .main_staff figure img {
    width: 67.346%;
  }
  .tpics .main_section .main_tpics figure figcaption {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #5cba55;
    margin-bottom: 4.28%;
  }
  .tpics .main_section .main_tpics .txt_tpics {
    padding-top: 4.44%;
  }
  .tpics .main_section .main_tpics .txt_tpics p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .tpics .main_section .btn_tpics {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    margin-top: 7.77%;
  }
  .tpics .main_section .btn_tpics a {
    margin-bottom: -5.14%;
    width: 77.5%;
  }
  .page_tpics .note_tpics {
    margin-top: 15.234375%;
    margin-bottom: 6.7708%;
    margin-left: auto;
    margin-right: auto;
    width: 73.17%;
  }
  .list_tpics {
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .list_tpics dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border: 1px solid #d2d2d2;
    border-bottom: none;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 4.16% 2.638% 3.75%;
    justify-content: space-between;
    -webkit-justify-content:space-between;
  }
  .list_tpics dl:last-of-type {
    border-bottom: 1px solid #d2d2d2;
  }
  .list_tpics p {
    font-size: 1.2rem;
    line-height: 2.751rem;
    text-align: right;
    display: none;
  }
  /* staff */
  .staff .main_section .main_staff figure {
    padding: 0;
    background: none;
  }
  .staff .main_section .main_staff figure img {
    width: 100%;
    height: auto;
  }
  .staff .main_section .main_staff article {
    padding-top: 8.61%;
  }
  .staff .main_section .main_staff article ul {
    padding-left:10px;
    padding-top: 4.16%;
  }
  .staff .main_section .main_staff article ul li {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #000;
    padding-left: 12px;
  }
  .staff .main_section .main_staff article ul li:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .staff .main_section .note_sfaff {
    margin-top: 5.07%;
    box-sizing: border-box;
    padding: 0 3.125%;
    position: relative;
    overflow: hidden;
  }
  .staff .main_section .note_sfaff:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 12.9%;
  }
  .staff .main_section .note_sfaff article {
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #1255c3;
    background: #d4eafe;
    padding: 6.11% 4.72% 6.52%;
    position: relative;
  }
  .staff .main_section .note_sfaff article h3 {
    margin-bottom: 4.15%;
  }
  .staff .main_section .note_sfaff article p {
    font-weight: 600;
  }
  .according {
    margin-top: 7.5%;
    padding: 0 3.125% 10.15625%;
    box-sizing: border-box;
  }
  .according dl {
    margin-bottom: 2.638%;
  }
  .according dl dt figure {
    position: relative;
    cursor: pointer;
  }
  .according dl dt figure:after {
    position: absolute;
    content: '';
    width: 4.86%;
    height: 0;
    padding-top:4.86%;
    background: url('/service/images/btn_according_sp.png') no-repeat 0 0;
    background-size: cover;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    right: 2.77%;
  }
  .according dl dt.open figure:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .according dl dt figure img{
    width: 100%;
    height: auto;
  }
  .according dl dd {
    background: #eef9fd;
    font-size: 1.2rem;
    line-height: 1.5;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .according dl dd p {
    padding:0 4.44%;
  }
  .according dl dt {
    margin-bottom: 1px;
  }
  .according dl dt.open + dd {
    padding: 4.44% 0 4.86%;
  }
  .according dl:last-child {
    margin-bottom: 0;
  }
  .according dl:last-child p span {
    color: #1255c3;
  }
  .according dl:last-child p:nth-child(3),
  .according dl:last-child p:nth-child(5) {
    padding-left: 18px
  }
  .suggest {
    background: #eef9fd;
  }
  .suggest .main_suggest {
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .main_suggest h2 span {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-top: -8.61%;
    width: 76.3%;
  }
  .main_suggest .content_sug {
    box-sizing: border-box;
    padding: 5.694% 0 11.9%;
  }
  .main_suggest .content_sug .left_sug {
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 9.72%;
  }
  .main_suggest .content_sug .left_sug br {
    display: none;
  }
  .main_suggest .content_sug .right_sug {
    box-sizing: border-box;
  }
  .main_suggest .content_sug .right_sug ul {
    padding-top: 15px;
  }
  .main_suggest .content_sug .right_sug ul li {
    font-size: 1.2rem;
    line-height: 1.5;
    position: relative;
    padding-left: 18px;
  }
  .main_suggest .content_sug .right_sug ul li:before {
    position: absolute;
    content: '○';
    font-size: 1.2rem;
    line-height: 2;
    left: 0;
    top: 0;
  }
  .staff_contact {
    padding:0 3.125%;
    margin-top: 6.51%;
    box-sizing: border-box;
  }
  .staff_contact .main_staff_contact {
    background: #1255c3;
    box-sizing: border-box;
    padding: 6.66% 0 6.38%;
  }
  .staff_contact .main_staff_contact h2 {
    text-align: center;
    font-size: 0;
    margin-bottom: 5.97%;
  }
  .staff_contact .main_staff_contact .content_staff {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    padding: 0 3.125%;
  }
  .staff_contact .main_staff_contact .content_staff .left_staff {
    margin-right: 4.72%;
  }
  .staff_contact .main_staff_contact .content_staff .left_staff p:nth-of-type(1) {
    margin-bottom: 10px;
  }
  /* consultant */
  .page_cons {
    padding-bottom: 63px;
  }
  .page_cons .first_cons {
    background: #eef9fd;
    padding: 9.89% 3.125% 0;
  }
  .page_cons .first_cons .main_section h2 {
    text-align: center;
    margin-bottom: 6.94%;
  }
  .page_cons .first_cons .main_section .btn_box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .page_cons .first_cons .main_section .btn_box .box {
    width: 48.6%;
    box-sizing: border-box;
    padding: 3.05% 2.77% 4.02%;
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5;
    background: #d4eafe;
    text-align: center;
    margin-bottom: -8.61%;
  }
  .page_cons .first_cons .main_section .btn_box .box:after {
    position: absolute;
    content: '';
    width: 10%;
    height: 0;
    padding-top: 10%;
    background: url('/service/images/btn_according_sp.png') no-repeat 0 0;
    background-size: cover;
    bottom:-4.85%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    -o-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
  .page_cons .first_cons .main_section .btn_box .box p a {
    display: inline-block;
  }
  .page_cons .first_cons .main_section .btn_box .box p span {
    display: block;
  }
  .page_cons .first_cons .main_section .btn_box .box p:nth-of-type(1) {
    margin-bottom: 4.28%;
  }
  .page_cons .first_cons .main_section .btn_box .box:nth-child(1) {
    margin-right: 2.8%;
  }
  .page_cons .second_cons {
    margin-top: 20.96%;
    padding-top: 8.07%;
  }
  .page_cons .second_cons .main_section {
    background: #eef9fd;
    position: relative;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .page_cons .second_cons .main_section figure {
    text-align: center;
    margin-bottom: -31.3%;
  }
  .page_cons .second_cons .main_section figure img {
    width: 77.7%;
  }
  .page_cons .second_cons .main_section .txt_section {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600;
    color: #1255c3;
    padding:3.77% 3.125% 6.9%;
  }
  .page_cons .second_cons .main_section figure {

  }
  .page_cons .second_cons > figure {
    margin-top: 36.45%;
    padding: 0 3.125%;
    text-align: center;
  }
  .page_cons .third_cons {
    padding-top: 8.07%;
    margin-top: 10.02%;
  }
  .page_cons .third_cons .top_section {
    background: #eef9fd;
  }
  .page_cons .third_cons .top_section .txt_section {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600;
    padding: 3.77% 3.125% 7.94%;
    box-sizing: border-box;
    color: #1255c3;
  }
  .page_cons .third_cons article {
    margin-top: 11.84%;
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .page_cons .third_cons article h3 {
    margin-bottom: 4.16%;
  }
  .page_cons .third_cons article table {
    width: 100%;
    border: 1px solid #d2d2d2;
  }
  .page_cons .third_cons article table tr {
    border-bottom: 1px solid #d2d2d2;
  }
  .page_cons .third_cons article table tr:last-child {
    border-bottom: none;
  }
  .page_cons .third_cons article table tr td {
    width: 50%;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 2.77%;
    padding-top: 4.16%;
    padding-bottom: 3.47%;
  }
  .page_cons .third_cons article table tr td:nth-child(1) {
    border-right: 1px solid #d2d2d2;
  }
  .page_cons .third_cons h2,
  .page_cons .second_cons h2 {
    padding-left: 3.125%;
  }
  .page_cons .third_cons h2 span,
  .page_cons .second_cons h2 span {
    margin-top: -8.07%;
    width: 71.6%;
    display: inline-block;
  }
  /* page entrust */
  .first_ent .main_section h2 span {
    padding-right: 0;
  }
  .first_ent .main_section .main_first figure {
    padding: 0;
  }
  .first_ent .main_section .main_first article {
    padding-top: 7.8125%;
    padding: 0 3.125%;
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .first_ent .main_section .main_first article h3 {
    margin-top:8.61%;
    margin-bottom: 4.02%;
  }
  .first_ent .wrap_article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items:center;
    margin: 8.85% auto 0;
    width: 93.75%;
    padding:5.69% 0;
    background: url('/service/images/bg_ent_sp.png') no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
  }
  .first_ent .wrap_article:before {
    position: absolute;
    content: '';
    width: 3.125%;
    height: 100%;
    background: #fff;
    left: -3.125%;
    top: 14.7%;
  }
  .first_ent .wrap_article:after {
    position: absolute;
    content: '';
    width: 3.125%;
    height: 100%;
    background: #fff;
    right: -3.125%;
    top: 14.7%;
  }
  .first_ent .wrap_article article {
    width: 69.4%;
    position: relative;
    margin-bottom: 2.63%;
  }
  .first_ent .wrap_article article .main_article {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 14%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -justify-content: center;
    -webkit-justify-content: center;
  }
  .first_ent .wrap_article article:last-child {
    margin-bottom: 0;
  }
  .first_ent .wrap_article article .main_article h3 {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 6%;
    font-weight: bold;
    position: relative;
    margin-bottom: 6%;
  }
  .first_ent .wrap_article article .main_article h3:after {
    position: absolute;
    content: '';
    width: 36.5%;;
    height: 1px;
    background: #dae1e5;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .first_ent .wrap_article article .main_article p {
   font-size: 1.2rem;
   line-height: 1.5;
  }
  .second_ent {
    margin-top: 8.85%;
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .second_ent h2 {
    margin-bottom: 5.55%;
  }
  .second_ent .btn_second {
    margin-top: 6.94%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
  }
  .second_ent .btn_second a {
    width: 77.5%;
  }
  .staff_contact.ent {
    margin-top: 6.5%;
    padding-bottom: 15.625%;
  }
  /* page net */
  .page_net .first_view {
    position: relative;
  }
  .page_net .first_view .content_first_view {
    position: absolute;
    width: 68.359375%;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,0.8);
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 9.33% 9.14% 8.76% 6.66%;
    font-weight: 600;
  }
  .page_net nav {
    margin-top: 3.90625%;
    margin-bottom: 6.64%;
    padding: 0 3.125%
  }
  .page_net nav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page_net nav ul li {
    width: 32.36%;
    margin-right: 1.46%;
    margin-bottom: 1.46%;
  }
  .page_net nav ul li:nth-child(3n) {
    margin-right: 0;
  }
  .page_net nav ul li:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
  .page_net section {
    margin-bottom: 7.421875%;
    padding: 0 3.125%;
  }
  .page_net section:last-child {
    margin-bottom: 0;
  }
  .page_net section h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 3.33% 0 2.91% 5.55%;
    position: relative;
    font-weight: 600;
  }
  .page_net section h3:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 20px;
    left: 2.75%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page_net section .main_section {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding: 4.58% 5.97% 8.75% 5.27%;
  }
  .page_net section .main_section figure {
    text-align: center;
    margin-bottom: 5.55%;
  }
  .page_net section .main_section .txt_section {
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .page_net .net_01 h3 {
    color: #2a6cd9;
    background-color: #e3f3ff;
  }
  .page_net .net_01 h3:before {
    background-color: #2a6cd9;
  }
  .page_net .net_01 .main_section {
    border-color: #e3f3ff;
  }
  .page_net .net_02 h3 {
    color: #0092de;
    background-color: #dffcff;
  }
  .page_net .net_02 h3:before {
    background-color: #0092de;
  }
  .page_net .net_02 .main_section {
    border-color: #dffcff;
  }
  .page_net .net_03 h3 {
    color: #30b800;
    background-color: #ebfdcd;
  }
  .page_net .net_03 h3:before {
    background-color: #30b800;
  }
  .page_net .net_03 .main_section {
    border-color: #ebfdcd;
  }
  .page_net .net_04 h3 {
    color: #b43dc9;
    background-color: #f2e8ff;
  }
  .page_net .net_04 h3:before {
    background-color: #b43dc9;
  }
  .page_net .net_04 .main_section {
    border-color: #f2e8ff;
  }
  .page_net .net_05 h3 {
    color: #fc2c69;
    background-color: #ffe0e9;
  }
  .page_net .net_05 h3:before {
    background-color: #fc2c69;
  }
  .page_net .net_05 .main_section {
    border-color: #ffe0e9;
  }
  .page_net .net_06 h3 {
    color: #ff8d3a;
    background-color: #fff3e0;
  }
  .page_net .net_06 h3:before {
    background-color: #ff8d3a;
  }
  .page_net .net_06 .main_section {
    border-color: #fff3e0;
  }
  .page_net {
    padding-bottom: 15.625%;
  }
  /* page office */
  .page_office article h3 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: bold;
    position: relative;
    padding-left: 13px;
    margin-bottom: 3.47%;
  }
  .page_office article h3:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
  }
  .page_office .btn_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content:center;
    margin-top: 5.2%;
    margin-bottom: 14.3%;
  }
  .page_office .btn_section a {
    width: 72.65625%;
  }
  .page_office {
    padding-bottom: 13.02%;
  }
  .first_office .main_section > article {
    align-items: center;
    -webkit-align-items:center;
    padding-bottom: 7.29%;
  }
  .first_office .main_section > article figure {
    padding: 0;
  }
  .first_office .sub_other {
    background: #fff;
    padding: 8.46% 3.125% 8.46%;
    box-sizing: border-box;
  }
  .first_office .sub_other .main_sub_other {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .first_office .sub_other .main_sub_other article {
    width: 48.611%;
    box-sizing: border-box;
    padding: 1.805% 4.027% 3.05%;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);
    margin-bottom: 2.77%;
    background: #fff;
  }
  .first_office .sub_other .main_sub_other article:nth-child(odd) {
    margin-right: 2.778%;
  }
  .first_office .sub_other .main_sub_other article:last-child {
    padding: 0;
  }
  .first_office article h3 {
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 8.611%;
  }
  .first_office article h3:before {
    display: none;
  }
  .first_office .sub_other .main_sub_other article h3 {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
  }
  .first_office .sub_other .main_sub_other article figure {
    margin-bottom: 3.19%;
  }
  .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-bottom: 9.02%;
  }
  .office_01,.office_02,.office_03,.office_04,.office_05,.office_06,.office_07 {
    padding: 0 3.125%;
    box-sizing: border-box;
  }
  .page_office .pepper {
    display: none;
  }
  .common_section h2 {
    margin-bottom: 4.86%;
  }
  .common_section .left_section {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7.08%;
  }
  .common_section .right_section {
    width: 100%;
    box-sizing: border-box;
  }
  .office_01 .content_section:nth-of-type(1) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .office_01 .content_section:nth-of-type(1) .left_section {
    width: 43.05%;
    margin-right: 2.77%;
    float: left;
  }
  .office_01 .content_section:nth-of-type(1) .right_section {
    float: left;
    width: 39.72%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .office_01 .content_section:nth-of-type(1) .right_section ul {
    width: 251.7%;
    margin-top: 5.97%;
    margin-left: -115.3%;
  }
  .office_01 .content_section:nth-of-type(1) .right_section ul li {
    position: relative;
    padding-left: 15px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .office_01 .content_section:nth-of-type(1) .right_section ul li:before {
    position: absolute;
    content: '○';
    font-size: 1.2rem;
    line-height: 1.5;
    left: 0;
    top: 0;
  }
  .office_01 .content_section:nth-of-type(1) .right_section figure:after {
    clear: both;
    content: '';
    display: table;
  }
  .office_01 .content_section:nth-of-type(2) {
    margin-top: 7.08%;
  }
  .office_01 .content_section:nth-of-type(2) .main_article,
  .office_03 .main_section article .main_article,
  .office_04 .main_section article .main_article,
  .office_05 .main_section article .main_article {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    box-sizing: border-box;
    padding-left:2.08%;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure,
  .office_03 .main_section article .main_article figure,
  .office_04 .main_section article .main_article figure,
  .office_05 .main_section article .main_article figure {
    width: 44.16%;
    box-sizing: border-box;
    border: 1px solid #dedede;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-align-items:center;
    justify-content: space-between;
    -webkit-justify-content:space-between;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 4.20%;
    position: relative;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure img,
  .office_03 .main_section article .main_article figure img,
  .office_04 .main_section article .main_article figure img,
  .office_05 .main_section article .main_article figure img {
    max-width: 60%;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure:after,
  .office_03 .main_section article .main_article figure:after,
  .office_04 .main_section article .main_article figure:after,
  .office_05 .main_section article .main_article figure:after {
    position: absolute;
    content: '';
    width: 99%;
    height: 1px;
    background: #d9d9d9;
    bottom: -2px;
    left:1px;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure figcaption,
  .office_03 .main_section article .main_article figure figcaption,
  .office_04 .main_section article .main_article figure figcaption,
  .office_05 .main_section article .main_article figure figcaption {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600;
    width: 100%;
    text-align: left;
  }
  .office_01 .content_section:nth-of-type(2) .main_article figure figcaption br,
  .office_03 .main_section article .main_article figure figcaption br,
  .office_04 .main_section article .main_article figure figcaption br,
  .office_05 .main_section article .main_article figure figcaption br{
    display: none;
  }
  .office_02 .top_section figure:first-child {
    margin-bottom: 2.77%;
  }
  .office_02 .top_section figure:last-child {
    margin-bottom: 7.36%;
  }
  .office_02 .same_section {

  }
  .office_02 .same_section .main_article {
    padding-left: 1.94%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .office_02 .same_section .main_article figure {
    width: 44.16%;
    margin-right: 4.02%;
    margin-bottom: 3.47%;
  }
  .office_02 .same_section .main_article .left_article {
    margin-bottom: 3.61%;
  }
  .office_02 .same_section .main_article .right_article {
    margin-bottom: 3.61%;
  }
  .office_02 .same_section:nth-of-type(3) {
    margin-top: 3.61%;
  }
  .office_03 .main_section article .main_article {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .office_03 .main_section article .main_article figure {
    margin-bottom: 3.47%;
  }
  .office_03 .main_section > figure,
  .office_04 .main_section > figure,
  .office_05 .main_section > figure,
  .office_06 .main_section > figure {
    margin-bottom: 3.47%;
  }
  .office_04 .main_section article .main_article,
  .office_05 .main_section article .main_article{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .office_04 .main_section article .main_article figure,
  .office_05 .main_section article .main_article figure  {
    margin-bottom: 27px;
  }
  .office_04 .main_section article .main_article figure:nth-last-child(-n+2),
  .office_05 .main_section article .main_article figure:last-child {
    margin-bottom: 0;
  }
  .office_06 article ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 600;
    padding-left: 1.94%;
    box-sizing: border-box;
  }
  .office_06 article ul li {
    width: 47.85%;
    margin-right:2.15%;
    padding: 1.66% 0;
    border-bottom: 2px solid #d9d9d9;
  }
  .office_06 article ul li:nth-child(even) {
    margin-right: 0;
  }
  .office_07 .main_article {
    box-sizing: border-box;
  }
  .office_07 .main_article .img_article {
    border: 1px solid #e3f3ff;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items:center;
    padding: 6.66% 0;
  }
  .office_07 .main_article .img_article .left_img {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    position: relative;
    margin-bottom: 10.27%;
    width: 67.36%;
  }
  .office_07 .main_article .img_article .left_img:after {
    position: absolute;
    content: '';
    width: 10.3%;
    height: 0;
    padding-top: 10.3%;
    background: url('/service/images/plus_pc.png') no-repeat 0 0;
    background-size: cover;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 105%;
  }
  .office_07 .main_article .img_article .right_img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .office_07 .main_article .img_article .right_img figure {
    width: 30%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-justify-content:flex-start;
    margin-right: 5%;
    text-align: center;
  }
  .office_07 .main_article .img_article .right_img figure:nth-child(3n) {
    margin-right: 0;
  }
  .office_07 .main_article .img_article .right_img figure:last-child {
    margin-bottom: 0;
  }
  .office_07 .main_article .img_article .right_img figure figcaption {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
  }
  .office_07 .main_article .detail_article {
    margin-top: 36px;
  }
  .office_07 .main_article .detail_article h4 {
    margin-bottom: 2.77%;
  }
  .office_07 .main_article .detail_article table {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.5;
    border: 1px solid #d2d2d2;
  }
  .office_07 .main_article .detail_article table tr {
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
  }
  .office_07 .main_article .detail_article table tr:last-child {
    border-bottom: none;
  }
  .office_07 .main_article .detail_article table tr td:nth-child(1) {
    width: 80%;
    padding:3.19% 0 2.5% 3.33%;
    text-align: left;
    border-right: 1px solid #d2d2d2;
  }
  .office_07 .main_article .detail_article table tr:nth-child(odd) {
    background:#f0faff;
  }
  .office_07 .main_article .detail_article > p {
    font-size: 1rem;
    line-height: 2;
  }
  .office_07 .main_section article:nth-of-type(2) {
    margin-top: 6.94%;
  }
  .partner_office ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    justify-content: space-between;
    -webkit-justify-content:space-between;
    padding: 3.33% 3.125% 0;
  }
  .partner_office ul li {
    margin-bottom: 2.77%;
    width: 30%;
  }
  /* page pepper */
  .first_pep h2 {
    text-align: center;
  }
  .first_pep .pepper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 4.296875%;
  }
  .second_pep {
    background: #e5faff;
    padding: 0 3.125% 9.375%;
    box-sizing: border-box;
    margin-top: 17.447%;
  }
  .second_pep .main_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
    -webkit-align-items:center;

  }
  .second_pep .main_section .left_section {
    margin-top: -8.05%;
    width: 86.11%;
    margin-bottom: 7.638%
  }
  .second_pep .main_section .right_section {
    font-size: 1.2rem;
    line-height: 2;
    font-weight: 600;
    width: 100%;
  }
  .second_pep .main_section .right_section p:last-child {
    text-align: center;
    margin-top: 4.4%;
  }
  .second_pep .main_section .right_section p:last-child a {
    display: inline-block;
    width: 77.5%;
  }
  .staff_contact.pep {
    margin-top: 9.24%;
    padding-bottom: 15.625%;
  }
}
  .section_01 table {
    width: 100%;
    border: 1px solid #d2d2d2;
  }
  .section_01 table tbody tr {
    border-bottom: 1px solid #d2d2d2;
  }
  .section_01 table tbody tr td {
    font-size:1.4rem;
    line-height: 2.8rem;
    padding: 18px 0 12px;
  }
  .section_01 table tbody tr td:nth-of-type(1) {
    width: 183px;
    box-sizing: border-box;
    border-right: 1px solid  #d2d2d2;
    text-align: center;
  }
  .section_01 table tbody tr td:nth-of-type(2) {
    padding-left: 59px;
  }