@charset "UTF-8";
/* CSS Document */

/* 2020/07 追記 */

.marginT60{
 margin-top: 60px !important;
}

.marginT40{
 margin-top: 40px !important;
}

.marginT20{
 margin-top: 20px !important;
}

.marginT10{
 margin-top: 10px !important;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.text_CenterAndLeft{
 text-align: center;
}

@media (max-width: 767px) { 
 .text_CenterAndLeft{
 text-align: left;
}
}





/*観光DMO・訪日外国人調査ソリューション*/

#foreigner{
 font-family: YuGothic,"Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#foreigner .strong{
 
}

#foreigner p{
 margin: 0;
 padding: 0;
}

#foreigner .col_item{
 margin-bottom: 40px;
}

/*product*/

#foreigner .foreigner_title{
 background: url("../../images/foreigner/foreigner_top_bg.jpg") no-repeat top center;
 min-height: 400px;
 background-size: cover;
 align-items: center;
 display: flex;
 text-align: center;
 justify-content: center;
}

#foreigner .foreigner_title img{
 max-width: 100%;
}

#foreigner #product{
 text-align: center;
}

#foreigner #product a{
 color: #333;
}

#foreigner #product h2{
 width: 100%;
}

#foreigner #product h2 span{
 font-size: 1.2em;
 border-bottom: 3px solid #666;
}

#foreigner #product .product_title{
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 20px;
}

#foreigner #product .col_item img{
 max-height: 150px;
}

@media (max-width: 767px) { 
 
 #foreigner #product .product_title{
 font-size: 1.1em;
 margin-top: 10px;
 margin-bottom: 20px;
 }
 
 #foreigner #product .col_item p.marginT10{
  display: none;
 }
 
 #foreigner #product .col_area{
	display: block;
	width: 90%;
	margin: 0 auto;
}
 
 #foreigner #product .col_area:after{
  content: "";
  clear: both;
  display: block;
 }
 
 #foreigner #product .col_item{
  display: block;
  width: 50%;
  float: left;
  margin: 0 auto;
 }
 
 #foreigner #product .col_item:last-child{
  float: none;
  margin-left: auto;
  margin-right: auto;  
 }
 
 }

/*works*/

#foreigner #works{
 background: url("../../images/foreigner/foreigner_bg.jpg") no-repeat;
 background-size: cover;
 padding: 60px 0;
}

#foreigner #works h2{
 color: #fff;
 text-align: center;
 font-size: 2em;
 letter-spacing: 0.5em;
}

#foreigner #works h2 span{
 display: block;
 font-size: 12pt;
}

#foreigner #works #works_1{
 background: #fff;
 padding: 20px;
 margin-top: 20px;
}

@media (max-width: 767px) { 
 #foreigner #works #works_1{
  padding: 0;
 }
}

#foreigner #works ul li{
 float: left;
 padding: 10px 20px;
}

#foreigner #works ul li img{
 height: 40px;
}

#foreigner #works #works_1 p{
 text-align: center;
 font-size: 1.2em;
}

#foreigner #works h3{
 color: #fff;
 text-align: center;
 font-size: 2em;
 letter-spacing: 0.5em;
}

#foreigner #works .col_area{
 
}

#foreigner #works .col_item .col_area .col_item { 
 background: #fff;
 padding: 20px 20px 20px 100px;
 position: relative;
}

#foreigner #works .col_item .col_area .col_item img{
 height: 60px;
 position: absolute;
 top: 20px;
 left: 20px;
}

#foreigner #works .col_item .col_area .col_item p{
 margin: 0;
 text-align: center;
}

#foreigner #works .col_item .col_area .col_item p strong{
 font-size: 1.2em;
}

#foreigner #works .col_item .col_area .col_item p span{
 display: block;
 background: #2CAA5D;
 color: #fff;
 margin-top: 10px;
}
#foreigner #works .col_item .col_area .col_item:hover p span{
 background: #f99810;
}

#foreigner #works .col_item .col_area .col_item a{
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

#foreigner #works .col_item .col_area .col_item a:hover{
 border: 3px solid #f99810;
}

