@charset "utf-8";
/*------------------------------------------------------------
	大衆点評とは
------------------------------------------------------------*/
#main{
  font-size: 14px;
  line-height: 1.6;
}

.pageTitle{
  background: url("../img_tt/common/com_bg.gif") 0 0 repeat;
}
.pageTitle > .inner{
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  width: 1000px;
}
.pageTitle .image{
  float: right;
  margin-left: 20px;
}
.pageTitle .text{
  overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;
	    margin-left: 40px;
}
.pageTitle .text h2{
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.pageTitle .text h2 span{
  display: block;
  line-height: 1.4;
}
.pageTitle .text h2 .text01,
.pageTitle .text h2 .text03{
  font-size: 22px;
}
.pageTitle .text h2 .text02{
  font-size: 50px;
  color: #f3990f;
}
.pageTitle .text .bar{
  background: #f3990f;
  padding: 5px;
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  text-align: center;
}

.service03,
.service01,
.service02{
  margin-bottom: 40px;
  border-bottom: 5px solid #f5f5f5;
  padding-bottom: 50px;
  overflow: hidden;
}

.servicePointText01,
.servicePointText02,
.servicePointText03,
.serviceTitle{
  line-height: 1.4;
  /*text-align: center;*/
}
.servicePointText01{
  font-weight: bold;
  font-size: 24px;
}
.servicePointText02{
  margin-bottom: 10px;
  font-weight: bold;
}
.serviceTitle{
  color: #f3990f;
  font-size: 40px;
  font-weight: bold;
}

.serviceDesc01,
.serviceDesc02{
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}
.serviceDesc01{
  margin-bottom: 10px;
  font-size: 22px;
}
.serviceDesc02{
  /*margin-bottom: 60px;*/
  line-height: 1.4;
  color: #f3990f;
  font-size: 36px;
}
.service03 .serviceDesc02{
  margin-bottom: 0;
}
#main .detail_btn {
  margin: 60px auto 0;
  text-align: center;
}
.pageTitle .servicelink {
    overflow: hidden;
}
.pageTitle .servicelink a {
    position: relative;
    color: #fff;
    background-color: #ec1003;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 45px;
    text-decoration: none;
    width: 47%;
    display: inline-block;
    text-align: center;
}
#main .detail_btn a{
  position:relative;
  color:#fff;
  background-color:#00B050;
  border-radius: 3px;
  font-size: 23px;
  font-weight: bold;
  padding: 7px 45px;
  text-decoration: none;
}
#main .servicelinkBox .detail_btn {
    margin-top: 30px;
}
.servicelink a,
#main .servicelinkBox .detail_btn a {
    padding: 7px 80px;
}
.servicelink a + a,
#main .servicelinkBox .detail_btn a + a {
    margin-left: 20px;
}

#main .detail_btn a:after{
 position:absolute;
  content:">";
  width:20px;
  font-size: 12px;
  font-weigh:bold;
  top:50%;
  transform:translateY(-50%);
  right:20px;
}
#main .detail_btn a:hover {
  opacity: 0.7;
}

/*191002*/
.service_ul {
	list-style: none;
    margin-top: 20px;
    padding: 0;
    overflow: hidden;
}

.service_li {
	margin: 0;
    padding: 0 40px 0 0;
    width: 328px;
    float: left;
}
.service_li p {
}
.service_li img + p {
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
    text-align: center;
}
.service_li02 {
	margin: 0 0 10px 0;
    padding: 0 40px 40px 0;
    width: 50%;
    float: left;
}
.service_li02_text {
	font-size: 22px;	
}


