-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vvertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}

*/
/* styles
-------------------------------------------------------------- */
body,
button,
input,
select {
  padding: 0;
  margin: 0;
  background:url("images/bg.jpg");
  foont-family: "Karla", Helvetica, sans-serif;

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

  linne-height: 26.64px;
  font-size: 13px;
  foont-size: 1.8rem;
}

body {

background:url("images/bg.jpg") no-repeat;
margin:0;
padding:0;
}



/* #Media Queries
================================================== */

  /* Those wide screens above 1280px */
  @media only screen and (min-width: 1281px) {
    body{
      font-size: 1.5em;
      liine-height: 1.5em;
    }
    article .title{
      font-size: 1.8em;
      line-height: 1.5em;
    }
    article .post-meta{
      font-size: 0.7em;
      line-height: 1em;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
    #sidebar{
      font-size: 0.7em;
      line-height: 1.5em;
    }
    #sidebar h3{
      font-size: 1.5em;
      line-height: 1.5em;
    }
  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    .side-title{
      font-size: 1em;
      liine-height: 1.5em;
    }
  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .side-title{
      font-size: 1em;
      line-height: 1.5em;
    }
  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .side-title{
      font-size: 1em;
      line-height: 1.5em;
    }
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 2em;
      line-height: 1.5em;
    }
    .site-title{
      font-size: 10px !important;
      line-height: 50px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }


.cclImg {


position:relative;
  width:1%;
  height:430px;/*適当に欲しい高さ*/
  overflow:hidden;
}

.cclImg img {

   position:absolute;
  height:430px; /*画像のサイズに合わせて*/
  margin-left:-803px;/*画像の横幅の半分のマイナス*/
  left:50%;
border:10px solid;

}
  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 2em;
      line-height: 1.5em;
    }
    .site-title{
      font-size: 6px !important;
      line-height: 30px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;


    }


.cclImg {


poosition:relative;
  width:1609px;
  height:430px;/*適当に欲しい高さ*/
  overflow:hidden;
}

.cclImg img {

   posoition:absolute;
  height:430px; /*画像のサイズに合わせて*/
  margin-left:-160px;/*画像の横幅の半分のマイナス*/
  lleft:50%;
border:30px solid #ff0000;
overflow:hidden;

}
  }

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

ul,li{
margin:0;
padding:0;
}

ul,li {
list-style-type:none;
}

ul.mn {
display:table;
table-layout: fixed;
    wiidth:1001px;
	margin:0 auto;

margin-bottom:10px;
}
ul.mn li {
flloat:left;
display:table-cell;



}

ul.mn li a {
	display:block;
	text-indent:-9999%;
	wwidth:339px;
	height:111px;
}

ul.mn li.mn1 {
	background-image:url(images/menu_01.png);

width:329px;
height:111px;
background-repeat:no-repeat;

}

ul.mn li.mn2 {
	background-image:url(images/menu_02.png);

width:333px;
height:111px;
background-repeat:no-repeat;

}

ul.mn li.mn3 {
	background-image:url(images/menu_03.png);
background-repeat:no-repeat;
width:339px;
height:111px;


}

ul.mn li.mn1 a:hover {
	background-image:url(images/menu_01_on.png);

width:329px;
height:111px;
background-repeat:no-repeat;

}

ul.mn li.mn2 a:hover{
	background-image:url(images/menu_02_on.png);

width:333px;
height:111px;
background-repeat:no-repeat;

}

ul.mn li.mn3 a:hover{
	background-image:url(images/menu_03_on.png);
background-repeat:no-repeat;
width:339px;
height:111px;


}

#wrapper {
width:1001px;
margin:0;
padding:0;
height:auto;
	margin:0 auto;
overflow:hidden;
}

ul#primary-menu {
width:1001px;
marrgin-bottom:20px;
}
.menu {

overflow:hidden;
margin:0 auto;

}



ul#primary-menu li {
list-style:none;
float:left;
text-align:center;
boorder:1px solid;
bbackground-image:url(images/main-menu.png);

}