@media (max-width: 767px) { 
 
#foreigner #works .col_item{
 background: none;
 padding: 0;
 position: relative;
 margin-bottom: 0;
}
 
#foreigner #works .col_area .col_item .col_area{
	display: table;
	width: calc(100% + 40px);
	margin-left: -20px;
 border-spacing: 20px;
}
 
#foreigner #works .col_area .col_item .col_area .col_item{
 background: #fff;
	display: table-cell;
 padding: 10px;
 text-align: center;
} 
 
#foreigner #works .col_item .col_area .col_item img{
 position: relative;
 top: 10px;
 left: 0;
}
 
#foreigner #works .col_item .col_area .col_item p{
 margin-top: 20px;
 position: relative ;
 min-height: 110px;
 }
 
#foreigner #works .col_item .col_area .col_item p span{
 position: absolute ;
 bottom: 0;
 width: 100%;
}
}

/*index*/

#foreigner #index h2{
 font-size: 2em;
 text-align: center;
}

#foreigner #index .col_item{
 background: #eee;
 text-align: center;
 padding: 20px 0 50px 0;
 position: relative
}

#foreigner #index .col_item:hover{
 background: none;
}

#foreigner #index .col_item h3{
 background: #2CAA5D;
 width: 150px;
 height: 150px;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 font-size: 1.6em;
 margin: 0 auto 10px auto; 
 letter-spacing: 0.5em;
 padding: 35px 0 0 0.5em;
}

#foreigner #index .col_item:hover h3{
 background: #f99810;
}

#foreigner #index .col_item ul li{
 margin: 0;
 padding: 0;
}

#foreigner #index .col_item p{
 background: #2CAA5D;
 position: absolute;
 width: 100%;
 bottom: 0;
 height: 40px;
 margin: 0;
 line-height: 1em;
 padding: 10px 0 0 0;
 color: #fff;
}

#foreigner #index .col_item:hover p{
 background: #f99810;
}

#foreigner #index .col_item p span:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#foreigner #index .col_item a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}

#foreigner #index .col_item a:hover{
 border: 3px solid #f99810;
}

@media (max-width: 767px) { 
 #foreigner #index .col_item ul li{
  display: inline-block;
 }
 #foreigner #index .col_item ul li:after{
  content:" ・";
 }
 #foreigner #index .col_item ul li:last-child:after{
  content:"";
 }
}

/*issue*/

#interest,#actual_conditions,#consume,#environment,#human_resources{
 
}

#foreigner .issue{
 border: 5px solid #eee;
 padding: 40px;
}

#foreigner .issue h2{ 
 border-bottom: 5px solid #2CAA5D;
 width: 300px;
 margin: 0 auto;
}

@media (max-width: 767px) { 
 
 #foreigner .issue{
 padding: 20px;
}
 
 #foreigner .issue h2{ 
 width: auto;
}
}

#foreigner .issue h2 span{
 background: #eee;
 padding: 15px 0x;
 display: block;
 border-bottom: 5px solid #fff;
 letter-spacing: 0.5em;
 font-size: 1.2em;
 text-align: center;
}

#foreigner .issue .text p{
 font-weight: bold;
 margin: 20px 0;
 font-size: 1.2em;
}

#foreigner .issue .research_image{
 background-color: #fdfdfd;
background-image: linear-gradient(180deg, #7e9293 0%, #e2c8a3 100%);
 margin: 40px 0;
 padding: 20px;
}

#foreigner .issue .research_image h3{
 text-align: center;
  color: #fff;
 font-size: 1.6em;
 letter-spacing: 0.5em;
}


#foreigner .issue .research_image h4{
 color: #fff;
 width: calc(75% + 20px);
 margin: 0 auto -10px auto;
}

@media (max-width: 767px) { 
 
 #foreigner .issue .research_image h3{
 letter-spacing: 0.4em;
}
 
 #foreigner .issue .research_image h4{
 width: auto;
}

 }

#foreigner .issue .research_image .col_area{
 width: calc(75% + 20px);
	border-spacing: 10px 0;
 margin: 20px auto;
}