.service_feature {
    overflow: hidden;
    float: left;
    width: 47%;
    margin-top: 20px;
    margin-left: 2%;
    border-radius: 5px;
}
.service_feature + .service_feature {
    float: right;
    margin-right: 2%;
    margin-left: 0;
}
.service_feature .feature {
    padding: 10px;
    background: #f59a00;
    color: white;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
.service_feature .feature02 {
    padding: 15px 13px;
    border: 1px solid #f59a00;
    border-radius: 0 0 5px 5px;
}
.service_feature .feature02 span {
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}
.service_feature .feature02 p {
}

.shop_feature {
    overflow: hidden;
    float: left;
    width: 47%;
    margin-top: 20px;
    margin-left: 2%;
    border-radius: 5px;
}
.shop_feature + .shop_feature {
    float: right;
    margin-right: 2%;
    margin-left: 0;
}
.shop_feature .shop {
    padding: 10px;
    background: #f59a00;
    color: white;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
.shop_feature .feature02 {
    padding: 15px 13px;
    border: 1px solid #f59a00;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.top_main {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}
.top_main h3 {
  font-size: 30px;
  color: #f3990f;/* margin-top: 30px; */
}
.top_main h3 {
  font-size: 30px;
  color: #f3990f;
  margin-top: 50px;
}
#main .linkUl {
  margin: 0 -29px 36px 0;
}
#main .linkUl li {
  margin-right: 29px;
  margin-bottom: 29px;
  padding: 1px;
  width: 310px;
  float: left;
  border: 1px solid #CCC;
}
#main .linkUl li a {
  margin: 1px 0;
  display: block;
}
#main .linkUl li span {
  padding: 3px 12px 6px;
  display: block;
  font-size: 12px;
  line-height: 1.8;
}
#main .linkUl li img{
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: 136px;
}
#main .linkUl .sub > img {
  margin: 0 -8px -10px 0;
  position: relative;
}
.caseBox .area-link:hover,
#main .linkUl li a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.caseBox .linkUl .area-link a {
    background: #F3990F;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    position: relative;
}
.caseBox .linkUl .area-link a {
    background: #F3990F;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px 10px 25px;
    position: relative;
    line-height: 1.4;
}
.caseBox .linkUl .area-link a:before {
    content: "";
    background: url(../img_tt/case/case_icon01.jpg) no-repeat 0 0;
    position: absolute;
    width: 10px;
    height: 5px;
    display: inline-block;
    top: calc(50% - 2px);
    left: 8px;
}
.caseBox .area-link a:after {
    content: "";
    background: url(../img_tt/case/case_icon02.jpg) no-repeat 0 0;
    position: absolute;
    width: 8px;
    height: 12px;
    display: inline-block;
    top: calc(50% - 6px);
    right: 8px;
}

.headtext {
    font-size: 24px !important;
}



/*------------------------------------------------------------
	190819追記　サイトsp化
------------------------------------------------------------*/
@media screen and (max-width:767px) { 
  .pageTitle > .inner{
    width: 100%;
  }
  .pageTitle > .inner .image img{
    width: 100%;
    margin: 15px auto 0;
  }
  .pageTitle .text {
    margin-left: 0px; 
    top: 23%;
    }
  .pageTitle .text h2 {
    text-align: left;  }
  .pageTitle .text h2 .text02 {
    font-size: 33px;
  }
  .serviceTitle {
    font-size: 25px;
  }
  .serviceDesc02 {
    font-size: 28px;
  }
  #main img {
    width: 100%;
  }
  .pageTitle .text h2 .text03 {
    font-size:18px;
    font-weight:500;
  }
  .pageTitle .image {
    padding-top: 87px;
    margin-left: 0;
  }
  .serviceDesc01 {
    font-size: 16px;
    font-weight:500;
    margin-bottom: 0;
    
  }
  .serviceDesc02 {
    font-size: 22px;
    margin-bottom: 24px;
  }
  .servicePointText01 {
    font-size: 22px;
  }
	 
	.servicePointText02 {
		font-size: 20px;
	}	
	
  .service03 {
    border-bottom:none;
    margin-bottom: 0;
  }
  #main .detail_btn {
    margin-top:0;
  }


    #main .linkUl {
        margin: 0 0 36px 0;
    }
    .service_ul {
        list-style: none;
        margin-top: 20px;
        padding: 0;
        overflow: hidden;
    }

    .service_li {
        margin: 0;
        padding: 0 0 20px 0;
        width: 100%;
        float: none;
    }
    .service_feature {
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .service_feature + .service_feature {
        float: none;
        margin-right: 0;
    }
    .shop_feature {
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .shop_feature + .shop_feature {
        float: none;
        margin-right: 0;
    }
    .service_li02 {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        float: left;
    }
    #main .linkUl li {
        margin: 0 auto 20px;
        float: none;
    }
    
    .detail_btn {
        padding-top: 20px;
    }
}


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

191015追記ここから
-----------------*/
.pageTitle > .inner {
  height:335px;
}
.pageTitle .text h2 span {
    line-height: 1.1;
    margin: 12px auto;
}

@media screen and (max-width:767px) {
  .pageTitle > .inner {
    height:auto;
  } 
    #main .servicelinkBox .detail_btn {
        margin-top: 30px;
        text-align: center;
    }
    .servicelink a,
    #main .servicelinkBox .detail_btn a {
        display: inline-block;
        padding: 7px 0;
        width: 251px;
    }
    .servicelink a + a,
    #main .servicelinkBox .detail_btn a + a {
        margin-top: 20px;
        margin-left: 0;
    }

    .pageTitle .servicelink a {
        padding: 7px 0;
        width: 100%;
        display: block;
    }
    .pageTitle .servicelink a + a {
        margin: 15px 0 0 0;
    }
    .pageTitle .text h2 .text03 {
    display: none;
    }
    .pageTitle .text h2 span {
    margin: 7px auto;
  }    
}

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

191015追記ここまで
-----------------*/

.content-area {
	margin: 20px 0;
}