@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:#3d3d3d;-webkit-text-size-adjust:100%; font-weight:500; 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;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
#body-top{ overflow:hidden;}
#home #body-top{ background:url(../images/home/body-top.png)center 240px no-repeat;}


/*▼ヘッダー▼*/
h1{ opacity:0; height:0;}
#header{ max-width:1300px; min-width:1024px; margin:auto; position:relative; padding:0 20px;}
#header #hmid{ overflow:hidden;}
#header .left { float:left; padding:15px 0 0;}
#header .left a{ text-decoration:none; display:inline-block;}
#header .left a img{ vertical-align: middle; margin-right: 5px;}
#header .left a p{ font-size: 30px; font-weight: 800; display: inline-block; vertical-align: middle;}
#header .left a p span{ font-size: 20px; font-weight:700; display: block; line-height: 1.5em;}
#header .left a p img{}


#header .right{ float:right; text-align:right; padding-top:25px; margin-bottom:10px;}
#header .right .btn{ width: 250px; display: inline-block;}
#header .right .btn a{ background:#ee856d; font-size:16px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:15px 0px; text-align:center; border-radius:50px; border:1px solid #ee856d;}
#header .right .btn a span{ background:url(../images/common/ico-mail.png)left 5px no-repeat; display: inline-block; padding-left:32px;  transition:.5s; margin-right:0px;}
#header .right .btn a:hover{ background:#fff; color:#ee856d; display:block; opacity:1;}
#header .right .btn a:hover span{ background:url(../images/common/ico-mail2.png)left 5px no-repeat;}

#header .right .btn.tel a{ background:#bb1122; font-size:24px; border:1px solid #bb1122;}
#header .right .btn.tel a span{ background:url(../images/common/ico-tel.png)left 3px no-repeat; background-size:auto 20px; padding-left:25px;}
#header .right .btn.tel a:hover{ background:#fff; color:#bb1122;}
#header .right .btn.tel a:hover span{ background:url(../images/common/ico-tel-on.png)left 3px no-repeat; background-size:auto 20px;}


/*▼メインナビゲーション▼*/
#navi{ float: right; text-align:right; padding:20px 0px 0 0;}
#navi ul{ display: inline-block; position: relative; z-index:4;}
#navi li { display:inline-block; font-size:16px; font-weight:bold; line-height:1.5em; text-align:center; padding:0 15px; position:relative;}
#navi li:last-child{ padding-right: 0;}
#navi li a{ color:#333333; text-decoration:none; position:relative; display:block; padding:0 0 15px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#ee856d;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:2px;width:100%;height:2px;background:#ee856d;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}




/*▼メインビジュアル▼*/
#mp{ height:660px; margin-bottom: 80px;background:url(../images/company/mp.png) center top no-repeat;}
#mp .area-01{ width:1200px; margin:auto;}
#mp .area-01 .inner{ padding-top: 200px;}
#mp .area-01 .inner .p-01{ font-size: 70px; font-weight: bold; color:#bb1122; margin-left:75px; font-family: "Dancing Script", cursive;}
#mp .area-01 .inner .p-02{ width: 500px; background:#bb1122; font-size: 22px; font-weight: bold; color:#fff; padding:5px 0 5px 80px; margin-bottom: 15px;}
#mp .area-01 .inner .p-03{ font-size:18px; font-weight:bold; line-height: 1.7em; margin-left: 80px;}
#mp .area-01 .inner .p-03 span{ color:#bb1122;}
#mp .area-01 .inner .p-lg{ font-size:28px; font-weight: bold; margin:0 0 10px 78px;}

#contact #mp{ background:url(../images/contact/mp.png) center top no-repeat;}
#company #mp{ background:url(../images/company/mp.png) center top no-repeat;}
#entry #mp{ background:url(../images/entry/mp.png) center top no-repeat;}
#flow #mp{ background:url(../images/flow/mp.png) center top no-repeat;}
#recruiter #mp{ background:url(../images/recruiter/mp.png) center top no-repeat;}
#service #mp{ background:url(../images/service/mp.png) center top no-repeat;}
#workstyle #mp{ background:url(../images/workstyle/mp.png) center top no-repeat;}

