@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:18px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400;font-family:'futura-pt', '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 * { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


a:hover { opacity: 0.5; filter: alpha(opacity=50); }
/*▼エリア・背景設定▼*/
body{ min-width:1100px;}
#body-top{ overflow:hidden; background:＃fff;}

/*3色枠線*/
.border-01{background-color:#009a53; height:5px; position: relative;}
.border-01:after{
  content: "";
  display: block;
  border-bottom:5px solid #f3981c;
  width:calc(100%/3);
  position: absolute;
	left:0; right:0; margin:auto;}

.border-01:before{
  content: "";
  display: block;
  border-bottom:5px solid #e60039;
  width:calc(100%/3);
  position: absolute;}

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


/*▼ヘッダー▼*/
#header{ width:1024px; margin:auto;}
#header #hmid{ overflow:hidden; padding:20px 0;}
#header .left { width:360px; float:left;}
#header .left a{ display:block; text-decoration:none;}
#header .left img{ vertical-align:middle; margin-right:10px;}
#header .left .inner{ display:inline-block; vertical-align:middle;}
#header .left .p-name{ font-size:24px; font-weight:bold; color:#333; margin-bottom:5px;}
#header .left .p-name span{ font-size:14px; font-weight:normal; display:block; line-height:1.5em;}
#header .left .p-01{ background:#f3981c; font-size:15px; font-weight:bold; color:#fff; text-align:center; padding:3px 0;}

#header .right{ width:600px; float:right; padding-top:10px; }
#header .right .area-01{ overflow:hidden; margin-bottom:5px;}
#header .right .area-01 .entry{ width:265px; float:right; text-align:center;}
#header .right .area-01 .entry a{ background:url(../images/common/hentry.png); line-height:60px; font-weight:bold; color:#fff; display:block; text-decoration:none;}
#header .right .area-01 .htel { width:300px; float:right; text-align:center; font-size:24px; letter-spacing:normal;}
#header .right .area-01 .htel a{ background:url(../images/common/htel.png); line-height:60px; font-weight:bold; color:#333; display:block; text-decoration:none;}
#header .right .p-01{ font-size:14px; text-align:right; letter-spacing:normal; clear:both;}
#header .right .area-01 .htel img{ vertical-align:middle;}

#header .right .area-02{ width:240px; float:right;}
#header .right .area-02 a{ background:linear-gradient(to right, #8dc98a, #0089dc); font-size:22px; font-weight:600; color:#fff; display:block; text-decoration:none; padding:20px 0px; border-radius:15px; font-family: 'M PLUS Rounded 1c', sans-serif; text-align:center;}
#header .right .area-02 a span{ font-size:16px; font-weight:normal; margin:auto; letter-spacing:normal; display:block; line-height:1.3em;}




/*▼メインナビゲーション▼*/
#navi2 { width: 1024px; margin: 0 auto 0px; text-align: center; }
#navi2 ul { display: inline-block; }
#navi2 ul li { display: inline-block; margin-right: 17px; }
#navi2 ul li a { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 15px; display: block; text-decoration: none; position: relative; }
#navi2 ul li:last-child { margin-right: 0; }
#navi2 ul li a:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #e60039; transform: scale(0, 1); transition: 0.3s; }
#navi2 ul li a:hover:before { transform: scale(1); }





#global_nav {}
#global_nav.fixed {background: rgba(255,255,255, 0.9);z-index:9999;position: fixed;left: 0;right:0;margin:auto;top: 0;}
#global_nav.fixed #navi2{padding-top:20px; padding-bottom:0px;}



/*▼メインビジュアル▼*/
#mp { background:url("../images/common/mp.jpg") center top no-repeat;}
#mp .area-01{ height:250px; display:table; margin:auto; text-align:center;}
#mp .area-01 p{ font-size:36px; font-weight:bold; display:table-cell; vertical-align:middle;}
#mp .area-01 p span{ font-size:18px; color:#009a53; display:block; margin:auto; line-height:2em; margin-top:5px;}





/*▼フッター▼*/
#footer { background:#f6f6f6; padding-top:50px;}
#footer #fmid{ width:1024px; margin:auto; padding:50px 0; overflow:hidden; border-top:1px dashed #999;}
#footer .left { width:360px;float:left;}
#footer .left a{ display:block; text-decoration:none;}
#footer .left img{ vertical-align:middle; margin-right:10px;}
#footer .left .inner{ display:inline-block; vertical-align:middle;}
#footer .left .p-name{ font-size:24px; font-weight:bold; color:#333; margin-bottom:5px;}
#footer .left .p-name span{ font-size:14px; font-weight:normal; display:block; line-height:1.5em;}
#footer .left .p-01{ background:#f3981c; font-size:15px; font-weight:bold; color:#fff; text-align:center; padding:3px 0;}


#footer .right{ width:380px; float:right; text-align:right;}
#footer .right .p-01{ font-size:20px; font-weight:bold; margin-bottom:5px;}
#footer .right .p-01 span{ font-size:30px; display:inline-block; margin-left:20px;}
#footer .right .p-tel{ font-size:24px; font-weight:bold; margin-bottom:5px;}
#footer .right .p-tel a{ text-decoration:none; color:#333; display:inline-block;}
#footer .right .p-02{ font-size:15px; letter-spacing:normal;}
#footer .right ul{ padding-top:10px;}
#footer .right ul li{ display:inline-block; margin-left:10px;}




/*フッターナビ*/
#fnavi{ width:1024px; margin:0 auto 0px; text-align:center;}
#fnavi ul{display:inline-block;}
#fnavi ul li{ display:inline-block; margin-right:20px;}
#fnavi ul li a{ font-size:16px; font-weight:bold; color:#333; padding-bottom:15px; display:block; text-decoration:none; position:relative;}
#fnavi ul li:last-child{ margin-right:0;}



#footer #tamonten { background:#fff; clear:both; text-align:center; font-size:10px; color:#fff; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#333; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top {
	position:fixed;
    bottom:70px;
    right:60px;
	background-image:url(../images/common/totop.png);
	width:60px; height:60px; text-indent:-9999px;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	z-index:10;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;}




/*▼エリア・共通設定▼*/
#main{}
#main .red{ color:#e60039;}
#main .green{ color:#009a53;}
#main .orange{ color:#f3981c;}


