﻿@charset "utf-8";

@import 'reset.css';
@import 'lib.css';

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.2;
 max-width : 100%;
/* -webkit-text-size-adjust: none;
 user-select:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -khtml-user-select:none;
 -webkit-user-drag:none;
 -khtml-user-drag:none;*/
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; color:#222;}
/*span {color:#ff8695;font-weight:bold;} */
#main .f110{font-size:110%;}
#main .f120{font-size:120%;}
#main .f125{font-size:125%;}
#main .f130{font-size:130%;}
#main .f140{font-size:140%;}
#main .f150{font-size:150%;}
.b{ font-weight:bold;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.img-center{display:block;margin-left:auto;margin-right:auto;}
.st{font-weight:bold;}
#main .mt30{margin-top:30px;}
#main .mb15{margin-bottom:15px;}
#main .mb30{margin-bottom:30px;}
#main .og{color:#cc0000;}

body {
 font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 margin:0 auto;
 padding:0;
 color:#222;
 text-align:center; 
}                        

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

.pc-none{ display:none; }

#headBox-wrap {
 width:100%;
 margin:0 auto;
 padding:5px 0 0 0;
 background:#f4efe0;
}
#headBox-wrap-in {
 width:1270px;
 height:577px;
 margin:0 auto;
 padding:0;
 background:url(../images/head_bg.jpg) top no-repeat;
}
#headBox-wrap-in02 {
 width:1270px;      
 height:270px;
 margin:0 auto;
 padding:0;
 background:url(../images/head_bg.jpg) top no-repeat;
}
#headBox {
 width:100%;
 margin:0 auto;
 padding:0;
}

header {
 clear:both;
 width:1036px;
 margin:0 auto;
 padding:0;
}
header:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
header p {
 margin:0;
 padding:0;
 font-size:11px;
 font-weight:normal;
 text-align: left;
 color:#666;
}

#headLeft {
 float:left;
 width:327px;
 margin:8px 0 0 0;
 padding:0;
}
#headLeft img {
 vertical-align:middle;
}
#headCenter{
 float:left;
 width:268px;
 /*margin:7px;*/
 margin-top:2px;
 margin-left:360px;
 padding:0 10px 0 0;
 text-align: center;
 border-right:2px dotted #663300;
}
#headRight{
 float:right;
 width:42px;
 margin-top:14px;
 margin-right:10px;
 padding:0;
 text-align: right;
}
#headRight img {
 vertical-align:middle;
}

#naviBox {
 clear:both;
 width:100%;
 margin:0 auto;
 margin-top:7px;
 margin-bottom:20px;
 padding:0;
}
.gnavi {
 clear:both;
 display:block;
 width:1036px;
 margin:0 auto;
 margin-top:29px;
 padding:0;
 padding-bottom:20px !important;
}
.gnavi img {
 vertical-align:bottom;
}
.gnavi ul {
 list-style: none;
 margin: 0 0 0 2px;
 padding: 0;
}
.gnavi ul li {
 float:left;
 list-style :none;
 margin: 0;
 padding:0;
 font-size:92%;
}
.gnavi li a {
 margin:0;
 padding:0 72px 0 0;
 display:block;
 outline: 0;
 color:#222;
 font-weight:700;
 text-decoration:none;
}
.gnavi li.current a{
 color:#fe993c;
}
.gnavi li:last-child a {
 margin:0;
 padding:0 0 0 0;
 display:block;
 outline: 0;
 color:#222;
 text-decoration:none;
}
.gnavi li a:hover {
 color:#ffb935;
}

.spnavi{ display:none; }

#pictMainBox{
 position: relative;
 overflow: hidden;
 display:block;
 width:1200px;
 height:430px;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-left:-600px;
 left:50%;
}
/*#pictMainBox{
 width:100%;
 height:460px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
.viewer_01{
 display: block;
 position:absolute;
 left:50%;
 width:2000px;
 height:460px;
 margin: 0 auto;
 margin-left:-1000px;
 text-align:center;
}
*/
#pictMainSpBox{
 display: none; 
}
#pictMainSpBox02{
 display: none; 
}
/*
#pictMainBox02{
 width:100%;
 margin:0 auto;
 padding:0;
}
*/