ul#primary-menu li a {
background-image:url(images/main-menu.png);
width:109px;
height:60px;
display:block;
position:reative;
text-decoration:none;
text-indent:-9999px;
background-repeat:no-repeat; 
}

 
ul#primary-menu li.gnav02 a {background-position:-110px 0px;
bordder:10px solid #ddd;
}
ul#primary-menu li.gnav02 a:hover {background-position:-110px -67px;}
ul#primary-menu li.gnav03 a {background-position:-218px 0px;
bordder:10px solid #ddd;
}
ul#primary-menu li.gnav03 a:hover {background-position:-218px -67px;
}
ul#primary-menu li.gnav04 a {background-position:-327px 0px;
bordder:10px solid #ddd;
}
ul#primary-menu li.gnav04 a:hover {background-position:-327px -67px;}


ul#primary-menu li.gnav05 a {background-position:-435px 0px;

}
ul#primary-menu li.gnav05 a:hover {background-position:-435px -67px;}

ul#primary-menu li.gnav06 a {background-position:-544px 0px;

}
ul#primary-menu li.gnav06 a:hover {background-position:-544px -67px;}

 ul#primary-menu li.gnav07 a {background-position:-652px 0px;

}
ul#primary-menu li.gnav07 a:hover {background-position:-652px -67px;}
 
ul#primary-menu li.gnav08 a {background-position:-760px 0px;

}
ul#primary-menu li.gnav08 a:hover {background-position:-760px -67px;}

ul#primary-menu li.gnav09 a {background-position:-870px 0px;

}
ul#primary-menu li.gnav09 a:hover {background-position:-870px -67px;}
 }

.container {
width:1001px;
}

#head {
margin:0;
padding:0;
}

h1#head {
width:1001px;
height:100px;
margin:0; 
padding:0;
margin:0 auto;
}

#wrap {
width:1001px;
margin:0;
padding:0;
margin:0 auto;
}

.side {
float:left;
width:210px;
}

.main {
float:right;
width:780px;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  

.top01 {
padding:15px 35px 0 35px;
margin-bottom:40px;
}

ul.top02 {
padding:10px 0 0 35px;
margin-bottom:40px;
display:block;
}

ul.top02 li {
margin-bottom:60px;


display:block;
height:100%;
overflow:hidden;
}

ul.top02 li.image_block {
margin-bottom:40px;
}

ul.top03 {
padding:10px 0 0 35px;
margin-bottom:40px;
display:block;
}

ul.top03 li {
display:block;
height:100%;
overflow:hidden;
}


.image_block {
float:left;
width:400px;
height:280px;
vertical-align:bottom;
text-align:right;

}

.text_block {
float:left;
width:740px;
text-align:left;
height:100%;
font-size:13px;

}

.news_block {
width:800px;
display:block;
overflow:hidden;
margin-bottom:20px;
margin-left:20px;
border-bottom:1px dotted #000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;

}

.article {
display:block;
margin-top:40px;
text-align:right;
margin-right:60px;

}

.mT20 {
margin-top:20px;
}


.mT30 {
margin-top:30px;
}

.mB10 {
margin-bottom:10px;
}

.mB15 {
margin-bottom:15px;
}

.mB20 {
margin-bottom:20px;
}

.mB30 {
margin-bottom:30px;
}

.main p.mB30 {
margin-bottom:30px;
}

.mB40 {
margin-bottom:40px;
}

nav.mB40 {
margin-bottom:40px;
overflow:hidden;
}

nav.mB30 {
margin-bottom:30px;
overflow:hidden;
}

.ttl{
width:500px;
}


#whats {

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
background-color:#fdeef4;
height:448px;
}

ul.whats_bx{
padding:10px;

}

ul.whats_bx li {
display:block;
width:85%;
padding:0 10px 10px 10px;
margin-left:10px;
border-bottom:1px dotted #000;
}


.line {border-bottom:1px dashed #000;
}

