/* CSS Document */



*,

*::before,

*::after{

  box-sizing: border-box;

}

html{

  font-size: 62.5%;

}

body{

  font-size: 1.4rem;

}

img{

  max-width: 100%;

  vertical-align: middle;

}



a:link {

  color: #039;

}

a:visited,

a:active {

  color: #039;

}

a:hover {

  color: #48afea;

  opacity: 0.7;

}



.container{

  width: 960px;

  margin: 0 auto;

}



.section{

  margin: 80px 0;

}

.main .section{

  margin: 60px 0;

}

.section:last-child{

  margin-bottom: 0;

}

.section[class*="bg-"]{

  padding: 40px 0;

}

.clear::after{

  content: "";

  display: block;

  height: 0px;

  clear: both;

  line-height: 0;

  visibility: hidden;

  font-size: 0;

}

#contentArea{

  width: 100%;

  padding: 0 0 80px;

  overflow: hidden;

}

#contentArea *{

  letter-spacing: 0.02em;

}

/*-----------------------------------------

見出し

-----------------------------------------*/

#contentArea .ttl-lv1{

  margin-bottom: 30px;

  font-size: 3.2rem;

  color: #0064d2;

  text-align: center;

}

#contentArea .ttl-lv2{

  position: relative;

  margin-bottom: 30px;

  padding: 18px 40px;

  font-size: 2rem;

  font-weight: bold;

  background: #F9F9F9;

}

#contentArea .ttl-lv2::before{

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  display: block;

  width: 20px;

  height: 4px;

  background: #0064D2;

}

#contentArea .ttl-lv3{

  font-size: 2.2rem;

  padding: 10px 10px 7px;

  margin: 0px 0px 20px;

  font-weight: bold;

  border-bottom: 3px solid #48afea;

}

#contentArea .ttl-lv4{

  clear: both;

  border-bottom-style: none;

  background: url(../img/common/h3-pm.png) no-repeat left center;

  padding: 4px 0px 0px 10px;

  font-size: 124%;

  margin: 30px 0px 20px;

  font-weight: bold;

}

#contentArea .ttl-lv5{

  font-size: 1.9rem;

  padding-bottom: 10px;

  margin: 0px 0px 20px;

  font-weight: bold;

  border-bottom: 1px dotted#3498db;

}

.sub-ttl-01{

  margin-bottom: 20px;

  font-size: 1.8rem;

  font-weight: bold;

  text-align: left;

}

.lead{

  margin-bottom: 20px;

  font-weight: bold;

  font-size: 2.2rem;

  text-align: center;

}

.lead2{

  margin-bottom: 20px;

  font-weight: bold;

}



/*-----------------------------------------

 MV

-----------------------------------------*/

.mv{

  position: relative;

  height: 340px;

}

.mv.dig{

  background: url("../dig/img/renewal/bg_mv.jpg") center/cover;

}

.mv.isg{

  background: url("../isg/img/renewal/bg_mv.jpg") center/cover;

}

.mv.eeg{

  background: url("../eeg/img/renewal/bg_mv.jpg") center/cover;

}

.mv.msg{

  background: url("../msg/img/renewal/bg_mv.jpg") center/cover;

}

.mv.soft{

  background: url("../product/img/bg_products.jpg") center/cover;

}

.mv h1{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  font-weight: bold;

  font-size: 4rem;

  text-align: center;

  color: #fff;

  text-shadow: 0px 0px 10px #0b0048;

}

@media screen and (max-width: 960px){

  .mv h1{

    font-size: 3.2rem;

  }

}



/*-----------------------------------------

 Head Area

-----------------------------------------*/

#headArea #helpMenu {

  font-size: 77.7%;

}



/*-----------------------------------------

 gm Area

-----------------------------------------*/



#gmArea .lv1 {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: flex-start;

}



#gmArea .lv1 li {

  flex: 1 0 auto;

  margin: 0;

  padding: 0;

  position: relative;

  float: none;

}



#gmArea .lv1 > li {

  flex: 1 0 auto;

  margin: 0;

  padding: 0;

  position: relative;

}

#gmArea .lv1 > li > a,

