@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ! CSSの構成 ================================================== 

マイページ
スポット案件作成
  
-------------------------------------------------- */
.operation {
  border-bottom: 1px solid #035;
  padding: 0 0 20px;
  margin: 0 40px 60px;
}


/* ! マイページ ============================================================ */
.mypage_user {
  margin: -10px 0 -30px;
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center;
}
.mypage_user .img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background: #ccc;
  margin: 0 0 20px;
}
.mypage_user .company {
  font: 300 14px/1.2em 'noto sans japanese';
}
.mypage_user .name {
  font: 600 22px/1.2em 'noto sans japanese';
  margin: 10px 0;
}
.mypage_user .status {
  color: #fff;
  font: 600 13px/1em 'noto sans japanese';
  display: block;
  padding: 4px 16px;
  background: #000;
}


/* thのはば */
.th_150 {
    width: 150px;
}c
.th_300 {
    width: 300px;
}
.th_450 {
    width: 450px;
}


/* テーブルレスポンシブ */
@media screen and (max-width: 1366px){
  .list_mypage  {
    margin: -10px !important;
  }
  .list_mypage li {
    width: 100%;
    padding: 10px !important;
    
  }
}



/* メンバーページ共通 */
.body_mypage h3 {
  font: 700 18px/1.2em 'noto sans japanese';
  margin: 40px 0 15px;
  display: -webkit-flex; display: flex;
  -webkit-align-items: flex-end; align-items: flex-end;
  -webkit-justify-content: space-between; justify-content: space-between;
}



/* ! スポット案件一覧 ============================================================ */



/* ! スポット案件作成 ============================================================ */
/* my応札者 */
.body_client_spots_mybidders table {
  margin: 10px 0 0;
}


/* ! マイページ ============================================================ */
/* レイアウト */
.layout {
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
}
.layout > .main {
  -webkit-flex: 1 1 auto; flex: 1 1 auto;
}
.layout > aside {
  -webkit-flex: 0 0 240px; flex: 0 0 240px;
  margin: 0 60px 0 0 ;
}
.layout > .main > .copy {
  font: 400 15px/1.3em 'noto sans japanese';
  margin: 0 0 40px;
}

/* アカウント情報 */
.box_account {
  border-top: 1px solid #035;
  padding: 30px 0 0;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
}
.box_account .img {
  -webkit-flex: 0 0 160px; flex: 0 0 160px;
  margin: 0 40px 0 0;
}
.box_account ul {
  -webkit-flex: 1 1 auto; flex: 1 1 auto;
}


/* サイドバー */
aside {
  background: #eee;
  padding: 30px;
}
aside ul {
  margin: -4px;
}
aside li {
  padding: 4px;
}



/* ! グループ情報 ============================================================ */









/* グループ情報*/
/*
.paginator{
  display: -webkit-flex;
display: flex;
justify-content: center;
}
.paginator li + li{
  padding-left: 50px;
}
.small_logo img{
  width: 100px;
  margin-top: 10px;
  border-radius: 5px;
}
.edituser_form .list_form{
  width: 80%;
  margin: 0 auto;
}
.form_cnt.name{
  display: -webkit-flex;
  display: flex;
}
.form_cnt.name input + input{
  margin-left: 10px;
}
*/

/* .form_cnt select{ */
/*   position: relative; */
/*
  background:url("../img/ico_arrow_down2.svg")right 10px top 50% no-repeat;
  background-size: 15px, 100%;
}
*/ 
/* 競合してるのでコメントアウト */

