@charset "UTF-8";
@media screen and (max-width: 768px){
  .header-mainInner-in > .site_name {
    width: 100%;
  }
  .header-mainInner-in > .site_name a {
  }
  .header-mainInner .site_name span {
    font-size: 90%;
  }
}
/* .intro */

.intro {
    background-color: #fff2cc;
    padding: 0px;
}

@media (min-width: 1060px){
  .intro .container {

        max-width: 990px;
  }
}



.intro .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
@media (min-width: 992px){
  .col-lg-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px){
  .container {
      max-width: 990px;
  }
}
.intro .container {
  padding-bottom: 15px;
}
.intro .intro-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.intro .intro-text {
    max-width: 700px;
    position: relative;
}
.intro .intro-text .c_logo {
  position:absolute;
  bottom: 0;
  right: 0;
  width: 170px;
}
.intro .intro-text .c_logo img {
  width: 100%;
  border-radius: 3px;
}
.intro .intro-text h1 {
  font-family: a-otf-ryumin-pr6n, serif;
  color: #0a3387;
    font-size: 36px;
    letter-spacing: 3px;
    line-height: 1.3em;
    font-weight: bold;
}
.extra-big-text {
    font-size: 66px;
    font-weight: bold;
    line-height: 1.2em;
}
.smalltext {
    font-size: 16px;
}
.intro .intro-text .min-text {
  font-family: a-otf-ryumin-pr6n, serif;
  margin-top: 25px;
    font-size: 14px;
}
.intro .imgcont {
    margin: 10px 0 0
}
.intro .imgcont img {width: 80%;}

.intro .in-page-form-wrap {
  padding-top: 30px;
  padding-bottom: 0px;
  background: #FFF;
}


@media screen and (max-width: 768px){
  .intro .container {
    margin:  0 10px;
    padding-top: 10px ;
        position: relative;
        padding-bottom: 20px;
  }

  .intro .intro-text {
      position: static;
  }
  .intro .intro-text h1 {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 15px;
  }
  .intro .intro-text h1 .extra-big-text {
    font-size: 26px;
  }
  .intro .intro-text .c_logo {
    position:absolute;
    bottom: 6px;
    right: auto;
    left: 30px;
    width: 70px;
  }
  .intro .intro-text .min-text {
    position:absolute;
    bottom: 8px;
    right: 0;
    font-size: 10px;
    margin-top: 0;
  }
  .smalltext {
      font-size: 10px;
  }
  .intro .imgcont img {width: 100%;}
  .intro .in-page-form {
    box-shadow:0 0 0 4px #0D3388;
  }
}

@media screen and (max-width: 376px){
.intro .intro-text h1 .extra-big-text {
  font-size: 22px;
}

}

.companyvoice__title {
  font-size: 30px;
}

.companyvoice__inner {
  height: auto;
}
.footer {
  padding-top: 0px;
}
.footer-Inner,
.footer02
 {
  display: none;
}

.file_input_wrap {
  display: none;
}
section.specializing {
    padding: 100px 0px;
}