#gmArea .lv1 > li > span {

  display: block;

  padding: 0;

  color: #fff;

  font-size: 1.4rem;

  line-height: 43px;

  text-align: center;

  text-decoration: none;

}

#gmArea .lv1 > li:hover > a,

#gmArea .lv1 > li:hover > span,

#gmArea .lv1 > li > .active{

  background: #60c2fa;

}



#gmArea .gm_ico{

  margin-right: 0.5em;

}



#gmArea .lv2{

  position: absolute;

  width: 100%;

  min-width: 210px;

  border: 1px solid #60c2fa;

  background: #fff;

  box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.6);

  line-height: 1.6;

  -webkit-transition: all .2s ease;

  transition: all .2s ease;

  visibility: hidden;

  opacity: 0;

  z-index: 1;

}

#gmArea .lv1 > li:last-child > .lv2{

  right: 0;

}



#gmArea .lv2 li a,

#gmArea .lv2 li span{

  display: block;

  padding: 1em;

  font-size: 1.4rem;

  color: #000;

  border-bottom: 1px solid #60c2fa;

  text-decoration: underline;

  line-height: 1.6;

}

#gmArea .lv2 li span{

  text-decoration: none;

  background: #F7F9FA;

}

#gmArea .lv2 li a:hover{

  text-decoration: none;

}

#gmArea .lv2 li a::before,

#gmArea .lv2 li span::before{

  content: "\03e";

}

#gmArea .lv2 li:last-child a,

#gmArea .lv2 li:last-child span{

  border-bottom: none;

}



#gmArea .lv1 > li:hover .lv2,

#gmArea .lv1 > li:focus-within .lv2{

  visibility: visible;

  opacity: 1;

}



/*-----------------------------------------

 crumb Area

-----------------------------------------*/

#crumbArea {

  padding: 20px 0;

}

#contentArea .inner{

  font-size: 88%;

}



/*-----------------------------------------

 NEW Foot Navi

-----------------------------------------*/

#new_footNavi {

  padding: 60px 0;

  background: #F7F9FA;

  text-align: left;

  }

#new_footNavi .inner {

  display: flex;

  justify-content: space-between;

  width: 960px;	

  margin: 0px auto;

  background: none;

}

#new_footNavi .inner_block{

  width: 220px;

}

#new_footNavi .lv1 > li:not(:last-child){

  margin-bottom: 20px;

}

#new_footNavi .lv1 > li > a,

#new_footNavi .lv1 > li > span{

  font-size: 1.6rem;

  color: #0064D2;

}

#new_footNavi .lv1 > li > a:hover,

#new_footNavi .lv2 > li > a:hover,

#new_footNavi .lv3 > li > a:hover,

#new_footNavi .lv1 > li > span,

#new_footNavi .lv2 > li > span,

#new_footNavi .lv3 > li > span{

  color: #48afea;

}

#new_footNavi .lv1 > li > ul{

  margin-top: 10px;

}

#new_footNavi .lv2 > li:not(:last-child){

  margin-bottom: 10px;

}

#new_footNavi .lv2 > li > a,

#new_footNavi .lv2 > li > span{

  font-size: 1.2rem;

  color: #000;

  text-decoration: underline;

}

#new_footNavi .lv3 > li > a,

#new_footNavi .lv3 > li > span{

  position: relative;

  display: inline-block;

  font-size: 1.2rem;

  color: #000;

  padding-left: 1em;

}

#new_footNavi .lv2 .lv3,

#new_footNavi .lv3 .lv3{

  padding-left: 10px;

}

#new_footNavi .lv3 > li > a::before{

  position: absolute;

  top: 6px;

  left: 0;

  content: "";

  display: block;

  width: 5px;

  height: 5px;

  border-top: 1px solid #000;

  border-right: 1px solid #000;

  transform: rotate(45deg);

}

#new_footNavi li.noLink{

  position: relative;

}

#new_footNavi li.noLink > span::before {

  position: absolute;

  top: 0;

  left: -3px;

  content:"・";

}



/*-----------------------------------------

 Footer

-----------------------------------------*/



#footArea .inner {

  padding: 20px 0;

  font-size: 1.04rem;

}



#footArea p {

  margin-top: 0;

  margin-left: 0;

  width: 475px;

  font-size: inherit;

}