#whats ul {
margin:0;
padding:0;
}

#banner_side01 {
width:200px;
border:1px solid #9b9b9c;
}

#banner_side02 {
width:200px;
text-align:center;
padding:8px 0;
}

#banner_block {

height:692px;
}

.process_w{
width:704px;
}

.process {
width:265px;
height:283px;
background-color:#fadce9;
float:left;
}

.process p {
font-size:13px;
padding:5px;
}

.process_r {
width:429px;
height:283px;
background-color:#fdeef4;
float:right;
font-size:20px;
padding:10px 0 0 10px;
}

.process_r li {
margin-bottom:15px;
}

.site-info {
background-image:url(images/footer_bg.jpg);
width:1001px;
height:141px;
text-align:right;
margin:0 auto;
background-repeat:no-repeat;
margin-top:0px;

}

.site-footer {

height:auto;
}

#footer_a {

width:1000px;
background-color:#f39800;
height:200px;
margin:0 auto;
}

#footer_menu {
width:1001px;
margin:0 auto;
padding:5px 0 0 15px;
text-align:left;
color:#fff;
}

#footer_menu p {

color:#fff;
}

.menu-footer-container {
margin:0;
padding:0;
margin-top:20px;
}

ul#menu-footer.menu {
margin:0;
padding:0;
vertical-align:top;

}

ul#menu-footer.menu li {
margin:0;
padding:0;
}

#footer_menu li {

}

#footer_menu li a{
float:left;
color:#fff;
padding:0 5px 0 0px;
border-right:1px solid #bf7600;

margin:0 0 0 10px;

}

.site-info p {
padding:3em 0 0 2em;
}
.site-info p {
width:951px;
margin:0 auto;
line-height:130%;
margin:20px 0px 0 0px;
color:#fff;


}

.seko {
width:800px;
display:block;
margin-bottom:65px;
}

.seko .img_block {
float:left;
width:223px;
margin-right:15px;
}

.seko .txt_block {
width:500px;
padding:0 0 0 10px;
margin-left:20px;
display:block;

float:left;
}

.seko .txt_block h3 {
margin:0;
padding:0;
line-height:130%;
font-size:16px;
}

ul.sub_block {
margin:0;
}

ul.sub_block li {
float:left;
margin-right:53px;
width:320px;
bborder:1px solid;
}

ul.sub_block li:nth-child(even) {
margin-right:0px;
}

ul.sub_block li p {
width:320px;
height:auto;
display:block;

}

.main {

overflow:hidden;

}


table.company {
font-size:13px;
font-weight:normal;
padding:10px 0 10px 0;
}



table.mailform {
margin:0;
}

table.mailform tr th, table.mailform tr td {
    border-bottom: 1px dotted #999999;
    font-size: 15px;
    font-weight: normal;
    padding: 7px 5px 7px 15px;
    text-align: left;
}

#contact {
margin-left:30px;

}

#contact p {
font-size:15px;
border-bottom:1px dotted #999999;

}

#contact p.no {
border-bottom:none;
}

table.mailform tr th.no,table.mailform tr td.no {
border-bottom:none;
}

/*サンプル2*/
.pagetop2 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
}
 
.pagetop2 a {
  display: table-cell;
  width: 6em;
  height: 6em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  background: #000;
  behavior: url(PIE.htc); 
}
 
/*サンプル3*/
.pagetop3 {
  position: fixed;
  bottom: -300px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
}
 
.pagetop3.visible {
  bottom: 30px;
}
 