#foreigner .issue .research_image .col_item{
 background: #fff;
 text-align: center;
 padding: 20px;
 border-radius: 10px;
 margin-bottom: 10px;
}

#foreigner .issue .research_image .col_item img{
 height: 150px;
}

@media (max-width: 767px) { 
 
 #foreigner .issue .research_image .col_item{
  padding: 10px;
 }
 
 #foreigner .issue .research_image .col_item img{
display: none;
}
 
}


#foreigner .issue .research_image .col_item p{
 margin: 0;
 font-weight: bold;
}

#foreigner .issue .research_image .col_area .next{
 background: url("../../images/foreigner/arw_right.png") no-repeat center;
 width: 40px;
 background-size: 20px 30px;
}

@media (max-width: 767px) { 
 #foreigner .issue .research_image .col_area .next{
 background: url("../../images/foreigner/arw_dwn.png") no-repeat center;
  width: auto;
 background-size: 30px 20px;
 }
}

#foreigner .issue .method h3{
 font-size: 1.6em;
 text-align: center;
 margin: 0 0 20px 0;
 letter-spacing: 0.5em;
}


#foreigner .issue .method .col_area{
 width: auto;
 margin: auto;
 border-spacing: 20px;
}

#foreigner .issue .method .col_item{
 text-align: center;
 padding: 20px 20px 50px 20px;
 width: 198px;
 position: relative;
}



#foreigner .issue .method .blue{
 border-top: 5px solid #5B9BD5;
}

#foreigner .issue .method .yellow{
 border-top: 5px solid #FFD966;
}

#foreigner .issue .method .gray{
 border-top: 5px solid #A6A6A6;
}

#foreigner .issue .method .green{
 border-top: 5px solid #70AD47;
}

#foreigner .issue .method .pink{
 border-top: 5px solid #F8CBAD;
}


#foreigner .issue .method .col_item:hover{
 background: #fff;
}

#foreigner .issue .method .col_item p{
 margin: 0;
 font-weight: bold;
}

#foreigner .issue .method .col_item img{
 height: 100px;
 mix-blend-mode: multiply;
 margin-top: 10px;
}

#foreigner .issue .method .col_item span{
 position: absolute;
 bottom: 0;
 height: 30px;
 display: block;
 width: 100%;
 margin-left: -20px;
 line-height: 30px;
 background: #EEEEEE;
}

#foreigner .issue .method .col_item:hover span{
 
}

#foreigner .issue .method .col_item a{
 position: absolute;
 top: 0;
 left: 0;
 height: 40px;
 display: block;
 width: 100%;
 height: 100%;
}

#foreigner .issue .method .col_item a:hover{
 background: rgba(0,0,0,0.05);
}



@media (max-width: 767px) { 

#foreigner .issue .method .col_area{
display: block ;
width: auto ;
}

#foreigner .issue .method .col_area:after {
content: "";
clear: both;
display: block;
}

#foreigner .issue .method .col_item{
display: block ;
width: 45%;
float: left ;
margin: 10px 2.5%;
}
 
 #foreigner .issue .method .col_item p{
  line-height: 1.4em;
  height: 50px;
 }
 
 #foreigner .issue .method .col_item p br{
  display: none;
 }
 
 #foreigner .issue .method .col_item img{
  height: auto;
  margin: 0;
  padding:0 20px;
  }
 #foreigner .issue .method .col_item{
  padding: 10px 0 40px 0;
 }
 
 #foreigner .issue .method .col_item span{
 margin-left: 0;
}
 
}

#foreigner .issue .method .sns .pc_only{
 margin-left: auto;
 margin-right: auto;
}


#foreigner .issue .estimate{
 background: url("../../images/foreigner/estimate.jpg") no-repeat left center;
 width: 700px;
 margin: 40px auto 0 auto;
 height: 100px;
 background-size: cover;  
}

#foreigner .issue .estimate a{
 display: block;
 height: 100%;
 line-height: 100px;
 color: #fff; 
 font-size: 1.6em;
 letter-spacing: 1px;
 font-weight: bold;
 padding: 0 0 0 40px;
}

