.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
  vertical-align: top;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}


.one-colum-out {
   background: #ffeaea;
  padding: 10px;
      background: -webkit-repeating-linear-gradient(-45deg, #ffeaea, #ffeaea 3px,#fff2f2 3px, #fff2f2 7px);
    background: repeating-linear-gradient(-45deg, #ffeaea, #ffeaea 3px,#fff2f2 3px, #fff2f2 7px); 
}
@media only screen and (max-width: 767px) {
    .one-colum-out {  padding: 0px; }
}


.one-colum-in {
background-color: #FFFFFF;
padding: 1em 3em;
margin: 2em auto 1em auto;
width: 60%;
border: 2px solid #fff;
}
@media only screen and (max-width: 767px) {
    .one-colum-in { 
padding: 0;
margin: 0;
width: 100%;
border: none;  
  }
}


.box02 {
    padding: 0.5em 1em;
    margin: 2em auto 1em auto;
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    width: 85%;
}
.box02 p {
    margin: 0 0 0 0; 
    padding: 0;
}
.box16{
    padding: 0.5em 1em;
    margin: 2em auto 1em auto;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
      width: 90%;
}
.box16 p {
    margin: 0; 
    padding: 0;
}
.box15 {
    padding: 2em;
    margin: 2em auto 1em auto;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
        width: 85%;
  line-height: 2em;
}
.box15 p {
    margin: 0; 
    padding: 5px;
}
.sample-box-5 {
    background-color: #fbf9ca;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #f57b7b;
    color: #000000;
    margin: 2em auto 1em auto;
    padding: 0em 2em 0em 2em;
	    width: 85%;
}

.sample-box-5 ul{
    margin: 0;
}

.sptable01 { 
width: 100%; 
text-align: left;
vertical-align: top;

}


.sptable01 th, .sptable01 td  { 
vertical-align: top;
	padding: 5px 5px 5px 10px;
	margin: 0px;
  border: 1px solid #ddd; 
}
.sptable01 th { 
background: #f4f4f4; 
text-align:left; 
white-space: nowrap;
}
 
@media only screen and (max-width:480px){
    .sptable01 { margin: 0; }
    .sptable01 th,
    .sptable01 td{
        width: 100%;
        display: block;
    }
.sptable01 tr:first-child th   { 
    border-top: 1px solid #ddd; 
  }
 }

.post_content p a .icon-link {
    line-height: 0;
}

.icon-link {
    padding: 0 0 2px 30px;
    background: url(./wp-content/uploads/link.png) left 3px no-repeat;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}