.pagetop3 a {
  display: table-cell;
  width: 6em;
  height: 6em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  background: #000;
  behavior: url(PIE.htc); 
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    baackground-color: #ccc;
    text-align: center;
    coolor: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    bbackground-color: #222;
    text-align: center;
    coclor: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

.trimming {
 width: 320px;
 height: 320px;
 overflow: hidden;
 }


    #accordion {
       
width:544px;
        margin-bottom: 0px;
        border-bottom: 1px solid #eae5e3;
margin-bottom:30px;
    }
    hh3 {
 width: 544px;
height:71px;
        margin: 0;
        paadding: 5px 10px;
        cursor: pointer;
        color: #fff;

       
    }
    ul.list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    * html ul.list li {
        display:　inline;
    }
    ul.list li a {
        display: block;
        padding: 15px 10px;
        list-style: none;
        border-top: 1px solid #eae5e3;
        border-left: 1px solid #eae5e3;
        border-right: 1px solid #eae5e3;
        background: #e6e6e6;
    }
    ul.list li a:hover {
        background: #fff;
    }

.mb30{
margin-bottom:30px;
}

.company td:nth-child(odd){
background-color:#dddddd;
}
.company td:nth-child(even){
background-color:#efefef;
}


table.company td {

padding:15px 0 15px 20px;
}

table.company {
border-collapse: separate;
border-spacing: 5px;
}

ul#primary-menu {
width:200px;
margin-bottom:20px;

}
.menu {

overflow:hidden;
margin:0 auto;

}



ul#primary-menu li {
list-style:none;
float:left;


margin:0;
padding:0;

}

ul#primary-menu li a {
background-image:url(images/sidebar.png);
width:200px;
height:40px;
display:block;
position:reative;
text-decoration:none;
text-indent:-9999px;
background-repeat:no-repeat; 
}

 
ul#primary-menu li.gnav01 a {background-position:0px 0px;}
ul#primary-menu li.gnav01 a:hover {background-position:-200px 0px;}
ul#primary-menu li.gnav02 a {background-position:0px -40px;}
ul#primary-menu li.gnav02 a:hover {background-position:-200px -40px;}
ul#primary-menu li.gnav03 a {background-position:-0px -80px;}
ul#primary-menu li.gnav03 a:hover {background-position:-200px -80px;}
ul#primary-menu li.gnav04 a {background-position:0px -120px;}
ul#primary-menu li.gnav04 a:hover {background-position:-200px -120px;}
ul#primary-menu li.gnav05 a {background-position:0px -160px;}
ul#primary-menu li.gnav05 a:hover {background-position:-200px -160px;}


ul li { margin:0;
}

.menu-side-container {
width:200px;
margin-bottom:10px;
overflow:hidden;
}

ul#main-nav {
width:736px;
margin-bottom:20px;
margin:0 auto;
}
.menu {

overflow:hidden;
margin:0 auto;

}



ul#main-nav li {
list-style:none;
float:left;


margin:0;
padding:0;

}

ul#main-nav li a {
background-image:url(images/main_menu.png);
width:245px;
height:103px;
display:block;
position:reative;
text-decoration:none;
text-indent:-9999px;
background-repeat:no-repeat; 
}

 
ul#main-nav li.mnav01 a {background-position:0px 0px;}
ul#main-nav li.mnav01 a:hover {background-position:0px -103px;}
ul#main-nav li.mnav02 a {background-position:-245px 0px;}
ul#main-nav li.mnav02 a:hover {background-position:-245px -103px;}
ul#main-nav li.mnav03 a {background-position:-490px 0px;}
ul#main-nav li.mnav03 a:hover {background-position:-490px -103px;}
ul#main-nav li.mnav04 a {background-position:0px -120px;}
ul#main-nav li.mnav04 a:hover {background-position:-200px -120px;}
ul#main-nav li.mnav05 a {background-position:0px -160px;}
ul#main-nav li.mnav05 a:hover {background-position:-200px -160px;}

h2.maintitle {
padding:3px 0 0 5px;
font-size:95%;
color:#000;
width:790px;
height:22px;
border-left:5px #07903a solid;
border-bottom:1px solid #07903a;
margin-bottom:20px;
}

h2.title {
margin:0px;

}

h3.title {
margin:0px;
}


.main p {
margin:0;

}

.st_txt {
float:left;
margin-bottom:20px;
}

.st_txt p {
line-height:200%;
font-size:110%;
}

.ft120 {
font-size:120%;
}

