@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400;font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/


/*▼エリア・背景設定▼*/
body{ min-width:1280px;}
#body-top{ overflow:hidden;}
.center{ text-align:center;}


h1{ text-indent:-9999px; height:0;}

/*▼ヘッダー▼*/
#header{ position: relative;background: rgba(000,000,000, 0.7); position:absolute; top:0; left:0; right:0; margin:auto; z-index:999;}
#header #hmid{ max-width:90%;min-width:1280px; margin:auto; overflow:hidden;}
#header .left { float:left; padding:40px 0 0px;}
#header .left .p-01{letter-spacing: normal;color:#fff; padding-bottom:6px; font-size:14PX;}
#header .left a{ text-decoration:none; display:inline-block; position:relative; top:-10px;}
#header .left a img{ margin-right:5px; vertical-align: middle;}
#header .left a .tb-01{ display: inline-block; vertical-align: middle; position:relative; top:6px;}
#header .left a .tb-01 .name{ font-size:36px; font-weight: bold; line-height: 1em;display:flex;align-items: center/* ←縦の中央揃え */; margin-bottom:5px;font-family: "Noto Serif JP", serif; color:#fff;}
#header .left a .tb-01 .name span{font-size:24px; margin-right:5px;}


#header .right{ float:right; overflow: hidden; padding:25px 0px 0 0; text-align:right;}

#header .right .tel{text-align: center; padding:10px 10px;display:inline-block; background:#75a500; vertical-align:top;}
#header .right .tel a{ color:#FFF; text-decoration:none;}
#header .right .p-tel{ font-size:24px; font-weight:bold;line-height:1em;background: url(../images/common/ico-tel.png) left 4px no-repeat; background-size:20px; color:#fff; display:inline-block; text-decoration:none; padding-left:25px;font-family: "Oswald", sans-serif;}
#header .right .p-01 { color:#FFF; font-size:14px;}



#header .right .btn{display:inline-block;text-align: center; padding:10px 10px;background:#75a500; margin-left:20px; vertical-align:top;}
#header .right .btn a{color:#FFF; text-decoration:none;}
#header .right .btn .p-mail{ font-size:20px; font-weight:bold;line-height:1em;background: url(../images/common/ico-mail.png) left 1px no-repeat; background-size:24px; color:#fff; display:inline-block; padding-left:28px; margin-bottom:7px;}
#header .right .btn .p-01 { color:#FFF;color:#FFF; font-size:14px;}





/*▼メインナビゲーション▼*/
#navi{ display:inline-block; vertical-align:top;}
#navi ul{ text-align:center;}
#navi li {font-size:18px; font-weight:600; text-align:center; display:inline-block; margin:0 10px;font-family: "Noto Serif JP", serif; }
#navi li a{ color:#fff; text-decoration:none; position:relative; display:block; padding:6px 10px 15px;}
#navi li a span{ font-size:14px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#75a500;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:0px;width:100%;height:3px;background:#75a500;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}


/*▼メインビジュアル▼*/
#mp{ background:url(../images/company/mp.png) center top no-repeat; height:400px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */; }
#mp .area-01{ background:rgba(255,255,255, 0.9);display:inline-block; padding:20px 50px; text-align:center; margin-top:100px;}
#mp .area-01 p{  font-size:28px; font-weight: bold;font-family: "Noto Serif JP", serif; line-height:1em;}
#mp .area-01 p span{color:#8abb24;font-size:18px; font-weight:bold; display:block;}


#service #mp{ background: url(../images/service/mp.png) center top no-repeat;}


#hmp{ background:url(../images/home/mp.png) center top no-repeat; height:941px;}
#hmp .area-01{ width:1100px; margin:auto; position:relative;}
#hmp .area-01 .text{ padding-top:500px;}
#hmp .area-01 .text p{ display:inline-block;background: rgba(255,255,255, 0.8); font-weight:bold; font-size:48px; margin-bottom:20px; padding:0 50px;}



/*▼フッター▼*/
#footer { }
#footer #fmid{ width:1280px; margin:auto; overflow:hidden; padding:0px 0 50px;}