#footArea .add-box {

  width: 485px;

}

#footArea .add-box .copyright {

  font-size: 1.04em;

  letter-spacing: -0.06em;

  font-style: normal;

}





.pagetop_btn {

  position: fixed;

  z-index: 9999;

  right: 50px;

  bottom: -80px;

  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);

}

.pagetop_btn.show {

  bottom: 44px;

}



/*-----------------------------------------

contents-common

-----------------------------------------*/

.main{

  font-size: 100%;

}

.sub{

  font-size: 1.6rem;

}



/*-----------------------------------------

contact-btn-area

-----------------------------------------*/

.section.contact-btn-area{

  padding: 60px 0;

}

.main .section.contact-btn-area{

  padding: 40px 25px;

}

.contact-btn-area ul li:not(:last-child){

  margin-bottom: 40px;

}

.contact-btn-area .lead{

  font-size: 2.4rem;

}



/*-----------------------------------------

detail-block

-----------------------------------------*/

.detail-block{

  padding: 30px;

  background: #0064D2;

  border-radius: 10px;

  color: #fff;

}



/*-----------------------------------------

均等な段組み

-----------------------------------------*/

ul.col1 > li:not(:last-child){

  margin-bottom: 20px;

}

ul.col2{

  display: flex;

  flex-wrap: wrap;

  margin: 0 -20px -20px;

}

ul.column {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -20px -20px;

}

.column > .col-9 {

  width: calc((100% * 9) / 12 - 40px);

  margin: 0 20px 20px;

}

.column > .col-8 {

  width: calc((100% * 8) / 12 - 40px);

  margin: 0 20px 20px;

}

.column > .col-4 {

  width: calc((100% * 4) / 12 - 40px);

  margin: 0 20px 20px;

}

.column > .col-3 {

  width: calc((100% * 3) / 12 - 40px);

  margin: 0 20px 20px;

}

ul.col2 > li{

  width: calc(50% - 40px);

  margin: 0 20px 20px;

}

ul.col2.no-gutters{

  margin: 0 0 -20px

}

ul.col2.no-gutters > li{

  width: 50%;

  margin: 0 0 20px;

}

ul.col3{

  display: flex;

  flex-wrap: wrap;

  margin: 0 -15px -20px;

}

ul.col3 > li{

  width: calc(100% / 3 - 30px);

  margin: 0 15px 20px;

}



.main ul.col2{

  margin: 0 -10px -20px;

}

.main ul.col2 > li{

  width: calc(50% - 20px);

  margin: 0 10px 20px;

}

/*-----------------------------------------

リスト

-----------------------------------------*/

.list-check-01 > li,

.list-check-02 > li{

  position: relative;

  padding-left: 30px;

}

.list-check-01 > li:not(:last-child),

.list-check-02 > li:not(:last-child){

  margin-bottom: 20px;

}

.list-check-01 > li::before,

.list-check-02 > li::before{

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  display: block;

}

.list-check-01 > li::before{

  width: 20px;

  height: 20px;

  background: url("../img/common/ico_check_01.jpg");

}

.list-check-02 > li::before{

 margin-top: 5px;

  width: 18px;

  height: 14px;

  background: url("../img/common/ico_check02_01.png");

}



.list-bullet-01 > li{

  position: relative;

  padding-left: 1.2em;

}

.list-bullet-01 > li::before{

  content: "●";

  position: absolute;

  top: 0;

  left: 0;

}

.list-bullet-02 > li{

  position: relative;

  padding-left: 1.2em;

}

.list-bullet-02 > li::before{

  content: "・";

  position: absolute;

  top: 0;

  left: 0;

}

.list-note-01 > li{

  position: relative;

  padding-left: 1.2em;

  font-size: 1.2rem;

}

.list-note-01 > li::before{

  content: "※";

  position: absolute;

  top: 0;

  left: 0;

}



.list-tag-01{

  display: flex;

  flex-wrap: wrap;

  margin: 0 -5px -10px;

}

.list-tag-01 > li{

  margin: 0 5px 10px;

  padding: 5px;

  font-size: 1.2rem;

  background: #E0EFF9;

}