.box{ width:1024px; margin:auto; padding:70px 0;}
.bk-blue{ background:#e2f2f5;}
.bk-dot { background:url("../images/common/bk-dot.jpg");}
.bk-yellow { background:url("../images/common/bk-yellow.jpg");}

.h2-01{ background:url("../images/common/h2-bottom.jpg") center bottom no-repeat; font-size:30px; font-weight: bold; text-align:center; padding-bottom:15px; margin-bottom: 50px;}

.h3-01{ background:url("../images/common/h2-left.png") left top 10px no-repeat; font-size:30px; font-weight: bold; text-align:left; padding-left:20px; margin-bottom:30px;}



.more { width:265px; margin:0 auto 50px; text-align:center; position:relative; font-size:18px; font-weight:600;}
.more a{ background:url("../images/common/hentry.png") no-repeat; height:60px; line-height:60px; color:#fff; text-decoration:none; display:block;}

.more-02 { width:250px; margin:0 auto 50px; text-align:center; position:relative; font-size:16px; font-weight:600;}
.more-02 a{ background:url("../images/common/more-02.jpg") no-repeat; height:35px; line-height:35px; color:#333; text-decoration:none; display:block;}

.more-entry{ font-size:30px; font-weight:bold; text-align:center;}
.more-entry a{ background:url("../images/home/bnr-entry.jpg"); line-height:150px; color:#fff; text-decoration:none; display:block;}



/*▼ホーム　home▼*/
#home #hmp .bxslider3{ position:relative;}
#home #main{}
#home .bk-01{ background:url("../images/home/bk-01.jpg") center top no-repeat;}
#home .bk-02{ background:url("../images/home/bk-02.jpg") center top; padding-top:100px;}
#home .bk-03{ background:url("../images/home/bk-03.jpg") center top no-repeat; height:1320px; padding-top:50px; box-sizing:border-box;}
#home .bk-04{ background:url("../images/home/bk-04.jpg") center top no-repeat; height:1540px;}

#home .bk-blue{ background:#e2f2f5 url("../images/home/bk-img.png") center bottom no-repeat;}


#home #box-01{}
#home #box-01 .area-01{ text-align: center; margin-bottom:50px;}
#home #box-01 .area-01 p{ font-weight:bold; text-shadow:0 0 10px #fff;}
#home #box-01 .area-01 p.p-01{ font-size:36px;}
#home #box-01 .area-01 p.p-01 span{ color:#009a53; position:relative;}
#home #box-01 .area-01 p.p-01 span:before{ content:""; display:block; background:#f3981c; width:7px; height:7px; position:absolute; top:0; left:0; right:0; margin:auto; border-radius:50%;}
#home #box-01 .area-01 p.p-02{ font-size:24px;}
#home #box-01 .area-01 p.p-02 .red{ font-size:50px; color:#e60039; display:inline-block; line-height:1.5em;}
#home #box-01 .area-01 p.p-02 .red span{ font-size:68px;}
#home #box-01 .area-01 p.p-02 .span{ font-size: 20px; font-weight:normal;}
#home #box-01 .area-01 p.p-02 .small{font-size: 12px;}/*20231013 wacca*/
#home #box-01 .area-01 p.p-03{ font-size:30px;}


#home #box-02{}
#home #box-02 h2{ margin-bottom:30px;}
#home #box-02 .area-01{ background:#fff; border:5px solid #f3981c; border-radius:20px; padding:50px; position:relative;}
#home #box-02 .area-01 table{ width:100%; margin-bottom:30px;}
#home #box-02 .area-01 table tr{ border-bottom:1px dashed #f3981c;}
#home #box-02 .area-01 table th{ width:150px; font-weight:bold; vertical-align:top; padding:30px 0 0 10px; text-align:left;}
span.catego{ background:#47b3c4; width:100px; font-size:13px; color:#fff; text-align:center; letter-spacing:normal; display:inline-block; margin-left:8px; padding:0px 0px;}
span.catego a{ color:#FFF; text-decoration:none;}
#home #box-02 .area-01 table td{ font-size:15px; letter-spacing:normal; padding:30px 0;}
#home #box-02 .area-01 table td span{ font-size:18px; font-weight:bold; display:block; margin-bottom:8px;}
#home #box-02 .area-01 table td span a{ color:#333;}
#home #box-02 .more-02 { width:inherit; text-align:right; font-size:16px; margin-bottom:0;}
#home #box-02 .more-02 a{ background:url("../images/common/more-02.jpg") no-repeat; width:250px; height:35px; line-height:35px; color:#333; text-decoration:none; display:inline-block; text-align:center;}


body #body-top #main ul.listcatego{ display:inline-block;}
body #body-top #main ul.listcatego li{ background:#47b3c4; display:inline-block;font-size:13px; font-weight:bold;color:#fff;letter-spacing:normal;margin-right:8px; padding:0px 5px;}
body #body-top #main ul.listcatego li a{ color:#FFF; text-decoration:none;}
/*カテゴリ色分け*/
body #body-top #main ul.listcatego li.event{background:#009a53;}


/*アイコン*/
#home #box-02 .area-01 .img-01{ position:absolute; left:50px; top:-87px;}
#home #box-02 .area-01 .img-02{ position:absolute; right:50px; top:-61px;}


#home #box-03{ width:1214px;}
#home #box-03 .area-01{ margin-bottom:70px;}
#home #box-03 .area-01 .bnr{ width:1214px; height:243px; background:url("../images/home/bnr-01.png") center top no-repeat;}
#home #box-03 .area-01 .bnr .inner{ width:1024px; margin:auto; overflow:hidden; padding:40px 0px;}
#home #box-03 .area-01 .bnr .inner .left{ width:340px; padding-left:40px; float:left;}
#home #box-03 .area-01 .bnr .inner .left p{ font-size:54px; color:#47a9d6; letter-spacing:normal;}
#home #box-03 .area-01 .bnr .inner .right{ width:550px; float:right; padding-top:30px;}
#home #box-03 .area-01 .bnr .inner .right p{ line-height:2em;}


#home #box-03 .area-02 .bnr{ width:1024px; height:250px;margin:0 auto 20px;}
#home #box-03 .area-02 .bnr .inner{ padding-left:70px; height:250px; display:table-cell; vertical-align:middle;}
#home #box-03 .area-02 .bnr .inner img{ position:relative; margin-left:-30px;}

#home #box-03 .area-02 .bnr-02{ background:url(../images/home/box-bk-01.png);}
#home #box-03 .area-02 .bnr-03{background:url(../images/home/box-bk-02.png);}
#home #box-03 .area-02 .bnr-04{background:url(../images/home/box-bk-03.png);}
#home #box-03 .area-02 .bnr h2{ font-size:30px; font-weight:bold; margin-bottom:15px; text-shadow:0 0 10px #fff;}
#home #box-03 .area-02 .bnr p {text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
#home #box-03 .area-02 .bnr h2.white{ color:#fff; text-shadow:0 0 10px #000;}
#home #box-03 .area-02 .bnr p.white { color:#fff; text-shadow:0 0 10px #000;}


#home #box-04{}
#home #box-04 .area-01{ margin-bottom:70px;}
#home #box-04 h2{ font-size:30px; font-weight:bold; text-align: center; background-image:url("../images/common/bk-side.png"), url("../images/common/bk-side.png"); background-position:left 20px, right 20px; background-repeat:no-repeat, no-repeat; margin-bottom:50px;}
#home #box-04 .area-02{ overflow: hidden;}
#home #box-04 .area-02 .entry{ width:300px; float:left; margin-right:62px;}
#home #box-04 .area-02 .entry:last-of-type{ margin-right:0px;}
#home #box-04 .area-02 .entry .inner{ background:#f3981c; text-align:center; padding:30px 30px;}
#home #box-04 .area-02 .entry .inner h3{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:25px;}
#home #box-04 .area-02 .entry .inner .btn{ border:2px solid #fff; text-align:center; font-weight:bold;}
#home #box-04 .area-02 .entry .inner .btn a{ background:#fff; display:block; text-decoration:none; padding:5px 0; position:relative; color:#f3981c;}
#home #box-04 .area-02 .entry .inner .btn i{ position:absolute; right:20px; top:10px;}
/*色分け*/
#home #box-04 .area-02 .entry:nth-of-type(2) .inner{ background:#009a53;}
#home #box-04 .area-02 .entry:nth-of-type(3) .inner{ background:#47a9d6;}
#home #box-04 .area-02 .entry:nth-of-type(2) .inner .btn a{ color:#009a53;}
#home #box-04 .area-02 .entry:nth-of-type(3) .inner .btn a{ color:#47a9d6;}



#home #box-05{}
#home #box-05 .area-01{ background:#fff; padding:50px 45px; border-radius:15px; margin-bottom:70px;}
#home #box-05 .area-01 .entry{ border-top:1px dashed #ccc; padding:15px 0; overflow:hidden; position:relative;}
#home #box-05 .area-01 .entry img{ float:left;}
#home #box-05 .area-01 .entry .t-box{ float:right; width:710px;}
#home #box-05 .area-01 .entry .t-box h4{ font-size:20px; font-weight:bold; margin-bottom:15px;}
#home #box-05 .area-01 .entry .t-box h4 span{ font-size:16px; font-weight:normal; display:block; margin-bottom:0px;}
#home #box-05 .area-01 .entry .t-box ul{ margin-bottom:15px}
#home #box-05 .area-01 .entry .t-box ul li{ display:inline-block; background:#009a53; font-size:13px; font-weight:bold; color:#fff; padding:2px 10px; letter-spacing:normal; margin-right:3px;}
#home #box-05 .area-01 .entry .t-box p{ font-size:15px;}
#home #box-05 .area-01 .entry .more-02{ position:absolute; bottom:20px; right:0; margin-bottom:0;}
#home #box-05 .area-01 .entry:last-child{ border-bottom:1px dashed #ccc;}


#home #box-06{ position:relative;}
#home #box-06 h2{ font-size:30px; font-weight:bold; color:#fff; text-align:center; padding-bottom:10px; background:url("../images/home/h2-bk.png") center bottom no-repeat;}
#home #box-06 h2 span{ position:relative;}
#home #box-06 h2 span:before{ content:""; display:block; background:#f4f198; width:7px; height:7px; position:absolute; top:0; left:0; right:0; margin:auto; border-radius:50%;}
#home #box-06 .area-01{}
#home #box-06 .area-01 .entry h3{ font-size:28px; font-weight:bold; margin-bottom:10px;}
#home #box-06 .area-01 .entry p { font-size:18px;}

#home #box-06 .area-01 .entry{ position:absolute; box-sizing:border-box; text-align:center;}
#home #box-06 .area-01 .entry:nth-of-type(1){ background:url("../images/home/maru-01.png"); width:350px; height:376px; top:160px; left:0px; padding-top:215px;}
#home #box-06 .area-01 .entry:nth-of-type(2){ background:url("../images/home/maru-02.png"); width:350px; height:376px; top:200px; left:500px; padding-top:215px;}
#home #box-06 .area-01 .entry:nth-of-type(3){ background:url("../images/home/maru-03.png"); width:350px; height:376px; top:600px; right:0px; padding-top:225px;}
#home #box-06 .area-01 .entry:nth-of-type(4){ background:url("../images/home/maru-04.png"); width:350px; height:421px; top:1000px; right:120px; padding-top:260px;}
#home #box-06 .area-01 .entry:nth-of-type(5){ background:url("../images/home/maru-05.png"); width:606px; height:538px; top:600px; left:0px; padding-top:360px;}
#home #box-06 .area-01 .entry:nth-of-type(5) h3{ margin-right:100px;}
#home #box-06 .area-01 .entry:nth-of-type(5) p { margin-right:100px;}

#home #box-06 .area-01 .img-01{ position:absolute; top:350px; left:290px; z-index:2;}
#home #box-06 .area-01 .img-02{ position:absolute; top:390px; left:800px; z-index:2;}
#home #box-06 .area-01 .img-03{ position:absolute; top:900px; left:860px; z-index:2;}
#home #box-06 .area-01 .img-04{ position:absolute; top:1080px; left:330px; z-index:2;}


#box-entry{}
#box-entry .area-01{ margin-bottom:70px;}
#box-entry h2{ font-size:30px; font-weight:bold; text-align: center; background-image:url("../images/common/bk-side.png"), url("../images/common/bk-side.png"); background-position:left 20px, right 20px; background-repeat:no-repeat, no-repeat; margin-bottom:50px;}
#box-entry .area-02{ overflow: hidden;}
#box-entry .area-02 .entry{ width:300px; float:left; margin-right:62px;}
#box-entry .area-02 .entry:last-of-type{ margin-right:0px;}
#box-entry .area-02 .entry .inner{ background:#f3981c; text-align:center; padding:30px 30px;}
#box-entry .area-02 .entry .inner h3{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:25px;}
#box-entry .area-02 .entry .inner .btn{ border:2px solid #fff; text-align:center; font-weight:bold;}
#box-entry .area-02 .entry .inner .btn a{ background:#fff; display:block; text-decoration:none; padding:5px 0; position:relative; color:#f3981c;}
#box-entry .area-02 .entry .inner .btn i{ position:absolute; right:20px; top:10px;}
/*色分け*/
#box-entry .area-02 .entry:nth-of-type(2) .inner{ background:#009a53;}
#box-entry .area-02 .entry:nth-of-type(3) .inner{ background:#47a9d6;}
#box-entry .area-02 .entry:nth-of-type(2) .inner .btn a{ color:#009a53;}
#box-entry .area-02 .entry:nth-of-type(3) .inner .btn a{ color:#47a9d6;}


#home #box-insta{ padding:120px 0 100px;}
#home #box-insta p{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:50px;}
#home #box-insta .area-01{ overflow:hidden; padding-bottom:30px;}
#home #box-insta .area-01 li{ width:202px; height:202px; display:block; float:left; margin:0 3px 3px 0;}
#home #box-insta .area-01 li:nth-of-type(5n){ margin-right:0;}
#home #box-insta .area-01 img{ width:202px; height:202px;object-fit: cover;}
#home #box-insta .more-02 { width:inherit; text-align:right; font-size:16px; margin-bottom:0;}
#home #box-insta .more-02 a{ background:url("../images/common/more-02.jpg") no-repeat; width:250px; height:35px; line-height:35px; color:#333; text-decoration:none; display:inline-block; text-align:center;}




/*▼福利厚生・教育制度　education▼*/

#education #box-01{}
#education #box-01 .area-01{ padding:20px; margin-bottom:50px;padding-top:0px;text-align:center;}
#education #box-01 .area-01 p { font-size:18px; font-weight:bold; text-align:center; margin-bottom:30px;}
#education #box-01 .area-01 img{ box-shadow:0 0 10px #ccc; margin-right:20px; border:#FFF solid 8px;}
#education #box-01 .area-01 img:last-child{ margin-right:0;}


#education #box-01 .area-02{ padding:20px; text-align:center; position:relative;}
#education #box-01 .area-02 p{font-weight:bold;}
#education #box-01 .area-02 .tb-01{ width:360px; height:360px;border-radius:50%; background:#e60039; position:relative; display:inline-block; z-index:3;}
#education #box-01 .area-02 .tb-01 .text{ width:360px; height:360px; display:table-cell; text-align:center; vertical-align:middle;}
#education #box-01 .area-02 .tb-01 .text .p-01{ color:#ffdd23; font-size:32px; }
#education #box-01 .area-02 .tb-01 .text .p-02{ color:#fff; font-size:30px; }
#education #box-01 .area-02 .tb-01 .text .p-02 span{font-size:24px; }


#education #box-01 .area-02 .tb-02{ width:370px; height:160px; float:left; background:#f3981c; position:absolute; top:100px; z-index:1;}
#education #box-01 .area-02 .tb-02 .text{ width:360px; height:160px; display:table-cell; vertical-align:middle;}
#education #box-01 .area-02 .tb-02 .text p{ color:#FFF; font-size:24px; margin-right:20px;}


#education #box-01 .area-02 .tb-03{ width:370px; height:160px; float:left; background:#009a53; position:absolute; top:100px; z-index:2; right:0px;}
#education #box-01 .area-02 .tb-03 .text{ width:370px; height:160px; display:table-cell; vertical-align:middle;}
#education #box-01 .area-02 .tb-03 .text p{ color:#FFF; font-size:24px; margin-left:20px;}
#education #box-01 .area-02 .tb-03 .text span{ font-size:18px;}

#education #box-02{}
#education #box-02 .p-01{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:30px;}
#education #box-02 .area-01{ overflow:hidden;}
#education #box-02 .area-01 .entry{ background:#fff; width:300px; float:left; margin:0 10px 20px 0;}
#education #box-02 .area-01 .entry:nth-child(3n){ margin-right:0;}
#education #box-02 .area-01 .entry .inner{ padding:20px;}
#education #box-02 .area-01 .entry .inner h3{ font-size:22px; font-weight:bold; color:#f3981c; text-align:center; margin-bottom:10px;}
#education #box-02 .area-01 .entry .inner p { font-size:15px; letter-spacing:normal; line-height:1.7em;}


/*#education #box-02 .area-01 .entry:nth-last-of-type(-n+8){width:222px;}*/
#education #box-02 .area-01 .entry:nth-last-of-type(-n+8):nth-child(3n){ margin-right:10px;}

#education #box-03{}
#education #box-03 h3 span{ font-size:26px; letter-spacing:normal;}
#education #box-03 .p-01{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:30px;}
#education #box-03 .area-01{ background:#fff; padding:50px 50px; border-radius:15px; margin-bottom:50px;}
#education #box-03 .area-01 dl{ border-top:1px dashed #ccc;}
#education #box-03 .area-01 dt{ font-size:20px; font-weight:bold; margin-bottom:10px; padding-top:20px;}
#education #box-03 .area-01 dd{ border-bottom:1px dashed #ccc; padding-bottom:20px;}
#education #box-03 .area-02{ overflow:hidden;}
#education #box-03 .area-02 .entry{ width:480px; float:left; background:#fff; padding:50px 45px; border-radius:15px; box-sizing:border-box;}
#education #box-03 .area-02 .entry:last-child{ float:right;}
#education #box-03 .area-02 .entry p{ line-height:1.7em; padding-top:30px;}




/*▼フルリールグループについて　about▼*/
#about .bk-01{ background:url("../images/about/bk-01.jpg") center top no-repeat; height:848px;}

#about #box-01{}
#about #box-01 .area-01{ width:660px;}
#about #box-01 .area-01 p{ line-height:2em;}
#about #box-01 .area-01 p.p-01{ font-size:18px; font-weight:bold; padding-top:40px;}
#about #box-01 .area-01 p.p-01 span{ font-size:22px;}

#about #box-02 {}
#about #box-02 .area-01{ background:#fff; padding:50px 50px; border-radius:15px; margin-bottom:50px;}
#about #box-02 .area-01 .inner{ overflow:hidden;}
#about #box-02 .area-01 .inner img{ float:left;}
#about #box-02 .area-01 .inner .t-box{ width:580px; float:right;}
#about #box-02 .area-01 .inner .t-box ul li{ font-size:18px; font-weight:bold; margin-bottom:15px; padding-left:1.05em; text-indent:-1.05em;}
#about #box-02 .area-01 .inner .t-box ul li span{ color:#009a53;}

#about #box-02 .area-02{ background:#fff; padding:50px 50px; border-radius:15px; margin-bottom:50px;}
#about #box-02 .area-02 .entry{ padding:20px 0; border-top:1px dashed #ccc;}
#about #box-02 .area-02 .entry:last-child{ border-bottom:1px dashed #ccc;}
#about #box-02 .area-02 .entry dl{ width:710px; display:inline-block; vertical-align:middle;}
#about #box-02 .area-02 .entry dt{ font-size:20px; font-weight:bold; margin-bottom:10px; padding-top:20px; padding-left: 3em; text-indent:-3em;}
#about #box-02 .area-02 .entry dd{}
#about #box-02 .area-02 .entry img{ vertical-align:middle; margin-left:20px;}

#about #box-03 {}
#about #box-03 .area-01{ background:#fff; padding:50px 50px; border-radius:15px; overflow:hidden;}
#about #box-03 .area-01 img{ float:left;}
#about #box-03 .area-01 .t-box{ width:560px; float:right; padding-top:20px;}
#about #box-03 .area-01 .t-box p{ line-height:1.7em;}




/*▼施設一覧　facility▼*/

#facility #box-01{}
#facility #box-01 .googlemap{height: 0;overflow: hidden;padding-bottom:500px; position: relative; margin-bottom:100px;}
#facility #box-01 .googlemap #map_canvas{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#facility #box-01 .googlemap #map_canvas h1{ letter-spacing:normal; text-indent:0; height:auto;}

#facility #box-01 .area-01{ background:#fff; padding:50px 45px; border-radius:15px; margin-bottom:30px;}
#facility #box-01 .area-01 .entry{ border-top:1px dashed #ccc; padding:20px 0; overflow:hidden; position:relative;}
#facility #box-01 .area-01 .entry img{ float:left;}
#facility #box-01 .area-01 .entry .t-box{ float:right; width:590px;}
#facility #box-01 .area-01 .entry .t-box h4{ font-size:20px; font-weight:bold; margin-bottom:15px;}
#facility #box-01 .area-01 .entry .t-box h4 span{ font-size:16px; font-weight:normal; display:block; margin-bottom:0px;}
#facility #box-01 .area-01 .entry .t-box ul{ margin-bottom:10px}
#facility #box-01 .area-01 .entry .t-box ul li{ display:inline-block; background:#009a53; font-size:13px; font-weight:bold; color:#fff; padding:2px 10px; letter-spacing:normal; margin-right:3px; margin-bottom:5px}
#facility #box-01 .area-01 .entry .t-box p{ font-size:15px;}
#facility #box-01 .area-01 .entry .more-02{ position:absolute; bottom:20px; right:0; margin-bottom:0;}
#facility #box-01 .area-01 .entry:last-child{ border-bottom:1px dashed #ccc;}




/*▼取り組みについて　initiative▼*/

#initiative #box-01{}
#initiative #box-01 .area-01{ overflow:hidden; margin-bottom:70px;}
#initiative #box-01 .area-01 .entry{ width:300px; float:left; margin-right:62px; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
#initiative #box-01 .area-01 .entry:last-child{ margin-right:0;}
#initiative #box-01 .area-01 .entry a{ display:block; text-decoration:none;}
#initiative #box-01 .area-01 .entry .inner{ padding:20px;}
#initiative #box-01 .area-01 .entry .inner img{ width:300px; height:225px; object-fit:cover;}
#initiative #box-01 .area-01 .entry .inner h3{ font-size:18px; font-weight:bold; color:#333; margin-bottom:5px;}
#initiative #box-01 .area-01 .entry .inner .p-01{ display:inline-block; background:#009a53; font-size:12px; font-weight:bold; color:#fff; padding:2px 10px; letter-spacing:normal; margin-bottom:15px}
#initiative #box-01 .area-01 .entry .inner p{ font-size:15px; letter-spacing:normal;}


#initiative #box-02{}
#initiative #box-02 .p-01{ margin-bottom:50px;}
#initiative #box-02 p{ line-height:2em;}
#initiative #box-02 .area-01{ background:#fff; padding:50px 50px; border-radius:15px; margin-bottom:50px;}
#initiative #box-02 .area-01 .inner{ overflow:hidden;}
#initiative #box-02 .area-01 .inner img{ float:left;}
#initiative #box-02 .area-01 .inner .t-box{ width:580px; float:right;}


#initiative #box-02 .area-02{ background:#fff; padding:50px 50px; border-radius:15px; margin-bottom:50px;}
#initiative #box-02 .area-02 .inner{ overflow:hidden;}
#initiative #box-02 .area-02 .inner img{ float:left;}
#initiative #box-02 .area-02 .inner .t-box{ width:580px; float:right;}


#initiative #box-03{}
#initiative #box-03 .area-01{ background:#fff; padding:50px 45px; border-radius:15px; margin-bottom:50px;}
#initiative #box-03 .area-01 .col-01{}
#initiative #box-03 .area-01 .col-01 .inner{ text-align:center; overflow:hidden; margin:50px 0px;}
#initiative #box-03 .area-01 .col-01 .inner .left{ display:inline-block; vertical-align:top;}
#initiative #box-03 .area-01 .col-01 .inner .right{display:inline-block; vertical-align:top; text-align:center; margin-left:10px;}
#initiative #box-03 .area-01 .col-01 .inner .right .triangle { width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #009a52 transparent transparent transparent; margin:10px auto;}

#initiative #box-03 .area-01 .photobox{ overflow:hidden; margin-top:50px;}
#initiative #box-03 .area-01 .photobox img:first-child{ float:left;}
#initiative #box-03 .area-01 .photobox img:last-child{ float:right;}


#initiative #box-03 .area-01 .col-01 .inner .right p{ font-size:30px; font-weight:bold; color:#009a53;}
#initiative #box-03 .area-01 .col-01 .entry{ border-top:1px dashed #ccc; padding:20px 0; overflow:hidden;}
#initiative #box-03 .area-01 .col-01 .entry dl dt{ font-size:18px; font-weight:bold; color:#009a53; margin-bottom:5px;}
#initiative #box-03 .area-01 .col-01 .entry dl dd{ letter-spacing:normal; margin-bottom:10px;}
#initiative #box-03 .area-01 .col-01 .entry:last-of-type{ border-bottom:1px dashed #ccc; margin-bottom:50px;}
#initiative #box-03 .area-01 .col-01 .entry img.img-01{ display:block; margin:auto; margin-top:20px;}

#initiative #box-03 .area-01 .col-01 .inner-02{ overflow:hidden;}
#initiative #box-03 .area-01 .col-01 .inner-02 h4{ font-size:20px; font-weight:bold; margin-bottom:5px;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02{ width:230px; float:left; margin-bottom:25px; box-sizing:border-box; border:1px solid #ccc; border-right:none;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02:nth-of-type(4n){ border-right:1px solid #ccc;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02:last-of-type{ border-right:1px solid #ccc;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02 img{ border-bottom:margin-bottom:0;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02 .t-box{ display:table; margin:auto;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02 .t-box p{ font-size:20px; font-weight:bold; display:table-cell; vertical-align:middle; line-height:1.7em; text-align:center;}
#initiative #box-03 .area-01 .col-01 .inner-02 .entry-02 a{ background:url(../images/initiative/btn.jpg); width:200px; height:35px; margin:0 auto 25px; display:block;}

#initiative #box-03 .area-01 .col-02 .inner{ overflow:hidden;}
#initiative #box-03 .area-01 .col-02 .inner ul{ margin-bottom:0px;}
#initiative #box-03 .area-01 .col-02 .inner ul li{ font-size:20px; margin-bottom:10px; border-bottom:#CCC dotted 1px; padding-bottom:3px;}
#initiative #box-03 .area-01 .col-02 .inner ul li span{ color:#FF749C; display: inline-block; margin-right:5px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01{ background:url(../images/initiative/img-01.png) right top no-repeat; background-size:400px; min-height:455px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left{ width:550px; text-align: center; padding-top:100px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-02{ text-align:left; margin-bottom:30px; font-size:18px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-03{ font-size:22px; border-bottom:#CCC dotted 1px; padding-bottom:5px; margin-bottom:20px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-03 span{color:#FF749C; font-weight:bold;}

#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-04{ font-size:24px;margin-bottom:10px;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-04 span{color:#FF749C; font-weight:bold;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .triangle { width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #FF749C transparent transparent transparent; margin:20px auto;}
#initiative #box-03 .area-01 .col-02 .inner .tb-01 .left .p-05{ font-weight:bold; font-size:28px;}


#initiative #box-03 .area-02{ background:#fff; padding:50px 45px; border-radius:15px; margin-bottom:50px;}
#initiative #box-03 .area-02 .col-01{ margin-bottom:50px;}
#initiative #box-03 .area-02 .col-01 .p-01{ margin-bottom:50px;}
#initiative #box-03 .area-02 .col-01 .inner{ overflow:hidden;}
#initiative #box-03 .area-02 .col-01 .inner .entry{ width:230px; float:left; margin-bottom:25px; box-sizing:border-box; border:1px solid #ccc; border-right:none;}
#initiative #box-03 .area-02 .col-01 .inner .entry:nth-of-type(4n){ border-right:1px solid #ccc;}
#initiative #box-03 .area-02 .col-01 .inner .entry:last-of-type{ border-right:1px solid #ccc;}
#initiative #box-03 .area-02 .col-01 .inner .entry img{ border-bottom:1px solid #ccc; margin-bottom:0;}
#initiative #box-03 .area-02 .col-01 .inner .entry .t-box{ display:table; margin:auto;}
#initiative #box-03 .area-02 .col-01 .inner .entry .t-box p{ font-size:20px; font-weight:bold; display:table-cell;vertical-align:middle; line-height:1.7em; text-align:center;}
#initiative #box-03 .area-02 .col-01 .inner .entry a{ background:url(../images/initiative/btn.jpg); width:200px; height:35px; margin:0 auto 25px; display:block;}



#initiative #box-03 .area-02 .col-02{ margin-bottom:50px;}
#initiative #box-03 .area-02 .col-02 .inner{ overflow:hidden;}
#initiative #box-03 .area-02 .col-02 .inner ul{}
#initiative #box-03 .area-02 .col-02 .inner ul li{ font-size:20px; margin-bottom:10px; border-bottom:#CCC dotted 1px; padding-bottom:3px;}
#initiative #box-03 .area-02 .col-02 .inner ul li span{ color:#FF749C; display: inline-block; margin-right:5px;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01{ background:url(../images/initiative/img-02.png) right top 50px no-repeat; background-size:400px; min-height:300px;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left{ width:630px; text-align: center;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-01{ color:#FFF; font-weight:bold; background:#FF749C; font-size:40px; padding:5px 50px; margin-bottom:20px;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-02{ text-align:left; margin-bottom:30px; font-size:22px; font-weight:bold;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-02 span{ font-size:40px;}


#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-03{ font-size:22px; border-bottom:#CCC dotted 1px;margin-bottom:20px; display:inline-block; padding:0 60px 5px}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-03 span{color:#FF749C; font-weight:bold;}

#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-04{ font-size:24px;margin-bottom:10px;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-04 span{color:#FF749C; font-weight:bold;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .triangle { width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #FF749C transparent transparent transparent; margin:20px auto;}
#initiative #box-03 .area-02 .col-02 .inner .tb-01 .left .p-05{ font-weight:bold; font-size:28px;}



/*▼応募フォーム　entry▼*/

#entry #box-01 .area-01{ overflow:hidden; margin:auto; text-align:center;}
#entry #box-01 .area-01 p{ font-size:18px; font-weight:bold; margin-bottom:30px;}
#entry #box-01 .area-01 ul{ display:inline-block; margin-bottom:30px;}
#entry #box-01 .area-01 li{ text-align:left; text-indent:-1em; padding-left:1em;}

#entry #box-01 .area-02 .area-mailform table{ width:100%; margin-bottom:50px; background:#FFF;}
#entry #box-01 .area-02 .area-mailform table tr{}
#entry #box-01 .area-02 .area-mailform table td{ background:#fff; padding:8px; border-top:1px solid #009a53; vertical-align:middle;}
#entry #box-01 .area-02 .area-mailform table td.td-01{ width:200px; font-weight:bold; border-top:1px solid #009a53; padding-left:20px;}
#entry #box-01 .area-02 .area-mailform table tr:last-child td{ border-bottom:1px solid #009a53;}
#entry #box-01 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#entry #box-01 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#entry #box-01 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#entry #box-01 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#entry #box-01 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#entry #box-01 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#entry #box-01 .area-02 .area-mailform table button{}
#entry #box-01 .area-02 .area-mailform .chui{ font-weight:bold; color: #fff; background:#f3981c; font-size:11px; padding:0px 7px; margin-right:7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px; position:relative; bottom:3px; float:right;position:relative; top:0px; font-family: 'M PLUS 1 Code', sans-serif;}
#entry #box-01 .area-02 .area-mailform .chui-01{ float:left;}
#entry #box-01 .area-02 .area-mailform .p-01{ margin-top:5px;}
#entry #box-01 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#entry #box-01 .area-02 .area-mailform .p-02{ font-weight:bold;}
#entry #box-01 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#entry #box-01 .area-02 .area-mailform .w01{width:99%;}
#entry #box-01 .area-02 .area-mailform .w02{width:40%;}

#entry #box-01 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#entry #box-01 .area-02 .area-mailform .tb-01{}
#entry #box-01 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#entry #box-01 .area-02 .area-mailform .tb-02{ text-align:center;}
#entry #box-01 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#entry #box-01 .area-02 .area-mailform .btn{ display:block; margin:auto; font-size:20px; padding:5px 20px; background:#F93;border:#F60 solid 1px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; }
#entry #box-01 .area-02 .area-mailform .btn:hover{opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;cursor: pointer;}
#entry #box-01 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#entry #box-01 .area-02 .area-mailform .p-04{ font-weight:bold;}
#entry #box-01 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#entry #box-01 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#entry #box-01 .area-02 .area-mailform .tb-04 p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif;}




/*▼先輩の声　voice▼*/

#voice #box-voice{ width:1032px; margin:auto; padding:50px 10px; box-sizing:border-box;}
#voice #box-voice .area-01{ background:#fff; overflow:hidden; padding:10px 10px 6px; border-radius:15px; margin-bottom:50px; box-shadow:0 0 10px rgba(0,0,0,.08); text-align:center;}
#voice #box-voice .area-01 .entry{ background:#f3981c; width:180px;padding:8px; text-align:center; border-radius:5px; box-sizing:border-box; margin:0 3px 6px; display:inline-block; vertical-align:top;}
#voice #box-voice .area-01 .entry:nth-child(6n){}
#voice #box-voice .area-01 .entry a{ display:block; text-decoration:none;}
#voice #box-voice .area-01 .entry .p-01{ background:#fff; font-size:13px; font-weight:bold; color:#f3981c; letter-spacing:normal; padding:3px 0; border-radius:5px; margin-bottom:8px;}
#voice #box-voice .area-01 .entry .inner{}
#voice #box-voice .area-01 .entry .inner img{ vertical-align:middle; margin-right:6px; width:41px; height:41px;border-radius:50%;object-fit: cover;}
#voice #box-voice .area-01 .entry .inner .p-name{ vertical-align:middle; max-width:90px; font-weight:bold; color:#fff; display:inline-block; font-size:15px;}

#voice #box-voice .area-02{ background:#fff; overflow:hidden; padding:40px 0; text-align:center; border-radius:15px; margin-bottom:10px; box-shadow:0 0 5px rgba(0,0,0,.08);}
#voice #box-voice .area-02 .left{ display:inline-block; vertical-align:middle; margin-right:10px;}
#voice #box-voice .area-02 .left h2{ font-size:36px;}
#voice #box-voice .area-02 .left h2 span{ font-size:18px; display:block;}
#voice #box-voice .area-02 .right{ display:inline-block; vertical-align:middle; width:450px;}


#voice .bk-yellow{ padding:50px 0;}
#voice #box-01{}
#voice #box-01 h2{ font-size:30px; font-weight:bold; text-align:center; margin-bottom:80px; position:relative;}
#voice #box-01 h2:after{ content:""; width:200px; height:5px; background:#f3981c; position:absolute; bottom:-30px; left:0; right:0; margin:auto; border-radius:5px;}
#voice #box-01 .area-01{ background:#fff; border:5px solid #f3981c; border-radius:20px; padding:50px; position:relative; margin-bottom:100px;}
#voice #box-01 .area-01 .inner{ overflow:hidden;}
#voice #box-01 .area-01 .t-box h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
#voice #box-01 .area-01 .t-box p{ letter-spacing:normal;}
#voice #box-01 .area p strong{ font-size:20px; color:#f3981c; padding:0 3px;}

/*アイコン・画像*/
#voice #box-01 .area .img-01{ position:absolute; right:50px; top:-87px;}
#voice #box-01 .area .img-02{ position:absolute; left:50px; top:-61px;}
#voice #box-01 .area .img-03{ position:absolute; right:50px; top:-87px;}
#voice #box-01 .area .img-04{ position:absolute; left:50px; top:-61px;}
#voice #box-01 .area .img-05{ position:absolute; right:50px; top:-87px;}
#voice #box-01 .area .pho-01{ position:absolute; left:50px; bottom:0; max-width:330px;}

#voice #box-01 .area-02{ background:#fff; border:5px solid #009a53; border-radius:20px; padding:50px; position:relative; margin-bottom:100px;}
#voice #box-01 .area-02 p strong{ color:#009a53;}

#voice #box-01 .area-03{ background:#fff; border:5px solid #e60039; border-radius:20px; padding:50px; position:relative;margin-bottom:100px;}
#voice #box-01 .area-03 p strong{ color:#e60039;}

#voice #box-01 .area-04{ background:#fff; border:5px solid #f3981c; border-radius:20px; padding:50px; position:relative; margin-bottom:100px;}
#voice #box-01 .area-04 p strong{ color:#f3981c;}

#voice #box-01 .area-05{ background:#fff; border:5px solid #009a53; border-radius:20px; padding:50px; position:relative;}
#voice #box-01 .area-05 p strong{ color:#009a53;}


/*h2色*/
#voice #box-01 h2:nth-of-type(2):after{ background:#009a53;}
#voice #box-01 h2:nth-of-type(3):after{ background:#e60039;}

/*▼募集要項　recruit▼*/
.area-link{ background:#fff; overflow:hidden; padding:10px 10px 6px; border-radius:15px; margin-bottom:50px; box-shadow:0 0 10px rgba(0,0,0,.08);}
.area-link ul.ul-01{ overflow:hidden; text-align:center;}
.area-link li{ background:#009a53; display:inline-block;padding:8px; text-align:center; border-radius:5px; box-sizing:border-box; margin:0 6px 6px; color:#FFF;}
.area-link li:nth-child(6n){ margin-right:0px;}
.area-link a{text-decoration:none; color:#FFF;}
.area-link li .p-01{ background:#fff; font-size:13px; font-weight:bold; color:#009a53; letter-spacing:normal; padding:3px 0; border-radius:5px; margin-bottom:8px;}
.area-link li .inner{}
.area-link li .inner .p-name{ font-weight:bold; color:#fff;}
/*色分け*/
.area-link a:nth-child(n+1) li{ background:#e60039;}
.area-link a:nth-child(2n+1) li{ background:#f3981c;}
.area-link a:nth-child(3n+1) li{ background:#009a53;}


#voice #box-voicelist{ width:1024px; margin:auto; padding:50px 0px;}
#voice #box-voicelist .area-01{ overflow:hidden;}
#voice #box-voicelist .area-01 .entry{ width:244px; float:left; margin-right:15px; margin-bottom:20px;}
#voice #box-voicelist .area-01 .entry .img{ width:244px; height:244px; display:table-cell; background:#CCC; vertical-align:middle; text-align:center;}
#voice #box-voicelist .area-01 .entry img{width:244px;height:244px;object-fit: contain;}
#voice #box-voicelist .area-01 .entry:nth-child(4n){margin-right:0px;}
#voice #box-voicelist .area-01 .entry p{ text-align:center; font-weight:bold; padding-top:5px;}
#voice #box-voicelist .area-01 .entry a{ text-decoration:none;}
/*▼仕事を知る　work▼*/
#work #box-01{ position:relative;}
#work #box-01 .area-01{ width:530px; margin:auto; text-align:center;}
#work #box-01 .area-01 ul li{ display:inline-block; font-size:16px; font-weight:bold; letter-spacing:normal; margin:0 5px 5px 0;}
#work #box-01 .area-01 ul li a{ background:#f3981c; color:#fff; padding:5px 15px; border-radius:30px; text-decoration:none; display:block;}
#work #box-01 .pho-01{ position:absolute; left:0; bottom:0; width:230px;}
#work #box-01 .pho-02{ position:absolute; right:0; bottom:0; width:180px;}


#work .bk-yellow{ padding:50px 0;}
#work #box-02{}
#work #box-02 .area-01{ margin-bottom:100px;}
#work #box-02 .area-01 .entry{ background:#fff; border:5px solid #f3981c; border-radius:20px; padding:50px; position:relative; margin-bottom:120px;}

#work #box-02 .area-01 .entry .inner{ overflow:hidden;}
#work #box-02 .area-01 .entry .t-box{ width:600px; float:right;}
#work #box-02 .area-01 .entry .t-box h3{ font-size:22px; font-weight:bold; margin-bottom:15px;}
#work #box-02 .area-01 .entry .t-box p{ letter-spacing:normal;}
#work #box-02 .area-01 .entry .t-box p strong{ font-size:20px; color:#f3981c; padding:0 3px;}

/*左右切換え（奇数）*/
#work #box-02 .area-01 .entry:nth-child(odd) .img-01{ position:absolute; right:50px; top:-87px;}
#work #box-02 .area-01 .entry:nth-child(odd) .img-02{ display:none;}
#work #box-02 .area-01 .entry:nth-child(odd) .pho-01{ position:absolute; left:50px; bottom:0; max-width:280px;}

/*　〃　（偶数）*/
#work #box-02 .area-01 .entry:nth-child(even) .t-box{ width:600px; float:left;}
#work #box-02 .area-01 .entry:nth-child(even) .img-01{ display:none;}
#work #box-02 .area-01 .entry:nth-child(even) .img-02{ position:absolute; left:50px; top:-61px;}
#work #box-02 .area-01 .entry:nth-child(even) .pho-01{ position:absolute; right:50px; bottom:0; max-width:280px;}




/*▼募集要項　recruit▼*/
#recruit #box-01{ width:1032px; margin:auto; padding:50px 10px; box-sizing:border-box;}
#recruit #box-01 .area-01{ background:#fff; overflow:hidden; padding:10px 10px 6px; border-radius:15px; margin-bottom:50px; box-shadow:0 0 10px rgba(0,0,0,.08);}
#recruit #box-01 .area-01 ul.ul-01{ overflow:hidden; text-align:center;}
#recruit #box-01 .area-01 li{ background:#009a53; display:inline-block;padding:8px; text-align:center; border-radius:5px; box-sizing:border-box; margin:0 6px 6px; color:#FFF;}
#recruit #box-01 .area-01 li:nth-child(6n){ margin-right:0px;}
#recruit #box-01 .area-01 a{text-decoration:none; color:#FFF;}
#recruit #box-01 .area-01 li .p-01{ background:#fff; font-size:13px; font-weight:bold; color:#009a53; letter-spacing:normal; padding:3px 0; border-radius:5px; margin-bottom:8px;}
#recruit #box-01 .area-01 li .inner{}
#recruit #box-01 .area-01 li .inner .p-name{ font-weight:bold; color:#fff;}
/*色分け*/
#recruit #box-01 .area-01 a:nth-child(n+1) li{ background:#e60039;}
#recruit #box-01 .area-01 a:nth-child(2n+1) li{ background:#f3981c;}
#recruit #box-01 .area-01 a:nth-child(3n+1) li{ background:#009a53;}

/*

緑
009a53

赤
e60039

オレンジ
f3981c

水色
47a9d6

*/


#recruit #box-01 .area-02{ text-align:center;}
#recruit #box-01 .area-02 h2{ font-size:36px;}
#recruit #box-01 .area-02 ul li{ display:inline-block; font-size:16px; font-weight:bold; letter-spacing:normal; margin:0 5px 5px 0;}
#recruit #box-01 .area-02 ul li a{ background:#e60039; color:#fff; padding:5px 15px; border-radius:30px; text-decoration:none; display:block;}


#recruit .bk-yellow{ padding:50px 0 0; overflow:hidden;}
#recruit #box-02{ padding-bottom:100px;}
#recruit #box-02 .area-01{ overflow:hidden;}
#recruit #box-02 .area-01 .entry{ box-shadow: 0px 3px 6px 0px rgba(0,0,0,.16); width:45%; margin:5px; padding:10px; background:#FFF;border-radius:15px; position:relative; float:left;}
#recruit #box-02 .area-01 .entry a{ text-decoration:none;}
#recruit #box-02 .area-01 .entry .p-01{font-size: 18px;padding-bottom: 5px; margin-top:3px;font-weight: 700;color: #6c5f47;}
#recruit #box-02 .area-01 .entry  .map i {color: #cc5040; padding-right:5px;}
#recruit #box-02 .area-01 .entry .p-02{ margin-top:10px;}
#recruit #box-02 .area-01 .entry .p-02 .s-01{color: #fff; font-size: 18px; line-height: 1; background-color: #9ed0aa; border-radius: 5px; display:inline-block; padding:2px 10px 5px; margin-right:10px; position:relative; top:-4px;}
#recruit #box-02 .area-01 .entry .p-02 .s-02{font-size: 28px; color: #cc5040; font-weight: 700; margin-right:5px;}
#recruit #box-02 .area-01 .entry .p-03{ text-align:right; position:absolute; bottom:10px; right:10px; display:inline-block; display: none;}





/*▼ブログ共通　bl▼*/
.bl #wrper{ width:1024px; margin:auto; overflow:hidden; padding:50px 0 70px;}

/*　左カラム　*/
.bl #mleft{ width:680px; float:left;}
.bl #mleft .box{ width:680px; padding-top:0;}
.torikumi #mleft{ width:100%; float:none;}
.torikumi #mleft .box{ width:100%; padding-top:0;}

/* アーカイブ・カテゴリー */
.bl #mleft .area-01{ overflow:hidden;}
.bl #mleft .tb-01{ overflow:hidden; clear:both; padding-bottom:30px; margin-bottom:30px;border-bottom: #999 dotted 1px;}
.bl #mleft .tb-01 img{ width:170px; height:170px;object-fit: cover; float: left; margin-right:20px;background: #ECECEC;}

.bl #mleft .tb-01 .p-01{ font-size:19px; font-weight: bold; margin-bottom:15px;}
.bl #mleft .tb-01 a{ font-weight:; color: #F3981C;}
.bl #mleft .tb-01 .p-01 a{ font-weight: bold; color: #F3981C;}
.bl #mleft #catego-title{ position: relative;  padding: 1rem .5rem; font-size:30px; margin-bottom:30px; font-weight:bold; line-height:1em;}
.bl #mleft #catego-title:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; content: ''; background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140)); background-image: -webkit-linear-gradient(left, #F3981C 0%, #DEC364 100%); background-image: linear-gradient(to right, #F3981C 0%, #DEC364 100%); }


/*　右サイドカラム　*/
#mright{ width:300px; float:right;}
#mright .sbox{ margin-bottom:40px;}

#mright h2{ font-size:19px; font-weight:bold; letter-spacing:normal; padding-bottom:3px; position:relative; margin-bottom:10px;}
#mright h2 span{ font-size:14px; font-weight:bold; color:#F3981C; display:inline-block; margin-left:10px;}
#mright h2:before{ box-sizing: inherit; display: block; height: 1px; position: absolute; content: ""; bottom:0; left:0; width: 40%; z-index: 1; background:#0f2b94;}
#mright h2:after { content: ""; bottom: 0; left: 0; width: 100%; background:#ddd; box-sizing: inherit; display: block; height: 1px; position: absolute; z-index: 0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{ overflow:hidden; margin-bottom:7px;}
#mright #sbox-01 ul li a{ padding:0px; text-decoration:none; display:block; transition: 0.2s;}
#mright #sbox-01 ul li .img{ width:80px; height:80px; float:left; overflow:hidden; border:1px solid #efefef; box-sizing:border-box;}
#mright #sbox-01 ul li img{ width:80px; height:80px; object-fit:cover; float:left;transition: 0.3s;}
#mright #sbox-01 ul li p{ width:180px; font-size:14px; font-weight:500; color:#555; letter-spacing:normal; display:inline-block; float:right; padding-top:2px;}
#mright #sbox-01 ul li a:hover{ opacity:0.9; transition: 0.2s;}
#mright #sbox-01 ul li a:hover img{ -webkit-transform: scale(1.04); transform: scale(1.04); transition: 0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{ border-bottom:1px solid #ddd;}
#mright #sbox-02 ul li a{ background:url(../images/common/ico-f.png) left 10px top 16px no-repeat; font-size:15px; color:#555; background-size:16px auto; padding:10px 10px 10px 32px; letter-spacing:normal; text-decoration:none; display:block; transition: 0.2s;}
#mright #sbox-02 ul li a span{ transition: 0.2s;}
#mright #sbox-02 ul li a:hover{ background-color:#edf8ff; opacity:1; transition: 0.2s;}
#mright #sbox-02 ul li a:hover span{ padding-left:3px; transition: 0.2s;}



/*▼記事詳細ページ　single▼*/
#single #mleft .h2-01{ font-size:30px;}
#single #mleft .date{font-weight:bold; margin-bottom:10px; text-align:right;}
#single #mleft #catego-title{ margin-bottom:30px;}


.postNavi{ overflow:hidden; margin-top:50px;}
.postNavi .prev{ display:inline-block; float: left;}
.postNavi .next{ display:inline-block; float: right; text-align:right;}

.postNavi a{ font-weight:; color: #F3981C;}

.pagination { margin: 40px 0 0; text-align:center;}
.pagination .page-numbers { display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current { padding: 10px 15px; background: #F3981C; color: #fff; }
.pagination .prev,
.pagination .next { background: transparent; box-shadow: none; color: #F3981C; }
.pagination .dots { background: transparent; box-shadow: none; }