/*  株式会社ウェーバ/スマホ
--------------------------------------------------------------------------*/
/*  http://www.weber-co.jp
--------------------------------------------------------------------------*/


a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;}
body { background-color: #fff; }
body, th, td, div, font { font-size: 14px; line-height: 1.5; }

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body { font-family: 'Noto Sans JP', sans-serif;}

html {font-size: 62.5%; /* sets the base font to 10px for easier math */}
body {font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
body { background : transparent url(../img/bg.png) repeat center top;}


ul, ol, ul li, ol li { list-style: none; }
img, a img { border: 0px none; vertical-align: bottom; }


@font-face {font-family: 'Pinyon Script', cursive;font-style: ;src: url(''),url('../font/PinyonScript-Regular.ttf') format('truetype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Light.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Thin.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Medium.otf') format('opentype');}



/*  背景関連
--------------------------------------------------------------------------*/
.bg01 { background-color: rgba(255,255,255,0.9);padding: 10px 10px 10px ;margin: 0px 0px 0px;text-align: center;}
.main { background-color: rgba(255,255,255,0.9);padding: 10px 0px 10px ;margin: 0px 0px 0px;}




/*  タイトル関連
--------------------------------------------------------------------------*/

h1 { margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.clear { display: none;}
h2 { font-size: 2.0em;font-weight: bold;color: #444;line-height: 1.0;text-align: center; }
h2 { padding: 20px 0px 0px 0px;margin: 0px 0px 0px;}
h2 span { display: block;font-size: 12px;font-weight: normal;color: #aaa;text-align: center;padding: 5px 0px 25px 0px;}
h3 { position: relative;right:0px;left:0px;margin:auto auto;}
h3 { font-size: 2em;color: #b7af90;line-height: 1.5;text-align: center; margin: 0px 0px 0px;padding: 10px 0px 0px 0px;}


.title01 { max-width: 100%;margin: 20px 0px 20px;}
.title02 { max-width: 100%;margin: 20px 0px 20px;}


/*  へッダー
--------------------------------------------------------------------------*/
.header { width: 100%;width: 100%;min-height: 110px;margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.header { background-color: rgba(247,247,247,0.3);position: relative;display: inline-block;}
.head_logo { max-width: 220px;margin: 20px 0px 0px;}

.box01 { width: 100%;min-height: 400px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;vertical-align: top;position:relative;}
.top_catch { max-width: 100%; height:auto;position:absolute;top: 40%;right:0px;left:0px;margin:auto auto;}
.bana_tel { width: 100%;margin: 0px 0px 0px;}


/*  SERVICE
--------------------------------------------------------------------------*/
ul.flets { background-color:#fbfbfa;padding: 10px 10px 10px;margin: 0px 0px 0px ;}
ul.flets li { background-color: rgba(255,255,255,1.0);margin: 4px 0px 5px;text-align: center;}
ul.flets li { position: relative;}
ul.flets li { border: 1px solid #ebebeb;border-radius: 0px;display: block;padding: 7px 7px 7px 7px; }
ul.flets li img { max-width: 130px;margin: 0px 8px 0px 0px;}

.flets_name { font-size: 18px;color: #222;line-height: 1.5;font-weight:bold;letter-spacing:0px;text-align: left;padding: 5px 0px 0px;margin: 0px 0px 0px;}
.flets_comme { font-size: 16px;color: #222;line-height: 1.5;letter-spacing:0px;text-align: left; padding: 5px 0px 0px;margin: 0px 0px 0px;}

.bana_service { width: 100%;margin: 0px 0px 0px;}
.telemarketing_comme { border: 3px solid #e0e2da;font-size: 16px;color: #222;line-height: 1.5;letter-spacing:1px;text-align: left; padding: 15px 15px 25px ;margin: 5px 5px 5px;}



table.about { width: 100%;margin: 10px 0px 10px 0px;border-collapse: separate;border-spacing: 2px 1px;text-align: left;line-height: 1.5;}
table.about th { width: 90px;background: #f3f3f3;padding:12px 10px 12px 10px;vertical-align: middle;}
table.about th { font-size: 12px; font-weight: normal;letter-spacing:0px;color: #222;text-align:center;}
table.about td { background-color: rgba(255,255,255,0.8);padding:12px 10px 12px 12px;vertical-align: middle;}
table.about td { font-size: 13px; line-height: 1.5;letter-spacing:0px;color: #333;}
table.about td a { color: #333;text-decoration: none;}

table.company { width: 100%;margin: 10px 0px 10px 0px;border-collapse: separate;border-spacing: 2px 1px;text-align: left;line-height: 1.5;}
table.company th { width: 90px;background: #f3f3f3;padding:12px 10px 12px 10px;vertical-align: middle;}
table.company th { font-size: 12px; font-weight: normal;letter-spacing:0px;color: #222;text-align:center;}
table.company td { background-color: rgba(255,255,255,0.8);padding:12px 10px 12px 12px;vertical-align: middle;}
table.company td { font-size: 13px; line-height: 1.5;letter-spacing:0px;color: #333;}
table.company td a { color: #333;text-decoration: none;}
#map_canvas  { background-color: rgba(); }
#map_canvas  { width: 100%;height: 500px;opacity: 1.0;margin: 0px 0px 0px 0px; }

.privacy_title{ padding: 20px 0px 10px ;font-weight: bold;font-size: 16px;color: #222;text-align: left;}
.privacy01 { padding: 5px 0px 10px ;font-size: 14px;color: #666;line-height: 1.5;border-bottom: 1px dotted #d7e4be;text-align: left;}




/*  フッターメニュー関連
--------------------------------------------------------------------------*/
.bg_foot_menu { background-color:#e3e5de;border-top: 0px solid #ffe4f2;margin: 0px 0px 0px;padding: 20px 0px 20px 0px;}
ul.foot_menu { margin: 0px 8px 0px;padding-left: 0px;border: 1px solid #b9c19b;border-radius: 6px;}
ul.foot_menu { background: #fff;}
ul.foot_menu:after { content: "";display: block;clear: both;}
ul.foot_menu li {
  list-style: none;
  float: left;
  width: 50%;
  min-width: 130px;
  height: 45px;
  line-height: 45px;text-align:left;
  border-right: 1px solid #b9c19b;
  border-bottom: 1px solid #b9c19b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.foot_menu li:nth-child(even) {border-right: none;}
ul.foot_menu li:nth-last-child(1),
ul.foot_menu li:nth-last-of-type(2) { border-bottom: none;}
ul.foot_menu li:nth-last-of-type(2):nth-child(even) {}
ul.foot_menu li { background: url('../img/menu_arrow.png') no-repeat scroll right center ; }
ul.foot_menu li a { display: block;padding-left: 15px;height: 45px;color: #999;font-weight: bold;font-size: 13px;letter-spacing:0px;}


/*  FORM
--------------------------------------------------------------------------*/
.contact_us { margin: 5px 5px 0px 5px;padding: 10px 10px 10px 0px;font-size: 14px;line-height: 1.5;letter-spacing:0px;color: #333;text-align: left;border-bottom: 1px dotted #d8d3c9;}
.contact01 { margin: 5px 5px 0px 5px;padding: 10px 0px 5px 0px;font-size: 17px;letter-spacing:0px;color: #c3c3c3;text-align: left;}

input{ width:100%;font-size:120%; color:#413c32;padding: 8px 0px 8px 0px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #f6f6f6;-webkit-appearance: none;}

textarea{ width:100%; font-size:120%; padding: 5px 0px 5px 0px;margin: 8px 0px 8px 0px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #f6f6f6;}

select { width:100%;font-size:120%; color: #222;padding: 10px 8px 10px 8px;margin: 8px 0px 8px 0px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select02 { width:30%; margin: 5px 0px 5px 0px;}
.select03 { width:90%; background: #fff url(../img/select_arrow.png) no-repeat right;}
.sche_select{ width:98%; margin: 15px 0px 8px 0px; border: 2px solid #7b774c;border-radius: 10px;background-color: #0a0903;color: #fff;-webkit-appearance: none;}


input.button { width:100%;border: 3px solid #a0a0a0;border-radius: 0px;padding: 18px 0px 18px 0px;margin: 8px 0px 15px 0px;}
input.button { text-align: center;font-size: 17px;color: #fff;font-weight: normal;line-height: 100%;letter-spacing: 0px;}
input.button { background-color: #1c1c1c;-webkit-appearance: none;}

/*  アップロード
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#313131;border: 1px solid #161616;
    font-size:15px;color:#fff;
    text-align:center;padding: 10px 0px 10px 0px;
    line-height:28px;width:100%;cursor:pointer;}
.uploadButton:hover {background:#000;color:#fff;}
.uploadButton input[type=file] {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue {width:50%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding: 3px 0px 3px 5px;color:#666;border: 1px solid #fff;}



/*  フッター関連
--------------------------------------------------------------------------*/
.access { position: relative;}

.footer { background:rgba(246,246,246,0.4);margin: 0px 0px 0px;padding: 30px 0px 30px 0px;position:relative;}
.foot_logo { max-width: 220px; height:auto;margin:10px 0px 20px 0px;}
ul.foot_address { margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}
ul.foot_address li { padding: 0px 0px 3px 0px;letter-spacing:-1px;}
ul.foot_address li { font-size: 12px;color: #222;line-height: 1.5;text-align: center;}
ul.foot_address li a { color: #222;text-decoration: underline;}
ul.foot_address li a:hover {text-decoration: none;}
ul.foot_address li.ad_name { font-size: 16px; color: #222;letter-spacing:0px;padding: 10px 0px 10px;}

.tel { font-size:18px;font-weight:bold;text-decoration:none;right:0px;left:0px;margin:auto auto;}
.tel a { border: 3px solid #fff;border-radius: 0px;padding: 2px 0px 0px 0px;margin:0px 10px 0px 10px;}
.tel a { line-height: 45px;color: #fff;text-align: center;text-decoration: none;display:block;}
.tel a:hover  { background-color: #2f2b25;color: #fff;text-decoration: none;display:block;}

.copy { background-color: #000e19;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display: block;text-align: center;}
.copy { line-height: 50px;letter-spacing: 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #666;}
.copy a { color: #fff;text-decoration: none;display: block;}
.copy a:hover { background-color:#000;color: #fff;}


/* 240826 */

ul.foot_sub { display: inline-block;margin: 0px;padding: 20px 0px;}
ul.foot_sub li { padding: 0px 15px 15px;float: left;}
ul.foot_sub li a{ font-size: 14px;color: #333;line-height: 1.6;text-decoration: underline;}
ul.foot_sub li a:hover { text-decoration: none;}






/* 240826 */

.main_wrap { width: 100%;padding: 15px 15px;margin: 0px auto; background-color: #;text-align: center;}
.main_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}

.title { padding: 10px 0px;margin: 20px 0px 10px;position:relative;}
.title { font-size: 1.8em;color: #222;font-weight: bold;letter-spacing: 0.08em;text-indent:0.08em;text-align: center;}
.title span { padding: 10px 0px;font-size: 16px;color: #a69b87;font-weight:normal;letter-spacing:2px;display: block;}


#top_txt { max-width:1000px;display: inline-block;padding: 50px 20px ;right:0px;left:0px;margin:auto auto;}
#top_txt h3{ padding: 10px 0px;margin: 20px 0px 10px;position:relative;}
#top_txt h3{ font-size: 1.8em;color: #222;font-weight: bold;letter-spacing: 0.08em;text-indent:0.08em;;text-align: center;}
#top_txt h3 span { padding: 10px 0px;font-size: 16px;color: #a69b87;font-weight:normal;letter-spacing:2px;display: block;}
#top_txt p { margin: 0px;padding:5px 0px ;font-size:1.1em;color: #222;line-height: 1.7;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align:left;}
@media only screen and (max-width:640px) {
}


ul.reuse { max-width: 1400px;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.reuse li { width:33.3333%; background: #;border:0px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 15px;float:left;position:relative;display: block;}
ul.reuse li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.reuse li img { width:100%;height:200px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.reuse li h3 { padding: 15px 0px 0;margin: 0px;font-size: 19px;color: #333;font-weight: normal;letter-spacing:0.05em;line-height: 1.4;text-align:center;}
ul.reuse li p { margin: 0px;padding: 10px 0px 0;font-size: 16px;color: #333;font-weight: normal;letter-spacing:0.05em;line-height: 1.6;text-align:left;}
ul.reuse li a { text-decoration: none;}
@media only screen and (max-width:1180px) {
ul.reuse { width: 100%;display: flex;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.reuse li { width:100%; margin:0px;padding: 15px 0;float:left;position:relative;display: block;}
ul.reuse li p { font-size: 15px;}
}

ul.products { max-width: 1400px;margin: 0px;padding: 30px 0px;display: flex;flex-wrap: wrap;right:0px;left:0px;margin:auto auto;}
ul.products li { width: 25%;background-color:#;border:0px solid #eaeaea;text-align: center; float: left;position:relative;}
ul.products li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.products li { display: block;margin: 0px 0px;padding: 10px 10px;}
ul.products li img{ width: 100%;height: 200px;object-fit: cover;overflow: hidden;margin: 0px;}
ul.products li h4 { margin: 0px;padding: 10px 0;font-size: 1.2em;color: #222;font-weight:bold;line-height: 1.5;letter-spacing: 0.02em;text-indent:0.02em;text-align:left;}
ul.products li p { margin: 0px;padding: 10px 0;font-size: 15px;color: #222;font-weight:normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;text-align:left;}


@media only screen and (max-width:1300px) {
ul.products li { width: 33.3333%;text-align: center; padding: 10px 10px; float: left;position:relative;}
}
@media only screen and (max-width:1000px) {
ul.products li { width: 50%;text-align: center; padding: 0px 5px; float: left;position:relative;}
ul.products li img{ width: 100%;height: 200px;object-fit: cover;overflow: hidden;margin: 0px;}
}