#footer #hmid{ width: 1024px; margin:auto; overflow:hidden;}
#footer .left { float:left;}
#footer .left .p-01{letter-spacing: normal;padding-bottom:6px; font-size:14px;}
#footer .left a{ text-decoration:none; display:inline-block; position:relative; top:-10px;}
#footer .left a img{ margin-right:5px; vertical-align: middle;}
#footer .left a .tb-01{ display: inline-block; vertical-align: middle; position:relative; top:6px;}
#footer .left a .tb-01 .name{ font-size:36px; font-weight: bold; line-height: 1em;display:flex;align-items: center/* ←縦の中央揃え */; margin-bottom:5px;font-family: "Noto Serif JP", serif;}
#footer .left a .tb-01 .name span{font-size:24px; margin-right:5px;}
#footer .left .p-c{ margin-left:120px; font-size:30px; font-weight: bold; line-height:1.2em;}

/*フッターナビ*/
#footer .right{ float: right; display:inline-block; overflow:hidden;}
#footer .right{ overflow: hidden;}
#footer .right .entry{ display:inline-block; vertical-align:top; margin-left:20px;}
#footer .right .entry p a{ font-weight:bold; color:#000; text-decoration:none; margin-bottom:7px; display:inline-block;}
#footer .right .entry ul{ margin-left:10px;}
#footer .right .entry ul li a{ background:url(../images/common/footer-ico.png) 0 8px no-repeat; padding-left:20px; margin-bottom:7px; text-decoration:none; color:#000;}

#footer #tamonten { background:#75a500;margin:auto; text-align:center; font-size:10px; padding:10px 0; border-top: 1px solid #ece3d8;}
#footer #tamonten a { display:block; cursor:default; color:#fff; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top { position: fixed; bottom: 70px; right: 60px; background-image: url(../images/common/to-top.png); width: 80px; height: 80px; text-indent: -9999px;}
.page-top:hover{background-image: url(../images/common/to-topon.png); opacity:1; filter:alpha(opacity=100);}