/*-----------------------------------------

DL

-----------------------------------------*/

.dl-layout-01{

  display: flex;

}

.dl-layout-01 dt{

  flex: 0 0 auto;

  margin-right: 10px;

  font-weight: bold;

}

/*-----------------------------------------

Button

-----------------------------------------*/

a.link-btn-01,

a.link-btn-02,

a.link-btn-03{

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: #36A9C8;

  text-align: center;

  line-height: 1.2;

  transition: opacity .2s;

  border-radius: 0px;

}

a.link-btn-04{

  transition: opacity .2s;

}

a.link-btn-01{

  font-size: 26px;

  height: 100px;

}

a.link-btn-02{

  font-size: 20px;

  height: 70px;

}

a.link-btn-03{

  font-size: 16px;

  height: 60px;

  background: #0064d2;

}

a.link-btn-01::after,

a.link-btn-02::after,

a.link-btn-03::after{

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%) rotate(45deg);

  display: block;

  width: 15px;

  height: 15px;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

}

a.link-btn-01::after{

  right: 20.5px;

}

a.link-btn-02::after,

a.link-btn-03::after{

  right: 19.5px;

}

a.link-btn-03::after{

  width: 8px;

height: 8px;

}

a.link-btn-01 .small{

  font-size: 22px;

}

a.link-btn-01:hover,

a.link-btn-02:hover,

a.link-btn-03:hover,

a.link-btn-04:hover{

  opacity: 0.6;

}

a.round-btn{

  border-radius: 30px;

}

a.panel-btn-01{

  position: relative;

  display: block;

  height: 100%;

  padding: 20px;

  color: #000;

  border-left: 4px solid #0064D2;

  background: #E0EFF9;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);

  transition: opacity .2s;

}

a.panel-btn-01::after{

  position: absolute;

  top: 30.5px;

  right: 20px;

  content: "";

  display: block;

  width: 10px;

  height: 10px;

  border-top: 2px solid #0064D2;

  border-right: 2px solid #0064D2;

  transform: rotate(45deg);

}

a.panel-btn-01 .title{

  margin-bottom: 10px;

  padding-right: 10px;

  color: #0064D2;

  font-size: 2.4rem;

}

a.panel-btn-01 .title sup{

  font-size: 1.2rem;

  vertical-align: super;

}

a.panel-btn-01:hover,

a.panel-btn-02:hover{

  opacity: 0.6;

}

a.panel-btn-02{

  position: relative;

  display: flex;

  align-items: center;

  height: 90px;

  padding: 0 20px;

  color: #0064D2;

  font-size: 2.4rem;

  border-left: 4px solid #0064D2;

  background: #E0EFF9;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);

  transition: opacity .2s;

}

a.panel-btn-02::after{

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%) rotate(45deg);

  content: "";

  display: block;

  width: 10px;

  height: 10px;

  border-top: 2px solid #0064D2;

  border-right: 2px solid #0064D2;

}



/*-----------------------------------------

Utility

-----------------------------------------*/

.img-shadow{

  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);

}

.bg-gray{

  background: #F7F9FA!important;

}

.bg-l-orange{

  background: #FEEAD4!important;

}

.bg-orange{

  background: #FF902E!important;

}

.bg-skyblue{

  background: #E0EFF9!important;

}

.bg-green{

  background: #CCFFCC!important;

}

.bg-pink{

  background: #FFF6F6!important;

}

.bg-purple{

  background: #E1D5EA!important;

}

.bg-d-blue{

  background-color: #1F497D!important;

}

.bg-blue2 {

  background: #0070C0!important;

}

.color-blue{

  color: #0064D2!important;

}

.d-block{

  display: block!important;

}

.font-size-s{

  font-size: 12px!important;

}

.font-size-m{

  font-size: 16px!important;

}

.height-auto{

  height: auto!important;

}

/* 2022/06/13追記 */

.f-fam-segoeui {

	font-family: "Segoe UI", sans-serif;

}

/*-----------------------------------------

Margin

-----------------------------------------*/

.pb00{

  padding-bottom: 0!important;

}

.pb05{

  padding-bottom: 5px!important;

}

.pb10{

  padding-bottom: 10px!important;

}