.bk-mp{ background:url(../images/common/body-top.jpg)center 40px no-repeat;}
.bk-mp .area-02{ padding:0 0 100px; text-align: center;}
.bk-mp .area-02 h2{ font-size: 34px; font-weight: bold; color:#bb1122; margin-bottom:30px;}
.bk-mp .area-02 p{ font-size: 18px; line-height: 1.8em;}



#hmp{ position:relative; height:900px; background:url(../images/home/mp.png)center top no-repeat;}
#hmp .area-01{ background:rgba(255,255,255,.6); display: inline-block; padding:50px 50px 50px 100px; position: absolute; left:0; top:30%;}
#hmp .area-01 p{ font-size: 40px; font-weight:600; line-height:1.6em;}
#hmp .area-01 img{ margin:20px 0;}


/*----- フッター -----*/
#footer { background:url(../images/common/bk-fotter.jpg)center top no-repeat; height: 480px;}
#footer #fmid{ width:1200px; margin:auto; overflow:hidden; padding:70px 0;}

#footer #fmid .left{ float:left;}
#footer #fmid .left .name{ text-decoration:none; display:inline-block; margin-bottom:30px;}
#footer #fmid .left .name img{ vertical-align: middle; margin-right: 5px;}
#footer #fmid .left .name p{ font-size: 30px; font-weight:800; display: inline-block; vertical-align: middle;}
#footer #fmid .left .name p span{ font-size: 20px; font-weight:700; display: block; line-height: 1.5em;}
#footer #fmid .left .name p img{}

#footer #fmid .left .inner{ padding-left: 150px;}
#footer #fmid .left .inner .btn{ width: 250px; margin-bottom: 20px;}
#footer #fmid .left .inner .btn a{ background:#bb1122; font-size:24px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:15px 0px; text-align:center; border-radius:50px; border:1px solid #bb1122;}
#footer #fmid .left .inner .btn a span{ background:url(../images/common/ico-tel.png)left 3px no-repeat; display: inline-block; padding-left: 25px; background-size:auto 20px; transition:.5s;}
#footer #fmid .left .inner .btn a:hover{ background:#fff; color:#bb1122; display:block; opacity:1;}
#footer #fmid .left .inner .btn a:hover span{ background:url(../images/common/ico-tel-on.png)left 3px no-repeat; background-size:auto 20px;}
#footer #fmid .left .inner .p-01{}



#footer #fmid .right{ float:right;}
#footer #fmid .right ul{ display:inline-block; vertical-align: top; margin-right: 100px;}
#footer #fmid .right ul:last-child{ margin-right: 0;}
#footer #fmid .right ul li { font-size:17px; font-weight:600; letter-spacing:normal; margin-bottom:10px;}
#footer #fmid .right ul li a{ padding:0 0 8px; color:#333; text-decoration:none; display:block;}
#footer #fmid .right ul li:last-child{ margin-bottom: 0;}

#footer #tamonten { clear:both; text-align:center; line-height: 2em; font-size:10px; 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;}

/* 追従ボタン */
#fixd-area{ position:fixed; top:30%; right:10px; z-index:2;}
#fixd-area .btn{ font-size:18px; font-weight:bold;}
#fixd-area .btn a{ color:#fff;}
#fixd-area .btn-qa{ margin-bottom: 20px;}
#fixd-area .btn-qa a{ background:rgba(141,171,210,.8); width:160px; height:160px; border-radius:50%; display:block; text-decoration:none; text-align:center; padding-top: 40px; box-sizing:border-box;}
#fixd-area .btn-form a{ background:rgba(232,140,119,.8); width:160px; height:160px; border-radius:50%; display:block; text-decoration:none; text-align:center; padding-top:50px; box-sizing:border-box;}
#fixd-area a img{ display: block; margin:0 auto 10px;}





/*----- エリア・共通設定 -----*/
.box{ width:1024px; margin:auto; padding:70px 0;}
.bk-blue{ background:#abc1e4;}
.bk-blue2{ background:#d4e9f1;}
.bk-orange{ background:#f9e0d8;}


.h2-01{ font-size:32px; font-weight:bold; text-align:center; margin-bottom:50px;}
.h2-01 span{ font-size:60px; font-weight: 400; color:#ee856d; display:inline-block; margin-right:15px; font-family: "Dancing Script", cursive; font-optical-sizing: auto;font-style: normal;}

.h2-02{ font-size:30px; font-weight:bold; margin-bottom:35px; padding-bottom:15px; border-bottom:2px solid #38a5ea;}

.h3-01{ font-size:22px; font-weight: bold; color:#38a5ea; margin-bottom: 15px;}


.more{ width:260px; margin:50px auto; font-size:18px; font-weight:bold; text-align:center; transition:0.5s;}
.more a{ background:#ee856d url(../images/common/arrow.png)right 30px top 50% no-repeat;; border:2px solid #ee856d; color:#fff; padding:20px 0; display:block; text-decoration:none; border-radius:50px; box-sizing:border-box; position:relative; transition:0.5s;}
.more a:hover{ background:#fff url(../images/common/arrow-on.png)right 25px top 50% no-repeat; color:#ee856d; opacity:1; transition:0.5s;}





.text-art{ color:#FFF; font-weight:bold; font-size:34px; position:relative; top:-110px;transform: rotate(0deg); letter-spacing:1px; margin-right:20px;}



/*----- ホーム　home -----*/
#home .text-art{ top:-110px;transform: rotate(0deg); letter-spacing:-1px; margin-right:20px;}
#home #box-01{ padding:120px 0 70px;}
#home #box-01 .bk-01{ background:url(../images/home/bk-01.png)center top no-repeat; min-height:700px;}
#home #box-01 .area-01{ width: 1024px; margin:auto; overflow: hidden;}
#home #box-01 .area-01 .tb{ width: 450px; float: right; padding-top: 120px;}
#home #box-01 .area-01 .tb h2{ font-size:28px; font-weight: bold; color:#bb1122; margin-bottom:30px;}
#home #box-01 .area-01 .tb p { font-size: 16px; line-height: 1.8em; margin-bottom: 40px;}
#home #box-01 .area-01 .tb ul{ margin-bottom: 40px;}
#home #box-01 .area-01 .tb ul li{ font-size: 18px; font-weight: bold; padding-left:23px; background:url(../images/common/ico-check.jpg)left 7px no-repeat; margin-bottom: 10px;}
#home #box-01 .area-01 .tb .more{ float: right; margin:0 0;}


#home #box-02{ padding:80px 0 120px;}
#home #box-02 h2{ text-align-last: left;}
#home #box-02 .area-01{ overflow:hidden;}
#home #box-02 .area-01 .left { float:left; }
#home #box-02 .area-01 .left .more{ margin:50px 0 0;}
#home #box-02 .area-01 .right { width:680px; float:right; }
#home #box-02 .area-01 dl{ border-top:1px solid #b9dae9;}
#home #box-02 .area-01 dl:last-child{ border-bottom:1px solid #b9dae9;}
#home #box-02 .area-01 dl a{ display:block; text-decoration:none; padding:20px 15px; position:relative;}
#home #box-02 .area-01 dl a:hover{ background:#f4bdb1; opacity:1;}
#home #box-02 .area-01 dl dt{ font-size:14px; display:inline-block; vertical-align: middle;}
#home #box-02 .area-01 dl dt span{ background:#dddddd; display:inline-block; width:80px; text-align:center; padding:3px 0; font-size:13px;  font-weight:500; color:#333; border-radius:5px; margin:0 15px 0 15px;}
#home #box-02 .area-01 dl dd{ font-size:16px; font-weight:bold; display:inline-block; vertical-align: middle; transition:.3s; max-width:450px;}



#home .bk-blue{ background:#abc1e4 url(../images/home/bk-top.jpg)center top no-repeat; padding-top:130px;}
#home #box-03{ position: relative; text-align: center;}
#home #box-03 .top-h2 { background:url(../images/home/h2.png) center top no-repeat; width:559px; height:113px; text-indent:-9999px; margin:auto; position:relative; top:-100px;transform: rotate(3deg); }

#home #box-03 .p-01{ font-size:24px; font-weight: bold; text-align: center; padding-top:50px; font-family: "Zen Maru Gothic", sans-serif;}
#home #box-03 .area-01{ text-align: center; padding:60px 0 80px}
#home #box-03 .area-01 .inner{ margin-bottom: 30px;}
#home #box-03 .area-01 .entry{ display: inline-block; vertical-align: top; margin-right: 40px;}
#home #box-03 .area-01 .entry img{ margin-right: 10px;}
#home #box-03 .area-01 .entry .tb{ max-width: 190px; display: inline-block; vertical-align: top;}
#home #box-03 .area-01 .entry .tb p{ font-size: 18px; font-weight:600; line-height: 1.5em; text-align: left; padding-top: 10px; font-family: "Zen Maru Gothic", sans-serif;}


#home #box-04{ width: 1200px; padding:100px 0 80px;}
#home #box-04 h2{ font-size: 34px; font-weight: bold; color:#bb1122; text-align: center; margin-bottom: 50px;}
#home #box-04 h2 span{ background:#bb1122; color:#fff; padding:5px 40px; border-radius:30px; display: inline-block; margin-left: 20px;}
#home #box-04 .area-01{ width:1100px; overflow: hidden; margin:0 0 70px 100px;}
#home #box-04 .area-01 .tb{ width: 420px; float: left;}
#home #box-04 .area-01 .tb .en{ font-size: 50px; font-weight: 500; color:#ee856d; margin-bottom:0px; font-family: "Dancing Script", cursive;}
#home #box-04 .area-01 .tb .en span{ font-size: 60px; display: inline-block; margin-left: 15px;}
#home #box-04 .area-01 .tb h3{ font-size: 24px; font-weight: bold; color:#bb1122; margin-bottom:30px;}
#home #box-04 .area-01 .tb p{ font-size: 16px; line-height: 2em;}
#home #box-04 .area-01 img{ float: right;}
#home #box-04 .area-02{ margin:0 100px 70px 0;}
#home #box-04 .area-02 .tb{ float: right;}
#home #box-04 .area-02 img{ float: left;}
#home #box-04 .area-03{ margin-bottom: 20px;}

#home #box-bnr{ text-align: center; padding:100px 0 100px;}


#box-contact{ background:url(../images/common/bk-contact.jpg)center top no-repeat; height:480px; padding-top:70px; box-sizing:border-box;}
#box-contact .area-01{ width:980px; margin:auto; overflow: hidden;}
#box-contact .area-01 .entry{ width:470px; float: left; background:#bb1122; text-align: center; border-radius:30px; padding:40px 0; box-sizing:border-box;}
#box-contact .area-01 .entry:last-child{ background:#ee856d; float: right;}
#box-contact .area-01 .entry h3{ font-size:24px; font-weight: bold; color:#fff; margin-bottom: 20px;}
#box-contact .area-01 .entry p { color:#fff;}
#box-contact .area-01 .entry .p-tel{ font-size:42px; font-weight:bold; line-height:1em; display:inline-block; margin-bottom: 20px;}
#box-contact .area-01 .entry .p-tel a{ background:url(../images/common/ico-tel2.png)left 7px no-repeat; color:#fff; display:block; line-height:1em; text-decoration:none; padding-left:40px;}


#box-contact .area-01 .entry .btn{ width:360px; margin:auto; font-size:20px; font-weight:bold; text-align:center;}
#box-contact .area-01 .entry .btn a{ background:#fff url(../images/common/arrow-on.png)right 40px top 55% no-repeat; color:#ee856d; padding:20px 0; display:block; text-decoration:none; border-radius:50px; position: relative;}
#box-contact .area-01 .entry .btn a img{ position: absolute; left:55px; top:28px;}




/*----- 運営会社 company -----*/
#company #box-01{ width: 900px; padding:100px 0;}
#company #box-01 .area-01 table{ border-top: 1px solid #f4b3a4;}
#company #box-01 .area-01 table tr{ border-bottom: 1px solid #f4b3a4;}
#company #box-01 .area-01 table th{ width: 300px; text-align: left; padding:15px 0 15px 30px; box-sizing:border-box; vertical-align: top;}
#company #box-01 .area-01 table th span{ background:url(../images/company/ico-plus.png)left 6px no-repeat; font-size: 18px; font-weight: 500; padding-left:25px;}
#company #box-01 .area-01 table td{ padding:15px 30px 15px 0;}

#company .bk-01{ background:url(../images/company/img-01.jpg)center top no-repeat; height: 600px;}

#company #box-02{ width: 1200px; padding:100px 0 100px;}
#company #box-02 .googlemap{ height: 500px;}

#company #box-03{ background:url(../images/company/bk-01.jpg)center top no-repeat; height: 600px; padding-top: 80px; box-sizing:border-box;}
#company #box-03 .area-01{ width: 1200px; margin:auto;}
#company #box-03 .area-01 p{ font-size: 16px; line-height: 1.8em; margin-bottom: 30px;}





/*----- 登録フォーム entry -----*/
#entry #box-01{ width: 1200px; padding:100px 0 100px;}
#entry #box-01 .area-01{ width:1100px; overflow: hidden; margin:0 0 70px 100px;}
#entry #box-01 .area-01 .tb{ width: 420px; float: left; padding-top: 100px;}
#entry #box-01 .area-01 .tb h2{ font-size:29px; font-weight: bold; color:#bb1122; margin-bottom:50px; position: relative;}
#entry #box-01 .area-01 .tb h2:before{ content:""; width: 150%; height:40px; background:#d4e9f1; display: inline-block; position: absolute; left:0; bottom:-20px; z-index:-1;}
#entry #box-01 .area-01 .tb ul{ margin-bottom: 40px;}
#entry #box-01 .area-01 .tb ul li{ font-size: 18px; font-weight: bold; padding-left:25px; background:url(../images/entry/ico-check.jpg)left 5px no-repeat; margin-bottom: 10px;}
#entry #box-01 .area-01 .tb ul li span{ color:#bb1122;}
#entry #box-01 .area-01 img{ float: right;}
#entry #box-01 .area-02{ margin:0 100px 0px 0;}
#entry #box-01 .area-02 .tb{ float: right;}
#entry #box-01 .area-02 .tb h2{ font-size: 30px;}
#entry #box-01 .area-02 .tb h2:before{ content:""; width: 150%; height:35px; background:#d4e9f1; display: inline-block; position: absolute; left:-50px; bottom:-15px; z-index:-1;}
#entry #box-01 .area-02 .tb ul li{ background: none; text-indent:-25px;}
#entry #box-01 .area-02 img{ float: left;}



#entry #box-02{ width:1260px; padding:100px 0 100px;}
#entry #box-02 .area-01{ background:url(../images/entry/arrow.png)center 70% no-repeat; text-align: center;}
#entry #box-02 .area-01 .entry{ width:230px; display: inline-block; padding-top:30px; margin-right: 40px; background:url(../images/entry/bk-entry-top.png)center top no-repeat;}
#entry #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#entry #box-02 .area-01 .entry h3{ background:#8facd6; font-size: 20px; font-weight: bold; color:#fff; padding:50px 0 30px; position:relative;}
#entry #box-02 .area-01 .entry h3 span{ font-size: 40px; display: inline-block; position: absolute; top:-10px; left:0; right:0; margin:auto; font-family: "Dancing Script", cursive;}
#entry #box-02 .area-01 .entry .inner{ height: 100px; padding:20px 20px 0; border:4px solid #8facd6; box-sizing:border-box;}
#entry #box-02 .area-01 .entry .inner p{ font-size:16px; letter-spacing: normal; line-height: 1.7em; text-align: left;}


#entry #box-03{ padding:80px 0 100px;}
#entry #box-03 .area-01{ width:1024px; margin:0 auto 15px;}

#entry #box-03 .area-01{ text-align:center;}
#entry #box-03 .area-01 p{ font-size:18px; font-weight:bold; margin-bottom:30px;}
#entry #box-03 .area-01 ul{ display:inline-block; margin-bottom:30px;}
#entry #box-03 .area-01 li{ line-height:2em; text-align:left; text-indent:-1em; padding-left:1em;}
#entry #box-03 .area-01 li span{ font-weight:bold; color:#ff0000; font-size:13px; padding:0px 3px; margin-right:7px;}

#entry #box-03 .area-02 .area-mailform{ background:#fff; padding:50px; border-radius:20px;}
#entry #box-03 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#entry #box-03 .area-02 .area-mailform table tr{}
#entry #box-03 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#entry #box-03 .area-02 .area-mailform table td.td-01{ width:230px; font-weight:bold; padding-left:20px;}
#entry #box-03 .area-02 .area-mailform table tr:last-child td{ border-bottom:1px solid #ccc;}
#entry #box-03 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#entry #box-03 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#entry #box-03 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#entry #box-03 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#entry #box-03 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#entry #box-03 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#entry #box-03 .area-02 .area-mailform table button{}
#entry #box-03 .area-02 .area-mailform .chui{ font-weight:bold; color: #ff0000; font-size:13px; padding:0px 3px; margin-right:7px;}
#entry #box-03 .area-02 .area-mailform .chui-01{ float:left;}
#entry #box-03 .area-02 .area-mailform .p-01{ margin-top:5px;}
#entry #box-03 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#entry #box-03 .area-02 .area-mailform .p-02{ font-weight:bold;}
#entry #box-03 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#entry #box-03 .area-02 .area-mailform .w01{width:99%;}
#entry #box-03 .area-02 .area-mailform .w02{width:40%;}

#entry #box-03 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#entry #box-03 .area-02 .area-mailform .tb-01{}
#entry #box-03 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#entry #box-03 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#entry #box-03 .area-02 .area-mailform .tb-02{ text-align:center;}
#entry #box-03 .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-03 .area-02 .area-mailform .btn{ background:#ee856d; font-size:18px; font-weight:500; color:#fff; padding:15px 0; border-radius:50px; display:block; text-decoration:none; text-decoration:none; display:block; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; border:none; margin:auto; width:300px; font-size:18px; font-weight:bold;}
#entry #box-03 .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-03 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#entry #box-03 .area-02 .area-mailform .p-04{ font-weight:bold;}
#entry #box-03 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#entry #box-03 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#entry #box-03 .area-02 .area-mailform .tb-04 p{}
#entry #box-03 .area-02 .area-mailform .f-24{ font-size:18px; font-weight:bold; margin-bottom:10px;}







/*----- サービスの紹介 service -----*/
#service .bk-mp .area-02{ width: 1200px; margin:auto; text-align: left; overflow: hidden; padding-bottom:100px;}
#service .bk-mp .area-02 .tb{ width: 640px; float: left;}
#service .bk-mp .area-02 h2{ font-size:36px; font-weight: bold; color:#bb1122; line-height: 1.5em; margin-bottom:30px;}
#service .bk-mp .area-02 h2 span{ font-size: 24px; display: block; line-height: 1.8em; margin-left: 20px;}
#service .bk-mp .area-02 p{ font-size: 17px;}
#service .bk-mp .area-02 img{ float: right;}


#service #box-01{ width: 1200px; padding:100px 0 100px;}
#service #box-01 .area-01{ width:1100px; overflow: hidden; margin:0 0 80px 100px;}
#service #box-01 .area-01 .tb{ width: 420px; float: left; padding-top:20px;}
#service #box-01 .area-01 .tb .en{ font-size: 50px; font-weight: 500; color:#5482c2; margin-bottom:10px; font-family: "Dancing Script", cursive;}
#service #box-01 .area-01 .tb .en span{ font-size: 60px; display: inline-block; margin-left: 15px;}
#service #box-01 .area-01 .tb h2{ font-size:30px; font-weight: bold; color:#bb1122; margin-bottom:50px; position: relative;}
#service #box-01 .area-01 .tb h2:before{ content:""; width: 150%; height:40px; background:#d4e9f1; display: inline-block; position: absolute; left:0; bottom:-20px; z-index:-1;}
#service #box-01 .area-01 .tb ul{ margin-bottom: 40px;}
#service #box-01 .area-01 .tb ul li{ font-size: 18px; font-weight: bold; padding-left:25px; text-indent:-25px; margin-bottom: 10px;}
#service #box-01 .area-01 .tb ul li span{ color:#bb1122;}
#service #box-01 .area-01 img{ float: right;}
#service #box-01 .area-02{ margin:0 100px 80px 0;}
#service #box-01 .area-02 .tb{ float: right;}
#service #box-01 .area-02 .tb h2{ font-size: 28px;}
#service #box-01 .area-02 .tb h2:before{ content:""; width: 150%; height:35px; background:#d4e9f1; display: inline-block; position: absolute; left:-50px; bottom:-15px; z-index:-1;}
#service #box-01 .area-02 img{ float: left;}
#service #box-01 .area-03{ margin-bottom: 0;}
#service #box-01 .area-03 .tb h2{ font-size:26px;}


#service #box-02{}
#service .bk-orange{ padding:90px 0 100px; background:#f7c0b2 url(../images/service/bk-top.jpg)center top no-repeat; text-align: center;}
#service .bk-orange h2{ font-size: 34px; font-weight: bold; color:#fff; text-align: center; padding-top: 30px;}

#service #box-02 .area-01{ text-align: center; padding-top:60px;}
#service #box-02 .area-01 .entry{ width: 180px; display: inline-block; margin-right:50px; vertical-align: top;}
#service #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#service #box-02 .area-01 .entry p{ font-size: 17px; font-weight: 600; text-align: left; line-height: 1.7em; letter-spacing: normal; padding-top: 20px; font-family: "Zen Maru Gothic", sans-serif;}


#service #box-03{ background:url(../images/service/bk-01.png)center top no-repeat; height:700px; padding-top: 80px; box-sizing:border-box;}
#service #box-03 .area-01{ width: 1024px; margin:auto; overflow: hidden; padding-top: 25px;}
#service #box-03 .area-01 .entry{ width: 490px; float: left; background:#fff; border-radius:15px; margin-bottom: 50px;}
#service #box-03 .area-01 .entry:nth-child(2n){ float: right;}
#service #box-03 .area-01 .entry h3{ background:#f9e0d8; font-size: 24px; font-weight: bold; color:#bb1122; text-align: center; padding:30px 0 15px; border-radius:15px 15px 0 0; position: relative; border-bottom:2px solid #bb1122;}
#service #box-03 .area-01 .entry h3 span{ font-size: 50px; line-height: 1em; display: inline-block; position: absolute; left:0; right:0; top:-25px; margin:auto; font-family: "Dancing Script", cursive;}
#service #box-03 .area-01 .entry p{ font-size:16px; text-align: center; line-height: 1.8em; padding:20px 20px;}


#service #box-04{ width:1390px; padding:100px 0;}
#service #box-04 .area-01{ overflow: hidden;}
#service #box-04 .area-01 .bnr{ background:url(../images/service/bnr-01.jpg); width:678px; float: left; height: 321px; padding:30px 40px 0; box-sizing:border-box; position: relative;}
#service #box-04 .area-01 .bnr:last-child{ background:url(../images/service/bnr-02.jpg); float: right;}
#service #box-04 .area-01 .bnr .h2-01{ font-size:24px; text-align: left; margin-bottom:10px;}
#service #box-04 .area-01 .bnr .h2-01 span{ font-size:50px;}
#service #box-04 .area-01 .bnr p{ font-size:16px; line-height: 1.8em; margin-bottom:40px;}
#service #box-04 .area-01 .bnr .more{ width: 330px; margin:0; position: absolute; left:30px; bottom:30px;}
#service #box-04 .area-01 .bnr .more a{ text-align: left; padding-left:40px;}


#service #box-05{ padding-bottom: 0; overflow: hidden;}
#service #box-05 .area-01{ padding-top:60px;}
#service #box-05 .entry{ width: 250px; display: inline-block; text-align: left; padding-bottom: 100px; margin-right: 30px; vertical-align: top; position: relative;}
#service #box-05 .entry:nth-of-type(2){ width: 465px;}
#service #box-05 .entry:nth-of-type(2) img{ bottom:-20px; right:50px;}
#service #box-05 .entry:nth-of-type(3){ margin-right: 0;}
#service #box-05 .entry .tb{ background:#fff; padding:20px 20px; position: relative; border-radius:20px; min-height:180px; box-sizing:border-box;}
#service #box-05 .entry .tb:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}

#service #box-05 .entry .tb p{ font-size: 16px; font-weight:bold; line-height: 1.7em; letter-spacing: normal; font-family: "Zen Maru Gothic", sans-serif;}
#service #box-05 .entry img{ position: absolute; right:0;  bottom:0;}


#service #box-06{ background:url(../images/service/bk-02.jpg)center top no-repeat; height: 600px; padding-top:150px; box-sizing:border-box;}
#service #box-06 .area-01{ width:1100px; margin:auto; overflow: hidden;}
#service #box-06 .area-01 .tb{ float: right;}
#service #box-06 .area-01 .tb h2{ font-size:36px; font-weight: bold; color:#bb1122; line-height: 1.5em; margin-bottom:30px;}
#service #box-06 .area-01 .tb h2 span{ font-size: 24px; display: block; line-height: 1.8em;}
#service #box-06 .area-01 .tb p{ font-size: 18px; line-height:2em;}



/*----- 採用担当者様へ recruiter -----*/
#recruiter #box-01{ width: 1200px; padding:100px 0 100px;}
#recruiter #box-01 .area-01{ width:1100px; overflow: hidden; margin:0 0 80px 100px;}
#recruiter #box-01 .area-01 .tb{ width: 420px; float: left; padding-top:20px;}
#recruiter #box-01 .area-01 .tb .en{ font-size: 50px; font-weight: 500; color:#5482c2; margin-bottom:10px; font-family: "Dancing Script", cursive;}
#recruiter #box-01 .area-01 .tb .en span{ font-size: 60px; display: inline-block; margin-left: 15px;}
#recruiter #box-01 .area-01 .tb h2{ font-size:26px; font-weight: bold; color:#bb1122; margin-bottom:50px; position: relative;}
#recruiter #box-01 .area-01 .tb h2:before{ content:""; width: 150%; height:40px; background:#d4e9f1; display: inline-block; position: absolute; left:0; bottom:-20px; z-index:-1;}
#recruiter #box-01 .area-01 .tb p{ font-size: 18px; line-height: 1.8em;}
#recruiter #box-01 .area-01 .tb ul{ margin-bottom: 40px;}
#recruiter #box-01 .area-01 .tb ul li{ font-size: 18px; font-weight: bold; padding-left:25px; text-indent:-25px; margin-bottom: 10px;}
#recruiter #box-01 .area-01 .tb ul li span{ color:#bb1122;}
#recruiter #box-01 .area-01 img{ float: right;}
#recruiter #box-01 .area-02{ margin:0 100px 80px 0;}
#recruiter #box-01 .area-02 .tb{ float: right;}
#recruiter #box-01 .area-02 .tb h2{ font-size:26px;}
#recruiter #box-01 .area-02 .tb h2:before{ content:""; width: 150%; height:35px; background:#d4e9f1; display: inline-block; position: absolute; left:-50px; bottom:-15px; z-index:-1;}
#recruiter #box-01 .area-02 img{ float: left;}
#recruiter #box-01 .area-03{}
#recruiter #box-01 .area-03 .tb h2{ font-size:26px;}
#recruiter #box-01 .area-04{ margin:0 100px 0px 0;}
#recruiter #box-01 .area-04 .tb{ float: right;}
#recruiter #box-01 .area-04 .tb h2{ font-size: 26px;}
#recruiter #box-01 .area-04 .tb h2:before{ content:""; width: 150%; height:35px; background:#d4e9f1; display: inline-block; position: absolute; left:-50px; bottom:-15px; z-index:-1;}
#recruiter #box-01 .area-04 img{ float: left;}


#recruiter #box-02{ width:1460px; padding:100px 0 100px;}
#recruiter #box-02 .area-01{ background:url(../images/entry/arrow.png)center 70% no-repeat; text-align: center;}
#recruiter #box-02 .area-01 .entry{ width:220px; display: inline-block; padding-top:30px; margin-right:15px; background:url(../images/entry/bk-entry-top.png)center top no-repeat; vertical-align: top;}
#recruiter #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#recruiter #box-02 .area-01 .entry h3{ background:#8facd6; font-size: 20px; font-weight: bold; color:#fff; padding:50px 0 30px; position:relative;}
#recruiter #box-02 .area-01 .entry h3 span{ font-size: 40px; display: inline-block; position: absolute; top:-10px; left:0; right:0; margin:auto; font-family: "Dancing Script", cursive;}
#recruiter #box-02 .area-01 .entry .inner{ height: 130px; padding:20px 20px 0; border:4px solid #8facd6; box-sizing:border-box;}
#recruiter #box-02 .area-01 .entry .inner p{ font-size:16px; letter-spacing: normal; line-height: 1.7em; text-align: left;}


#recruiter #box-03{ padding:80px 0 50px;}
#recruiter #box-03 .area-01{ text-align: center;}
#recruiter #box-03 .area-01 h3{ font-size: 24px; font-weight: bold; color:#bb1122; margin-bottom: 20px;}
#recruiter #box-03 .area-01 p { font-size: 18px; line-height: 1.8em;}


#recruiter #box-04{ padding-bottom: 0; overflow: hidden;}
#recruiter .bk-orange{ padding:90px 0 100px; background:#f7c0b2 url(../images/service/bk-top.jpg)center top no-repeat; text-align: center;}
#recruiter .bk-orange h2{ font-size: 34px; font-weight: bold; color:#fff; text-align: center; padding-top: 30px;}

#recruiter #box-04 .area-01{ padding-top:60px;}
#recruiter #box-04 .entry{ width:225px; display: inline-block; text-align: left; padding-bottom: 100px; margin-right:20px; vertical-align: top; position: relative;}
#recruiter #box-04 .entry:last-child{ margin-right: 0;}
#recruiter #box-04 .entry .tb{ background:#fff; padding:20px 20px; position: relative; border-radius:20px; min-height:120px; box-sizing:border-box;}
#recruiter #box-04 .entry .tb:before { content: ""; position: absolute; top: 100%; left: 40%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}

#recruiter #box-04 .entry .tb p{ font-size: 16px; font-weight: bold; line-height: 1.7em; letter-spacing: normal; font-family: "Zen Maru Gothic", sans-serif;}
#recruiter #box-04 .entry img{ position: absolute; right:0;  bottom:0;}



#recruiter #box-05{ background:url(../images/recruiter/bk-01.jpg)center top no-repeat; height: 600px; padding-top:100px; box-sizing:border-box;}
#recruiter #box-05 .area-01{ width:1100px; margin:auto; overflow: hidden;}
#recruiter #box-05 .area-01 h2{ font-size:36px; font-weight: bold; color:#bb1122; line-height: 1.5em; margin-bottom:30px;}
#recruiter #box-05 .area-01 h2 span{ font-size: 24px; display: block; line-height: 1.8em;}
#recruiter #box-05 .area-01 p{ font-size: 18px; line-height:1.8em; margin-bottom: 30px;}
#recruiter #box-05 .area-01 .more{ width: 400px; margin:0;}
#recruiter #box-05 .area-01 .more a{ text-align: left; padding:20px 0 20px 30px;}








/*----- ご利用の流れ flow -----*/
#flow #box-01{ width:1460px; padding:100px 0 100px;}
#flow #box-01 .area-01{ background:url(../images/flow/arrow.png)center 60% no-repeat; text-align: center;}
#flow #box-01 .area-01 .entry{ width:220px; display: inline-block; padding-top:30px; margin-right:15px; background:url(../images/entry/bk-entry-top.png)center top no-repeat; vertical-align: top;}
#flow #box-01 .area-01 .entry:last-child{ margin-right: 0;}
#flow #box-01 .area-01 .entry h3{ background:#8facd6; font-size: 20px; font-weight: bold; color:#fff; padding:50px 0 20px; position:relative; min-height:120px; box-sizing:border-box;}
#flow #box-01 .area-01 .entry h3 .span{ font-size:30px; display: inline-block; position: absolute; top:-5px; left:0; right:0; margin:auto; font-family: "Dancing Script", cursive;}
#flow #box-01 .area-01 .entry h3 .span .no{ font-size: 40px; display: inline-block; margin-left:5px;}
#flow #box-01 .area-01 .entry .inner{ height:300px; padding:20px 20px 0; border:4px solid #8facd6; box-sizing:border-box; position: relative;}
#flow #box-01 .area-01 .entry .inner p{ font-size:16px; letter-spacing: normal; line-height: 1.7em; text-align: left;}
#flow #box-01 .area-01 .entry .inner .more{ width: 200px; position: absolute; left:0; right:0; bottom:20px; margin:auto;}
#flow #box-01 .area-01 .entry .inner .more a{ padding:15px 0 15px 20px; text-align: left;}


#flow #box-02{ width:1390px; padding:30px 0 120px;}
#flow #box-02 .area-01{ overflow: hidden;}
#flow #box-02 .area-01 .bnr{ background:url(../images/flow/bnr.jpg); width:768px; float: left; height: 321px; padding:30px 40px 0; box-sizing:border-box; position: relative;}
#flow #box-02 .area-01 .bnr h2{ font-size:24px; font-weight: bold; color:#bb1122; margin-bottom:20px;}
#flow #box-02 .area-01 .bnr h2 span{ font-size:50px;}
#flow #box-02 .area-01 .bnr p{ font-size:16px; line-height: 1.8em; margin-bottom:40px;}
#flow #box-02 .area-01 .bnr .more{ width: 330px; margin:0; position: absolute; left:30px; bottom:30px;}
#flow #box-02 .area-01 .bnr .more a{ text-align: left; padding:15px 0 15px 40px;}

#flow #box-02 .area-01 .bnr:last-child{ background:url(../images/contact/bnr.jpg); width:588px; float:right; height: 320px; padding:30px 40px 0; box-sizing:border-box;}
#flow #box-02 .area-01 .bnr:last-child h2{ font-size: 24px; font-weight: bold; color:#333; margin-bottom: 15px;}
#flow #box-02 .area-01 .bnr:last-child h2 img{ vertical-align: middle; margin-right: 10px;}


#flow #box-03{ background:url(../images/flow/bk-01.jpg)center top no-repeat; height: 600px; padding-top:120px; box-sizing:border-box;}
#flow #box-03 .area-01{ width:1200px; margin:auto; overflow: hidden;}
#flow #box-03 .area-01 h2{ font-size:36px; font-weight: bold; color:#bb1122; line-height: 1.5em; margin-bottom:40px;}
#flow #box-03 .area-01 p{ font-size: 18px; line-height:2em; margin-bottom: 50px;}
#flow #box-03 .area-01 .more{ width: 400px; margin:0;}
#flow #box-03 .area-01 .more a{ text-align: left; padding:20px 0 20px 30px;}





/*----- 働き方いろいろ workstyle -----*/
#workstyle #box-01{ width: 1200px; padding:100px 0 100px;}
#workstyle #box-01 .area-01{ width:1100px; overflow: hidden; margin:0 0 70px 100px;}
#workstyle #box-01 .area-01 .tb{ width: 420px; float: left; padding-top: 100px;}
#workstyle #box-01 .area-01 .tb h2{ font-size:30px; font-weight: bold; color:#bb1122; margin-bottom:50px; position: relative;}
#workstyle #box-01 .area-01 .tb h2:before{ content:""; width: 150%; height:40px; background:#d4e9f1; display: inline-block; position: absolute; left:0; bottom:-20px; z-index:-1;}
#workstyle #box-01 .area-01 .tb ul{ margin-bottom: 40px;}
#workstyle #box-01 .area-01 .tb ul li{ font-size: 18px; font-weight: bold; padding-left:25px; background:url(../images/entry/ico-check.jpg)left 5px no-repeat; margin-bottom: 10px;}
#workstyle #box-01 .area-01 .tb p{ font-size: 18px; font-weight: 500; line-height:1.8em;}
#workstyle #box-01 .area-01 img{ float: right;}
#workstyle #box-01 .area-02{ width:1170px; margin:0 0px 0px 0;}
#workstyle #box-01 .area-02 .tb{ width: 480px; float: right;}
#workstyle #box-01 .area-02 .tb h2:before{ content:""; width: 150%; height:35px; background:#d4e9f1; display: inline-block; position: absolute; left:-50px; bottom:-15px; z-index:-1;}
#workstyle #box-01 .area-02 img{ float: left;}

#workstyle .bk-01{ background:url(../images/workstyle/bk-01.png)center top no-repeat,url(../images/common/body-top.jpg)center 120px no-repeat; height: 500px;}

#workstyle #box-02{ padding:100px 0 80px;}
#workstyle #box-02 .area-01{ width: 1024px; margin:auto; overflow: hidden;}
#workstyle #box-02 .area-01 .entry{ width: 490px; float: left; background:#fff; border-radius:15px; margin-bottom:40px;}
#workstyle #box-02 .area-01 .entry:nth-child(2n){ float: right;}
#workstyle #box-02 .area-01 .entry h3{ background:#f9e0d8; font-size: 24px; font-weight: bold; color:#bb1122; text-align: center; padding:15px 0 15px; border-radius:15px 15px 0 0; border-bottom:2px solid #bb1122;}
#workstyle #box-02 .area-01 .entry p{ font-size:16px; text-align: center; line-height: 1.8em; padding:20px 20px;}


#workstyle #box-03{ background:url(../images/flow/bk-01.jpg)center top no-repeat; height: 600px; padding-top:120px; box-sizing:border-box;}
#workstyle #box-03 .area-01{ width:1200px; margin:auto; overflow: hidden;}
#workstyle #box-03 .area-01 h2{ font-size:36px; font-weight: bold; color:#bb1122; line-height: 1.5em; margin-bottom:40px;}
#workstyle #box-03 .area-01 p{ font-size: 18px; line-height:2em; margin-bottom: 50px;}
#workstyle #box-03 .area-01 .more{ width: 400px; margin:0;}
#workstyle #box-03 .area-01 .more a{ text-align: left; padding:20px 0 20px 30px;}








/*----- お問い合わせ contact -----*/
#contact .bk-mp .area-02{ text-align: center; padding-bottom:100px;}
#contact .bk-mp .area-02 h2{ font-size: 24px; font-weight: bold; color:#bb1122; text-align: center; line-height: 1.8em; margin-bottom:50px;}
#contact .bk-mp .area-02 ul{ display: inline-block; vertical-align: top;}
#contact .bk-mp .area-02 ul:last-child{ margin-left: 80px;}
#contact .bk-mp .area-02 ul li{ font-size: 18px; text-align: left; margin-bottom: 10px;}
#contact .bk-mp .area-02 ul li span{ color:#bb1122;}


#contact #box-01{ padding:100px 0;}
#contact #box-01 .area-01{ width: 1200px; margin:auto; overflow: hidden;}
#contact #box-01 .area-01 .bnr{ background:url(../images/contact/bnr.jpg); width:588px; float: left; height: 320px; padding:40px 30px 0; box-sizing:border-box;}
#contact #box-01 .area-01 .bnr h3{ font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#contact #box-01 .area-01 .bnr h3 img{ vertical-align: middle; margin-right: 10px;}
#contact #box-01 .area-01 .bnr p{ font-size:16px; line-height: 1.8em; margin-bottom:40px;}
#contact #box-01 .area-01 .bnr .more{ margin:0;}

#contact #box-01 .area-01 .right{ width:590px; float:right;}
#contact #box-01 .area-01 .right dl{ background:#ee856d; border-radius:10px; padding:15px 30px; margin-bottom: 15px;}
#contact #box-01 .area-01 .right dl dt{ width: 150px; font-size: 20px; font-weight: bold; color:#fff; display: inline-block; vertical-align: middle; border-right:2px solid #fff; margin-right: 50px;}
#contact #box-01 .area-01 .right dl dd{ display: inline-block; vertical-align: middle;}
#contact #box-01 .area-01 .right dl dd .p-tel{ font-size:30px; font-weight:bold; line-height:1em; display:inline-block; margin-bottom:3px;}
#contact #box-01 .area-01 .right dl dd .p-tel a{ background:url(../images/common/ico-tel.png)left 5px no-repeat; color:#fff; display:block; line-height:1em; text-decoration:none; padding-left:25px;}
#contact #box-01 .area-01 .right dl dd .p-01{ font-size: 16px; color:#fff; letter-spacing: normal; }
#contact #box-01 .area-01 .right dl dd .p-mail{ font-size:20px; font-weight:bold; display:inline-block;}
#contact #box-01 .area-01 .right dl dd .p-mail a{ background:url(../images/contact/ico-mail.png)left 7px no-repeat; color:#fff; display:block; text-decoration:none; padding-left:34px;}
#contact #box-01 .area-01 .right dl.line{ background:#d4e9f1;}
#contact #box-01 .area-01 .right dl.line dt{ color:#333; border-right-color:#333;}
#contact #box-01 .area-01 .right dl.line dd p{ font-size: 20px; font-weight: bold; vertical-align: middle;}
#contact #box-01 .area-01 .right dl.line dd p a{ color:#333; text-decoration: none; display: inline-block;}
#contact #box-01 .area-01 .right dl.line dd p img{ vertical-align: middle; margin-right: 15px;}


#contact #box-02{ padding:80px 0 100px;}
#contact #box-02 .area-01{ width:1024px; margin:0 auto 15px;}

#contact #box-02 .area-01{ text-align:center;}
#contact #box-02 .area-01 p{ font-size:18px; font-weight:bold; margin-bottom:30px;}
#contact #box-02 .area-01 ul{ display:inline-block; margin-bottom:30px;}
#contact #box-02 .area-01 li{ line-height:2em; text-align:left; text-indent:-1em; padding-left:1em;}
#contact #box-02 .area-01 li span{ font-weight:bold; color:#ff0000; font-size:13px; padding:0px 3px; margin-right:7px;}

#contact #box-02 .area-02 .area-mailform{ background:#fff; padding:50px; border-radius:20px;}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-02 .area-02 .area-mailform table tr{}
#contact #box-02 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-02 .area-02 .area-mailform table td.td-01{ width:200px; font-weight:bold; padding-left:20px;}
#contact #box-02 .area-02 .area-mailform table tr:last-child td{ border-bottom:1px solid #ccc;}
#contact #box-02 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-02 .area-02 .area-mailform table button{}
#contact #box-02 .area-02 .area-mailform .chui{ font-weight:bold; color: #ff0000; font-size:13px; padding:0px 3px; margin-right:7px;}
#contact #box-02 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-02 .area-02 .area-mailform .w01{width:99%;}
#contact #box-02 .area-02 .area-mailform .w02{width:40%;}

#contact #box-02 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-02 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .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-02 .area-02 .area-mailform .btn{ background:#ee856d; font-size:18px; font-weight:500; color:#fff; padding:15px 0; border-radius:50px; display:block; text-decoration:none; text-decoration:none; display:block; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; border:none; margin:auto; width:300px; font-size:18px; font-weight:bold;}
#contact #box-02 .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;}
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#contact #box-02 .area-02 .area-mailform .tb-04 p{}
#contact #box-02 .area-02 .area-mailform .f-24{ font-size:18px; font-weight:bold; margin-bottom:10px;}


/*----- よくある質問はこちら(wp) qa -----*/
#qa #box-01{}




/* 初期状態 */
.accordion-content { display: none; }
/* アコーディオン全体 */
.accordion { background: #ffffff; border-radius: 12px; box-shadow: 0px 4px 12px rgba(0,0,0,0.08); margin-bottom: 18px; overflow: hidden; }
/* 見出し */
.accordion-header { padding: 18px 55px 18px 20px; position: relative; cursor: pointer; background: #ffffff; border-bottom: 1px solid #e3e7ef; transition: background 0.2s;text-indent:-2.5em; padding-left:2.5em;margin-left:20px;}
.accordion-header:hover { background: #f8fbff; }
/* Q アイコン */
.accordion-header span.s-01::before { content: "Q"; color: #1b4d91; width: 28px; height: 28px; border: 2px solid #1b4d91; border-radius: 50%; display: inline-block; line-height: 26px; font-weight: bold; text-align: center; margin-right: 12px; }
/* ↓ 開閉アイコン（＋） */
.accordion-header::after { content: ''; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px; border-right: 2px solid #1b4d91; border-bottom: 2px solid #1b4d91; transform: rotate(45deg); transition: 0.2s ease; }
/* 開いたとき → 矢印上向き */
.accordion-header.active::after { transform: rotate(-135deg); }
/* 内容エリア */
.accordion-content { background: #fafcff; padding: 18px 20px 20px 55px;color: #333;text-indent:-2.5em; padding-left:2.5em;margin-left:20px;}
/* A アイコン */
.accordion-content span.s-01::before { content: "A"; color: #ffffff; width: 28px; height: 28px; background: #1b4d91; border-radius: 50%; display: inline-block; line-height: 28px; text-align: center; font-weight: bold; margin-right: 12px; }

.accordion-header span.s-01, .accordion-content span.s-01 { padding-left:0px; position: relative;text-indent:0em; padding-left:0em;}


/* =========================
   求人一覧ページ Recruit List
========================= */

#recruit-list #box-01{}
#recruit-list #box-01 .area-01{}
#recruit-list #box-01 .area-01 .recruit-entry { background: #ffffff; border-radius: 15px; box-shadow: 0px 4px 12px rgba(0,0,0,0.08); margin-bottom: 40px; overflow: hidden; transition: .3s; }
#recruit-list #box-01 .area-01 .recruit-entry a { display: flex; text-decoration: none; color: #333; padding: 25px; box-sizing: border-box; }
#recruit-list #box-01 .area-01 .recruit-entry:hover { background: #f9e0d8; opacity: 1; }
/* 写真 */
#recruit-list #box-01 .area-01 .recruit-entry .photo { width: 280px; margin-right: 30px; }
#recruit-list #box-01 .area-01 .recruit-entry .photo img { width: 100%; border-radius: 10px; }
/* テキスト部分 */
#recruit-list #box-01 .area-01 .recruit-entry .tb { flex: 1; }
#recruit-list #box-01 .area-01 .recruit-entry .title { font-size: 22px; font-weight: bold; color: #bb1122; margin-bottom: 10px; }
#recruit-list #box-01 .area-01 .recruit-entry .text { font-size: 16px; line-height: 1.7em; margin-bottom: 15px; }
/* 情報欄 */
#recruit-list #box-01 .area-01 .recruit-entry .info { list-style: none; }
#recruit-list #box-01 .area-01 .recruit-entry .info li { font-size: 15px; margin-bottom: 6px; }
#recruit-list #box-01 .area-01 .recruit-entry .info li span { background: #d4e9f1; padding: 2px 10px; margin-right: 10px; border-radius: 5px; font-size: 13px; font-weight: 600; }
/* moreボタン既存デザイン適用 */
#recruit-list #box-01 .area-01 .more { width: 260px; margin: 50px auto 0; }


/*▼ブログ共通　bl▼*/
.bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
/*　左カラム　*/
.bl #mleft{width:720px;float:left;}
.bl #mleft .box{width:720px;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:#bb1122;}
.bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#bb1122;}
.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, #bb1122 0%, #613282 100%);background-image:linear-gradient(to right, #bb1122 0%, #613282 100%);}




/*▼お知らせ一覧　list▼*/
#list #mleft .box{width:680px;padding-top:0;}
#list #mleft #box-01 table{ width:100%;}
#list #mleft #box-01 table td{ padding:20px 0px; border-bottom:#CCC solid 1px;}
#list #mleft #box-01 table td:first-child{ font-weight:bold; width:140px;}
#list #mleft #box-01 table td span{ display:inline-block; background:#98754a; padding:1px 10px 2px; color:#FFF;border-radius:5px; margin-right:10px; font-size:14px;}
#list #mleft #box-01 table td span.recruit{background:#e07233;}
#list #mleft #box-01 table td span.news{background:#090;}

/*　右サイドカラム　*/
#mright{width:270px;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:#bb1122;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; position:relative;}
#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 25px;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;}

#mright #sbox-02 ul li:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;left:12px;border-width:5px 10px;border-style:solid;border-color:transparent;border-left-color:#222;}


/*--------------------------------------------------------------------------------
 * DROPDOWN
--------------------------------------------------------------------------------*/
#mright #sbox-02 .widget_inner .screen-reader-text{display:none;height:50px;}
#mright #sbox-02 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;}
#mright #sbox-02 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;}
#mright #sbox-02 ::-ms-expand{display:none;}
#mright #sbox-02 .widget_inner select:focus{outline:none;}
#mright #sbox-02 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;}

/*▼記事詳細ページ　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;}

/*▼診療記事詳細ページ　detail▼*/
#detail #box-01 .area-01{overflow:hidden;}
#detail #box-01 .area-01 .p-01{font-size:20px;color:#808000;font-weight:bold;margin-bottom:7px;}




.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:#bb1122;}

.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:#bb1122;color:#fff;}
.pagination .prev,
.pagination .next{background:transparent;box-shadow:none;color:#bb1122;}
.pagination .dots{background:transparent;box-shadow:none;}