@charset "utf-8";

#BoxGlobal {
  padding:20px 0 20px;
}

.AreaPageVisual {
  margin-bottom:50px;
  height:300px;
}
.AreaPageVisual h1 {
  padding-top:120px;
  color:#fff;
  font-size:50px;
  text-align:left;
  text-shadow:1px 1px 6px #000;
}
.AreaPageVisual h1 span {
  display:block;
  padding:15px 0;
  font-size:24px;
}
#PageVisualService {
  background:url("../../service/img/page_visual_service.jpg") no-repeat center top;
  background-size:100% auto;
}
#PageVisualArea {
  background:url("../../area/img/page_visual_area.jpg") no-repeat center top;
  background-size:100% auto;
}
#PageVisualPolicy {
  background:url("../../policy/img/page_visual_policy.jpg") no-repeat center top;
  background-size:100% auto;
}
#PageVisualCompany {
  background:url("../../company/img/page_visual_company.jpg") no-repeat center top;
  background-size:100% auto;
}
#PageVisualContact {
  background:url("../../contact/img/page_visual_contact.jpg") no-repeat center top;
  background-size:100% auto;
}

.BoxContent {
  padding-top:50px;
  font-size:17px;
}
.BoxContent p {
  padding-bottom:24px;
}

.BoxSubOutline {
  margin: 0 100px 100px;
  padding-left:230px;
}
.BoxSubOutline p.MainCopy {
  padding-bottom:20px;
  font-family: "Shippori Mincho", serif;
  font-size:32px;
  line-height:1.2em;
}

.BoxContent strong {
  font-size:1.05em;
}


#BoxSubOutlineService {
  background:url("../../service/img/subpage_item_service.png") no-repeat 0 0;
  background-size:180px auto;
}
#BoxSubOutlineArea {
  background:url("../../area/img/subpage_item_area.png") no-repeat 0 0;
  background-size:180px auto;
}
#BoxSubOutlinePolicy {
  margin: 0 100px 30px;
  background:url("../../policy/img/subpage_item_policy.png") no-repeat 0 0;
  background-size:180px auto;
}
#BoxSubOutlineContact {
  margin: 0 100px 30px;
  background:url("../../contact/img/subpage_item_contact.png") no-repeat 0 0;
  background-size:180px auto;
}

.BoxSubCompany {
}
.BoxSubCompany h2 {
  padding-bottom:20px;
  font-family: "Shippori Mincho", serif;
  font-size:32px;
  line-height:1.2em;
}
#BoxSubCompanySec1 {
  background:url("../../company/img/subpage_item_company.png") no-repeat 0 40px;
  background-size:180px auto;
}
#BoxSubCompanySec2 {
  background:url("../../company/img/subpage_item_company_2.png") no-repeat 0 40px;
  background-size:180px auto;
}
#BoxSubCompanySec3 {
  background:url("../../company/img/subpage_item_company_3.png") no-repeat 0 40px;
  background-size:180px auto;
}
#BoxSubCompanySec4 {
  background:url("../../company/img/subpage_item_company_4.png") no-repeat 0 40px;
  background-size:180px auto;
}

.BoxSubCompany dl {
  padding:24px 36px;
  border:1px solid #ccc;
  border-radius:6px;
}
.BoxSubCompany dl dt {
  color:#999;
}
.BoxSubCompany dl dd {
  margin-top:-1.6em;
  margin-left:13em;
  padding-bottom:9px;
}

#BoxSubServiceList {
}
#BoxSubServiceList ul {
  list-style:none;
}
#BoxSubServiceList ul li {
  float:left;
  margin:0 15px 10px;
  width:350px;
  list-style:none;
}
#BoxSubServiceList ul li h2 {
  padding-bottom:18px;
  font-size:24px;
  color:#036eb8;
}
#BoxSubServiceList ul li img {
  margin-bottom:12px;
  width:100%;
  height:auto;
}


#BoxSubImagePolicy {
  padding:0 100px;
}
#BoxSubImagePolicy img {
  width:100%;
  height:auto;
}


#BoxSubContact {
  margin: 50px 100px 100px;
  border:1px solid #ccc;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#BoxSubContact .boxNavi {
  padding:40px 0;
}
#BoxSubContact .boxNavi .btnTel {
  display:block;
  margin:0 auto;
  width:580px;
  height:40px;
  background:url("../../contact/img/btn_tel.png") no-repeat center center;
  text-indent:-9999px;
  pointer-events:none;
  cursor:default;
}
#BoxSubContact .boxNavi #btnExec {
  float:right;
  display:block;
  margin:0 150px 0 0;
}
#BoxSubContact .boxNavi #btnReturn {
  float:left;
  display:block;
  margin:0 0 0 150px;
}
#BoxSubContact .boxNavi a:hover,
#BoxSubContact .boxNavi input:hover {
  filter:alpha(opacity=70); 
  -moz-opacity: 0.7; 
  opacity: 0.7; 
}