@media (max-width: 767px) {
 #foreigner .issue .estimate{
  background: url("../../images/foreigner/estimate.jpg") no-repeat center;
  width: auto;
  text-align: center;
 }
 
 #foreigner .issue .estimate a{
  line-height: 1.6em;
  padding: 15px 0 0 0;
  }
}


#foreigner .issue .estimate a:hover{
 background: rgba(255,255,255,0.2);
 opacity: 1;
}


/*観光DMO・訪日外国人調査ソリューション 調査手法別紹介 */



#foreigner_method .for_fixed_header{
 padding-top: 105px; 
}

#foreigner_method .for_fixed_header_top{
 margin-top: -50px;
}

@media all and (-ms-high-contrast: none) {
  /* IE */
 #foreigner_method .for_fixed_header{
 padding-top: 250px;
 margin-top: -150px;
}
 
#foreigner_method .for_fixed_header_top{
 margin-top: -150px;
}
}

#foreigner_method{
 font-family: YuGothic,"Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#foreigner_method .content_title{
 font-family: YuGothic,"Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#foreigner_method .method_title{ 
 width: 100%; 
}

#foreigner_method .method_title .contents{ 
 display: table;
 width: 1200px;
 margin: auto;
 height: 260px;
}

#foreigner_method .method_title .method_img,
#foreigner_method .method_title .method_text{
 display: table-cell;
 vertical-align: middle; 
 text-align: center;
 color: #fff;
 font-size: 2em;
 font-weight: bold;
}
#foreigner_method .method_title .method_img{
 width: 400px;
}

@media (max-width: 767px) { 
 #foreigner_method .method_title .contents{
 height: auto;
 display: block;
 width: auto;
}
 
 #foreigner_method .method_title .method_text{
  display: block;
  font-size: 12pt;
  margin-top: 0;
  padding: 0 0 15px 0;
 }
 #foreigner_method .method_title .method_img{
  display: block;
 width: auto;
  height: 260px;
  padding: 15px 0 0 0;
  margin-bottom: 0;
}
}



#foreigner_method #method_01 .method_title{
 background:url("../../images/foreigner_method/method_01.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_02 .method_title{
 background:url("../../images/foreigner_method/method_02.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_03 .method_title{
 background:url("../../images/foreigner_method/method_03.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_04 .method_title{
 background:url("../../images/foreigner_method/method_04.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_05 .method_title{
 background:url("../../images/foreigner_method/method_05.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_06 .method_title{
 background:url("../../images/foreigner_method/method_06.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_07 .method_title{
 background:url("../../images/foreigner_method/method_07.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_08 .method_title{
 background:url("../../images/foreigner_method/method_08.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_09 .method_title{
 background:url("../../images/foreigner_method/method_09.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_method #method_10 .method_title{
 background:url("../../images/foreigner_method/method_10.jpg") no-repeat top center;
 background-size: cover;
}


#foreigner_method .col_area .col_item .title{
 text-align: center;
 font-weight: bold;
 border-top: 5px solid #eee;
 padding: 10px 0 0 0;
 font-size: 1.4em;
 letter-spacing: 0.5em;
}

#foreigner_method .col_area .col_item ul{
 padding: 0 0 0 100px;
 min-height: 70px;
}

#foreigner_method .col_area .col_item ul li{
 list-style: disc;
 padding: 0;
 margin-bottom: 5px;
}

#foreigner_method .col_area .col_item ul.ico_1{
 background: url("../../images/foreigner_method/ico_01.jpg") no-repeat;
 background-size: 70px 70px;
}

#foreigner_method .col_area .col_item ul.ico_2{
 background: url("../../images/foreigner_method/ico_02.jpg") no-repeat;
 background-size: 70px 70px;
}

#foreigner_method .col_area .col_item ul.ico_3{
 background: url("../../images/foreigner_method/ico_03.jpg") no-repeat;
 background-size: 70px 70px;
}

/*観光DMO・訪日外国人調査ソリューション 事例*/


#foreigner_works{
 font-family: YuGothic,"Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#foreigner_works p{
 margin: 0;
 padding: 0;
}

#foreigner_works .for_fixed_header{
 padding-top: 105px; 
}

