@charset "UTF-8";

/* --------------------------------------------------
 Layout
-------------------------------------------------- */
/* 一般ボックス --------------- */
.blcComm{
display:block;
width:1040px;
margin:0 auto 80px;
}

@media screen and (max-width: 1200px){
  .blcComm{
  width:100%;
  max-width:1040px;
  }
}

/* --------------------------------------------------
 Title
-------------------------------------------------- */

/* 一般タイトル --------------- */
.ttlComm{
margin-bottom:40px;
font-size:18px;
}

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

.ttlComm img{
display:block;
float:left;
padding-right:20px;
}

.ttlComm span{
display:block;
padding-top:8px;
}


/* --------------------------------------------------
 Contact
-------------------------------------------------- */
/* お問い合わせ・白ベース --------------- */
.cntComm{
width:420px;
margin:0 auto;
padding:15px 0;
background:url(../img/common/arrow_w.png) no-repeat 370px center #409e27;
border-radius:5px;
font-size:15px;
text-align:left;
line-height:1;
}

.cntComm dt,
.cntComm dd{
color:#fff;
}

.cntComm dt{
float:left;
padding:12px 0 0 40px;
}

.cntComm dd{
padding-left:180px;
}

.cntComm dd:nth-child(2){
padding-top:2px;
background:url(../img/common/tel_w.png) no-repeat 153px top;
}

.cntComm dd:nth-child(3){
margin-top:7px;
background:url(../img/common/mail_w.png) no-repeat 152px 1px;
}

.cntComm dd a{
color:#fff;
}

@media screen and (max-width: 480px){
  .cntComm{
  display:block;
  width:100%;
  padding:15px 30px;
  background:url(../img/common/arrow_w.png) no-repeat right 10px center #409e27;
  box-sizing:border-box;
  }

  .cntComm dt{
  float:none;
  text-align: center;
  display:block;
  padding:12px 0 10px 0;
  }

  .cntComm dd{
  padding-left:20px;
  }

  .cntComm dd:nth-child(2){
  background:url(../img/common/tel_w.png) no-repeat left top;
  }

  .cntComm dd:nth-child(3){
  background:url(../img/common/mail_w.png) no-repeat left 1px;
  }
}

/* お問い合わせ --------------- */
.cntComm2{
width:420px;
margin:0 auto;
padding:15px 0;
background:url(../img/common/arrow_w.png) no-repeat 370px center #409e27;
border-radius:5px;
font-size:15px;
text-align:left;
line-height:1;
}

.cntComm2 dt{
float:left;
padding:12px 0 0 40px;
color:#fff;
}

.cntComm2 dd{
padding-left:180px;
color:#fff;
}

.cntComm2 dd a{
color:#fff;
}

.cntComm2 dd:nth-child(2){
padding-top:2px;
background:url(../img/common/tel_w.png) no-repeat 153px top;
}

.cntComm2 dd:nth-child(3){
margin-top:7px;
background:url(../img/common/mail_w.png) no-repeat 152px 1px;
}

@media screen and (max-width: 480px){
  .cntComm2{
  display:block;
  width:100%;
  padding:15px 30px;
  background:url(../img/common/arrow_w.png) no-repeat right 10px center #409e27;
  box-sizing:border-box;
  }

  .cntComm2 dt{
  float:none;
  text-align: center;
  display:block;
  padding:12px 0 10px 0;
  }

  .cntComm2 dd{
  padding-left:20px;
  }

  .cntComm2 dd:nth-child(2){
  background:url(../img/common/tel_w.png) no-repeat left top;
  }

  .cntComm2 dd:nth-child(3){
  background:url(../img/common/mail_w.png) no-repeat left 1px;
  }
}
/* --------------------------------------------------
 Table
-------------------------------------------------- */
/* 一般テーブル --------------- */
.tblComm{
width:95%;
margin:20px auto;
}

.tblComm th{
width:25%;
padding:15px 20px;
background:#f7f7f7;
border:#d5d5d5 solid 1px;
}

.tblComm td{
padding:15px 20px;
background:#fff;
border:#d5d5d5 solid 1px;
}

.tblComm2{
width:100%;
margin:20px 0;
}

.tblComm2 th{
width:25%;
padding:15px 40px;
border-right:#ccc solid 1px;
}

.tblComm2 td{
padding:15px 40px;
}


.tblComm3{
width:100%;
margin:20px 0;
font-size:120%;
font-weight:bold
}

.tblComm3 th{
width:25%;
padding:15px 40px;
background: #ddffdd;
border-bottom:#fff solid 1px;
color:#FF6600;
}

.tblComm3 td{
padding:15px 40px;
}

@media screen and (max-width: 768px){
  .tblComm{
  width:96%;
  margin:20px auto;
  }

  .tblComm th{
  display:block;
  width:calc(100% - 20px);
  padding:5px 10px;
  border-right:none;
  font-weight:bold;
  background:#f7f7f7;
  border:#d5d5d5 solid 1px;
  }

  .tblComm td{
  display:block;
  width:calc(100% - 20px);
  padding:5px 10px 5px 10px;
  background:#fff;
  border:#d5d5d5 solid 1px;
  min-height:2.5em;
  }

  .tblComm2{
  width:96%;
  margin:20px auto;
  }

  .tblComm2 th{
  display:block;
  width:calc(100% - 20px);
  padding:5px 10px;
  border-right:none;
  font-weight:bold;
  }

  .tblComm2 td{
  display:block;
  width:calc(100% - 30px);
  padding:5px 10px 5px 20px;
  border-bottom:#ccc solid 1px;
  }
}


/* --------------------------------------------------
 List
-------------------------------------------------- */
.listComm li{
margin-left:20px;
list-style-type:disc;
}

.listComm dd{
margin-left:1em;
}


/* --------------------------------------------------
 Text
-------------------------------------------------- */
.txtLine{
margin:0 0 1em;
}

.txtBig{
font-size:140%;
}

.txtSmall{
font-size:85%;
}

.txtRed{
color:#ae0400;
}

.txtGreen{
color:#8dbc21;
}

.errorTxt{
color:red;
}


@media screen and (max-width: 767px) {
.txtForSp{
text-align:left !important;
}

.txtForSp br{
display:none !important;
}

span.txtForSp{
display:inline-block;
}
}


/* --------------------------------------------------
 Other Classes
-------------------------------------------------- */
/* クリアーフィックス --------------- */
.clearFix:after{
content: "";
clear: both;
display: block;
}

/* クリアー --------------- */
.clear{
clear:both;
}

/* フォーカスで変形 --------------- */
.boxExpand {
transition: all 1s ease-in-out;
border:solid 1px lightgrey;
background:white;
}

.boxExpand:focus {
outline:none;
border:solid 1px #39c;
box-shadow:#39C 0px 0px 5px;
transition: all 0.5s ease-in-out;
}

/* 画像装飾 --------------- */
.imgDeco{
border:#fff solid 5px;
box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 5px 0;
}

/* 左右寄せ --------------- */
.txtRight{
text-align:right;
}

.txtCenter{
text-align:center;
}

@media screen and (max-width: 1200px){
  .wow{
  visibility:visible!important;
  }
}

@media screen and (max-width: 1000px){
  #wrapper .pcBlc{
  display:none!important;
  }
}

@media screen and (min-width: 650px){
.br-pc{display:block;}
.br-sp{display:none;}
}

@media screen and (max-width: 650px){
.br-pc{display:none;}
.br-sp{display:block;}
}