/*  株式会社ウエーバ
--------------------------------------------------------------------------*/
/*  http://www.weber-co.jp
--------------------------------------------------------------------------*/




@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
ul, ol, ul li, ol li { list-style: none; }
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body { font-family: 'Noto Sans JP', sans-serif;}
body { margin:0px;padding:0px;position:relative;}
body { background-color: rgba(255,255,255,1.0);}


@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');}



/*  BASE
--------------------------------------------------------------------------*/
div, ul, li, p, h1, h2, h3 { padding: 0px; margin: 0px; }
ul, ol, ul li, ol li { list-style: none; }
form{ margin:0px;}
input{margin:0px;}



/*  HEAD
--------------------------------------------------------------------------*/
h1{margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
h2{margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.clear { display: none;}

.header { width: 100%;}
.header { padding: 0px 0px 0px 0px;margin:0px 0px 0px 0px;position: relative;}
.head { width: 1200px;height: 100px;position: relative;}
.logo { max-width: 200px; position: absolute;top: 20;left: 0;z-index: 8888;}


/*
ul.menu { width: 900px;margin: 0px 0px 0px;padding: 0px 0px 0px;display: inline-block;position:absolute;top:26px;right:0px;}
ul.menu li { float:left;}
ul.menu li a { height: 60px;text-decoration: none;display: block;}
ul.menu li a:hover { border-bottom:3px solid #80c153;}
ul.menu li.active a { border-bottom:3px solid #80c153;}
*/


/* 240826 */


.menu_wrap { width: 100%;margin: 0px ; background-color: #;;border-top: 1px solid #f8f8f8;border-bottom: 1px solid #f8f8f8;}
.menu_wrap { padding: 0px ;position:relative;text-align: center;}


ul.menu { width: 1200px;margin: 0px 0px;padding: 0px 0px ;display: inline-block;}
ul.menu li { width: 16.6666%;background-color:#;border-left: 1px solid #f8f8f8; float:left; margin: 0px 0px 0px -1px;text-align:center; position: relative;}
ul.menu li a { margin: 0px;padding: 18px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu li:last-child { border-right: 1px solid #fff3f7;margin: 0px 0px 0px -2px;}
ul.menu li a { font-size: 16px;color: #333;font-weight:bold;letter-spacing: 0.1em;text-indent:0.1em;}
ul.menu li a:hover { background-color: rgba(246,246,246,0.7);color: #; }
ul.menu li span { margin: 0px;padding: 6px 0px 0px;font-family: 'Oswald', sans-serif;font-size: 13px;color: #46a879;font-weight:normal;letter-spacing:2px;text-align: center;display: block;}
@media screen and (max-width: 1650px) {
ul.menu { width: 100%;}
}


.main_wrap { width: 100%;padding: 40px 20px;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: 2.0em;color: #222;font-weight: bold;letter-spacing:5px;text-align: center;}
.title span { padding: 0px 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: 2.0em;color: #222;font-weight: bold;letter-spacing:5px;text-align: center;}
#top_txt h3 span { padding: 0px 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: 50px 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: 10px 10px; float: left;position:relative;}
}
@media only screen and (max-width:640px) {
ul.products li { width: 100%;text-align: center; padding: 10px 5px; float: left;position:relative;}
ul.products li img{ width: 100%;height: 200px;object-fit: cover;overflow: hidden;margin: 0px;}
}






.box_main { width: 100%;min-width: 600px;height: 600px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; position:relative;}
.box_main { background-position: 50% 50%;background-size: cover;text-align: center;}
.catch { max-width: 100%; position: absolute;top: 250;right:0px;left:0px;margin:auto auto;z-index: 8888;}

.button_other { width: 340px;font-size:18px;font-weight:bold;text-decoration:none;position: absolute;top: 550;right:0px;left:0px;margin:auto auto;z-index: 8888;}
.button_other a { border: 3px solid #b0b0b0;border-radius: 0px;padding: 0px 0px 0px 0px;}
.button_other a { line-height: 54px;background-color: rgba(0,0,0,0.0);color: #fff;text-align: center;text-decoration: none;display:block;}
.button_other a:hover  { border: 3px solid #cccccc;background-color: rgba(0,0,0,0.8);color: #fff;text-decoration: none;display:block;}

.title01 { width: 100%;min-width: 1200px;height: 250px;background: url('../img/title01.jpg') no-repeat scroll center top ;margin: 0px 0px 0px;padding: 0px;}
.title02 { width: 100%;min-width: 1200px;height: 250px;background: url('../img/title02.jpg') no-repeat scroll center top ;margin: 0px 0px 0px;padding: 0px;}
.title03 { width: 100%;min-width: 1200px;height: 250px;background: url('../img/title03.jpg') no-repeat scroll center top ;margin: 0px 0px 0px;padding: 0px;}
.title04 { width: 100%;min-width: 1200px;height: 250px;background: url('../img/title04.jpg') no-repeat scroll center top ;margin: 0px 0px 0px;padding: 0px;}
.title05 { width: 100%;min-width: 1200px;height: 250px;background: url('../img/title05.jpg') no-repeat scroll center top ;margin: 0px 0px 0px;padding: 0px;}

.title { max-width: 100%; margin: 0px 0px 10px 0px;}


/*  MAIN
--------------------------------------------------------------------------*/
.bana_block { background-color: rgba(255,255,255,1.0);}
.bana_block { min-width: 1200px ;min-height: 300px;padding: 20px 0px 20px 0px;position: relative;}

ul.content_bana { width: 1172x;margin: 0px 0px 0px 0px;padding: 30px 0px 30px 0px;}
ul.content_bana { display: inline-block;}
ul.content_bana li { padding: 0px 4px 8px 4px;float:left;list-style: none;}
ul.content_bana li img { max-width: 100%;}



.main_block { background-color: rgba(255,255,255,1.0);}
.main_block { min-width: 1200px ;min-height: 300px;padding: 60px 0px 50px 0px;position: relative;}


.free_tel { width: 600px;font-size:18px;font-weight:bold;text-decoration:none;right:0px;left:0px;margin:auto auto;}
.free_tel a { border: 5px solid #e77400;background-color: rgba(255,255,255,0.7);border-radius: 0px;padding: 2px 0px 0px 0px;margin:0px 10px 0px 10px;}
.free_tel a { line-height: 70px;color: #e77400;text-align: center;text-decoration: none;display:block;}
.free_tel a:hover  { background-color: rgba(33,21,0,0.0);color: #e77400;text-decoration: none;display:block;}



.title_flets { max-width: 100%; margin: 20px 0px 10px 0px;}


ul.flets { width: 1184px;margin: 0px 0px 0px;padding: 30px 0px 30px 0px;}
ul.flets { display: inline-block;}
ul.flets li { float:left;list-style: none;position:relative;}
ul.flets li { background-color: #fffffd;border:1px solid #f2f2f2;border-radius: 0px;}
ul.flets li { width: 270px;min-height: 288px;text-decoration: none;display: block;}
ul.flets li { margin: 0px 5px 10px 5px;padding: 7px 7px 7px;}
ul.flets li img { max-width: 100%; }
.flets_name { color: #222;font-size: 19px;line-height: 1.5;font-weight:bold;letter-spacing:0px;text-align: center;padding: 5px 0px 0px;margin: 0px 0px 0px;}
.flets_comme { font-size: 16px;color: #222;line-height: 1.5;letter-spacing:1px;text-align: left; padding: 5px 0px 0px 0px;margin: 0px 0px 0px 0px;}


.freetel { max-width: 100%; margin: 0px 0px 50px 0px;}
.img_giga { max-width: 100%; margin: 20px 0px 0px 0px;}



.telemarketing_comme { width: 900px; font-size: 16px;color: #222;line-height: 1.5;letter-spacing:1px;text-align: left; padding: 15px 0px 0px ;margin: 0px 0px 0px;}





/*  会社概要
--------------------------------------------------------------------------*/
table.company { width: 1000px;margin: 20px 0px 10px;border-collapse: separate;border-spacing: 1px;text-align: left;}
table.company th { background:#f4f5f5;width: 300px;padding:13px 0px 13px 20px;vertical-align: middle;}
table.company th { font-size: 15px; font-weight: normal;letter-spacing:0px;color: #222;text-align:left;}
table.company td { background-color: rgba(249,249,249,0.4);width: 900px;padding:15px 15px 15px ;vertical-align: middle;}
table.company td { font-size: 15px; letter-spacing:0px;color: #222;line-height: 1.5;}

.privacy { width: 1000px;margin: 0px 0px 0px;padding: 40px 0px 10px ;position:relative;}
.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;}

table.about { width: 880px;margin: 20px 0px 20px 0px;border-collapse: collapse;border-spacing: 1px;text-align: left;line-height: 1.5;border-top: 1px solid #e8e7e7;}
table.about th { background-color: rgba(249,246,249,0.7);width: 150px;padding:13px 15px 13px 18px;vertical-align: middle;border-bottom: 1px solid #e8e7e7;}
table.about th { font-size: 14px; letter-spacing:0px;color: #222;text-align:left;}
table.about td { background-color: rgba(252,252,252,0.7);padding:13px 15px 13px 15px;vertical-align: middle;border-bottom: 1px solid #e8e7e7;}
table.about td { font-size: 14px; letter-spacing:0px;color: #333;}
table.about td a { text-decoration: none;}



/*  CONTACT
--------------------------------------------------------------------------*/
table.form { width: 880px;margin: 15px 0px 5px;border-collapse: separate;border-spacing: 1px 1px;}
table.form { text-align: left;line-height: 1.5;}
table.form th { width: 170px;background-color: #;padding: 5px 15px 5px;font-size:15px;font-weight: normal;vertical-align: middle;color: #333;text-align: right; }
table.form td { background-color: #;padding: 5px 15px 5px;font-size:13px;vertical-align: top;color: #fff;}





/*  FORM
--------------------------------------------------------------------------*/
input { width: 420px;height: 48px;line-height: 48px;background-color: #f7f7f7;padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;border-radius: 1px;border: 1px solid #dcdad5;}
input { font-size: 15px;letter-spacing: 0px;text-align: left;-webkit-appearance: none; }
input:focus{ background: #fff;}

textarea { width: 550px;background-color: #f7f7f7;;border:1px solid #dcdad5;border-radius: 1px;font-size: 14px;color: 333;}
textarea { padding: 5px 5px 5px 5px;margin: 0px 0px 0px 0px;overflow: auto; resize: none;-webkit-appearance: none; }
textarea:focus{ background: #fff;}

select { width: 350px;height: 44px;margin: 5px 0px 5px 0px;font-size:15px;color:#666;border-radius: 1px;background-color: #fffefb;border: 1px solid #dcdad5;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}
select { padding: 7px 7px 7px 7px;-webkit-appearance: none;}
select:focus{ background: #fff;}
.select_day { width:200px; margin: 5px 0px 5px 0px;}

input.button { width:400px;height: 66px;margin: 20px 0px 20px 0px;border: 3px solid #85817e;border-radius: 0px;background:#000;}
input.button { font-size: 18px;color: #fff;letter-spacing: 0px;line-height: 1.5;font-weight: bold;text-align: center;-webkit-appearance: none;}
input.button:hover { background: #151616;color: #666;}
input.button:active { position:relative;top:1px;}






/*  FOOTER
--------------------------------------------------------------------------*/
#map_canvas  { background-color: rgba(); }
#map_canvas  { width: 100%;height: 500px;opacity: 1.0;margin: 0px 0px 0px 0px; }

.footer { width: 100%;min-height: 250px;background-color: #f7f7f7;margin:0px 0px 0px 0px;padding: 30px 0px 10px 0px;position:relative; }
.foot_logo { max-width: 250px;margin: 20px 0px 30px 0px;}

ul.foot_menu { display: inline-block;position:relative;right:0px;left:0px;margin:auto auto;}
ul.foot_menu li { padding: 0px 20px 8px 15px;letter-spacing:0px;font-size: 14px;line-height: 1.3;color: #666;float: left;}
ul.foot_menu li { background: url('../img/foot_point.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.foot_menu li { text-align: left;}
ul.foot_menu li a { color: #666;text-decoration: underline;}
ul.foot_menu li a:hover { text-decoration: none;}
ul.foot_menu:after { content: "";display: block;clear: both;}

ul.foot_address { margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px;}
ul.foot_address li { padding: 0px 0px 3px 0px;letter-spacing:0px;}
ul.foot_address li { font-size: 13px;color: #666;line-height: 1.5;text-align: center;}
ul.foot_address li a { color: #666;text-decoration: none;}
ul.foot_address li a:hover { text-decoration: none;}

.copy { min-width: 1200px;margin:55px 20px 0px 20px;height: 48px;line-height: 48px;border-top:1px dotted #b9de8c;position:relative;}
.copy { letter-spacing: 0px;padding: 0px 0px 0px 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #939393;text-align: center;}
.copy a { color: #222;text-decoration: none;display: block;}
.copy a:hover { color: #222;text-decoration: none;}