/*********************************************************************************


=============================================================================== */
/*******************
margin
********************/


.mb180{margin-bottom: 180px}
.mb120{margin-bottom: 120px}
.mb100{margin-bottom: 100px}
.mb80{margin-bottom: 80px}
.mb50{margin-bottom: 50px}
.mb40{margin-bottom: 40px}
.mb32{margin-bottom: 32px}
.mb25{margin-bottom: 25px}
.mb14{margin-bottom: 14px;}

.mb-50{margin-bottom: -50px}

.mt100{margin-top: 100px}
.mt80{margin-top: 80px}
.mt50{margin-top: 50px}
.mt40{margin-top: 40px}
.mt25{margin-top: 25px}
.mt14{margin-top: 14px;}


.mt-100{margin-top: -180px}

.mlr_auto{
	padding-top:  24px;
	margin-left: auto;
	margin-right: auto;
	width: 564px;
}


.mr40{
  margin-right: 40px;
}

/*----------------------------------------*/
/*  padding
/*----------------------------------------*/

.p40{padding: 40px;}
.p20{padding: 20px;}

.pr24{
	padding-right: 24px;
}


.pt180{padding-top: 180px;}
.pt64{padding-top: 64px;}
.pt44{padding-top: 44px;}
.pt24{padding-top: 24px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pb180{padding-bottom: 180px;}

.pl10{padding-left: 10px;}


/*----------------------------------------*/
/*  行間
/*----------------------------------------*/

.line-h200{
  line-height: 200%!important;
}

/*----------------------------------------*/
/*  ロゴ
/*----------------------------------------*/


.logo_lb {
  position: absolute;
  left: 80px;
  bottom: 80px;
  z-index: 3;
  width: 30%;
}

@media only screen and (max-width: 767px) {
.logo_lb {
  position: absolute;
  left: 40px;
  bottom: 80px;
  z-index: 3;
  width: 50%;
}
}

/*----------------------------------------*/
/*  SP環境での画像切り替え
/*----------------------------------------*/


.pcv{display:block !important;}
.spv{display:none !important;}

@media only screen and (max-width: 767px) {
.pcv{display:none !important;}
.spv{display:block !important;}	
  
  
.bg-image-3 {
  background-image: url(../images/bg/3s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-position: center center;
}
  
.bg-image-12 {
  background-image: url(../images/bg/12s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image-13 {
  background-image: url(../images/bg/13s.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
  
  
  
  
  
}



/*----------------------------------------*/
/*  OUR COMPANY 用本文
/*----------------------------------------*/



table#table_oc {
    width: 100%;
    max-width: 400px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto; 
}

table#table_oc th {
    font-size: 100%;
    width: 30%;
    padding: 30px 10px 10px 10px;
    border-bottom: 1px #000 solid;
    line-height: 120%;
    text-align: left;
}

table#table_oc td {
    font-size: 100%;
    width: 70%;
    padding: 30px 10px 10px 10px;
    border-top: none!important; 
    border-bottom: 1px #000 solid;
    display:table-cell;
    text-align: right;
}

table#table_oc td span.number{
    color: #000000;
}

table#table_oc td span.number a{
    color: #000000;
}

table#table_oc td span.number a:hover{
    color: #000000;
}


/*----------------------------------------*/
/*  FLOW OF OUR WORKS 用本文
/*----------------------------------------*/



table#table_fw {
    width: 100%;
    max-width: 700px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none!important; 
    margin-left: auto;
    margin-right: auto; 
}

table#table_fw th {
    padding: 20px 10px 20px 10px; 
    text-align: left;
}


table#table_fw th p.txt-title {
    font-size: 150%;
}

table#table_fw th p.txt-title span {
    font-size: 120%;
    margin-top: 0px;
    font-weight: 300!important;
    padding-left: 20px;
    line-height: 150%!important:
}


table#table_fw th p.txt-sub {
    font-size: 120%;
    margin-top: 0px;
    font-weight: 300!important;
    padding-left: 20px;
    line-height: 100%!important:
}


table#table_fw td {
    font-size: 150%;
    padding: 0px 0px 0px 20px;
    border: none!important;
    display:table-cell;
    text-align: left;
}

table#table_fw td p.aroow_img{
width: 30px;
}


table#table_fw td p.aroow_img img{
width: 100%;
}


/*----------------------------------------*/
/*  YOUR AGENT 用本文
/*----------------------------------------*/



table#table_yoag {
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none!important;
    margin-left: auto;
    margin-right: auto; 
}

table#table_yoag th {
    padding: 20px 10px 20px 10px; 
    text-align: left;
}


table#table_yoag th p.txt-title {
    font-size: 150%;
}

table#table_yoag th p.txt-title span {
    font-size: 120%;
    margin-top: 0px;
    font-weight: 300!important;
    padding-left: 20px;
    line-height: 150%!important:
}


table#table_yoag th p.txt-main {
    font-size: 120%;
    margin-top: 0px;

    padding-left: 20px;
    line-height: 100%!important:

}


table#table_yoag td {
    font-size: 150%;
    padding: 0px 0px 0px 20px;
    border: none!important;
    display:table-cell;
    text-align: left;
  
}


.text-transform-none{
      text-transform: none;
}

.linktext a{
  text-decoration: none;
  color: #000000;
}

.linktext a:hover{
  text-decoration: none;
  color: #000000;
}



/*----------------------------------------*/
/*  文字色 文字ウェイト
/*----------------------------------------*/

.txt-color-grey_001{
  color: #fff;
}

.txt_weight_bold{
  font-weight: bold;
}