#foreigner_works .for_fixed_header_top{
 margin-top: -85px;
}

@media all and (-ms-high-contrast: none) {
  /* IE */
#foreigner_works .for_fixed_header{
 padding-top: 250px;
 margin-top: -150px;
}
 
#foreigner_works .for_fixed_header_top{
 margin-top: -230px;
}
}


#foreigner_works #foreigner_works_01 .works_title{
 background: url("../../images/foreigner_works/works_1_top.jpg") no-repeat top center;
 height: 400px;
 background-size: cover;
}

#foreigner_works #foreigner_works_02 .works_title{
 background: url("../../images/foreigner_works/works_2_top.jpg") no-repeat center center;
 height: 400px;
 background-size: cover;
}

#foreigner_works #foreigner_works_03 .works_title{
 background: url("../../images/foreigner_works/works_3_top.jpg") no-repeat center center;
 height: 400px;
 background-size: cover;
}

#foreigner_works #foreigner_works_04 .works_title{
 background: url("../../images/foreigner_works/works_4_top.jpg") no-repeat top center;
 height: 400px;
 background-size: cover;
}

#foreigner_works .works_title{
 align-items: center;
 display: flex;
 text-align: center;
 justify-content: center;
}

#foreigner_works .works_title h1{
 border: 5px solid #fff;
 border-radius: 50%;
 color: #fff;
 width: 350px;
 height: 350px;
 font-size: 28pt;
 padding: 60px 0 0 0;
}

#foreigner_works .purpose h2{
 text-align: center;
 font-size: 18pt;
}

#foreigner_works .purpose p{
 text-align: center;
 font-size: 20pt;
 font-weight: bold;
}

#foreigner_works .purpose .col_item{
 border-top: 5px solid #ccc;
 margin-bottom: 40px;
}

#foreigner_works .purpose .col_item h3{
 text-align: center;
 padding: 10px; 
}

#foreigner_works .purpose .col_item li {
 list-style: disc;
 margin-left: 1.5em;
 padding: 0;
}

#foreigner_works .method{
 background: #eee;
 padding: 40px 0;
}

#foreigner_works .method h2{
 text-align: center;
 font-size: 20pt;
 font-weight: bold;
 letter-spacing: 0.5em; 
}

#foreigner_works .method h2 span{
 border-bottom: 3px solid #666;
 padding: 0 0 10px 0.5em;
}

@media (max-width: 767px) {
 #foreigner_works .method h2{
 font-size: 16pt;
 }
}

#foreigner_works .method .col_item{
 background: #fff;
 padding: 20px;
 position: relative;
 margin-bottom: 40px;
}

#foreigner_works .method .col_item h3{
 background: #666;
 color: #fff;
 text-align: center;
 padding: 10px 0;
 border-bottom: 5px solid #EEEEEE;
 width: calc(100% + 40px);
 margin: -20px 0 0 -20px;
 font-size: 12pt;
}

#foreigner_works .method .col_item p{
 text-align: center;
 font-weight: bold;
 font-size: 12pt;
 margin-bottom: 10px;
}

#foreigner_works .method .col_item div{
 border: 5px solid #4B4B4B;
 border-radius: 50%;
 width: 100px;
 height: 100px;
 align-items: center;
 display: flex;
 text-align: center;
 justify-content: center;
 float: left;
}

#foreigner_works .method .col_item div img{
 width: 60%;
 margin: auto;
}

#foreigner_works .method .col_item ul{
 margin-left: 120px;
}

#foreigner_works .method .col_item li {
 list-style: disc;
 margin-left: 1.5em;
 padding: 0;
}

#foreigner_works .result{
 padding: 40px 0;
 background: #eee;
}

#foreigner_works .result h2{
 text-align: center;
 font-size: 20pt;
 font-weight: bold;
 letter-spacing: 0.5em;
 border-bottom: 3px dashed #666;
 position: relative;
}