.st_img {
float:left;
width:243px;
}

#st_block {
width:100%;
}

ul.se {
width:100%;
text-align:center;
}

h3.ti {
width:100%;
color:#000;
height:50px;margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(images/line.png);
background-position:bottom;background-repeat:repeat-x;

}

ul#btn_re {
width:640px;
overflow:hidden;
margin:0 auto;

}

ul#btn_re li {
float:left;
}

ul#btn_re li:nth-child(odd) {
margin-right:20px;
}

#acr {
width:640px;
margin:0 auto;
margin-bottom:150px;
}

.seko_ttl {
background:url(images/seko_title03.png) no-repeat;
width:100%;
height:50px;
padding:8px 0 10px 10px;
font-size:120%;
font-weight:bold;
}

#cu_l {
float:left;
}

.cu_r {
margin-left:20px;
width:530px;
float:right;

}

#cu_i {
border:2px solid #627a86;
background-color:#e6ebee;
padding:10px;
width:500px;
}

.new {
width:50px;
border:1px solid #fff;
float:left;
overflow:hidden;
}

ol.dg {
margin-left:-20px;
}

ol.dg li {
list-style:decimal;
}




ul.whats {
width:700px;
font-size:120%;

}

ul.whats li {
float:left;

}

ul.whats li:nth-child(even) {
margin-right:20px;
width:80px;
}

ul.banner li {
margin-bottom:2px;
}

ul.banner li:last-child {
margin-bottom:0px;
}

ul.banner li img {
vertical-align:bottom;
}

.main .line1 {
	background: url("images/line02.png") no-repeat;
	width: 100%;
	height: 150px;
	margin-bottom: 65px;
}
.main .line1:nth-of-type(1) {
	background: none;
}

.main .customer {
padding-top:30px;
margin-bottom:65px;

}

.main .customer:nth-of-type(1) {
	padding-top: 0px;
}

ul.banner li {
float:left;
margin-right:2px;
}

ul.banner li img{
border:1px solid #ddd;
}

.pagination {
display:block;
margin-bottom:10px;
}

a.page-numbers {
padding:3px 5px;
border:1px solid #bfbfbf;
text-decoration:none;
}

span.current {
    font-weight: bold;
}

a.page-numbers:hover {
border:1px solid #000;
}
/***** コンタクトフォーム202011 *****/
 .table-contactform7{
  margin: 0 auto;
  overflow: hidden;
table-layout: fixed;
text-align: left;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-success.btn-lg{font-size: 17px;padding: 4px 10px;}
input.wpcf7-form-control.wpcf7-text{font-size: 17px;}
.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;
}
 
.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;
}
 .entry .wp-caption, .entry table tr.alt {background: #ffffff;}
 .themeform input[type=text],
 .themeform input[type=tel],
 .themeform input[type=password],
 .themeform input[type=email],
 .themeform textarea{background:#fff;border:1px dotted #ddd;color:#777;display:block;max-width:100%;outline:0;padding:7px 8px}
.wpcf7 span.wpcf7-form-control-wrap{display:inline;position:relative}
.wpcf7 input[type=text],
.wpcf7 input[type=tel],
.wpcf7 input[type=email],
.wpcf7 textarea{display:block;float:left;padding:10px;width:100%;box-sizing:border-box}
.wpcf7 span.haveto {
    font-size: 12px;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 4px;
    margin:0 5px;
    position: relative;
    bottom: 1px;
    white-space: nowrap;
}
 /***** ボタン *****/
a.cp_btn {
	display: block;
	width: 100%;
	padding: 0.4em;
	text-align: center;
	text-decoration: none;
	color: #0069d9;
	border: 2px solid #0069d9;
	border-radius: 3px;
	transition: .4s;
}
a.cp_btn:hover {
	background: #0069d9;
	color: #fff;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{ width:28%;}
  .table-contactform7 td{ width:600px;}
    }
     
@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{
  list-style-type:none;
  margin:0;
  padding:0;
  border-top: none !important;
}
}