.form_box .address{
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.form_box .address input{
  width: 100% !important;
  display: block;
}
.tab_cnt .form_box{
  align-items: baseline;
}

/* ユーザー管理*/
/*
.members .layout{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between !important; justify-content: space-between !important;
  margin-bottom: 20px;
}
.members .add{
  padding-left: 40px;
  position: relative;
}
.members .add:before{
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 12px;
  background:url("../img/ico_add.svg") no-repeat center center;
  background-size: contain;
}
.members .table_ttl{
  border-top: 2px solid #035;
  border-bottom: 2px solid #035;
}
.members h3{
  color: black;
}
.btn_.edit{
  background: #fff;
  color: #035;
  border: 1px solid #035;
}
.members .paginate{
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.members .paginate li{
  margin-right: 5px;
  }
.members .paginate .btn_{
  font-size: 10px;
  padding: 5px;
  background: #ccc;
}
*/
/* ユーザー追加*/
/*
h5{
  font: 500 14px/1em 'noto sans japanese';
}
.add_user ul{
  margin: 40px 0;
}
.add_user ul li{
  padding-left: 0;
}
*/
/*
.form_ttl{
  padding: 0;
}
*/



/*
.memberedit_side{
  -webkit-flex: 0 0 240px;
  margin: 0 20px 0 0;
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  justify-content: space-between;
}
.memberedit_side aside{
  margin-bottom: 70px;
}
.account_stop .btn_{
  background-color: #b90f2d;
  margin: 5px 0 0 0; 
  width: 150px;
  text-align: center;
  font-size: 11px;
  padding: 5px;
}
.account_stop .btn_:hover{
  color: #b90f2d;
  border-color: #b90f2d;
  background: #fff;
}
*/


/* ! RFQ物量入力 ================================================== */
.scale_mode ul {
  margin-top: 20px;
  margin-bottom: 10px;
}
.scale_mode p {
  font: 600 13px/1em 'noto sans japanese';
  margin: 0 0 8px;
}

/* 合計 */
.scale_mode .total {
  border-left: 3px solid #357;
  margin: 30px 0 0;
}
.scale_mode .total .form_box {
  padding: 5px 15px;
}
.scale_mode .total p {
  font: 600 18px/1em 'noto sans japanese';
}
.scale_mode .total p span {
  font: 600 12px/1em 'noto sans japanese'; 
  margin: 0 0 0 5px;
}
.scale_mode small {
  color: #aaa;
  font: 300 11px/1.2em 'noto sans japanese';
}


/* ! 必須どちらか ================================================== */
.required.or .form_ttl {
  padding-left: 44px;
}
.required.or .form_ttl:after {
  content: "";
  width: 3px;
  height: 100%;
  background: #357;
  position: absolute;
  top: .5em;
  left: 30px;
}
.required.or + .required.or .form_ttl:after {
  top: 1.5em;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.required.or + .required.or .form_ttl:before {
  content: none;
}
.required.or + .required.or {
  padding-top: 0;
}


/* !  見積もり一覧 ============================================================ */
.box_estimate {
  padding: 60px 0 80px;
  margin: 60px 0 -100px;
}
.box_estimate h3 {
  margin: 0 0 30px;
}

/* 見積もりリスト */
.list_estimate {
  margin: 30px 0 0;
}
.list_estimate article {
  background: #fff;
  border: 3px solid transparent;
  padding: 20px;
  border-radius: 8px;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,.1);
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,.1);
}
.list_estimate article > div {
  -webkit-flex: 1 1 auto; flex: 1 1 auto;
}

/* ステータス */
.list_estimate > li.reject article {
  background: #eee;
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,.1) inset;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,.1) inset;
  border: none;
}
.list_estimate > li.approval article {
  border-color: #d33c44;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.list_estimate article > .info .form_ttl{
  -webkit-flex: 0 0 200px;
  flex: 0 0 90px;
}
.list_estimate article > .info .form_cnt{
  -webkit-align-items: center; align-items: center;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
}

@media screen and (max-width: 1200px){
  .list_estimate article > .info .form_ttl:empty,
  .list_estimate article > .info .form_cnt:empty{
    display: none;
  }
  .list_estimate article > .info > ul{
    margin: 0;
  }
  .list_estimate article > .info > ul li{
    width: 100%;
    padding: 0;
  }

}



/* 金額部分 */
.list_estimate {
  margin: 20px auto -3px; 
}
.list_estimate > li {
  padding: 3px;
}

.list_estimate article .price{
  border-left: 1px solid #ccc;
  padding: 0 0 0 20px;
  margin: 0 0 0 20px;
  flex: 0 0 510px;
}
.list_estimate article .price > ul {
  margin-left: auto;
  -webkit-justify-content: flex-end; justify-content: flex-end;
}
.list_estimate article .price > ul li{
  padding: 0 0 0 8px;
  width: 33.333%;
}
.list_estimate .price p {
  font: 600 18px/1em 'noto sans japanese';
}
.list_estimate .price [class*="font"][class*="little"] p{
  font: 600 15px/1em 'noto sans japanese';
}
.list_estimate .price [class*="font"][class*="many"] p{
  font: 600 12px/1em 'noto sans japanese';
}
.list_estimate .price span.ttl {
  font: 300 11px/1em 'noto sans japanese';
  display: block;
  margin: 0 0 3px;
}
.list_estimate .price span:not(.ttl) {
  font: 600 11px/1em 'noto sans japanese';
  margin: 0 0 0 3px;
}
.list_estimate .price .total {
  font: 900 32px/1em 'noto sans japanese';
  text-align: right;
  border-top: 1px dotted #ccc;
  margin: 10px 0 20px;
  padding: 15px 0 0;
}
/*
.list_estimate .price [class*="font"][class*="littl"].total{
  font: 900 28px/1em 'noto sans japanese';
}
*/
.list_estimate .price [class*="font"][class*="many"].total{
  font: 900 28px/1em 'noto sans japanese';
}
.list_estimate .price .total span {
  font: 600 15px/1em 'noto sans japanese';
}
.list_estimate .price .total span:first-of-type{
  margin: 0 8px 0 0;
}
.list_estimate .price .total span:last-of-type{
  margin: 0 0 0 5px;
}