#foreigner_works .result h2 span{
 background: #eee;
 position: absolute;
 top: -20px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 padding: 0 0 0 0.5em;
}

@media (max-width: 767px) {
 #foreigner_works .result h2{
  font-size: 16pt;
  }
 #foreigner_works .result h2 span{
  top: -16px;
 }
 }


#foreigner_works .result .box_right_arw {
 background: url("../../images/foreigner_works/box_right_arw_blue.png") no-repeat right center;
 padding: 20px;
 border-left: 5px solid #fff;
}


#foreigner_works .result .box_right_arw_pink {
 background: url("../../images/foreigner_works/box_right_arw_pink.png") no-repeat right center;
}

#foreigner_works .result .box_right_arw div{
 float: left;
 width: calc(100% - 180px);
}

#foreigner_works .result .box_right_arw img{
 float: left;
 width: 110px;
 margin: 0  20px 0 0;
 display: block;
}

@media (max-width: 767px) { 
 #foreigner_works .result .box_right_arw {
 background: #DAE3F3;
  border: 5px solid #fff;
}
 
#foreigner_works .result .box_right_arw_pink {
 background: #FBE5D6;
}

#foreigner_works .result .box_right_arw img,
#foreigner_works .result .box_right_arw div{
 float: none;
 margin: 0 auto 20px auto;
 width: auto;
}
}

#foreigner_works .result .box_right_arw p{
 font-weight: bold;
 font-size: 14pt;
 text-align: center;
 letter-spacing: 0.5em;
}

@media (max-width: 767px) {
 #foreigner_works .result .box_right_arw p{
  letter-spacing: 1px;
 }
}

#foreigner_works .result .box_right_arw ul li{
 background: url("../../images/foreigner_works/check.png") no-repeat left top 5px;
 background-size: 20px 20px;
 padding: 0 0 0 30px;
 font-size: 14pt;
}

#foreigner_works .result .box_right_arw_pink ul li{
 color: #D70003;
}

#foreigner_works .conclusion {
 text-align: center;
 background: #eee;
 width: 100%;
}

#foreigner_works .conclusion img{
 width: 280px;
}

#foreigner_works .conclusion p{
 padding: 30px 0;
 color: #fff;
 font-size: 23pt;
 font-weight: bold;
}

@media (max-width: 767px) {
 #foreigner_works .conclusion p{
 font-size: 20pt;
 padding: 0 20px;

}
}

#foreigner_works #foreigner_works_01 .conclusion p{
 background: url("../../images/foreigner_works/works_1-10.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_works #foreigner_works_02 .conclusion p{
 background: url("../../images/foreigner_works/works_2-10.jpg") no-repeat top center;
 background-size: cover;
}

#foreigner_works #foreigner_works_03 .conclusion p{
 background: url("../../images/foreigner_works/works_3-10.jpg") no-repeat top center;
 background-size: cover;
 color: #000;
}

#foreigner_works #foreigner_works_04 .conclusion p{
 background: url("../../images/foreigner_works/works_4-10.jpg") no-repeat top center;
 background-size: cover;
}


#foreigner_works .estimate{
 background: url("../../images/foreigner/estimate.jpg") no-repeat left center;
 width: 700px;
 margin: 40px auto 0 auto;
 height: 100px;
 background-size: cover;  
}

#foreigner_works .estimate a{
 display: block;
 height: 100%;
 line-height: 100px;
 color: #fff; 
 font-size: 1.6em;
 letter-spacing: 1px;
 font-weight: bold;
 padding: 0 0 0 40px;
}

@media (max-width: 767px) {
 #foreigner_works .estimate{
  background: url("../../images/foreigner/estimate.jpg") no-repeat center;
  width: auto;
  text-align: center;
 }
 
 #foreigner_works .estimate a{
  line-height: 1.6em;
  padding: 15px 0 0 0;
  }
}

#foreigner_works .estimate a:hover{
 background: rgba(255,255,255,0.2);
 opacity: 1;
}