.pb15{

  padding-bottom: 15px!important;

}

.pb20{

  padding-bottom: 20px!important;

}

.pb35{

  padding-bottom: 35px!important;

}

.pb40{

  padding-bottom: 40px!important;

}

.mb00{

  margin-bottom: 0!important;

}

.mb05{

  margin-bottom: 5px!important;

}

.mb10{

  margin-bottom: 10px!important;

}

.mb15{

  margin-bottom: 15px!important;

}

.mb20{

  margin-bottom: 20px!important;

}

.mb35{

  margin-bottom: 35px!important;

}

.mb40{

  margin-bottom: 40px!important;

}

.mt00 {

  margin-top: 0px!important;

}

.mt10{

  margin-top: 10px!important;

}

.mt20{

  margin-top: 20px!important;

}

.mt30{

  margin-top: 30px!important;

}

.mt40{

  margin-top: 40px!important;

}

.ml5{

  margin-left: 5px!important;

}

.ml10{

  margin-left: 10px!important;

}

.ml15{

  margin-left: 15px!important;

}

.ml20{

  margin-left: 20px!important;

}

.ml25{

  margin-left: 25px!important;

}

.ml30{

  margin-left: 30px!important;

}

.mr5 {

  margin-right: 5px!important;

}

.mr10 {

  margin-right: 10px!important;

}

.mr15 {

  margin-right: 15px!important;

}

.mr20 {

  margin-right: 20px!important;

}

.mr25 {

  margin-right: 25px!important;

}



/*-----------------------------------------

21/08/05

-----------------------------------------*/

.automotive-systems_table{

  border-collapse: collapse;

}

.automotive-systems_table th, .automotive-systems_table td{

  border: solid 1px black;

  padding: 7px 12px;

}

.automotive-systems_table th{

  text-align: center;

  background-color: #b7dee8;

}

.automotive-systems_table a{

  text-decoration: underline;

}



.development-process_table{

  border-collapse: collapse;

}

.development-process_table th, .development-process_table td{

  border: solid 1px black;

  padding: 4px 8px;

}

/*2022-06-12*/

.d-flex {

  display: flex;

}

.d-iBlock {

  display: inline-block;

}

.taR {

  text-align: right;

}

.taC {

  text-align: center;

}

.taL {

  text-align: left;

}

/* 2022-06-20 */

.domo-strength-2021 {

	display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

    margin-bottom: 20px;

}

.domo-strength-2021::before {

	content: '';

	display: inline-block;

	background-image: url("../product/img/domo/service_partner_2021_left.png");

	background-repeat: no-repeat;

	background-size: contain;

	width: 100px;

	height: 150px;

}

.domo-strength-2021::after{

	content: '';

		display: inline-block;

	background-image: url("../product/img/domo/service_partner_2021_right.png");

	background-repeat: no-repeat;

	background-size: contain;

	width: 100px;

	height: 150px;

}

.domo-strength-2021>p {

	display: inline-block;

	font-weight: bold;

	font-size: 19.3px;

}

.domo-strength-2021>p::after {

	content: '';

	display: block;

	background-image: url("../product/img/domo/line.gif");

	background-repeat: repeat;

	background-size: contain;

	width: 100%;

	height: 15px;

	margin-top: 15px;

}