#BoxSubContact dl {
  padding:60px;
}
#BoxSubContact dl dt {
  color:#0059b2;
  font-weight:bold;
}
#BoxSubContact dl dd {
  margin-left:240px;
  margin-top:-26px;
  margin-bottom:10px;
}
#BoxSubContact dl dd:last-child {
  margin-bottom:0;
}
#BoxSubContact dl dd ul {
  list-style:none;
}
#BoxSubContact dl dd ul li {
  margin-bottom:6px;
  list-style:none;
}
#BoxSubContact dl dd small {
  display:block;
}

#BoxSubContact p {
  padding:60px 60px 0;
}

#BoxSubContact p.large {
  font-size:30px;
}

#BoxSubContact #boxMessage {
}

.fillText {
  padding:6px 12px;
  font-size:15px;
  border:1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.widthL{
  width:500px;
}
.widthM{
  width:250px;
}
.widthS{
  width:100px;
}

.notKana {
  ime-mode:disabled;
}
.posCenter {
  text-align:center;
}

#err_type,
#err_corp,
#err_name,
#err_kana,
#err_zip,
#err_mail,
#err_tel,
#err_memo {
}
#err_type span,
#err_corp span,
#err_name span,
#err_kana span,
#err_zip span,
#err_mail span,
#err_tel span,
#err_memo span {
  display:block;
  padding:6px 0;
  color:#c00;
  font-weight:bold;
  font-size:12px;
}



#AreaFooter {
  padding-top:250px;
}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {


.AreaPageVisual {
  margin-bottom:30px;
  height:140px;
}
.AreaPageVisual h1 {
  padding-top:40px;
  padding-left:20px;
  font-size:30px;
  text-align:left;
  text-shadow:1px 1px 10px #000;
}
.AreaPageVisual h1 span {
  display:block;
  padding:15px 0;
  font-size:20px;
}
#PageVisualService {
  background-size:100% 100%;
}

.BoxContent {
  padding-top:0px;
  font-size:15px;
  line-height:1.5em;
}

.BoxSubOutline {
  margin: 0 10px 50px;
  padding:150px 0 0;
}
#BoxSubOutlineService {
  background:url("../../service/img/subpage_item_service.png") no-repeat center top;
  background-size:120px auto;
}
#BoxSubOutlineArea {
  background:url("../../area/img/subpage_item_area.png") no-repeat center top;
  background-size:120px auto;
}
#BoxSubOutlinePolicy {
  margin: 0 10px 50px;
  background:url("../../policy/img/subpage_item_policy.png") no-repeat center top;
  background-size:120px auto;
}
#BoxSubOutlineContact {
  margin: 0 10px 50px;
  background:url("../../contact/img/subpage_item_contact.png") no-repeat center top;
  background-size:120px auto;
}
.BoxSubOutline p.MainCopy {
  padding-bottom:20px;
  font-family: "Shippori Mincho", serif;
  font-size:22px;
  line-height:1.2em;
}

#BoxSubServiceList ul li {
  float:none;
  margin:0 0 20px;
  width:autos;
}

#BoxSubImageArea {
}
#BoxSubImageArea img {
  width:100%;
  height:auto;
}
#BoxSubImagePolicy {
  padding:0;
}
#BoxSubImagePolicy img {
  width:100%;
  height:auto;
}


#BoxSubCompanySec1,
#BoxSubCompanySec2,
#BoxSubCompanySec3,
#BoxSubCompanySec4 {
  padding:120px 0 0;
  background-position:center top;
  background-size:100px auto;
}

.BoxSubCompany h2 {
  padding-bottom:20px;
  font-size:24px;
  line-height:1.2em;
}

.BoxSubCompany dl {
  padding:24px;
}
.BoxSubCompany dl dd {
  margin-top:0;
  margin-left:0;
  padding-bottom:9px;
}


#BoxSubContact {
  margin: 0 10px 50px;
}
#BoxSubContact dl {
  padding:20px;
}
#BoxSubContact dl dt {
}
#BoxSubContact dl dd {
  margin-left:0;
  margin-top:9px;
  margin-bottom:24px;
}
#BoxSubContact .boxNavi #btnExec,
#BoxSubContact .boxNavi #btnReturn {
  float:none;
  margin:0 auto;
  text-align:center;
}
#BoxSubContact p {
  padding:20px;
}
#BoxSubContact p.large {
  font-size:24px;
  line-height:1.3em;
}


.widthL{
  width:auto;
}
.widthM{
  width:auto;
}


}