section.specializing h2{font-size:36px;line-height:50px;
  font-family: a-otf-ryumin-pr6n, serif;
  color: #111b45;}
section.specializing h3{font-size:32px;
  font-family: a-otf-ryumin-pr6n, serif;
  color: #111b45;}
section.specializing h4{font-size:24px;
  font-family: a-otf-ryumin-pr6n, serif;
  color: #111b45;}
section.specializing h3 text {font-size: 32px;}
section.specializing .min-text {
  margin-bottom: 15px;
}
.yellow-bar{background:rgb(255,255,255);background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(255,242,204,1) 60%, rgba(255,242,204,1) 100%);}
.yellow-bar text{z-index:1;}
.d-mobile{display:none;margin:0px auto;}
.d-desktop{display:table;}
.specializing-content{background-color:#d9edf8;padding:40px;text-align:center;}
.specializing-content h4{line-height:1.6;font-size:22px;}
@media (max-width:767px){
h2{line-height:normal;}
.extra-big-text{font-size:45px;}
.d-mobile{display:table;margin:0px auto;}
.d-desktop{display:none;}
}
@media (max-width:480px){
section.specializing h2{font-size:30px;}
section.specializing h3{font-size:18px;}
section.specializing h4{font-size:16px;}
.specializing-content{padding:30px;text-align:left;}
.extra-big-text{font-size:30px;}
.min-text{font-size:12px;}
.specializing .extra-big-text{font-size:60px;}
.specializing-content h4{font-size:14px;}
.specializing-content h3{font-size:20px;line-height:1.4;}
.specializing-content h2{line-height:1.2;margin-top:16px;}
}
@media (max-width:390px){
.extra-big-text{font-size:20px;}
}
@media (max-width:348px){
.extra-big-text{font-size:18px;}
}


.companyvoice_area h2{font-size:36px;line-height:50px; position: relative;
  margin-bottom: 15px !important;
  font-family: a-otf-ryumin-pr6n, serif;
  color: #111b45;}
.d-mobile{display:none;margin:0px auto;}
.companyvoice_area  h2{display:table;margin:0px auto;padding:0px 20px;}
.companyvoice_area  h2:before,.companyvoice_area  h2:after{width:2px;height:100%;top:0px;background-color:#000;content:'';position:absolute;}
.companyvoice_area  h2:before{left:0px;transform:rotate(-25deg);}
.companyvoice_area  h2:after{right:0px;transform:rotate(25deg);}
@media (max-width:767px){
h2{line-height:normal;}
.d-mobile{display:table;margin:0px auto;}
.companyvoice_area  h2{font-size:28px;}
.companyvoice_area  h2{padding:0px 30px;}
}
@media (max-width:480px){
h2{font-size:30px;}
.companyvoice_area  h2{font-size:18px;}
.companyvoice_area  h2{padding:0px 20px;}
}

.companyvoice_area p {
  margin: 0 auto;
  text-align: center;
    font-size: 22px;
    font-weight: 700;
    font-family: Amiri,'游明朝',YuMincho,'ヒラギノ明朝 ProN W3',Hiragino Mincho ProN,'HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
    color: #282747;
    line-height: 1.8;
}

.companyvoice_area p.caption {
  font-size: 16px;
  margin-bottom: 15px
}
.sec-top-contents.awards {
  padding-top: 40px;
}

@media screen and (max-width: 768px){
  .companyvoice_area {
    padding: 0 !important;
  }
  .specializing {
    padding: 40px 0 !important;
  }
  .companyvoice_area h2 {
    line-height: 36px;
  }
  .companyvoice_area p {
    font-size: 18px;
  }
  .companyvoice_area p.caption {
    font-size: 12px;
  }
  .sec-top-contents.awards .contents-box .copy_companyvoice {
    /* font-size: 20px; */
  }
}


/* .intro */

.body__lp_company .intro {
    padding: 0px;
    background: none;
}
.body__lp_company .intro .container {
  padding-bottom: 0;
}

.body__lp_company .mv img {
  width: 100%;
}

@media screen and (min-width: 769px){
  .body__lp_company .intro {
    background: #0D3388;
  }
  .body__lp_company .in-page-form-wrap {

    padding: 3% 2% 3% 62%;
    background: url('/common/img/lp_company/pc_lp_16827.png') no-repeat left top #0D3388;
    background-size: auto 100%;
    width: 43%;
  }
  .body__lp_company .in-page-form-wrap .in-page-form {
    width: 490px;
  }
}

/* v2 */
.body-lp_maker_v2 .wrap-name, .body-lp_maker_v2 .wrap-tel, .body-lp_maker_v2 .wrap-birth {
  display: none !important;
}
.body-lp_maker_v2 .in-page-form {
  width: 400px;
  padding: 35px 15px 45px;
}
.body-lp_maker_v2 .in-page-form-note {
  line-height: 1.4;
  font-size: 10px;
  margin-top: 10px;
}
.body-lp_maker_v2 .in-page-form .in-page-form-cont {
  border: none;
}
.body-lp_maker_v2 #tmf__mailaddress {
  margin: 10px 0;
  padding: 10px;
  height: 46px;
  border: 1px solid #AAA;
  background: #FFF;
}

.body-lp_maker_v3 .top_share_wrap,
.body-lp_maker_v4 .top_share_wrap {
  background-image: linear-gradient(90deg, rgba(20,25,73,1) 0%, rgba(20,25,73,1) 35%, rgba(20,25,73,1) 60%, rgba(11,34,110,1) 90%);
  margin: 0 auto;
  width: 100%;
}
.body-lp_maker_v3 .top_share_wrap .top-main-share,
.body-lp_maker_v4 .top_share_wrap .top-main-share {
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 0 10px;
}

.bottom_btn_wrap a {

  width: 430px;
  height: 60px;
  line-height: 60px;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none !important;
  color: #FFF;
  text-align: center;
  background-image: url(../img/top_b/ico_arrow.png);
  background-size: 15px 27px;
  background-repeat: no-repeat;
  background-position: right 5% center;
  background: linear-gradient(to right, #F87855, #f24137);
}

@media screen and (max-width: 768px){
  .bottom_btn_wrap a {
    margin: 0 5px;
    width: 100%;
    font-size: 4vw;
  }
  .contentsBlock {
    margin-top: -40px;
  }
}

.companylogos_wrap {
  width: 100%;
}

.companylogos_wrap ul {
  max-width: 1080px;
  margin: 30px auto 10px;
}

.companylogos_wrap p {
  max-width: 1080px;
  margin: 0 auto;
  font-size: 12px;
  text-align: right;
}
.pc-clm5_sp-clm3_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.pc-clm5_sp-clm3_box li {
  width: 196px;
  margin: 0 25px 10px 0;
  box-sizing: border-box;
  list-style: none;
}
.pc-clm5_sp-clm3_box li img {
  width: 100%;
  padding: 0 0;
  background: #FFF;

  border: 1px solid #c7c7c7;
  border-radius: 3px;
}

@media screen and (max-width: 768px){
.in-page-form-wrap {
  width: 100%;
  padding: 0;
}
.body-lp_maker_v3 .pc-clm5_sp-clm3_box,
.body-lp_maker_v4 .pc-clm5_sp-clm3_box {
  padding: 0 3%;
  margin: 10px 0 0;
}
.body-lp_maker_v3 .pc-clm5_sp-clm3_box li,
.body-lp_maker_v3 .pc-clm5_sp-clm3_box li:nth-child(3n),
.body-lp_maker_v4 .pc-clm5_sp-clm3_box li,
.body-lp_maker_v4 .pc-clm5_sp-clm3_box li:nth-child(3n) {
  width: 23.5%;
  margin: 0 2% 2% 0;
}

.body-lp_maker_v3 .pc-clm5_sp-clm3_box li:nth-child(4n),
.body-lp_maker_v4 .pc-clm5_sp-clm3_box li:nth-child(4n) {
  margin-right: 0;
}
.companylogos_wrap p {
  padding: 0 3%;
  font-size: 10px;
}
}

@media screen and (min-width: 769px){
  .body-lp_maker_v3 .mainvisual {
    min-height: 650px;
  }
  .body-lp_maker_v3 .main__h1 img {
    width: 100%;
  }
  
  .body-lp_maker_v3 .in-page-form {
    width: 520px;
    padding: 25px 15px 35px;
  }
  .body-lp_maker_v4 .in-page-form-title-outside {
    display:none;
  }
}

@media screen and (min-width: 1280px){
  .body-lp_maker_v3 .main__h1 img {
    width: 86%;
  }

}

.body-lp_maker_v4 .bottom_btn_wrap a,
.body-lp_maker_v4 .contentsBlock.bottom_btn_wrap.in_mainvisual a {
  background-color: #d91919;
}