.domo-strength-2021-dig {

	display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

.domo-strength-2021-dig::before {

	content: '';

	display: inline-block;

	background-image: url("../product/img/domo/service_partner_2021_left.png");

	background-repeat: no-repeat;

	background-size: contain;

	width: 50px;

	height: 85px;

	margin-top: 15px;

}

.domo-strength-2021-dig::after{

	content: '';

		display: inline-block;

	background-image: url("../product/img/domo/service_partner_2021_right.png");

	background-repeat: no-repeat;

	background-size: contain;

	width: 50px;

	height: 85px;

	margin-top: 15px;

}

.domo-strength-2021-dig>p {

	display: inline-block;

	font-weight: bold;

	font-size: 14px;

	text-align: center;

}

.domo-strength-2021-dig>p::after {

	content: '';

	display: block;

	width: 100%;

}



.receive-award {

	padding: 20px 10px;

	background-color: #99CCEE;

	border-radius: 10px;

}

.receive-award p {

	margin-left: 10px;

}

.domo-professional-consultant {

	margin-left: 20px;

}

.recommend-domo-function {

	display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

	flex-wrap: wrap;

}

.recommend-domo-function img {

	width: calc(100% / 3 - 10px);

	margin-bottom: 10px;

}

.recommend-domo-function img:not(:nth-child(3n-2)) {

	margin-left: 10px

}

.back-paleblue {

	padding: 10px 20px;

	border-radius: 20px;

	margin-left: 20px;

	background-color: #E3EEF9;

}

.back-paleblue>p {

	line-height: 1.6;

	margin: 0;

}

.main h2.read {

	font-size: 130%;

    line-height: 1.5;

    clear: both;

    font-weight: bold;

    color: #14519A;

    margin: 0px 0px 30px;

	border: none;

}

.w100p {

	width: 100%;

}

.fontS20 {

	font-size: 20px;

}

.fontS48 {

	font-size: 48px;

}

.main ul.disc li ul.dotted li{

	background: none;

	padding: 0;

}

.main ul.disc li ul.dotted li{

	position: relative;

	padding-left: 1em;

}

.main ul.disc li ul.dotted li::before {

	content: '・';

	position: absolute;

	top: 0;

	left: 0;

}

.color-dblue {

	color: #004B9D;

}

.flex-aligncenter {

	display:-webkit-box;

  	display:-ms-flexbox;

  	display:flex;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}

a.link-btn-03.back-contact-color {

	background: #36A9C8;

}

/*20221025キャリア採用*/

.careerContent {

  font-size: 20px;

  display: inline-block;

}

.careerContent:hover {

  opacity: 0.7;

}

.careerLink {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff !important;

  box-sizing: border-box;

  display: block;

  padding: 15px 50px;

  font-size: 16px;

  transition: opacity .2s;

}

.careerLink::after {

  content: "";

    position: absolute;

    top: 50%;

	right: 19.5px;

    transform: translateY(-50%) rotate(45deg);

    display: block;

    width: 8px;

    height: 8px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

}



/*20221219 MarsFinder導入*/

#headArea #helpMenu {

  display: flex;

  justify-content: flex-end;

}

#headArea #helpMenu .mf_finder_container {

  float: left;

  margin-top: auto;

  margin-left: auto;

  margin-right: auto;

}

#headArea #helpMenu .mf_finder_searchBox {

  margin-left: 0px;

  margin-right: 0px;

}

#headArea #helpMenu .mf_finder_searchBox .mf_finder_searchBox_form {

  width: 160px;

  margin-bottom: 1px;

}

#headArea #helpMenu .mf_finder_searchBox .mf_finder_searchBox_form .mf_finder_searchBox_items {

  background-color: #ffffff;

  box-sizing: border-box;

  border: 2px solid #000000;

  border-radius: 6px;

  padding: 0 4px;

  display: flex;

  align-items: center;

  position: relative;

  justify-content: space-between;

  flex-grow: 1;

}

#headArea #helpMenu .mf_finder_searchBox .mf_finder_searchBox_form .mf_finder_searchBox_items .mf_finder_searchBox_query_input {

  color: #000000;

  font-size: 1.4rem;

  font-weight: 400;

  border: 0;

  min-height: 24px;

  padding: 0px;

  outline: none;

}

#headArea #helpMenu .mf_finder_searchBox_suggest_items {

  text-align: left;

  font-size: 1.4rem;

}

#headArea #helpMenu .mf_finder_searchBox_suggest_item a{

  color: #fff;

}

#headArea #helpMenu .mf_finder_searchBox .mf_finder_searchBox_form .mf_finder_searchBox_items .mf_finder_searchBox_submit {

  width: 24px;

  height: 16px;

  display: block;

  background-image: url(../img/common/head/icon-grass.png);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  border: 0;

  background-color: transparent;

  margin-left: -2px;

}

#headArea #helpMenu .mf_finder_searchBox .mf_finder_searchBox_form .mf_finder_searchBox_items .mf_finder_searchBox_submit::before {

  display: none;

}

.text-bold {

	color: #000;

	font-weight: bold;

}