#pictMainBox02{
 position: relative;
 overflow: hidden;
 display:block;
 width:1490px;
 height:176px;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-bottom:30px;
 margin-left:-745px;
 left:50%;
}

.main-sp-box{ display:none; }
.main-sp-box02{ display:none; }

#main {
 width:100%;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

#main p{
 margin:0;
 padding:0 15px 15px 0;
 font-size:105%;
 line-height:190%;
}

#main02 {
 width:100%;
 margin:0 auto;
 padding:0;
 background:url(../images/tpoint_bg.jpg) ;
 display:inline-block;
}



/*-------------メインコンテンツ-------------*/



.box{ clear:both;width:100%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.box-in{ width:1036px;margin:0 auto;}
.box-in01{ width:1000px;margin:0 auto; text-align:left;}
.box-in02{ width:900px;margin:0 auto; text-align:left;}

.box-w {
 width:100%;
 margin:0 auto;
 padding:30px 0px 30px 0px;
 text-align:center;
}

.ttl-box{width:1040px; margin:0 auto;text-align:center;}
.ttl-box p{padding-top:25px;font-size:200%;font-weight:bold;}

.ttl-home-top{
 display:block;
 margin-top:30px;
 margin-bottom:30px;
 padding-top:18px;
 padding-bottom:3px;
 border-top:1px solid #dd6639;
 border-bottom:1px solid #dd6639;
 font-weight:500;
 letter-spacing:1px;
 color:#222;
}
.ttl-home-top p{
 display:block;
 line-height:100%;
}
.ttl-home-top .ttl-top01{
 font-size:150% !important;
 color:#58bf85;
}
.ttl-home-top .ttl-top02{
 font-size:110% !important;
 color:#58bf85;
 padding-left:5px;
}
.ttl-home-top .ttl-top03{
 font-size:150%;
 font-weight:bold;
 color:#dd6639;
 text-align:left;
 padding-left:5px;
}

.ttl-home-pr{
 display:block;
 margin-bottom:30px;
 color:#58bf85;
 text-align:left;
 font-size:170% !important;
 font-weight:700;
 line-height:140%;
}

.home-pr-left{width:530px;float:left;text-align:left}
.home-pr-right{width:480px;float:right;}

#home-nayami-wrap{width:100%;margin:0 auto;background:#f2f0e8;overflow:hidden;padding:20px 0 60px 0;margin-bottom:30px;}
#home-nayami-box {width:996px; margin:0 auto;padding:20px;background:#fff;overflow:hidden;border-radius:10px;}
#home-nayami-box:after{ content: ''; display: block; clear: both;}
#home-nayami-top {width:100%; margin:0 auto;}
#home-nayami-top:after{ content: ''; display: block; clear: both;}
#home-nayami-top-left{width:60%;float:left; margin-top:20px;margin-left:20px;}
#home-nayami-top-left p{text-align:left;}
#home-nayami-top-right{width:30%;float:right; margin-top:60px;margin-right:20px;}
#home-nayami{clear:both;width:100%;margin:0 auto;/* background:url(../images/home_nayami_bg.jpg) no-repeat;*/}
.ttl-home-nayami{
 display:block;
 padding-top:40px;
 margin-bottom:40px;
 text-align:center;
 font-size:200% !important;
 font-weight:700;
 text-align:center;
}
.ttl-home-nayami span{padding-top:10px;}
.ttl-home-nayami img{vertical-align:middle;margin-right:15px;}
.home-nayami-left{width:450px;margin-left:20px;float:left;}
.home-nayami-left li{padding-top:24px;padding-bottom:20px;margin-bottom:20px;background:url(../images/check_green_bg.jpg) 0 0 no-repeat; text-align:left;padding-left:48px;font-weight:bold;}
.home-nayami-right{width:500px;float:right;}
.home-nayami-right li{padding-top:24px;padding-bottom:20px;margin-bottom:20px;background:url(../images/check_green_bg.jpg) 0 0 no-repeat; text-align:left;padding-left:48px;font-weight:bold;}

.ttl-home-support{
 display:block;
 padding-top:40px;
 margin-bottom:40px;
 text-align:center;
 font-size:220% !important;
 font-weight:700;
 line-height:140%; color:#58bf85;
}
.home-service01{width:100%;margin:0 auto;padding-bottom:30px;display:flex;}
.home-service01 ul{width:100%;margin:0 auto;display:flex;}
.home-service01 li{width:31%;margin:0 auto;}

.home-service02{width:100%;margin:0 auto;padding-bottom:30px;display:flex;}
.home-service02 ul{width:100%;margin:0 auto;display:flex;}
.home-service02 li{width:24%;margin:0 auto;}


.home-zero{width:800px;margin:0 auto; margin-bottom:40px;}
.home-zero:after{ content: ''; display: block; clear: both;}
.home-zero p{padding-top:50px !important;text-align:left;}



.box-after{width:1000px;margin:0 auto;margin-bottom:50px;text-align:left;}
.box-after-ttl{display:block;margin-bottom:15px;font-size:150%;font-weight:700;letter-spacing:1px;color:#58bf85;}
.box-after-ttl img{vertical-align:middle;margin-right:15px;}
.box-after-txt {border-left:1px solid #58bf85;padding-left:30px;}
.box-after-txt p{color:#222;}
.box-after li{ color: #58bf85;margin-left:20px;margin-bottom:10px;text-align:left;list-style-type:disc;}
.box-after span {color: #222;}




.box02{ width:1000px; margin:0 auto;  padding-top:40px; padding-bottom:30px;
 border-bottom:1px solid #ccc;}

.box03{ width:1000px; margin:0 auto;  padding-top:40px; padding-bottom:30px;
}

.box-privacy{ width:900px;margin:0 auto;}

.box-home-wrap{margin:0 auto; padding:0 0 60px 0;}
.box-home{width:1000px;margin:0 auto; padding:0;}
.box-home-in{width:1000px; margin:0 auto; background:url(../images/box_home_bg.jpg);}
.box-home-in02{width:600px; margin:0 auto;}
.box-home-in02 p{padding-top:40px;line-height:180% !important; text-align:left;color:#663300;}

.home-service{ width:1000px; margin:0 auto; padding:70px 0;display: flex;border-top:1px solid #ccc;}
.home-service:after{ content: ''; display: block; clear: both;}
.home-service-in li{ width:315px;margin-right:20px;float:left; position: relative; overflow: hidden;list-style:none;}
.home-service-in li:last-child{ width:315px;margin-right:0px;float:left; position: relative; overflow: hidden;list-style:none;}
.home-service-in li{ width:316px;margin-right:20px;float:left; position: relative; overflow: hidden;list-style:none;}
.home-service-in img{ margin-bottom:20px;}

.home-service-box{ width:100%; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;background:#fff;}
.home-service-ttl{margin-bottom:0;padding-bottom:0;font-size:140% !important;font-weight:bold;text-align:center;}
.home-service-txt{padding:15px;font-size:92% !important;text-align:left;}

.box-grey{ width:1000px; margin:0 auto;  padding-top:26px; padding-bottom:30px;
 background:#f7f7f7;}
.box-grey-in{ width:940px; margin:0 auto;  margin-left:24px;
 border:1px solid #999;}
.box-grey-in-in{ width:680px; margin:0 auto;  padding-top:50px;margin-left:120px;padding-bottom:30px;line-height:200%;}


.ttl-home-news{
 font-size:180%;font-weight:700;color:#663300; margin:0; padding:0;
}
.section-heading {
  margin-top:0;
  padding-top:0;
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 1.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 border-bottom:1px solid #2583c1;
  display: inline-block;
}

.box-prd{margin:0 auto;margin:30px 0;padding:50px 0;background:#f0fafd;}
.box-prd-in{width:1000px;margin:0 auto;}

/*#news-wrap{  display: block;position:absolute;left:50%;width:1500px; height:458px; margin:0 auto; margin-left:-750px;padding-top:50px;padding-bottom:50px; text-align:center;background:url(../images/home_top_bg.jpg) no-repeat;
}
*/

#news-wrap {
  background: url(../images/home_top_bg.jpg) no-repeat center/cover;
  /*padding-block: 160px;*/
}
#news-box{ width:800px; margin:0 auto;margin-top:30px;padding-bottom:50px;}

#index-news {width:100%; margin-top:10px;margin-bottom:10px;}
#index-news div.wn-item { margin-bottom:20px;  padding: 12px 0 26px 230px;  position: relative; font-size: 100%; text-align:left; border-bottom:1px dashed #ccc;}
#index-news div.wn-item a{ color:#222; text-decoration:none;}
#index-news div.wn-item a:hover{ color:#d35e15; text-decoration:underline;}
#index-news div.wn-date { position: absolute; top: 14px; left: 0px; color:#333;font-weight:bold;letter-spacing:1px;}
#index-news div.wn-date img{ position: absolute; top:-1px; left: 110px; }
#index-news div.wn-article {line-height:140%;}

#fb-box{width:300px; margin:0 auto; float:right;}

.prd-box{ width:100%; margin:0 auto;padding-top:20px;padding-bottom:20px;border-bottom:1px dashed #f2ac82;}
.prd-box:after{ content: ''; display: block; clear: both;}

.pr-box{ width:100%; margin:0 auto;padding-top:20px;padding-bottom:20px;}
.pr-box:after{ content: ''; display: block; clear: both;}
.pr-left{width:60%; float:left;}
.pr-right{width:35%; padding-top:12px; float:right;}
/*
.home-schedule-box02{ width:800px; margin:0 auto;padding-top:20px;padding-bottom:20px;text-align:left; color:#663300;}
.home-schedule-box02:after{ content: ''; display: block; clear: both;}
*/
/*
.home-schedule-box{ clear:both;display: block;position:relative;left:50%;width:1500px; height:588px; margin:0 auto; margin-left:-750px;padding-top:50px;padding-bottom:50px; text-align:center;background:url(../images/home_schedule_bg.jpg) no-repeat;
*/




.box-home-about-wrap{ background: url(../images/home_about_bg02.jpg) no-repeat center/cover;padding-block: 120px;
}                                        
.box-home-about{ background: url(../images/home_about_bg.png) no-repeat center;
 margin-top:40px;padding-top:80px; padding-bottom:60px;
}

.home-schedule-box {
  background: url(../images/home_schedule_bg.jpg) no-repeat center/cover;
  /*padding-block: 160px;*/
}

.home-guide-box{ display:block; width:100%; margin:0 auto;margin-top:30px;padding-top:50px; background:#eff7fe;}

.home-guide-box02 {
  background: url(../images/home_guide02_bg.png) no-repeat center/cover;
  /*padding-block: -120px; */ padding-bottom:70px;
}

.home-guide-box-in{ display:block; width:500px; margin:0 auto;}
.home-guide-box-in p{ text-align:left;padding-top:30px !important;padding-bottom:20px;}

.home-schedule-box-in{ display:block; width:1000px; margin:0 auto;
}
.home-schedule-box02{width:800px;margin:0 auto;padding-top:30px;padding-bottom:20px;}
.home-schedule-box02 p{text-align:left;}

.top-box{clear:both; width:900px;margin:0 auto; padding-top:30px;padding-bottom:30px;background:#fffdca;}
.top-box-in{width:800px;margin:0 auto; padding:20px;border:1px solid #666;}

.shop-top-box{clear:both; width:900px;margin:0 auto; padding-top:30px;padding-bottom:30px;}
.shop-top-box:after{ content: ''; display: block; clear: both;}
.shop-top-left{width:450px;text-align:left;float:left;border-right:1px solid #ccc;}
.shop-top-right{width:400px;padding-top:60px;text-align:left;float:right;}



.btm-contact-box{ width:100%;margin:0 auto; background:#f4efe0;padding:40px 0;}
.btm-contact-in{ width:1036px;margin:0 auto; overflow:hidden; background:#fff;border-radius:10px;}
.btm-contact{ width:900px;margin:0 auto; margin-top:20px; margin-bottom:20px;overflow:hidden;}

.btm-contact-ttl{ font-size:160%;font-weight:700;margin-bottom:30px; padding-bottom:0;color:#222;;}

.btm-contact-left{ width:450px;margin:0 auto;padding-bottom:10px;float:left; }
.btm-contact-right{ width:450px;margin:0 auto;float:right; }

.btm-contact-center{ margin:0 auto;padding-bottom:10px;float:none; }

#cont {
 width:900px;
 margin:0 auto;
 margin-top:30px;
 padding:0;
 text-align:left;
}

#cont img {
 vertical-align:bottom;
}

#cont p{
 margin:0;
 padding:0 5px 15px 0;
 font-size:95%;
 line-height:180%;
}
#cont02-box {
 width:1060px;
 margin:0 auto;
 margin-top:30px;
 padding:0;
 text-align:left;
 background:#fff;
}
#cont02 {
 width:900px;
 margin:0 auto;
 margin-top:30px;
 padding:0;
 text-align:left;
 background:#fff;
}

.float-box{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
 text-align:right;
}

.float-box p{
 line-height:180% !important;
}

h2 {
 font-weight: bold;
 font-size: 20pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h2 span{
 font-weight: bold;
 font-size: 9pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
}
.h2-sub {
 font-weight: bold;
 font-size: 26pt !important;
 padding-bottom:30px !important;
 text-align: center;
 position: relative;
 letter-spacing:0;
 font-weight:bold;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*
h2.title-home {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

h2.title-home:before, h2.title-home:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #d45d16;
}

h2.title-home:before {
  left:0;
}
h2.title-home:after {
  right: 0;
}
*/
.sub-title {
 margin:0;
 padding:0;
 font-size:16pt !important;
 font-weight:bold;
 color:#663300;
 line-height:140%;
}


h2.ttl-home{
 margin:0;padding:0 0 10px 0;font-size:190%;display: block; text-align: center;
font-weight:700;color:#663300;}
/*
h2.title-home:before,
h2.title-home:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d45d16;
}
h2.title-home:before { margin-right: 1rem;}
h2.title-home:after { margin-left: 1rem;}
*/

h2.title-home02{
 margin:30px 0 20px 0;padding:0 0 10px 0;font-size:18pt;display: flex; align-items: center;
}
h2.title-home02:before,
h2.title-home02:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d45d16;
}
h2.title-home02:before { margin-right: 1rem;}
h2.title-home02:after { margin-left: 1rem;}


h2.title{
 clear:both;
 margin:20px 0 0 0;
 padding:0 0 15px 0;
 font-size:130%;
 font-weight:bold;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:center;
 letter-spacing:0px;
}
/*
h3.title{
 clear:both;
 margin:40px 0 20px 0;
 padding:7px 0 7px 22px;
 font-size:130%;
 font-weight:bold; 
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:left;
 letter-spacing:0px;
 border-left:1px solid #d45e16;
}
*/

h3.title {
  margin:40px 0 30px 0;
  background: #d45e16;
  box-shadow: 0px 0px 0px 5px #d45e16;
  border: dashed 1px #fff;
  padding: 0.7em 0.8em 0.5em 0.8em;
  color: #fff;
  font-size:120%;
  font-weight:normal;
}

/*
h4.title{
 clear:both;
 margin:20px 0 20px 0;
 padding:0;
 font-size:110%;
 font-weight:bold; 
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:left;
 letter-spacing:0px;
 color:#d45e16;
}
*/

h4.title{
margin:20px 0 15px 0;
/*display:flex; align-items:center;*/
font-size:120%;
}

h4.title:after{
margin-left:25px; border-top:1px solid #d45e16; content:""; flex-grow:1;
}



/*-------------フッタ-------------*/

footer{
 clear:both;
 width:100%;
 margin-bottom:0;
 padding:10px 0 0 0;
 background:#fff !important;
}
#foot{
 width:1036px;
 margin:0 auto;
 padding:0;
 background:#fff;
}
.float-box{
 width:100%; margin:0 auto; padding:0 0 30px 0; 
}
.float-box:after { content: ''; display: block; clear: both;
}
#foot-menu{
 width:100%;
 margin:0 auto;
 margin-top:5px;
 margin-bottom:15px;
 padding:5px 0 15px 0;
 text-align:left;
 line-height:160%;
}
#foot-menu:after { content: "";clear: both;height: 0;display: block;visibility: hidden;}
#foot-menu li{
 padding:10px 15px 0 0;
 font-size:95%;
 text-align:left;
 float:left;
}
#foot-menu a{
 color:#222;
 text-decoration:none;
}
#foot-menu a:hover{
 color:#663300;
 text-decoration:underline;
}

#foot-left{/*width:910px;*/width:720px;float:left;text-align:left;}
#foot-right{/*width:120px;*/width:258px;float:right;margin-top:20px;padding-top:10px;/*border-left:1px dotted #663300;*/}

#copy-box{clear:both;width:1036px;margin:0 auto;padding:5px 0;}
.copyright{margin-bottom:0; padding:10px 0 5px 0; font-size:85% !important; text-align:left;color:#222;
}



/*-------------採用情報-------------*/

.voice-box01{width:100%;margin:0 auto;margin-bottom:30px;padding:20px 0;background:#fffcb9;}
.voice-box02{width:100%;margin:0 auto;margin-bottom:30px;padding:20px 0;background:#fffdca;}
.voice-box-in{width:800px;margin:0 auto;}
.recruit-name{
 display:inline-block;
 margin:15px 0 6px 0;
 padding:0;
 border:1px solid #d45d16;
 background:#d45d16;
}
.recruit-name .rec-name{
 padding:5px 15px 5px 15px !important;
 color:#fff;
 font-size:110% !important;
 text-align:center;
}
.recruit-box{
 width:1000px;
 margin:0 auto;
 float:left;
}
.recruit-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:60px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.recruit-table th{
 width:20%;
 margin:0; 
 padding:20px 0 18px 0; 
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px solid #ccc;
} 
.recruit-table td{ 
 padding:20px 0 18px 0;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px solid #ccc;
}
.recruit-table td.bordernone{
 border:none; 
}

/*-------------会社概要-------------*/

.company-box{
 width:600px;
 margin:0 auto;
 float:left;
}
.company-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.company-table th{
 width:24%;
 margin:0; 
 padding:24px 0 21px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
} 
.company-table td{ 
 padding:24px 0 21px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.company-table td.bordernone{
 border:none; 
}

.company-table02 { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.company-table02 th{
 width:24%;
 margin:0; 
 padding:22px 0 20px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
} 
.company-table02 td{ 
 padding:22px 0 20px 18px;
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.company-table02 td.bordernone{
 border:none; 
}


.box3{clear:both; width:100%; margin:0 auto;display:block;text-align:center;}
.box3:after{ content: ''; display: block; clear: both;}
.box3 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:320px;
 height:auto;
 margin-right:12px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box3 li:last-child {
 margin-right:0;
}

.gmap{margin-bottom:50px;}




.box2{
 clear:both;
 width:100%;
 margin:0 auto;
}
.box2:after{
 content: '';
 display: block;
 clear: both;
}
.box2-in{
 width:980px;
 margin:0 auto;
 margin-bottom:30px;
 display:flex;
}

.box2 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:450px;
 margin-right:10px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box2 li:last-child {
 margin-right:0;
}


.box-comment{
 clear:both;
 width:878px;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:100px;
 /*border:3px double #ccc;*/
 background:#fffdca;
}
.box-comment:after{
 content: '';
 display: block;
 clear: both;
}
.box-comment-in{
 width:780px;
 margin:0 auto;
 padding-top:35px;
 margin-left:45px;
 padding-bottom:20px;
}
.qa-title{
 margin:0 0 20px 0;
 padding:0 0 10px 0;
 font-size:120%;
 border-bottom:1px dotted #ccc;
 color:#cc4515;
 line-height:120%;
}




.cont-btm-navi{
 clear:both;
 width:980px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
 background:#f7f7f7;
}
.cont-btm-navi:after{
 content: '';
 display: block;
 clear: both;
}
.cont-btm-navi-in{
 width:580px;
 margin:0 auto;
 display:flex;
}
.cont-btm-navi-in li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:246px;
 margin-right:80px;
  padding:40px 0 40px 0;
  text-align:center;
}

.cont-btm-navi-in li:last-child {
 margin-right:0;
}




/*-------------お問合せ-------------*/

.contact-box {
 width:900px;
 margin:0 auto; 
 text-align:left;
}

.red{
 color:#ff0000;
}
.komemark{
 color:#ff0000;
}
.contact-table { 
 width: 96%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0; 
 border-top:1px solid #ccc; 
}
.contact-table th{
 width:30%;
 margin:0; 
 padding:24px 0 24px 0; 
 font-size:100%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:middle;
} 
.contact-table td{ 
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
 font-size:100%; 
}
.contact-table td.bordernone{
 border:none; 
}

.contact-table .size1{ 
 width:96%;
}
.contact-table .size2{ 
 width:50%;
}
.contact-table .size3{ 
 width:96%;
 height:250px;
}
.contact-table .size4{ 
 width:100px;
}
.contact-table .size4{ 
 width:100px;
}
.contact-table .size5{ 
 width:100px;
}
.contact-table .size6{ 
 width:120px;
}

.contact-table input{ 
 height:30px;
 vertical-align:middle;
}
.contact-table select{ 
 margin-bottom:15px;
 height:30px;
 vertical-align:middle;
}
.contact-box button{ 
 padding:15px 20px 15px 20px;
}
.contact-table radio,checkbox{ 
 vertical-align:middle;
}


.contact-table-conf { 
 width: 80%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;  
}
.contact-table-conf th{
 width:30%;
 margin:0; 
 padding:24px 0 24px 0; 
 font-size:100%;
 text-align:left;
 border-bottom:1px solid #ccc;
} 
.contact-table-conf td{ 
 padding:24px 0 24px 18px; 
 border-bottom:1px solid #ccc;  
}
.contact-table-conf td.bordernone{
 border:none; 
}

.com-box{
 width:94%;
 margin:0 auto;
 margin-top:40px;
 border:1px solid #ccc;
}
.com-box-in{
 margin:0 auto;
 padding:20px;
}
.com-box-in p{
 text-align:left;
}


/* プライバシーポリシー
--------------------------------------------*/

.privacyTop{
 margin:30px 5px 20px 3px;
 padding:0;
 text-align:left;
 font-size:13px;
}
.privacy-title{
 margin:0;
 padding:10px 0 5px 3px;
 text-align:left;
 font-weight:bold;
}
.privacy-text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:90%;
}
.privacy_date{
margin: 0 15px 0 5px;
padding:20px 0 15px 0;
font-size:13px;
text-align:right;
line-height:140%;
}
.privacy_contact{
margin: 0 5px 0 12px;
padding:10px 0 15px 0;
font-size:13px;
line-height:140%;
}

/*-------------ボタン-------------*/

.btn{
 padding-left:20px;
 font-size:95%;
 background:url(../images/arrow_green.jpg) no-repeat;
}
.btn a{ color:#333;text-decoration:none;}
.btn a:hover{ color:#006699;text-decoration:none;}

.btn-base {
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin-top:14px;
 width:300px;
 border:1px solid #2583c1;
 background:#fff;
}
.btn-line a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;

}
.btn-line a:hover {
 background:#2583c1;
 color:#fff;
}

.btn-line02 {
 clear:both;
 margin:0 auto;
 margin-top:20px;
 width:160px;
 border:1px solid #71aecc;
 font-size:90%;
}
.btn-line02 a {
 display:block;
 padding:10px 0;
 color:#71aecc;
 text-align:center;
 text-decoration:none;
 line-height:150%;
}
.btn-line02 a:hover {
 background:#71aecc;
 color:#fff;
}

.btn-line03 {
 clear:both;
 margin-top:14px;
 width:200px;
 border:1px solid #2583c1;
 background:#fff;
}
.btn-line03 a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;

}
.btn-line03 a:hover {
 background:#2583c1;
 color:#fff;
}

.btn-box{width:100%;}
.btn-box:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.btn-box-left{float:left;margin-right:20px;}
.btn-box-right{float:right;}






/*-------------リスト-------------*/

.list-base li{
 margin-left:5px;
 margin-bottom:10px;
 padding-left:22px;
 line-height:190%;
 text-align:left;
 background:url(../images/list_base.png) 0 11px no-repeat;
}


.pict3{margin:20px 0 0 0;}
.pict3 li{float:left;}

/* slide
--------------------------------------------*/

.viewer_01 {
 margin: 0 auto;
 width:100%;
 height: 400px;
 text-align: left;
 overflow: hidden;
}

.viewer_01 ul {
 width:100%;
 height: 400px;
 text-align: left;
 overflow: hidden;
 position: relative;
}

.viewer_01 ul li {
 top: 0;
 left: 0;
 width:100%;
 height: 400px;
 display: none;
 position: absolute;
}








/* ============================================================== */
/*faq*/
/* ============================================================== */

.faqBox{
 width:100%;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:25px !important;
 margin-bottom:50px;
 clear:both;
 position:relative;
 border-bottom:1px dashed #ccc;
}

.faqQ{
 display:block;
 background: url(../images/q.jpg) no-repeat 0 0px;
 padding-top:8px !important;
 padding-bottom:12px !important;
 padding-left:70px !important;
 margin-bottom:15px;
 font-size:100%;
 color:#222 !important;
 text-align:left;
 font-weight:700;
}
.faqA{
 display:block;
 background: url(../images/a.png) no-repeat 0 0px;
 padding-top:10px;
 padding-bottom:5px;
 padding-left:70px  !important;
 font-size:100%;
 color:#222  !important;
 text-align:left;
 line-height:140%;
}

.box-line{width:100%;background:url(../images/line.jpg) repeat-x;
padding-bottom:50px;}


.voice-box{width:100%;margin:0 auto;overflow:hidden;padding:20px 0 20px 0;margin-bottom:30px;border-bottom:1px dashed #663300;}
.voice-box:after{ content: ''; display: block; clear: both;}

.voice-left{width:300px;float:left;text-align:center;}
.voice-left img{border:1px solid #ccc;}
.voice-right{width:660px;float:right;}

.voice-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:60px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc; 
}
.voice-table th{
 width:22%;
 margin:0; 
 padding:20px 18px 18px 18px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
} 
.voice-table td{ 
 padding:20px 18px 18px 18px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
}
.voice-table td.bordernone{
 border:none; 
}

.case-box{width:100%;background:#dbf0f3;margin-bottom:60px;}
.case-box-in{width:92%;padding-top:20px;margin-left:30px;}
.case-ttl{background:#222;display:inline-block;margin-bottom:10px;}
.case-ttl p{display:block;color:#fff; font-weight:bold;padding-top:3px !important;padding-left:14px !important;padding-bottom:5px !important;}


.num-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:10px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.num-table  th{
 width:4%;
 margin:0; 
 padding:6px 18px 6px 0px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border:none;
} 
.num-table  td{ 
 padding:6px 18px 6px 0px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border:none;
}
.num-table td.bordernone{
 border:none; 
}

.ev-box{width:100%;margin:0 auto;overflow:hidden;padding:20px 0 20px 0;margin-bottom:30px;}
.ev-box:after{ content: ''; display: block; clear: both;}

.ev-box-left{width:600px;float:left;text-align:left;}
/*.ev-box-left img{border:1px solid #ccc;}*/
.ev-box-right{width:300px;float:right;}

