/*
Theme Name: erg-ventures
*/
@charset "utf-8";

img{max-width: 100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
p{margin-bottom: 0;}
body{font-size: 16px; font-family: "游ゴシック体" , Yu Gothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; color: #333;}
ul,li{padding: 0; margin: 0;}

/*--- header ---*/
header{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.head_inner{padding: 15px 30px; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
.head_logo{color: #002e77; font-size: 30px; font-weight: 600;}
.head_logo a{display: block;}
.head_logo a img{max-width: 170px;}
.head_nav{display: flex; align-items: center;}
.head_nav li{margin: 0 15px;}
.head_nav li a{color: #333; font-weight: 600; transition: .3s;}
.head_nav li a:hover{opacity: .7;}
.head_nav li .pub_btn{color: #fff;}
.head_nav li .pub_btn:hover{color: #F5A03D; opacity: 1;}
.head_nav li .h_tel{display: block; color: #0F2D73; font-size: 27px; line-height: 0.5;}
.head_nav li .h_tel i{margin-right: 5px;}
.h_tel .small{display: inline-block; padding-left: 35px; font-size: 13px; font-weight: normal;}

/*--- btn ---*/
.pub_btn{color: #fff; background-color: #F5A03D; border: solid 1px #F5A03D; border-radius: 30px; padding: 12px 30px; display: inline-block; transition: .3s;}
.pub_btn:hover{background-color: #fff; color: #F5A03D;}
.pub_btn i{margin-right: 5px; margin-left: 0;}
.pub_btn2{color: #fff; border: 1px solid #fff; border-radius: 30px; padding: 12px 30px; display: inline-block; transition: .3s;}
.pub_btn2:hover{background-color: #fff; color: #0F2D73;}
.btn_box{text-align: center;}
.more_btn{background-color: #0F2D73; border: solid 1px #0F2D73; color: #fff; border-radius: 30px; padding: 15px 80px; display: inline-block; transition: .3s;}
.more_btn:hover{ background-color: #fff; color: #002E77;}
.send_btn{color: #fff; background-color: #0F2D73; border: solid 1px #0F2D73; padding: 13px 100px; display: inline-block; border-radius: 30px; transition: .3s;}
.send_btn:hover{background-color: #fff; color: #002E77;}
.btn_box .se_text{color: #002E77; font-size: 20px; margin-bottom: 30px; font-weight: 600;}

.ad_ser .pub_btn{width: 320px;}

/* bread */
.wrp_bred{padding-top: 20px;}
.wrp_bred span{display: inline-block; font-size: 13px;}
.wrp_bred > .container > div{display: flex; flex-wrap: wrap;}
.wrp_bred > .container > div > span{margin: 0 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 2;}
.wrp_bred > .container > div > span:first-of-type{margin-left: 0;}
.wrp_bred, .wrp_bred a{color: #CCCCCC;}
.wrp_bred a:hover{color: #1F286F;}
.wrp_bred > .container > div > span > span{color: #1F286F; font-weight: 700;}

/*--- section ---*/
.sec_inner{padding: 80px 0; position: relative;}
.sec_tit{margin-bottom: 40px; text-align: center; border-bottom: 1px solid #002e77; position: relative; padding-bottom: 10px;}
.sec_tit::before{content: ''; background-color: #0F2D73; transform: skewX(-20deg); width: 15px; height: 100%;  position: absolute; bottom: 0; left: 15px; }
.sec_tit::after{content: ''; background-color: #0F2D73; transform: skewX(-20deg); width: 1px; height: 100%;  position: absolute; bottom: 0; left: 40px;}
.sec_tit h2{color: #002e77; font-weight: 600; font-size: 32px;}
.sec_tit .sub{font-size: 14px; font-weight: 600; color: #F5A03D;}

/*--- public ---*/
main{margin-top: 100px;}
.bg_sq{padding: 40px 0;}
.bg_sq .sec_inner{overflow: hidden;}
.bg_sq .bg_sq_img{position: absolute; top: 0; right: 0; width: 50%; z-index: -1;}
.bg_sq.ad_part .bg_sq_img{height: 80%;}
.bg_sq2{padding: 40px 0 0px;}
.bg_sq2 .sec_inner{overflow: hidden;}
.bg_sq2 .bg_sq_img2{position: absolute; top: 0; left: 0; width: 50%; z-index: -1;}
.bg_blue{background-color: #ECEFF4;}
.pen{pointer-events: none;}
.pc-hidden2{display: none;}
.sm-hidden2{display: inline-block;}

/*--- fix ---*/
.fix_kv{background-position: center; background-size: cover;}
.fix_kv.contact{background-image: url(assets/images/c_kv.png);}
.fix_kv.yon{background-image: url(assets/images/y_kv.png);}
.fix_kv.service{background-image: url(assets/images/s_kv.png);}
.fix_kv.case{background-image: url(assets/images/ca_kv.png);}
.fix_kv.man{background-image: url(assets/images/man_kv.png);}
.fix_kv.part{background-image: url(assets/images/par_kv.png);}
.fix_kv .fix_tit{padding: 80px 0 70px; text-align: center;}
.fix_kv .fix_tit h1{color: #fff; font-size: 36px; margin-bottom: 5px; font-weight: 600;}
.fix_kv .fix_tit .sub{color: #F5A03D; font-size: 18px;}
.fix_tit2{margin-bottom: 40px; border-bottom: 1px solid #002e77; position: relative; padding-bottom: 10px; display: flex; justify-content: center; align-items: center;}
.fix_tit2::before{content: ''; background-color: #0F2D73; transform: skewX(-20deg); width: 15px; height: 100%;  position: absolute; bottom: 0; left: 15px; }
.fix_tit2::after{content: ''; background-color: #0F2D73; transform: skewX(-20deg); width: 1px; height: 100%;  position: absolute; bottom: 0; left: 40px;}
.fix_tit2 .count{color: #F5A03D; text-align: center; margin-right: 10px; font-size: 14px;}
.fix_tit2 .count .main{font-size: 50px; line-height: 1;}
.fix_tit2 h2{text-align: center;}
.fix_tit2 h2 .sub{color: #F5A03D; font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.fix_tit2 h2 .main{font-size: 32px; color: #0F2D73; font-weight: bold;}

/*--- top ---*/
/* mv */
.mv{position: relative;}
.mv img{width: 100%;}
.mv .wrp_h1{position: absolute; bottom: 10%; left: 0; text-align: center; width: 100%;}
.mv .wrp_h1 h1{position: relative; color: #fff; font-size: 42px; font-weight: 600; z-index: 1; max-width: 80%; margin: 0 auto; padding: 13px 0;}
.mv .wrp_h1 h1::before{transform: skewX(-20deg); content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color:#002E77;}
.mv .wrp_h1 h1::after{transform: skewX(-20deg); content: ''; position: absolute; bottom: -15px; right: -15px; z-index: -1; border: solid 1px #002E77; width: 100%; height: 100%;}

/* o_box */
.o_box{max-width: 850px; margin: 0 auto; line-height: 1.7;}

/* lr_box */
.lr_box{margin-bottom: 70px;}
.lr_box .wrp_box{background-color: #002E77; position: relative; overflow: hidden;}
.lr_box .wrp_box:nth-of-type(2n){background-color: #5581C6;}
.lr_box .box{display: flex; padding: 70px 0px;}
.lr_box .wrp_box:nth-of-type(2n) .box{justify-content: flex-end;}
.lr_box .box_con{width: 50%; color: #fff; padding: 0px 30px;}
.lr_box .box_img{width: 50%; position: absolute; top: 0; right: 0;}
.lr_box .wrp_box:nth-of-type(2n) .box_img{left: 0; right: auto;}
.lr_box .item_tit{display: flex; align-items: flex-end; margin-bottom: 15px;}
.lr_box .wrp_box:nth-of-type(1) .item_tit{align-items: flex-start;}
.lr_box .count{color: #F5A03D; margin-right: 15px; text-align: center; line-height: 1;}
.lr_box .count .sub{font-size: 14px; margin-bottom: 5px;}
.lr_box .count .main{font-size: 42px; font-weight: 600; letter-spacing: 3px;}
.lr_box .item_tit h3{font-size: 28px; font-weight: 600;}
.lr_box .item_con .main{font-size: 18px; margin-bottom: 15px; font-weight: 600;}
.lr_box .item_con .text{margin-bottom: 40px; line-height: 1.7;}
.lr_box .item_con .text .small{font-size: 14px;}
.lr_box .item_con .pub_btn2{padding: 12px 80px;}

/* case_slide */
.case_slide{margin-bottom: 40px;}
.case_slide .item{padding: 8px 8px; display: block; transition: .3s;}
.case_slide .item:hover{opacity: .7;}
.case_slide .item .inner{padding: 25px 25px; box-shadow: 0px 0px 5px #ccc; background-color: #fff;}
.case_slide .item_tit{margin-bottom: 15px;}
.case_slide .item_tit .cat{display: inline-block; border: 1px solid #F5A03D; color: #F5A03D; font-size: 14px; line-height: 1; padding: 5px 10px; margin-bottom: 5px;}
.case_slide .item_tit .main{color: #002E77; font-size: 21px; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.case_slide .item_img{margin-bottom: 20px;}
.case_slide .item_con .main{color: #002E77; font-size: 21px; font-weight: 600; margin-bottom: 20px;}
.case_slide .item_con .text{margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #333; line-height: 1.7;}
.case_slide .item_con .pub_btn2{color: #002E77; border: 1px solid #002E77; font-weight: 600; display: inline-block; padding: 7px 60px; transition: .3s;}
.case_slide .item_con .pub_btn2:hover{color: #fff; background-color: #002E77;}
.case_slide .slick-dots{position: static; margin-top: 5px;}
.case_slide .slick-dots li button::before{color: #002E77; opacity: 0.25; font-size: 11px;}
.case_slide .slick-dots li.slick-active button::before{opacity: 1;}

/* b_box */
.b_box{display: flex; flex-wrap: wrap;}
.b_box .box{width: 50%; padding: 50px 0 80px; background-image: url(assets/images/bg01.png); background-size: cover; background-position: center;}
.b_box .box:nth-of-type(2){background-image: url(assets/images/bg02.png);}
.b_box .box .aj_wrp{max-width: 500px; margin: 0 auto;}
.b_box .item_tit{text-align: center; font-weight: 600; margin-bottom: 30px;}
.b_box .item_tit h2{color: #fff; font-size: 24px;}
.b_box .item_tit .sub{color: #F5A03D; font-size: 14px;}
.b_box .text{margin-bottom: 40px; color: #fff; line-height: 1.7; text-align: center;}
.b_box .pub_btn2{padding: 15px 80px;}
.b_box .ct_box{width: 100%; background-image: url(assets/images/bg03.png); background-size: cover; background-position: center; text-align: center; padding: 80px 0;}
.b_box .ct_box p{color: #fff; font-weight: 600; font-size: 30px; margin-bottom: 30px;}
.b_box .ct_box .pub_btn{padding: 15px 90px;}
.b_box .ct_box2{width: 100%; text-align: center; padding: 30px 0 20px;}
.b_box .ct_box2 .blue{color: #002E77; font-size: 39px; font-weight: 600;}
.b_box .ct_box2 .blue a{color: #002E77; font-size: 39px; font-weight: 600;}

/*--- service ---*/
/* wrp_all */
.wrp_all .text{margin-bottom: 50px;}
.wrp_all .box{display: flex; flex-wrap: wrap;}
.wrp_all .box .item{display: block; width: 24%; margin: 0 0.5%; transition: .3s;}
.wrp_all .box .item:hover{opacity: .7;}
.wrp_all .box .item .item_img{margin-bottom: 10px;}
.wrp_all .box .item .wrp_tit{background-color: #ECEFF4; padding: 10px 0 25px; text-align: center; position: relative; font-weight: bold;}
.wrp_all .box .item .wrp_tit::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f078"; font-weight: 900; bottom: 0; left: 0; right: 0; margin: auto; width: 20px; color: #002E77; font-size: 21px;}
.wrp_all .box .item .wrp_tit .sub{margin-bottom: 5px; font-size: 14px; color: #F5A03D;}
.wrp_all .box .item .wrp_tit .main{color: #002E77; font-size: 18px; height: 54px;}

/* wrp_sbox */
.wrp_sbox .box{display: flex; margin-bottom: 60px;}
.wrp_sbox.re .box:nth-of-type(2n){flex-direction: row-reverse;}
.wrp_sbox .box .content{width: 60%; padding: 0 15px;}
.wrp_sbox .box .content h3{color: #002E77; font-weight: 600; margin-bottom: 20px; font-size: 28px; line-height: 1.7;}
.wrp_sbox .box .content p{line-height: 1.7;}
.wrp_sbox .box .item_img{width: 40%;}
.wrp_sbox .box .item_img .iframe_size{width: 100%; height: 290px;}
.wrp_sbox .box .item_img.txr{text-align: right;}
.wrp_sbox .box .item_img img{max-width: 430px;}
.wrp_sbox .wrp_text{border: solid 2px #002E77; padding: 20px 20px; margin-bottom: 70px;}
.wrp_sbox .wrp_text .i_tit{display: flex; align-items: center; margin-bottom: 20px;}
.wrp_sbox .wrp_text .i_tit h3{color: #002E77; font-size: 20px; font-weight: 600; margin-right: 20px; margin-bottom: 0;}

/* wrp_table */
.wrp_table{margin-bottom: 80px;}
.wrp_table table{width: 100%;}
.wrp_table td,.wrp_table th{border: solid 2px #0F2D73; border-collapse: collapse; padding: 15px 15px;}
.wrp_table th,.wrp_table td:first-of-type{color: #002E77; font-size: 21px; font-weight: 600;}
.wrp_table td:first-of-type{text-align: center;}
.wrp_table li{padding-left: 15px; position: relative;}
.wrp_table li::before{content: '・'; position: absolute; top: 0; left: 0;}
.wrp_table li span{font-size: 14px;}

/* wrp_simg */
.wrp_simg{margin-bottom: 80px;}

/*--- case-study ---*/
.case_box{max-width: 950px; margin: 0 auto;}
.case_box .box{margin-bottom: 80px; margin-top: -100px; padding-top: 100px;}
.case_box .wrp_text{font-size: 18px; margin-bottom: 70px; line-height: 1.7; text-align: center;}
.case_box .box_tit{display: flex; align-items: center; margin-bottom: 20px;}
.case_box .box_tit h2{color: #0F2D73; font-size: 32px; font-weight: 600; margin-right: 10px;}
.case_box .box_tit .cat{border: solid 1px #F5A03D; color: #F5A03D; font-size: 14px; line-height: 1; padding: 5px 10px;}
.case_box h3{color: #0F2D73; font-size: 24px; font-weight: 600; margin-bottom: 30px;}
.case_box .item_img{margin-bottom: 30px;}
.case_box .text{line-height: 1.7;}

/*--- manager ---*/
.wrp_naya,.wrp_sol{max-width: 850px; margin: 0 auto;}
.wrp_naya{margin-bottom: 70px;}
.wrp_naya h2,.wrp_sol h2{display: flex; align-items: center; margin-bottom: 30px;}
.wrp_naya h2 i,.wrp_sol h2 i{color: #F5A03D; font-size: 30px; margin-right: 10px;}
.wrp_naya h2 p,.wrp_sol h2 p{color: #0F2D73; font-size: 32px; font-weight: 600;}
.wrp_naya ul{background-color: #ECEFF4; padding: 20px 20px;}
.wrp_naya ul li{padding-left: 30px; position: relative; margin-bottom: 15px; color: #0F2D73;}
.wrp_naya ul li:last-of-type{margin-bottom: 0;}
.wrp_naya ul li::before{font-family: "Font Awesome 5 Free"; content: "\f14a"; font-weight: 900; position: absolute; top: 0; left: 0; color: #0F2D73;}
.wrp_sol .item_img{margin-bottom: 20px; text-align: center;}
.wrp_sol .text{margin-bottom: 50px;}
.bet_img img{width: 100%;}
.btn_box.bt_s{border-top: 1px solid #0F2D73; padding-top: 30px; margin-bottom: 80px;}

/*--- partner ---*/
.o_box .main{text-align: center; font-weight: bold; color: #0F2D73; margin-bottom: 30px;}
.o_box .item_img{text-align: center; margin-bottom: 40px;}
.ad_part .o_box .text{margin-bottom: 80px;}
.mb_center{text-align: center; margin-bottom: 100px;}

/*--- contact ---*/
.b_text{text-align: center; margin-bottom: 50px;}
.tel_box{color: #002E77; font-size: 39px; font-weight: 600; text-align: center;}
.tel_box a{color: #002E77; pointer-events: none;}
.tel_box i{margin-right: 10px; margin-left: 0;}
.tel_box .small{font-size: 14px; color: #333; font-weight: normal; margin-left: 30px;}
.wrp_form{max-width: 800px; margin: 0 auto;}
.wrp_form .item{margin-bottom: 40px;}
.wrp_form .name{color: #002E77; font-weight: 600; margin-bottom: 15px; position: relative; display: inline-block; font-size: 18px;}
.wrp_form .name.hissu::after{content: '*'; color: #F5A03D; position: absolute; top: -5px; right: -10px;}
.wrp_form .wrp_input input{border: 1px solid #333; padding: 12px 20px; border-radius: 5px; width: 100%;}
.wrp_form .wrp_check .item_check{margin-bottom: 15px;}
.wrp_form .wrp_check input[type="checkbox"]{display: none;}
.wrp_form .wrp_check input[type="checkbox"] + span{cursor: pointer; display: inline-block; position: relative; padding-left: 30px; margin-right: 20px; font-size: 15px;}
.wrp_form .wrp_check input[type="checkbox"] + span::before{content: ""; position: absolute; display: block; box-sizing: border-box; width: 20px; height: 20px; margin-top: -9px; left: 0; top: 50%; border-radius: 3px; background-color: #fff; border: solid 1px #ccc;}
.wrp_form .wrp_check input[type="checkbox"]:checked + span::after{content: ""; position: absolute; display: block; box-sizing: border-box; width: 12px; height: 6px; margin-top: -5px; top: 50%; left: 4px; transform: rotate(-45deg); border-bottom: 2px solid; border-left: 2px solid; border-color:  #fff;}
.wrp_form .wrp_check input[type="checkbox"]:checked + span::before{border: solid 1px #002E77; background-color: #002E77;}
.wrp_form .wrp_text textarea{border: 1px solid #333; padding: 15px 20px; border-radius: 5px; width: 100%;}
.wrp_form .wrp_chui{margin-top: 50px; margin-bottom: 30px;}
.wrp_form .wrp_send{text-align: center;}
.wrp_form .wrp_send img{max-width: 60px; margin-bottom: 20px;}
.wrp_form .wrp_send .wrp_check .item_check{margin-bottom: 30px;}
.tel_box.mb50{margin-bottom: 50px;}

.wrp_check .wpcf7-list-item{display: block; margin-bottom: 15px;}
.wpcf7-spinner{display: block; margin: 0 auto;}

/*--- 404 ---*/
.not_box{max-width: 800px; margin: 0 auto;}
.not_box p{padding-bottom: 40px; margin-bottom: 50px; border-bottom: 1px solid #ccc; line-height: 1.7;}


/*--- footter ---*/
footer{background-color: #ECEFF4;}
.foot_up{display: flex; justify-content: space-between; padding: 70px 40px 90px; border-bottom: 1px solid #C8D0E1;}
.foot_logo{width: 30%; display: flex; align-items: center;}
.foot_logo .logo{width: 80%; font-weight: bold; max-width: 180px;}
.foot_logo .logo a{display: block; color: #002E77; font-size: 14px;}
.foot_logo .logo a:first-of-type{margin-bottom: 10px;}
.foot_logo .logo a img{max-width: 170px;}
.foot_logo .logo .comp{font-size: 13px;}
.foot_logo .p_mark{width: 20%;}
.foot_up ul{display: flex; align-items: center; flex-wrap: wrap; width: 70%; max-width: 650px;}
.foot_up ul li{width: 33%; margin-bottom: 15px;}
.foot_up ul li a{color: #333; font-weight: 600; transition: .3s;}
.foot_up ul li.sm-hidden{color: #333; font-weight: 600; transition: .3s;}
.foot_up ul li a:hover{opacity: .7;}
.foot_up ul li .small{font-size: 12px; font-weight: normal;}
.foot_up ul li i{margin-left: 0; margin-right: 10px;}
.copy{display: flex; justify-content: space-between; font-size: 10px; padding: 15px 0;}
.copy .sub_nav a{display: inline-block; margin-right: 10px; color: #333; font-size: 12px;}


/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
}
  
/*------PC2------*/
@media only screen and (max-width: 1400px) {

  .head_inner{padding: 15px 20px;}
  .head_nav{font-size: 14px;}
  .head_nav li{margin: 0 10px;}
  .head_nav li .h_tel{font-size: 21px;}
  .h_tel .small{font-size: 10px;}

}

/*------PC2------*/
@media only screen and (max-width: 1300px) {

  .head_inner{padding: 15px 15px;}
  .head_logo a img{max-width: 150px;}
  main{margin-top: 91px;}

}


/*---PAD pro---*/
@media only screen and (max-width: 1050px) {

  .head_nav{font-size: 14px;}
  .wrp_h_tel{display: none;}

  .sec_tit h2{font-size: 27px;}

  .mv .wrp_h1 h1{font-size: 30px;}
  .mv .wrp_h1 h1::after{bottom: -10px; right: -10px;}

  .lr_box .box{padding: 30px 0;}
  .lr_box .box_con{padding: 0 15px;}
  .lr_box .item_tit h3{font-size: 21px;}
  .lr_box .count .main{font-size: 33px;}
  .lr_box .count .sub{font-size: 14px;}
  .lr_box .item_con .text{font-size: 14px; margin-bottom: 30px;}
  .lr_box .item_con .pub_btn2{font-size: 14px; padding: 10px 70px;}
  .lr_box .item_con .main{font-size: 16px;}

  .b_box .pub_btn2{padding: 12px 70px; font-size: 14px;}
  .b_box .box .aj_wrp{max-width: 400px; padding: 0 10px 0;}

  .b_box .ct_box p{font-size: 24px;}

  .wrp_sbox .box .item_img img{max-width: 100%;}
  .wrp_sbox .box .item_img .iframe_size{height: 220px;}

  .foot_logo{width: 35%;}
  .foot_up ul{width: 65%; padding-left: 20px; font-size: 14px;}
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {

  body{font-size: 14px;}
  main{margin-top: 80px;}

  .head_nav li{margin: 0 8px;}
  .head_nav li:last-of-type{margin-right: 0;}
  .head_nav li .pub_btn{font-size: 12px;}
  .head_logo a img{max-width: 120px;}

  .lr_box .box_img{bottom: 0; margin: auto; height: 300px;}
  .lr_box .count .sub{font-size: 12px;}

  .case_slide .item_tit .main{font-size: 18px;}
  .case_slide .item_con .main{font-size: 18px;}
  .case_slide .item_tit .cat{font-size: 12px;}

  .wrp_all .box .item{width: 49%; margin-bottom: 20px;}
  .fix_tit2 h2 .main{font-size: 27px;}
  .fix_tit2 .count{font-size: 12px;}
  .fix_tit2 .count .main{font-size: 39px;}
  .wrp_sbox .box .content h3{font-size: 24px; line-height: 1.5;}
  .wrp_sbox .wrp_text .i_tit h3{font-size: 18px;}

  .foot_up{flex-wrap: wrap; padding: 60px 30px;}
  .foot_logo{width: 100%; margin-bottom: 50px; justify-content: center;}
  .foot_logo .logo{width: auto;}
  .foot_logo .p_mark{width: auto; max-width: 60px; margin-left: 10px;}
  .foot_up ul{width: 100%;}

}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {

  /* オフキャンバス */
  .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important;}
  .offcanvas-toggle .icon-bar{background: #002E77;}
  .icon-bar{display:block; width:30px; height:3px; border-radius:1px; margin: auto;}
  .icon-bar + .icon-bar{margin-top:5px}
  .offcanvas-toggle.is-open .icon-bar{background: #fff;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
  .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

  /*offcanvas-size*/
  .navbar-offcanvas{max-width: 100%; position: fixed; width: 100%; height: 100%; background-color: #002E77;}
  .navbar-offcanvas.navbar-offcanvas-right {right: -100%;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-100%); transform: translateX(-100%);}

  .sm-nav-box{position: relative;}
  .sm-nav-box .wrp_nav{padding: 0 15px; margin-top: 20px;}
  .sm-nav-box ul{margin-bottom: 20px;}
  .sm-nav-box li{border-bottom: solid 1px #ccc; position: relative;}
  .sm-nav-box li a{display: block; padding: 15px 0px; font-weight: bold; font-size: 15px; color: white;}
  .sm-nav-box .poz{position: absolute; top: 40%; right: 5%; color: #9f9f9f;}
  .top-bor-nav{border-top: solid 1px #ccc;}

  /*--- header ---*/
  .in_logo{position: absolute; top: 10px; left: 15px; color: #fff; font-size: 30px; font-weight: 600;}
  .in_logo img{max-width: 130px;}
  .head_inner{padding: 10px 15px;}
  .head_nav{display: none;}
  .h_contact{text-align: center; background-color: #fff; padding: 20px 20px;}
  .h_contact .blue{color: #002E77; font-size: 30px; font-weight: 600;}
  .h_contact .pub_btn{padding: 12px 80px; margin-bottom: 15px;}
  .head_logo a img{max-width: 130px;}

  main{margin-top: 74px;}

  /*--- section ---*/
  .sec_tit{margin-bottom: 30px; padding-bottom: 5px;}
  .sec_tit h2{font-size: 21px; margin-bottom: 3px;}
  .sec_tit::before{transform: skewX(-15deg); width: 10px; left: 10px; bottom: -1px;}
  .sec_tit::after{transform: skewX(-15deg); left: 25px; bottom: -1px;}
  .sec_inner{padding: 60px 0;}
  .sec_inner.pb0{padding-bottom: 0;}
  .fix_tit2{margin-bottom: 30px; padding-bottom: 5px; flex-wrap: wrap;}
  .fix_tit2 .count{width: 100%; margin-bottom: 5px; margin-right: 0;}
  .fix_tit2 h2 .main{font-size: 21px; margin-bottom: 3px;}
  .fix_tit2::before{transform: skewX(-15deg); width: 10px; left: 10px; bottom: -1px;}
  .fix_tit2::after{transform: skewX(-15deg); left: 25px; bottom: -1px;}
  .fix_kv .fix_tit h1{font-size: 24px;}
  .fix_kv .fix_tit .sub{font-size: 12px;}
  .fix_tit2 .count .main{font-size: 24px;}

  /*--- public ---*/
  .pc-hidden2{display: inline-block;}
  .sm-hidden2{display: none;}

  .ad_ser .pub_btn{width: 260px;}

  /* bread */
  .wrp_bred{padding-top: 10px;}
  .wrp_bred > .container > div > span{margin: 0 5px;}
  .wrp_bred span{font-size: 10px;}

  /* cta */
  .b_box .ct_box2 .blue a{font-size: 24px;}
  .b_box .ct_box2 .blue{display: inline-block; line-height: 1; margin-bottom: 10px;}

  /*--- top ---*/
  /* mv */
  .mv .wrp_h1{bottom: 0; top: 0; left: auto; right: 20px; width: 60px; margin: auto; height: 90%; letter-spacing: 2px;}
  .mv .wrp_h1 h1{writing-mode: vertical-lr; font-size: 28px; height: 100%; max-width: none; padding: 0 10px;}
  .mv .wrp_h1 h1::before{transform: skewX(0deg); transform: skewY(-12deg); top: 0; bottom: 0; left: 0; right: 0;}
  .mv .wrp_h1 h1::after{transform: skewX(0deg); transform: skewY(-12deg); content: ''; bottom: -10px; right: -10px;}

  .bg_sq{padding-bottom: 0;}

  /* lr_box */
  .lr_box{margin-bottom: 40px;}
  .lr_box .box_img{position: static; width: 100%; padding: 30px 15px 0; height: auto; margin-bottom: 15px;}
  .lr_box .box_con{width: 100%; padding: 0 0;}
  .lr_box .box{padding: 0px 0 30px;}
  .lr_box .item_con{text-align: center;}
  .lr_box .item_con .text{text-align: left;}
  .lr_box .count .sub{font-size: 8px;}
  .lr_box .item_tit h3{font-size: 19px;}
  .lr_box .count .main{font-size: 30px;}

  /* b_box */
  .b_box .box{width: 100%; padding: 40px 0 50px;}
  .b_box .ct_box p{font-size: 18px;}

  .foot_logo{flex-wrap: wrap; margin-bottom: 30px;}
  .foot_logo .logo{width: 100%; text-align: center; margin-bottom: 15px; max-width: none;}
  .foot_logo .p_mark{width: 100%;}
  .foot_up ul{padding-left: 0;}
  .foot_up ul li{text-align: center;}
  .foot_up ul .w100{width: 100%;}
  .foot_up ul .w50{width: 50%;}
  .copy{flex-wrap: wrap;}
  .copy > div{width: 100%; margin-bottom: 10px; text-align: center;}

  /*--- contact ---*/
  .tel_box{font-size: 27px;}
  .tel_box .small{margin-left: 0;}
  .wrp_form .name{font-size: 14px;}
  .wrp_form .wrp_input input{padding: 12px 15px;}
  .tel_box a{pointer-events: painted;}

  /*--- 404 ---*/
  .not_box p{padding-bottom: 30px; margin-bottom: 40px;}
  .not_box .more_btn{padding: 15px 30px;}

  /*--- service ---*/
  .wrp_all .text{margin-bottom: 30px;}
  .wrp_all .box .item .wrp_tit .main{font-size: 14px; height: 42px;}
  .wrp_all .box .item:nth-of-type(n+3) .wrp_tit .main{height: auto;}
  .wrp_sbox .box{flex-wrap: wrap-reverse; margin-bottom: 60px;}
  .wrp_sbox .box.sm-rev{flex-wrap: wrap;}
  .wrp_sbox .box .content{width: 100%; padding: 0 0;}
  .wrp_sbox .box .item_img{width: 100%; margin-bottom: 10px;}
  .wrp_sbox .box .content h3{font-size: 21px; margin-bottom: 10px;}
  .wrp_sbox .wrp_text{margin-bottom: 40px;}
  .wrp_table{overflow: auto; white-space: nowrap; margin-bottom: 40px;}
  .wrp_table th, .wrp_table td:first-of-type{font-size: 16px;}
  .btn_box .se_text{font-size: 16px;}
  .wrp_simg.grid-4{grid-template-columns: 1fr 1fr;}
  .wrp_sbox .wrp_text .i_tit{flex-wrap: wrap; margin-bottom: 10px;}
  .wrp_sbox .wrp_text .i_tit h3{width: 100%; margin-right: 0; margin-bottom: 10px;}
  .wrp_sbox .box .item_img{text-align: center;}
  .wrp_simg{margin-bottom: 40px;}
  .wrp_sbox .box .item_img .iframe_size{height: 200px;}

  /*--- case-studies ---*/
  .case_box .wrp_text{font-size: 15px; margin-bottom: 40px;}
  .case_box .box_tit{flex-wrap: wrap-reverse; margin-bottom: 10px;}
  .case_box .box_tit h2{width: 100%; font-size: 21px; margin-bottom: 5px; margin-right: 0;}
  .case_box .box_tit .cat{font-size: 12px; margin-bottom: 5px;}
  .case_box h3{font-size: 18px; margin-bottom: 20px;}
  .case_box .box{margin-bottom: 50px;}
  .case_box .item_img{margin-bottom: 20px;}

  /*--- manager ---*/
  .wrp_naya h2 p, .wrp_sol h2 p{font-size: 24px;}
  .wrp_naya ul li{padding-left: 20px;}

  /*--- partner ---*/
  .bg_sq.ad_part .bg_sq_img{height: 75%;}
  .ad_part .o_box .text{margin-bottom: 40px;}
  .mb_center{margin-bottom: 50px;}

}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}