/* ユーザー */
.box_user {
  margin: 0 0 10px;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
  -webkit-align-items: center; align-items: center;
}
.box_user .img {
  flex: 0 0 60px;
  height: 60px;
  width: 60px;
  display: block;
  border-radius: 50%;
  margin: 0 20px 0 0;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.box_user .group {
  font: 300 13px/1em 'noto sans japanese';
  margin: -3px 0 3px;
}
.box_user .name {
  font: 600 16px/1em 'noto sans japanese';
}


/* ! my応札者管理 招待 ================================================== */
.mybidder .copy {
  text-align: center;
  font: 600 16px/1.3em 'noto sans japanese';
  margin: 0 0 30px;
  padding: 20px 0 0;
}
.mybidder .input_wrap {
  -webkit-justify-content: center; justify-content: center;
}




/* ! 小計 RFQ ================================================== */
.box_subtotal {
  border-top: 1px dotted #ccc;
  margin: 30px 0 0;
  padding: 20px 0 0;
}
.box_subtotal p  {
  color: #555;
  font: 300 13px/1em 'noto sans japanese';
  margin: 10px 0 0;
  text-align: right;
}
.box_subtotal strong {
  font: 900 20px/1em 'noto sans japanese';
  margin: 0 8px;
}


/* 課税ラジオ */
.box_subtotal .input_wrap {
  -webkit-justify-content: flex-end; justify-content: flex-end;
}
.box_subtotal .radio_wrap {
  width: auto;
}


/* ! 合計 RFQ ================================================== */
.box_total {
  padding: 100px 0 20px;
  border-bottom: 3px solid #222;
}
.box_total p  {
  color: #555;
  font: 300 13px/1em 'noto sans japanese';
  margin: 10px 0 0;
  text-align: right;
}
.box_total strong {
  font: 900 36px/1em 'noto sans japanese';
  margin: 0 8px;
}


/* ! コントロール ================================================== */
.box_control {
  padding: 20px 40px;
  background: transparent;
  width: auto;
  display: -webkit-flex; display: flex;
  -webkit-align-items: center; align-items: center;
  -webkit-justify-content: flex-end; justify-content: flex-end;
/*
  position: -webkit-sticky;
  position: sticky;
*/
  top: 0;
  right: 0;
  /* mainの余白分 */
  margin-top: -80px;
  z-index: 1;
  pointer-events: none;
}
.box_control [class*="btnarea_"][class*="center"] {
  pointer-events: all;
 }

/* ! タグリスト ================================================== */
.list_tag {
  margin: -4px -3px;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.list_tag > li {
  padding: 4px 3px;
}
.list_tag label {
  cursor: pointer;
  user-select:none;
  font: 500 13px/1em 'noto sans japanese';
  border: 1px solid #000;
  margin: 0;
  padding: 4px 12px;
  border-radius: 3px;
}
.list_tag label:before,
.list_tag label:after {
  content: none;
}
.list_tag input[type="checkbox"] + label {
  margin: 0;
}
.list_tag input[type="checkbox"]:checked + label {
  color: #fff;
  background: #035;
}

[class*="list_tag"][class*="editrfq"]{
  margin: 0 -3px;
}


/* ! 定期案件見積作成 アップロード ダウンロード ================================================== */
.box_down_up:nth-of-type(2){
  margin-top: 70px;
}
.box_down_up {
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center;
}
.box_down_up p {
  font: 600 15px/1.3em 'noto sans japanese';
  margin: 0 0 15px;
}
.box_down_up [class*="btnarea"] {
  max-width: 600px;
  width: 100%;
  margin: 0 0 7px;
}
.box_down_up [class*="btn_"] {
  padding: 20px 0;
}
.box_down_up [class*="btn_"][class*="download"]:before {
  width: 24px;
  height: 24px;
  left: 30px;
}
.box_down_up form {
  width: 100%;
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center;
  margin: 0 0 0 0;
}

.down_up_history{
  text-align: center;
  font: 500 11px/1em 'noto sans japanese';
/*
  display: -webkit-flex;
  display: flex;
  justify-content: center;
*/
}
.down_up_history div{
  margin-top: 3px;
}




/* ! 定期案件見積作成 RFQ入力 ================================================== */
.box_price_rfq {
  margin: 40px 0 60px;
}
.box_price_rfq [class*="list_form"] > li {
  padding: 24px 16px 0;
}
.box_price_rfq  li > div {
  border-bottom: 1px solid #ccc;
  padding: 0 0 12px;
}
.box_price_rfq .form_cnt {
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
}
.box_price_rfq .select_wrap {
  margin: 0 5px 0 0;
}
.box_price_rfq .subtotal {
  color: #555;
  font: 300 13px/1em 'noto sans japanese';
  text-align: right;
  margin: 0 0 0 auto;
}
.box_price_rfq .subtotal strong{
  font: 900 20px/1em 'noto sans japanese';
  margin: 0 8px;
}



/* ! 契約ページ ================================================== */
.contract_user {
  margin: 0 0 60px;
  display: -webkit-flex; display: flex;
  -webkit-flex-direction: column; flex-direction: column;
  -webkit-align-items: center; align-items: center;
}
.contract_user .img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 0 20px;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.contract_user .company {
  font: 300 14px/1.2em 'noto sans japanese';
}
.contract_user .name {
  font: 600 22px/1.2em 'noto sans japanese';
  margin: 10px 0;
}
.contract_user .status,
.service_info .status{
  color: #fff;
  font: 600 13px/1em 'noto sans japanese';
/*   display: block; */
  padding: 4px 16px;
  background: #000;
}

section.plan_warning{
  border: 2px solid #035;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.plan_warning h3{
  font: 500 18px/1em 'noto sans japanese';
  background: #035;
  margin: 0;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
}
.plan_warning p{
  font: 500 13px/1em 'noto sans japanese';
  line-height: 1.5;
  margin: 0 0 10px 0;
}
.plan_warning > div{
  padding: 30px;
}
/*
.plan_warning h3:before{
  content: "";
  position: absolute;
  background: url("../img/ico_warning.png") no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 34%;
}
*/

/* プランの変更・更新済  */
.changed_plan{
  text-align: center;
}
.changed_plan p{
  font: 500 18px/1.2em 'noto sans japanese';
  margin: 10px 0 20px 0;
}
.changed_plan p.limit{
  background: #eee;
  padding: 15px 80px;
  display: inline-block;
  margin: 0 0 30px;
  font: 600 15px/1.2em 'noto sans japanese';
}


/* 口座情報  */
.bank_account table{
  width: 70%;
  margin: 0 auto 30px;
  border: 2px solid #eee;
  border-radius: 15px;
  font: 600 12px/1.７em 'noto sans japanese';
}
.bank_account table th{
  max-width: 10px;
  padding: 14px 30px;
  background: #eee;
}
.bank_account p{
  font: 400 15px/1.2em 'noto sans japanese';
  text-align: center;
  margin: 20px 0;
}
.bank_account td{
  text-align: left;
}

/* ステータスバー */
.box_status {
  padding: 0 0 20px;
}
.box_status p {
  font: 600 17px/1.７em 'noto sans japanese';
  text-align: center;
  margin: 30px 0 30px;
}
.box_status ul {
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-flex; display: flex;
  -webkit-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-justify-content: center; justify-content: center;
}
.box_status li {
  padding: 20px;
  -webkit-flex: 1 1 0; flex: 1 1 0;
  position: relative;
}
.box_status li + li:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 11px;
  border-color: transparent transparent transparent #ddd;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50% , -50%);
  -ms-transform: translate(-50% , -50%);
  transform: translate(-50% , -50%);
}
.box_status li.current + li:before {
  border-color: transparent transparent transparent #035;
  animation: flash 2s ease infinite;
}
@keyframes flash {
  0% {opacity: 1;}
  20% {opacity: 0;}
  60% {opacity: 1;}
}
.box_status article {
  color: #fff;
  font: 600 16px/1em 'noto sans japanese';
  text-align: center;
  background: #ddd;
  padding: 8px;
}
.box_status .current article {
  background: #035;
}


/* ボタンエリア */
.box_status [class*="btnarea"]{
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.management .body{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; align-items: center;
}


.management .checkbox_wrap label:before,
.management .checkbox_wrap label:after,
.management .radio_wrap label:before,
.management .radio_wrap label:after {
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.marginright_15{
    margin-right: 15px !important;    
}


/* !  ================================================== */
/*
.payments .management .select_wrap span{
  display: none;
}
*/

/*
.select_editrfq select{
  margin-bottom: 12px;
}
*/
/* !  契約情報変更完了 ================================================== */



.service_info .company_info{
  margin: 0 0 30px;
}
.service_info .deadline{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center; justify-content: center;
  margin: 0 auto 30px;
}
.service_info .name {
    margin: 20px 0;
}
.service_info .deadline p{
  font: 500 15px/1.3em 'noto sans japanese' !important;
}
.service_info .deadline{
  margin: 0 0 10px !important;
}
.service_info .red{
  color: #bf1a1a !important;
  font: 500 13px/1.3em 'noto sans japanese' !important;
  margin: 0 0 0 7px;
}



/* !  契約情報変更完了 ================================================== */ 

.service_update h3{
  margin: 0 auto 20px;
  display: inline-block;
}
.service_update ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center; justify-content: center;
  margin: 40px 0;
}
.service_update ul li{
  background: #eee;
  padding: 20px 30px;
  
}
.service_update ul li + li{
  margin-left: 20px;
}
.service_update li span{
  font: 700 16px/1em 'noto sans japanese';
}



/* !  Excel ================================================== */ 
.excellike table{
  border: 4px solid #035;
  padding: 40px;
  display: block;
  overflow: auto;
  white-space: nowrap;
  max-height: 500px;
/*
  -webkit-box-shadow: -40px 0 36px -1px rgba(225,225,225,0.8) inset;
　-moz-box-shadow: -40px 0 36px -1px rgba(225,225,225,0.8) inset);
　box-shadow: -40px 0 36px -1px rgba(225,225,225,0.8) inset;
*/
  margin: 20px 0;
}
.excellike table::-webkit-scrollbar{height:8px;}
.excellike table::-webkit-scrollbar-track{background:#ddd;}
.excellike table::-webkit-scrollbar-thumb{background:#035;}
.excellike table th,
.excellike table td{
  text-align: center;
  border-left: 2px solid #035;
}
.excellike table tbody{
  border-bottom: 2px solid #035;
}
.excellike  .border{
  border-bottom: 2px solid #035;
}
.excellike tfoot td:last-child{
  border-right: 2px solid #035;
}

.excellike table.join_cell{
  padding: 0;
}



/* !  position sticky の代わり？ ================================================== */ 

/*
.nav {
  width: 100%;
}
*/
body.is-fixed .box_control{
  position: fixed;
  top: 0;
  left: 0;
  margin-top: 0;
}
body.is-fixed header {
  margin-bottom: -8px;
}

/* !  選択レーンボタン ================================================== */ 

.lane_choice ul{
  display: -webkit-flex;
  display: flex;
}
.lane_choice,
.lane_confirm{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end; justify-content: flex-end;
  -webkit-align-items: center; align-items: center;
}
.lane_choice p,
.lane_confirm p{
  font: 500 14px/1.3em 'noto sans japanese';
  position: relative;
}
.lane_choice p{
  padding: 0 30px 0 0;
}
.lane_confirm p{
  padding: 0 18px 0 0;
}
.lane_choice p:after{
    color: #333;
    content: "\f107";
    font: normal 18px/1em 'fontawesome';
    position: absolute;
    top: 1px;
    right: 10px;
    transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.lane_choice a,
.lane_confirm a{
  margin: 5px;
}

/* !  選択レーンボタン ================================================== */ 

ul.lane_no{
  display: -webkit-flex;
  display: flex;
}
ul.lane_no li{
  margin-right: 20px;
}
ul.lane_no p{
  font: 500 18px/1.3em 'noto sans japanese';
}
ul.lane_no p .ttl{
  font: 400 14px/1.3em 'noto sans japanese';
}



ul.lane_choice_bulk{
  display: -webkit-flex;
  display: flex;
}
ul.lane_choice_bulk li{
  margin: 0 5px;
}
.margintop{
  margin: 10px 0 0 0;
}



div.lane_list{
  font: 500 14px/1.3em 'noto sans japanese';
}

.form_request h3{
  border-bottom: 3px solid;
  padding-bottom: 5px;
}

.mixed_flg{
  background: yellow;
}
.mixed_error{
  border: 2px solid #FFF !important;
  border-left: 2px solid #035 !important;
  background: #FFF;
  color: red;
}
.mixed_alert{
  border: 2px solid #FFF !important;
  border-left: 2px solid #035 !important;
  background: #FFF;
  color: blue;
}
.error_msg{
  color: red;
  padding: 10px 0;
  text-align: center;
}