@charset "utf-8";
/* CSS Document */

/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto 20px;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:10px;}
.text_box2{padding:20px 10px;background:#F9F8F1;text-align:center;border:1px dotted #7E4D22;}
.text_box3{padding:20px;background:#F9F8F1;border:1px dotted #7E4D22;}
.text_box p,.text_box2 p{padding-bottom:1em;}

.good_box{display:flex;flex-wrap:wrap;justify-content:space-around;border:solid 1px #ccc;padding:20px 0;margin-bottom:10px;background:#fcfcfc;}
.good_left{width:50%;}
.good_right{width:40%;}
.good_left h2{font-size:20px;font-weight:bold;border-bottom:2px dotted #005257;color:#005257;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.good_right img{width:100%;}
.good_txt{padding:10px;}

ul.trouble{margin:0;}
ul.trouble li{list-style-type: none;font-size:20px;padding:5px 0;font-weight:bold;border-bottom:1px dotted #005256;color:#005256;}

.line_banner{margin:20px auto;text-align:center;}


h2.title {
  position: relative;
  border-top: solid 2px #005257;
  border-bottom: solid 2px #005257;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 0 0 0.5em;
font-size:22px;
font-weight:bold;
}

h2.title:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT';
  background: #005257;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}

h2.title_br {
  position: relative;
  border-top: solid 2px #7E4D22;
  border-bottom: solid 2px #7E4D22;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 0 0 0.5em;
font-size:22px;
font-weight:bold;
}

h2.title_br:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT';
  background: #7E4D22;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}

h2.titleqa {
  position: relative;
  border-top: solid 2px #7E4D22;
  border-bottom: solid 2px #7E4D22;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 0 0 0.5em;
font-size:18px;
font-weight:bold;
}

h2.titleqa:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ Q&A';
  background: #7E4D22;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}


table.contact{width:90%;margin:20px auto;}
.con_left{width:25%;background:#54973F;text-align:right;border-right:2px solid #fff;border-bottom:2px solid #fff;padding:10px;color:#fff;}
.con_right{width:75%;padding:10px;}
.con_all{width:100%;text-align:center;padding-top:20px;}
.con_title{width:100%;padding:10px 0;text-align:center;background:#8C7B64;color:#fff;font-size:120%;}
.hissu{
margin-left:3px;
padding:1px 3px;
display:inline-block;
background:#EA788A;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
font-size:70%;
vertical-align:middle;
}
input, select {height: 40px;font-size:18px;color:#666;border:1px dotted #786955;}
textarea{font-size:18px;color:#666;border:1px dotted #786955;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width: 40%;}
input[name="text-210"]{width: 40%;}
input[type="email"]{width: 60%;}
textarea[name="your-message"]{width: 100%;}

.lcaution{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#54973F;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}
.lcaution a,.lcaution_b a{color:#fff;}
.lcaution a:hover,.lcaution_b a:hover{color:#333;}
.lcaution_b{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}


.sptxt{display:none;}

h3.title_box {
	background: url(/userdata/title.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 28px;
}
.a_title_box{padding:0 0 15px 28px;}
.a_title_box ul{padding-left:1em;}
.side_box{font-size:80%;color:#333;margin:5px 0;display:table;}
.side_list{float:left;margin-right:16px;padding-left:8px;background:url(/userdata/arrowb.png) no-repeat 0px 8px;}
.side_title{font-weight: bold;padding-right:30px;float:left;}
.side_list2{float:left;margin-right:20px;}
.foot_box{width: 100%;padding:20px 0;}
.sub_title{background:url(/userdata/title.png) no-repeat 5px 7px;padding:0 0 0 35px;border-bottom:1px solid #ccc;margin:0 0 10px 0;clear:both;font-weight: bold;}
/*TOP
------------------------------------------------------------*/
.catch_txt{background: rgba(84,151,63,0.6);width:60%;font-size:3vw;font-weight:bold;position: absolute;top:50%;left:50%;margin:0;color:#fff;transform: translate(-50%,-50%);text-shadow:1px 1px 0 #000;}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
input[type="email"][type="email"]{width: 100%;}
input[name="your-name"][type="text"]{width: 100%;}
input[name="text-210"][type="text"]{width: 100%;}
table.contact{width:100%;margin:0 auto;}
.con_left{width:30%;padding:5px;}
.con_right{width:70%;padding:5px;}
div#mainphoto{height:auto;background:none;padding-top:0;}
.banner_img img{width:100%;}
.catch_txt{font-size:5vw;width:90%;}
.paint_box{width:49%;}
.paint_box:nth-of-type(3n){margin:10px 2% 0 0;}
.paint_box:nth-of-type(2n){margin:10px 0 0 0;}
.paint_txt{padding:2px;}
}


/* 779px
------------------------------------------------------------*/
@media only screen and (max-width: 850px){
.line_banner{margin:20px auto 40px;text-align:center;}
.line_banner img{width:80%;}
}



/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.good_box{justify-content:center;padding:20px;margin-bottom:10px;}
.good_left{width:100%;}
.good_right{width:100%;}
.good_left h2{font-size:16px;}
.good_txt{padding:10px 5px;}
ul.trouble li{font-size:16px;}
h2.title,h2.title_br,h2.titleqa{font-size:16px;}
.text_box2{text-align:left;}
.text_box3{padding:10px;}
.fb_timeline{width:100%;}
}