/*▼エリア・共通設定▼*/
.bk-dot{background:url(../images/home/bk-01.png) 0 0 repeat; border-top:#bababa solid 1px;}
#main{ margin-bottom:50px;}
.box{ width:1100px; margin:auto; padding:70px 0; position:relative;}

.h2-01{ font-size:28px; font-weight: bold;margin-bottom:50px;font-family: "Noto Serif JP", serif; background:url(../images/common/h2-01.png) 0 bottom no-repeat; padding-bottom:20px;}
.h2-01 span{ color:#8abb24;font-size:18px; font-weight:bold; display:block;}

.bottom0{ margin-bottom:0px;}

.h2-02{ font-size:28px; font-weight: bold;margin-bottom:50px;font-family: "Noto Serif JP", serif; background:url(../images/common/h2-01.png) center bottom no-repeat; padding-bottom:20px; text-align:center;}
.h2-02 span{ color:#8abb24;font-size:18px; font-weight:bold; display:block;}


.h3-01{ background:url(../images/common/h3.png) 0 9px no-repeat; padding-left:30px; font-size:36px; font-weight: bold;margin-bottom:20px; line-height:1em;}
.h4-01{font-size:20px; font-weight:bold; margin-bottom:20px;}

.more{ text-align:center; padding-bottom:5px;}
.more a{ color:#000;font-size:18px; text-decoration:none;}
.more a span{ background:url(../images/common/to-more.png) 0 0 no-repeat; width:38px; height:38px; display:inline-block; margin-right:10px; position:relative; top:10px;}
.more a:hover span{ background:url(../images/common/to-moreon.png) 0 0 no-repeat;}


.more-01{ text-align:center; padding-bottom:5px;margin-top:20px; padding:20px;} 
.more-01 a{ background:#75a500; color:#fff;font-size:18px; text-decoration:none; font-size:22px; padding:10px 50px 15px 50px; width:400px;position:relative; border-radius:30px; line-height:1em;font-family: "Noto Serif JP", serif; }
.more-01 a span{ position:absolute; right:-30px; top:40%; background:url(../images/common/more-01.png); width:60px; height:6px; display:inline-block;}




/*▼ホーム　home▼*/
#home #box-01{}
#home #box-01 .area-01{ overflow: hidden;}
#home #box-01 .area-01 .left{ background: url(../images/home/bk-01.png); width:549px; height:707px; float:left;}
#home #box-01 .area-01 .left .inner{ padding:20px;}
#home #box-01 .area-01 .left .inner .tb-01{ margin-bottom:30px;}
#home #box-01 .area-01 .left .inner p{ font-size:18px;}
#home #box-01 .area-01 .left .inner img{ display:block; margin:auto;}

#home #box-01 .area-01 .right{width:400px;float:right; padding-top:70px;}
#home #box-01 .area-01 .right .entry{ margin-bottom:180px;}
#home #box-01 .area-01 .right .entry:nth-child(2){ margin-bottom:0px;}
#home #box-01 .area-01 .right .entry img{ margin-bottom:15px;}


#home .bk-02{ background:url(../images/home/bk-02.png) left top no-repeat #e0e3dd; background-size:auto 100%;}
#home #box-02{}
#home #box-02 .area-01{ overflow: hidden;}

#home #box-02 .area-01 .entry{ float:left; width:350px; padding-top:130px; margin-right:20px;}
#home #box-02 .area-01 .entry:last-child{margin-right:0px;}
#home #box-02 .area-01 .entry-01{ background:url(../images/home/01.png) 0 0 no-repeat, url(../images/home/line.png) right top no-repeat;}
#home #box-02 .area-01 .entry-02{ background:url(../images/home/02.png) 0 0 no-repeat, url(../images/home/line.png) right top no-repeat;}
#home #box-02 .area-01 .entry-03{ background:url(../images/home/03.png) 0 0 no-repeat;}
#home #box-02 .area-01 h3{ font-size:20px; font-weight:bold; margin-bottom:20px; letter-spacing:normal;}

#home #box-03{ width:100%; padding-top:0px;}
#home #box-03 .area-01{ margin-bottom:30px; text-align:center; overflow:hidden;}
#home #box-03 .area-01 .entry{ width:33%; display:inline-block; float:left;}
#home #box-03 .area-01 .entry .inner{ width:100%; padding-top:120%;  display:inline-block; position:relative;}
#home #box-03 .area-01 .entry .inner-01{ background:url(../images/home/img-04.png); background-size:cover;}
#home #box-03 .area-01 .entry .inner-02{ background:url(../images/home/img-05.png); background-size:cover;}
#home #box-03 .area-01 .entry .inner-03{ background:url(../images/home/img-06.png); background-size:cover;}

#home #box-03 .area-01 .entry .inner .tb-01{ position:absolute; left:0; right:0; margin:auto; bottom:50px; display:inline-block; width:80%; text-align:left;}
#home #box-03 .area-01 .entry .inner .tb-01 p.p-01{ font-weight:bold; font-size:20px; margin-bottom:15px;}
#home #box-03 .area-01 .entry .inner .tb-01 p.p-01 img{ position:relative; margin-right:7px;}
#home #box-03 .area-01 .entry .inner .tb-01 p{ color:#FFF;}

#home .bk-04{ background: url(../images/home/bk-04.png) center top no-repeat;}
#home #box-04{ position:relative;}

#home #box-04 .area-01{position:relative; min-height:640px;}

#home #box-04 .area-01 img.img-01{ position:absolute; margin-left:-80px;}
#home #box-04 .area-01 .tb-01{ width:550px; float:right;}
#home #box-04 .area-01 .tb-01 p{ color:#FFF;}
#home #box-04 .area-01 .tb-01 .inner{ padding:50px 0px 0px 50px;}
#home #box-04 .area-01 .tb-01 .inner h3{ font-size:25px; display:inline-block; border-bottom:#FFF solid 1px; padding:0 10px 10px; color:#FFF; margin-bottom:30px;font-family: "Noto Serif JP", serif;}
#home #box-04 .area-01 .tb-01 .text{ margin-bottom:30px;}
#home #box-04 .area-01 .tb-01 ul{ display:inline-block; vertical-align:top; margin-right:20px;}
#home #box-04 .area-01 .tb-01 ul:last-child{margin-right:0px;}
#home #box-04 .area-01 .tb-01 ul li{ color:#FFF; background: url(../images/home/ico-chek.png) 0 7px no-repeat; padding-left:20px; margin-bottom:7px;}


#home #box-04 .area-02{position:relative; min-height:640px; margin-top:-200px;}

#home #box-04 .area-02 img.img-01{ position:absolute; right:-430px;}
#home #box-04 .area-02 .tb-01{ width:550px; padding-top:250px;}
#home #box-04 .area-02 .tb-01 .inner{ padding:0px 0px 50px 0px;}
#home #box-04 .area-02 .tb-01 .inner h3{ font-size:25px; display:inline-block; border-bottom:#000 solid 1px; padding:0 10px 10px;margin-bottom:30px;font-family: "Noto Serif JP", serif;}
#home #box-04 .area-02 .tb-01 .text{ margin-bottom:30px;}
#home #box-04 .area-02 .tb-01 ul{ display:inline-block; vertical-align:top; margin-right:20px;}
#home #box-04 .area-02 .tb-01 ul:last-child{margin-right:0px;}
#home #box-04 .area-02 .tb-01 ul li{background: url(../images/home/ico-chekb.png) 0 7px no-repeat; padding-left:20px; margin-bottom:7px;}

#home #box-05{ padding-top:0px;}

#home #box-05 .area-01 {max-height:350px; overflow-y:scroll;}
#home #box-05 .area-01 table { width: 100%; }
#home #box-05 .area-01 table td.td-01 {width:160px; color:#8abb24; font-weight: bold;}
#home #box-05 .area-01 table td { padding:20px;border-top: 2px dotted #ccc;}
#home #box-05 .area-01 table tr:last-child td { border-bottom: 2px dotted #ccc; }
#home #box-05 .area-01 table td .p-01{ font-weight:bold; margin-bottom:3px; font-size:110%;}

#box-rec{ background: url(../images/home/img-re.png) right bottom no-repeat #78846e; background-size: auto 100%;border-radius:30px; padding:0px; margin-bottom:100px;}
#box-rec .area-01{ padding:30px; position:relative;}
#box-rec .area-01 .p-01{color:#8abb24; font-size:60px; font-weight:bold;font-family: "Noto Serif JP", serif;-webkit-text-stroke: 6px #fff;/* きれいな縁取り */paint-order: stroke fill;/* フチを外側優先で描画 */}
#box-rec .area-01 .p-02{ display:inline-block; padding:3px 30px 10px 30px; line-height:1em; margin-bottom:10px; background:rgba(255,255,255, 0.9); font-size:48px; font-weight:bold;}
#box-rec .area-01 .p-03{margin-left:80px;}
#box-rec .area-01 .p-04{ color:#FFF; font-size:25px;}
#box-rec .area-01 .more-01{ display:inline-block; position:absolute; right:20px; bottom:20px;}


#box-contact{ background:url(../images/common/box-contact.png) center 0 no-repeat; height:581px;display:flex;align-items: center/* ←縦の中央揃え */;}
#box-contact .area-01{ width:1100px; margin:auto; background:rgba(255,255,255, 0.8); text-align:center; padding:50px 0;}
#box-contact .area-01 .p-01{ font-size:25px; font-weight:bold;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */; line-height:1em; margin-bottom:30px;}
#box-contact .area-01 .p-01 span{ background:#f7b614; padding:10px 30px; border-radius:30px;display:inline-block;color:#FFF; font-size:20px; margin-right:20px;}
#box-contact .area-01 .tb-01{ overflow:hidden; margin-bottom:30px;}
#box-contact .area-01 .tb-01 .tel{ display:inline-block; margin-right:50px;}
#box-contact .area-01 .tb-01 .tel .p-02{background: url(../images/common/phone-solid-full.png) left 22px no-repeat; font-size:60px;font-weight:bold;display:inline-block; text-decoration:none; padding-left:60px;font-family: "Oswald", sans-serif;}

#box-contact .area-01 .tb-01 .fax{ display:inline-block;}
#box-contact .area-01 .tb-01 .fax .p-02{background: url(../images/common/fax-solid-full.png) left 22px no-repeat; font-size:60px;font-weight:bold;display:inline-block; text-decoration:none; padding-left:65px;font-family: "Oswald", sans-serif;}
#box-contact .area-01 .more-01 img{ height:25px; margin-right:10px;}



#company{}
#company .bk-01{ background:url(../images/company/bk-01.png) center top no-repeat; height:440px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */; }
#company #box-01{}
#company #box-01 .area-01{ text-align:center;}
#company #box-01 .area-01 .p-01{color:#8abb24; font-size:30px; font-weight:bold; margin-bottom:20px;font-family: "Noto Serif JP", serif;}

#company #box-01 .area-01 .text p{font-size:24px; font-weight:bold;font-family: "Noto Serif JP", serif;}

#company #box-02{}
#company #box-02 .area-01{ overflow:hidden;}
#company #box-02 .area-01 .left{ width:550px; float:left;}
#company #box-02 .area-01 .right { display:inline-block;float:right; text-align:center; width:550px;}
#company #box-02 .area-01 .right img{ margin-bottom:10px; }


#company .bk-03{ background:#e0e3dd;}
#company #box-03{}
#company #box-03 .area-01{}
#company #box-03 .area-01 table{ width:100%; background:#FFF;}
#company #box-03 .area-01 table td{ padding:15px 20px; border:#cccccc solid 1px;}
#company #box-03 .area-01 table td:first-child{ background:#78846e; font-weight:bold; color:#FFF; text-align:center;}



#company #box-04{}
#company #box-04 .area-01{}
#company #box-04 .area-01 table{ width:100%; background:#FFF;}
#company #box-04 .area-01 table td{ padding:15px 20px; border-bottom:#cccccc solid 1px;}
#company #box-04 .area-01 table td:first-child{font-weight:bold; text-align:left;}


#company #box-05{ width:auto;}
#company #box-05 .area-01{ text-align:center; width:1100px; margin:auto; margin-bottom:70px;}
.googlemap{height: 0;overflow: hidden;padding-bottom: 26.25%;position: relative;}
.googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

#company .bk-06{ background:#e0e3dd; margin-bottom:70px;}
#company #box-06{}
#company #box-06 .area-01{ text-align:center;}
#company #box-06 .area-01 a{ margin:0 5px;width:23%; display:inline-block; padding:20px 0px; text-align:center; border-radius:40px; position:relative; background:#75a500; color:#FFF; font-size:20px; text-decoration:none;}
#company #box-06 .area-01 a span{ background: url(../images/company/btn.png); height:26px; width:26px; position:absolute; right:15px; top:20px; display:inline-block;}





#service{}

#service h3{font-size:24px; font-weight:bold;font-family: "Noto Serif JP", serif; display: inline-block; border-bottom:#000 solid 1px; padding-bottom:7px; margin-bottom:30px;}
#service h4{color:#8abb24;font-size:20px; margin-bottom:10px; margin-top:20px; font-weight:bold;}
#service .bk-navi{ background:#78846e; margin-bottom:70px;}
#service #box-navi{}
#service #box-navi .area-01{ text-align:center;}
#service #box-navi .area-01 a{ margin:0 5px;width:23%; display:inline-block; padding:20px 0px; text-align:center; border-radius:40px; position:relative; background:#75a500; color:#FFF; font-size:20px; text-decoration:none;}
#service #box-navi .area-01 a span{ background: url(../images/company/btn.png); height:26px; width:26px; position:absolute; right:15px; top:20px; display:inline-block;}


#service .bk-01{ background:#e0e3dd;}
#service #box-01{}
#service #box-01 .area-01{ margin-bottom:70px; text-align:center;}
#service #box-01 .area-01 p{font-size:30px; font-weight:bold;font-family: "Noto Serif JP", serif;}
#service #box-01 .area-02{ overflow:hidden;}
#service #box-01 .area-02 .left{ width:550px; float:left;}
#service #box-01 .area-02 .right{ width:500px; float:right; margin-top:50px;}


#service #box-02{}
#service #box-02 .area-01{ margin-bottom:50px;}


#service #box-02 .area-02{ overflow:hidden;}
#service #box-02 .area-02 .tb-01{ overflow:hidden;}
#service #box-02 .area-02 .entry{ width:340px; float:left; margin-right:40px;}
#service #box-02 .area-02 .entry:last-child{margin-right:0px;}
#service #box-02 .area-02 .entry p.p-01{color:#8abb24; text-align:center; font-size:20px; margin-bottom:10px;}
#service #box-02 .area-02 .entry img{ margin-bottom:10px;}




#service .bk-03{ background:#e0e3dd;}
#service #box-03{}
#service #box-03 .area-01{ overflow:hidden;}
#service #box-03 .area-01 .left{ width:490px; float:left;}

#service #box-03 .area-01 .left .tb-01{ margin-bottom:50px;}
#service #box-03 .area-01 .left dl dd{ background:url(../images/service/ico-maru.png) 0 0 no-repeat; padding-left:50px; margin-bottom:10px; font-size:18px;}
#service #box-03 .area-01 .right{ width:550px; float:right;}

#service #box-03 .area-02 ul{ overflow:hidden; padding-bottom:20px;}
#service #box-03 .area-02 ul li{ display:inline-block; margin:0 5px; vertical-align:top;}
#service #box-03 .area-02 ul li.img-01{ position:relative; top:-2px;}
#service #box-03 .area-02 ul li span{ width:30px; height:30px; line-height:30px;border-radius:50%; text-align:center; display:inline-block; margin-right:5px; background:#8abb24; color:#FFF;}
#service #box-03 .area-02 .more-01{ text-align:left;}



#service #box-04{}
#service #box-04 h4.h4-01{margin-top:0px;}
#service #box-04 .area-01{ overflow:hidden;}
#service #box-04 .area-01 .left{ width:490px; float:left;}

#service #box-04 .area-01 .left .tb-01{ margin-bottom:50px;}
#service #box-04 .area-01 .left .tb-01:last-child{ margin-bottom:0px;}
#service #box-04 .area-01 .left dl dd{ background:url(../images/service/ico-maru.png) 0 0 no-repeat; padding-left:50px; margin-bottom:10px; font-size:18px;}
#service #box-04 .area-01 .right{ width:550px; float:right;}

#service #box-04 .area-02{ overflow:hidden;}
#service #box-04 .area-02 .tb-01{ overflow:hidden;}
#service #box-04 .area-02 .tb-01 .entry{ width:260px; float:left;text-align:center; margin-right:20px;}
#service #box-04 .area-02 .tb-01 .entry:last-child{margin-right:0px;}
#service #box-04 .area-02 .tb-01 .entry img{ margin-bottom:10px;}



#service .bk-05{ background:#e0e3dd;}
#service #box-05{}
#service #box-05 .area-01{ overflow:hidden;}
#service #box-05 .area-01 .left{ width:490px; float:left;}

#service #box-05 .area-01 .left .tb-01{ margin-bottom:50px;}
#service #box-05 .area-01 .left dl dd{ background:url(../images/service/ico-maru.png) 0 0 no-repeat; padding-left:50px; margin-bottom:10px; font-size:18px;}
#service #box-05 .area-01 .right{ width:450px; float:right; background:#FFF; display:inline-block; padding:20px 50px; margin-top:70px;}

#service #box-05 .area-02{ margin-bottom:30px;}


#service #box-05 .area-03{ margin-bottom:50px;}
#service #box-05 .area-03 .tb-01{ overflow:hidden; margin-bottom:50px;}
#service #box-05 .area-03 .tb-01 .entry{ width:510px; float:left; text-align:center;}
#service #box-05 .area-03 .tb-01 .entry img{ margin-bottom:10px;}
#service #box-05 .area-03 .tb-01 .img-01{ float:left; display:inline-block; margin:150px 15px 0;}


#service #box-05 .area-04{ margin-bottom:50px; overflow:hidden;}
#service #box-05 .area-04 .entry{ width:336px; float:left; text-align:center; margin-right:45px;}
#service #box-05 .area-04 .entry:last-child{margin-right:0px;}
#service #box-05 .area-04 .entry img{ margin-bottom:10px;}


#service #box-05 .area-05{ overflow:hidden;}
#service #box-05 .area-05 .left{ width:490px; float:left;}

#service #box-05 .area-05 .left .tb-01{ margin-bottom:50px;}
#service #box-05 .area-05 .left .tb-01:last-child{ margin-bottom:0px;}
#service #box-05 .area-05 .left dl dd{ background:url(../images/service/ico-maru.png) 0 0 no-repeat; padding-left:50px; margin-bottom:10px; font-size:18px;}
#service #box-05 .area-05 .right{ width:550px; float:right;}
#service #box-05 .area-05 .more-01{ text-align:left;}

#contact{}
#contact #box-01{}
#contact #box-01 .area-01{ text-align:center;}


#contact .bk-02{ background:#e0e3dd;}
#contact #box-02{}


#contact #box-02 .area-01{}
#contact #box-02 .area-01 .tb-01{ text-align:center; margin-bottom:50px;}
#contact #box-02 .area-01 h3{ text-align:center; margin-bottom:20px;}
#contact #box-02 .area-01 .tb-02{margin-bottom:50px;}
#contact #box-02 .area-01 .tb-03{margin-bottom:50px;}
#contact #box-02 .area-01 .tb-01 a{ margin:0 25px;width:35%; display:inline-block; padding:20px 0px; text-align:center; border-radius:40px; position:relative; background:#75a500; color:#FFF; font-size:20px; text-decoration:none;}
#contact #box-02 .area-01 .tb-01 a span{transform: rotate(90deg); background: url(../images/company/btn.png); height:26px; width:26px; position:absolute; right:15px; top:20px; display:inline-block;}

/* 必須 */
.accordion{ background:#FFF;}
.accordion-content { display: none; }
/* 装飾用 */
.accordion-header {padding:14px 45px 12px 20px; margin: 10px 0 0; transition: background .3s ease; cursor: pointer; position: relative;color:#000;font-weight:bold; font-size:18px;text-indent:-3.5em; padding-left:3.5em; margin-left:20px;}
.accordion-header::before, .accordion-header::after { position: absolute; content: ''; top: 1px; right: 20px; bottom: 0; width: 24px; height: 2px; margin: auto; background: #000; }
.accordion-header::after { transform: rotate(-90deg); transition: transform 0.3s; }
.accordion-header.active::after { transform: rotate(0deg); }
.accordion-content { padding: 12px 20px 10px 45px; margin-left:20px;text-indent:-3.5em; padding-left:3.5em;}
.accordion-header span.s-01, .accordion-content span.s-01 {position: relative;text-indent:0em; padding-left:0em;}
.accordion-header span.s-01::before {content: "Q";color:#fff; width:45px; height:45px; background:#78846e;line-height:40px;display:inline-block; margin-right:10px; font-size:22px; text-align:center; position:relative; top:0px;}
.accordion-content span.s-01::before {content: "A";color:#fff; width:45px; height:45px; background:#75a500;line-height:40px;display:inline-block; margin-right:10px; font-size:22px; text-align:center; position:relative; top:0px;}
/* hover */



#contact #box-03{}
#contact #box-03 .area-01{}
#contact #box-03 .area-01 .tb-01{ overflow:hidden; margin-bottom:30px; text-align:center;}
#contact #box-03 .area-01 .tb-01 .tel{ display:inline-block;}
#contact #box-03 .area-01 .tb-01 .tel .p-02{background: url(../images/common/phone-solid-full.png) left 22px no-repeat; font-size:60px;font-weight:bold;display:inline-block; text-decoration:none; padding-left:60px;font-family: "Oswald", sans-serif;}

#contact .bk-04{ background:#e0e3dd;}
#contact #box-04{}
#contact #box-04 .area-01{ margin-bottom:50px;}
#contact #box-04 .area-01 ul li{ background: url(../images/contact/maru.png) 0 6px no-repeat; padding-left:22px; margin-bottom:10px;}

#contact #box-04 .area-02 .area-mailform{ background:#fff; padding:50px 50px;}
#contact #box-04 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-04 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-04 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top; font-family:"Zen Maru Gothic", serif;}
#contact #box-04 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-04 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-04 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-04 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-04 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-04 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-04 .area-02 .area-mailform table button{}
#contact #box-04 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#ff3838; font-size:11px; padding:0px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-04 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-04 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-04 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-04 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-04 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-04 .area-02 .area-mailform .w01{width:98%;}
#contact #box-04 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-04 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-04 .area-02 .area-mailform .tb-01{}
#contact #box-04 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-04 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-04 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-04 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-04 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-04 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-04 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-04 .area-02 .area-mailform .ul-01{margin-bottom:15px;}
#contact #box-04 .area-02 .area-mailform h2{ font-size:22px; font-weight:bold; margin-bottom:5px;}

#contact #box-04 .area-02 .area-mailform .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff;  background:#49b667; text-align:center; box-shadow:0px 5px 0 #3a7650; border:3px solid #3a7650; padding:25px 0; display:block; text-decoration:none; border-radius:50px; box-sizing:border-box; position:relative; transition:0.3s; margin:40px auto 0; cursor:pointer;}
#contact #box-04 .area-02 .area-mailform .btn:hover{ box-shadow:0 1px 0 #3a7650; transform:translateY(5px); opacity:1;}


/* color:#8abb24;*/