@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:1em; letter-spacing:1px; color:#000;-webkit-text-size-adjust:100%; font-weight:400;font-family: "Noto Sans JP", sans-serif;}
table { border-collapse:collapse; }
p{ line-height:2em;}
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; font-size:100%; font-weight:normal; line-height:1.5em;}
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.7; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{}
#body-top{ overflow:hidden;background: url(../images/business/mp.png) center top no-repeat;}
#home #body-top{ background:url(../images/home/mp-01.png) center top no-repeat;}
#business #body-top{ background: url(../images/business/mp.png) center top no-repeat;}
#company #body-top{ background: url(../images/company/mp.png) center top no-repeat;}
#contact #body-top{ background: url(../images/contact/mp.png) center top no-repeat;}
.single #body-top{ background: url(../images/contact/mp.png) center top no-repeat;}



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

/*▼ヘッダー▼*/
#header{ max-width:90%; min-width:1100px; margin:auto;position:relative; background:#FFF; padding:10px 30px; border-radius:10px; margin-top:50px;}
#header #hmid{ overflow:hidden; position:relative;display:flex;align-items: center/* ←縦の中央揃え */;}
#header .left{ float:left;}
#header .left a{ display:inline-block; text-decoration:none;}
#header .left .p-01{ font-size:14px;}
#header .left .p-02{ font-size:30px; font-weight:700;display:flex;align-items: center/* ←縦の中央揃え */;}
#header .left img{ margin-right:10px;}

#header .right{ display:inline-block;vertical-align: top;order: 3;}
#header .right a{ text-decoration:none;}
#header .right .p-contact { display:inline-block; vertical-align:top;}
#header .right .p-contact a{ background:#235BA7; height:50px; width:180px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */;border-radius:10px;margin-right:20px; color:#FFF; }
#header .right .p-contact img{ position:relative; margin-right:5px;}

#header .right .p-recruit { display:inline-block; vertical-align:top;}
#header .right .p-recruit a{ background:#D52C1F; height:50px; width:180px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */;border-radius:10px;color:#FFF; }
#header .right .p-recruit img{ position:relative; margin-right:5px;}



/*▼メインナビゲーション▼*/
#navi{ text-align:center; padding-top: 30px; display:inline-block;order: 2;margin-left: auto; margin-right:20px;}
#navi ul{ height: 45px;}
#navi li { display:inline-block; font-size:16px; font-weight:600; text-align:center; padding:0 12px; position:relative;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0px 10px 20px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#2059A6;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute; left:0; bottom:0px;width:100%; height:3px;background:#2059A6;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}



/*▼メインビジュアル▼*/

#hmp{ height:921px;}
#hmp p{ padding-top:580px; color:#FFF; font-size:48px; font-weight:bold; margin-left:100px; line-height:1.8em;}
#hmp p span{ font-size:64px;}


#mp{ height:441px;}
#mp p{ padding-top:120px; color:#FFF; font-size:36px;line-height:1.5em; text-align:center;}
#mp p span{ font-size:64px;font-family: "Oswald", sans-serif;}


#contact #mp p{ padding-top:120px; color:#235ba7; font-size:36px;line-height:1.5em; text-align:center;}
#contact #mp p span{ font-size:64px;font-family: "Oswald", sans-serif;}


/*▼フッター▼*/
#footer {}
#footer #fmid{ width:1100px; margin:auto; padding-top:50px; overflow:hidden; padding-bottom:70px;}
#footer #fmid p{ color: #333;}
#footer #fmid a{ color:#333; text-decoration:none;}
#footer #fmid .left{ float:left; display:inline-block;}
#footer #fmid .left .logotext a{ display:inline-block; text-decoration:none;}
#footer #fmid .left .logotext .p-01{ font-size:14px;}
#footer #fmid .left .logotext .p-02{ font-size:30px; font-weight:700;display:flex;align-items: center/* ←縦の中央揃え */;}
#footer #fmid .left .logotext img{ margin-right:10px;}


#footer #fmid .right{ float:right; display:inline-block;}
#footer #fmid .right ul{ overflow:visible; margin-bottom:100px;}
#footer #fmid .right ul li{ display:inline-block; margin-left:20px;}
#footer #fmid .right ul li a{ color:#000; text-decoration:none; position:relative; padding-bottom:10px;}
#footer #fmid .right ul li a::after{ content:""; position:absolute; bottom:0; left:0; width:0; height:2px; background:#000; transition:width 0.3s ease;}
#footer #fmid .right ul li a:hover::after{ width:100%;}


#footer #tamonten {clear:both; text-align:right; font-size:10px; color:#666; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#666; text-decoration:none; opacity:1; filter:alpha(opacity=100); line-height:1.5em;}


.page-top {
	position:fixed;
    bottom:70px;
    right:20px;
	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;}


/*▼エリア・共通設定▼*/

.box{ width:1100px; margin:auto; padding:70px 0;}

.h2-01{ color:#235BA7; font-size:36px; display:inline-block; margin-right:40px; vertical-align:top;}



.h2-02{ margin-bottom:50px; font-size:24px; font-weight:700;border-bottom:#235ba7 solid 3px; padding-bottom:15px; position:relative;}
.h2-02 span{ font-size:72px; font-weight:400;font-family: "Oswald", sans-serif; display:inline-block; margin-right:15px;color:#235ba7; }



.h2-03{ font-size:40px; color:#235ba7; font-weight:bold;border-bottom:#235ba7 solid 3px; padding-bottom:15px;margin-bottom:50px; display:inline-block;}



.more {}
.more a{ background:#235BA7 url(../images/common/more-01.png) right 10px top 50% no-repeat; color:#fff; padding:20px 100px; text-decoration:none; display: inline-block;border-radius:50px;} 


.bk-glay{ background:#ECF1F7;}
/*▼ホーム　home▼*/

#home .box-news{ border-bottom:#CCC solid 1px; padding:50px 0;}
#home .box-news .area-01{ width:1100px; margin:auto;}
#home .box-news .area-01 .tb-01{ display:inline-block; width:800px; padding:10px 30px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
#home .box-news .area-01 .entry{display:flex;align-items: center/* ←縦の中央揃え */; margin-bottom:20px;}
#home .box-news .area-01 .entry a{ line-height:1.5em; color:#333; text-decoration:none; display:inline-block; margin-right:20px;}
#home .box-news .area-01 .entry img{ margin-left:auto;}
#home .box-news .area-01 .entry:hover{ opacity:0.5; filter:alpha(opacity=50);}
#home .box-news .area-01 .view{ display:inline-block; float:right; margin-top:30px;}
#home .box-news .area-01 .view a{color:#235ba7; text-decoration:none;}

#home h3{ font-size:28px; font-weight:600; margin-bottom:20px;}

#home #box-01{}
#home #box-01 .area-01{ overflow:hidden;}
#home #box-01 .area-01 .tb-01{ width:520px; float:left;}
#home #box-01 .area-01 .photo{ width:512px;float:right;}
#home #box-01 .area-01 .tb-01 .text{ margin-bottom:50px;}


#home #box-02{}
#home #box-02 .h2-bk{ position: relative;}
#home #box-02 .h2-bk .text{ position:absolute; right:0; bottom:10px; display:inline-block; width:600px;}
#home #box-02 .area-01{ overflow:hidden; margin-bottom:70px;}
#home #box-02 .area-01 .btn-01{ position:relative; display:inline-block;}
#home #box-02 .area-01 .btn-01 .text{display:flex;align-items: center/* ←縦の中央揃え */; position:absolute; top:30px; left:0; right:0; margin:auto;width:90%;}
#home #box-02 .area-01 .btn-01 .text p{ color:#FFF; display:inline-block; font-size:22px; line-height:1.6em;}
#home #box-02 .area-01 .btn-01 .text p span{ display:block; font-size:16px;}
#home #box-02 .area-01 .btn-01 .text img{ margin-left:auto;}

#home #box-02 .area-01 .btn-01.bottom10{ margin-bottom:10px;}
#home #box-02 .area-01 .btn-01.fright{ float:right;}


#home #box-02 .area-01 .left{ width:550px; float:left;}
#home #box-02 .area-01 .right{ width:540px; float:right;}
#home #box-02 .more{ text-align:center;}

#home #box-03{}
#home #box-03 .area-01{display:flow-root;}
#home #box-03 .area-01 .tb-01{ width:520px; float:left;}
#home #box-03 .area-01 .photo{ width:512px;float:right;}
#home #box-03 .area-01 .tb-01 .text{ margin-bottom:50px;}

#home #box-storage {display:block;width: fit-content;padding-bottom:50px;margin:0 auto;}


#box-contact{ background:url(../images/common/contact-bk.png) center top no-repeat; height:490px;display:flex;align-items: center/* ←縦の中央揃え */; clear:both;}
#box-contact .area-01{ width:1100px; margin:auto;}

#box-contact .area-01 .h2-bk{ position: relative;}
#box-contact .area-01 .h2-bk .text{ position:absolute; right:0; bottom:10px; display:inline-block; width:650px; text-align:right;}
#box-contact .area-01 .tb-01{display:flex;align-items: center/* ←縦の中央揃え */;justify-content: space-between; }

#box-contact .area-01 .tb-01 a{ text-decoration:none;}
#box-contact .area-01 .tb-01 .p-contact a{font-size:20px;font-weight:bold;display:inline-block;background:#235BA7; height:74px; width:420px;display:flex;align-items: center;justify-content: center;border-radius:50px;color:#FFF;margin-bottom:20px;}
#box-contact .area-01 .tb-01 .p-contact img{ position:relative; margin-right:7px;}
#box-contact .area-01 .tb-01 .p-tel a{  display:inline-block;color:#235ba7; font-size:40px; font-weight:800;font-family: "Oswald", sans-serif; text-align:center; line-height:1.2em;}
#box-contact .area-01 .tb-01 .p-tel img{ position:relative; margin-right:7px; bottom:9px;}
#box-contact .area-01 .tb-01 .p-tel span{ color:#333; display:block;font-family: "Noto Sans JP", sans-serif; font-size:16px; font-weight:normal;}

#box-contact .area-01 .tb-01 .p-fax a{  display:inline-block;color:#235ba7; font-size:40px; font-weight:800;font-family: "Oswald", sans-serif; text-align:center; line-height:1.2em;}
#box-contact .area-01 .tb-01 .p-fax img{ position:relative; margin-right:7px; bottom:9px;}
#box-contact .area-01 .tb-01 .p-fax span{ color:#333; display:block;font-family: "Noto Sans JP", sans-serif; font-size:16px; font-weight:normal;}


#business h3{ font-size:28px; font-weight:600; margin-bottom:20px;}

#business #box-01{}
#business #box-01 .area-01{}
#business #box-01 .area-01 .p-01{ text-align:center; color:#235ba7; font-size:30px; margin-bottom:50px;}

#business #box-01 .area-01 .btn-group { display: flex; justify-content: center; align-items: center; gap:60px; padding: 20px 0; }
#business #box-01 .area-01 .btn-group a { background: #235BA7; color: #fff; text-decoration: none; border-radius: 50px; padding: 14px 36px; font-size: 15px; letter-spacing: 1px; display: inline-block; transition: 0.3s; }
#business #box-01 .area-01 .btn-group a:hover { opacity: 0.7; }


#business #box-02{}
#business #box-02 .area-01{ overflow:hidden;}
#business #box-02 .area-01 .tb-01{ width:520px; float:left;}
#business #box-02 .area-01 .photo{ width:512px;float:right;}
#business #box-02 .area-01 .tb-01 .text{ margin-bottom:50px;}


#business #box-02 .area-02 { background: #ECF1F7; padding: 50px; margin-top: 50px;}

#business #box-02 .area-02 .service { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 60px;}
#business #box-02 .area-02 .service .tb-01 { width: 400px;}
#business #box-02 .area-02 .service .photo { width: 620px; display: flex; gap: 10px;}
#business #box-02 .area-02 .service .photo img { width: calc(33.3% - 7px); object-fit: cover;}

#business #box-02 .area-02 .target { display: flex; justify-content: space-between; align-items: flex-start;}
#business #box-02 .area-02 .target .tb-01 { width: 580px;}
#business #box-02 .area-02 .target .photo { width: 420px;}
#business #box-02 .area-02 .target .photo img { width: 100%; object-fit: cover;}

#business #box-02 .area-02 h3 { font-size: 22px;margin-bottom: 25px;}
#business #box-02 .area-02 ul li { position: relative; padding-left: 20px; line-height: 2.2em;}
#business #box-02 .area-02 ul li::before { content: "●"; position: absolute; left: 0; color: #235BA7; font-size: 16px; top: 0px;}


#business #box-03{}
#business #box-03 .area-01{ overflow:hidden;}
#business #box-03 .area-01 .tb-01{ width:520px; float:left;}
#business #box-03 .area-01 .photo{ width:512px; float:right;}
#business #box-03 .area-01 .tb-01 .text{ margin-bottom:50px;}

#business #box-03 .area-02{ background:#ECF1F7; padding:50px; margin-top:50px;}
#business #box-03 .area-02 .service{ display:flex; justify-content:space-between; align-items:flex-start;}
#business #box-03 .area-02 .service .tb-01{ width:580px;}
#business #box-03 .area-02 .service .photo{ width:420px;}
#business #box-03 .area-02 .service .photo img{ width:100%; object-fit:cover;}
#business #box-03 .area-02 h3{ font-size:22px; margin-bottom:20px; margin-top:40px;}
#business #box-03 .area-02 h3:first-child{ margin-top:0;}
#business #box-03 .area-02 ul li{ position:relative; padding-left:20px; line-height:2.2em;}
#business #box-03 .area-02 ul li::before{ content:"●"; position:absolute; left:0; color:#235BA7; font-size:16px; top:0;}

#business #box-04{}
#business #box-04 .area-01{ overflow:hidden;}
#business #box-04 .area-01 .tb-01{ width:520px; float:left;}
#business #box-04 .area-01 .photo{ width:512px; float:right;}
#business #box-04 .area-01 .tb-01 .text{ margin-bottom:50px;}

#business #box-04 .area-02{ background:#ECF1F7; padding:50px; margin-top:50px;display:flow-root;}
#business #box-04 .area-02 .service{display:flow-root;}
#business #box-04 .area-02 .service .tb-01{ margin-bottom:50px; overflow:hidden;}
#business #box-04 .area-02 .photo{ float:right; display:inline-block;}
#business #box-04 .area-02 .service .tb-02{ clear:both;}


#business #box-04 .area-02 h3{ font-size:22px; margin-bottom:20px;}
#business #box-04 .area-02 .left{ display:inline-block; float:left;}
#business #box-04 .area-02 ul li{ position:relative; padding-left:20px; line-height:2.2em; letter-spacing:normal;}
#business #box-04 .area-02 ul li::before{ content:"●"; position:absolute; left:0; color:#235BA7; font-size:16px; top:0;}

#business #box-05{}
#business #box-05 .area-01{ overflow:hidden;}
#business #box-05 .area-01 .tb-01{ width:520px; float:left;}
#business #box-05 .area-01 .photo{ width:512px; float:right;}
#business #box-05 .area-01 .tb-01 .text{ margin-bottom:50px;}

#business #box-05 .area-02{ background:#ECF1F7; padding:50px; margin-top:50px;}
#business #box-05 .area-02 .service{display:flow-root;}
#business #box-05 .area-02 .service .tb-01{ margin-bottom:50px; overflow:hidden;}
#business #box-05 .area-02 .photo{ float:right; display:inline-block;}
#business #box-05 .area-02 .service .tb-02{ clear:both;}


#business #box-05 .area-02 h3{ font-size:22px; margin-bottom:20px;}
#business #box-05 .area-02 .left{ display:inline-block; float:left;}
#business #box-05 .area-02 ul li{ position:relative; padding-left:20px; line-height:2.2em; letter-spacing:normal;}
#business #box-05 .area-02 ul li::before{ content:"●"; position:absolute; left:0; color:#235BA7; font-size:16px; top:0;}

#business #box-storage {display:block;width: fit-content;padding-bottom:50px;margin:0 auto;}

#company h3{ font-size:24px; font-weight:700; margin-bottom:20px;}

#company #box-01 .area-01 .tb-01{ overflow:hidden;}
#company #box-01 .area-01 .tb-01 .sign{ text-align:right; margin-top:30px;}

#company #box-02 .area-01 .tb-01{ overflow:hidden;}
#company #box-02 .area-01 .tb-01 .text{ width:520px; float:left;}
#company #box-02 .area-01 .tb-01 .photo{ width:450px; float:right;}
#company #box-02 .area-01 .tb-01 .photo img{ width:100%; border-radius:10px;}

#company #box-03 .area-01 .tb-company{ width:100%;}
#company #box-03 .area-01 .tb-company th{ width:160px; padding:18px 20px; font-weight:600;border-bottom:#CCC solid 1px; vertical-align:top; text-align:left;}
#company #box-03 .area-01 .tb-company td{ padding:18px 20px;border-bottom:#CCC solid 1px;}
#company #box-03 .area-01 .tb-company tr:first-child th,
#company #box-03 .area-01 .tb-company tr:first-child td{ border-top:#CCC solid 1px;}

#company #box-04 .area-01 .tb-company{ width:100%; text-align:left;}
#company #box-04 .area-01 .tb-company th{ width:200px; padding:18px 20px; font-weight:600;border-bottom:#CCC solid 1px;}
#company #box-04 .area-01 .tb-company td{ padding:18px 20px;border-bottom:#CCC solid 1px;}
#company #box-04 .area-01 .tb-company tr:first-child th,
#company #box-04 .area-01 .tb-company tr:first-child td{ border-top:#CCC solid 1px;}

#company #box-05 .area-01 .tb-client{ display:grid; grid-template-columns:repeat(4, 1fr); gap:0;}
#company #box-05 .area-01 .tb-client li{ padding:20px 0;}

#company #box-06 .area-01 .tb-01{ display:flex; justify-content:space-between; align-items:flex-start; gap:50px; margin-top:30px;}
#company #box-06 .area-01 .tb-01 .text{ width:640px;}
#company #box-06 .area-01 .tb-01 .text p{ margin-bottom:5px;}
#company #box-06 .area-01 .tb-01 .photo{ width:380px; flex-shrink:0;}
#company #box-06 .area-01 .tb-01 .photo img{ width:100%; border-radius:10px;}

#company #box-06 .area-01 .tb-recruit{ width:100%; margin-top:30px; border-top:#CCC solid 1px;}
#company #box-06 .area-01 .tb-recruit th{ background:#235BA7; color:#fff; padding:15px 20px; text-align:center; font-weight:600;}
#company #box-06 .area-01 .tb-recruit th:first-child{ width:130px;}
#company #box-06 .area-01 .tb-recruit td{ padding:20px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; font-size:14px;line-height:1.8em}
#company #box-06 .area-01 .tb-recruit td:first-child{ text-align:center; font-weight:700; border-left:#CCC solid 1px; width:130px;vertical-align:middle;}

#company #box-06 .area-01 .more{ text-align:right; margin-top:40px;}

#company #box-07 .area-01 .map{border-radius:10px; overflow:hidden;}
#company #box-07 .area-01 .access-info{ margin-top:20px; text-align:center;}
#company #box-07 .area-01 .access-info .address{margin-bottom:10px;}
#company #box-07 .area-01 .access-info .traffic{}
#company #box-07 .area-01 .access-info .traffic span{ font-weight:700; margin-right:15px;}

#contact #box-01 .area-01 .lead{font-size:20px; text-align:center; color:#235BA7; font-weight:700;margin-bottom:50px;}

#contact #box-01 .area-01 .contact-cards{ display:flex;justify-content: center;gap:75px; margin-bottom:30px;}
#contact #box-01 .area-01 .contact-cards .card{ background:#ECF1F7; border-radius:10px; padding:35px 30px; width:calc(33.3% - 14px); text-align:center;}
#contact #box-01 .area-01 .contact-cards .card .card-title{margin-bottom:20px; font-weight:bold;}
#contact #box-01 .area-01 .contact-cards .card .card-num{ font-size:32px; font-weight:700; color:#235BA7; margin-bottom:15px; display:flex; align-items:center; justify-content:center; gap:8px; font-family:"Oswald", sans-serif;}
#contact #box-01 .area-01 .contact-cards .card .card-num a{ color:#235BA7; text-decoration:none; display:flex; align-items:center; gap:8px; font-size:32px;}
#contact #box-01 .area-01 .contact-cards .card .card-num img{ }
#contact #box-01 .area-01 .contact-cards .card .card-mail{ margin-bottom:35px; padding-top:15px;}
#contact #box-01 .area-01 .contact-cards .card .card-mail a{ color:#235BA7;}
#contact #box-01 .area-01 .contact-cards .card .card-time{ font-weight:bold;}

#contact #box-01 .area-01 .note{display:block;width:fit-content;text-align:left;margin: 0 auto;padding-top:20px;}
#contact #box-01 .area-01 .note p{}

/* ▼ メールフォームセクション */
#contact #box-02{ }
#contact #box-02 .lead{ margin-bottom:10px; line-height:2em;}
#contact #box-02 .hissu-note{ color:#c00; font-size:14px; margin-bottom:30px;}

/* ▼ フォーム本体（既存CSSを流用） */
#contact #box-02 .area-mailform{ background:#f5f5f5; padding:50px 50px;}
#contact #box-02 .area-mailform table{ width:100%; margin-bottom:50px; border-collapse:collapse;}
#contact #box-02 .area-mailform table tr{ border-bottom:1px solid #ddd;}
#contact #box-02 .area-mailform table tr:first-child{ border-top:1px solid #ddd;}
#contact #box-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle; background:#fff;}
#contact #box-02 .area-mailform table td.td-01{ width:220px; font-size:16px; font-weight:bold; vertical-align:middle; background:#f5f5f5; padding-left:15px;}
#contact #box-02 .area-mailform table ul{ list-style:none; padding:0; margin:0;}
#contact #box-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-mailform table ul li:last-of-type{ margin-bottom:0;}
#contact #box-02 .area-mailform table select{ padding:8px; font-size:15px; border:1px solid #ccc; border-radius:4px;}
#contact #box-02 .area-mailform table input[type="text"],
#contact #box-02 .area-mailform table input[type="email"],
#contact #box-02 .area-mailform table input[type="tel"]{ padding:10px 12px; font-size:15px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
#contact #box-02 .area-mailform table textarea{ padding:10px 12px; font-size:15px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
#contact #box-02 .area-mailform table label{ display:inline-flex; align-items:center; gap:6px; margin-right:25px; font-size:15px; cursor:pointer;}
#contact #box-02 .area-mailform .chui{ font-weight:bold; color:#ff3838;margin-left:8px;}
#contact #box-02 .area-mailform .w01{ width:98%;}
#contact #box-02 .area-mailform .w02{ width:43.7%;}

/* ▼ プライバシーポリシー */
#contact #box-02 .privacy-title{ font-size:20px; font-weight:bold; color:#2059a6; margin:0 0 15px;}
#contact #box-02 .privacy-lead{ margin-bottom:15px; line-height:2em;}
#contact #box-02 .tb-04{ height:200px; overflow-y:scroll; padding:20px; border:#999 solid 1px; background:#fff; margin:auto; margin-bottom:30px; font-size:14px; line-height:2em;}
#contact #box-02 .tb-04 p{ margin-bottom:1em;}
#contact #box-02 .tb-04 p:last-child{ margin-bottom:0;}

/* ▼ 同意チェック */
#contact #box-02 .tb-02{ text-align:center; margin-bottom:30px; font-size:15px;}
#contact #box-02 .tb-02 input{ margin-right:8px; width:16px; height:16px; vertical-align:middle; position:relative; top:-1px;}
#contact #box-02 .tb-02 a{ color:#2059a6;}

/* ▼ 送信ボタン */
#contact #box-02 .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff; background:#235BA7; text-align:center; box-shadow:0px 5px 0 #163d77; border:3px solid #163d77; padding:25px 0; display:block; text-decoration:none; border-radius:50px; box-sizing:border-box; transition:0.3s; margin:0 auto; cursor:pointer;}
#contact #box-02 .btn:hover{ box-shadow:0 1px 0 #163d77; transform:translateY(5px); opacity:1;}


/*▼採用情報▼*/
#recruit #box-01 .area-01{ width:1100px; margin:auto; padding:50px 0;}

#recruit #box-01 .p-hoteru{ font-size:20px; font-weight:700; width:1100px; margin:auto; padding:20px 0 10px; border-bottom:#235BA7 solid 3px; color:#235BA7; margin-top:30px; clear:both;}

#recruit #box-01 .entry{ border-bottom:#CCC solid 1px; width:48%; float:left; background:#ECF1F7; margin-bottom:50px;}
#recruit #box-01 .entry:nth-child(2n){ float:right;}
#recruit #box-01 .entry a{ display:block; padding:25px 20px; text-decoration:none; color:#333; transition:0.3s;}
#recruit #box-01 .entry a:hover{ background: #FFF2F2; opacity:1;}
#recruit #box-01 .entry .day{color:#999; margin-bottom:8px;}
#recruit #box-01 .entry .p-01{ font-size:18px; font-weight:700; margin-bottom:10px; color:#333;}
#recruit #box-01 .entry .p-01 span{ color:#235BA7;}
#recruit #box-01 .entry .map{color:#666; margin-bottom:12px;}
#recruit #box-01 .entry .map i{ color:#235BA7; margin-right:5px;}
#recruit #box-01 .entry .p-03{margin-bottom:8px;display:flex;align-items: center;gap:10px;}
#recruit #box-01 .entry .p-02{ margin-bottom:8px; display:flex; align-items:center; gap:10px;}
#recruit #box-01 .entry .s-01{ background:#235BA7; color:#fff;padding:3px 10px; border-radius:3px; white-space:nowrap; flex-shrink:0;}
#recruit #box-01 .entry .s-02{ color:#333; line-height:1.8em;}
#recruit #box-01 .entry .p-03:last-child{ color:#235BA7; font-weight:700; margin-top:5px; display:block; text-align:right;}

/*▼採用情報詳細▼*/
#recruit-detail #box-01{ width:1100px; margin:auto; padding:70px 0;}

#recruit-detail #box-01 .title{ font-size:28px; font-weight:700; margin-bottom:40px; padding-bottom:15px; border-bottom:#235BA7 solid 3px;}
#recruit-detail #box-01 .title span{ font-size:16px; font-weight:400; background:#235BA7; color:#fff; padding:4px 14px; border-radius:3px; margin-left:15px; vertical-align:middle;}

#recruit-detail #box-01 .area-01{ display:flex; flex-wrap:wrap; gap:40px; margin-bottom:50px;}
#recruit-detail #box-01 .area-01 .img{ width:460px; background:#ECF1F7; border-radius:10px; min-height:300px;}
#recruit-detail #box-01 .area-01 .img img{ width:100%; border-radius:10px;}
#recruit-detail #box-01 .area-01 .tb-01{ flex:1;}

#recruit-detail #box-01 .area-01 table{ width:100%;border-top:#CCC solid 1px;}
#recruit-detail #box-01 .area-01 table tr{ border-bottom:#CCC solid 1px;}
#recruit-detail #box-01 .area-01 table td{ padding:15px 20px;vertical-align:top; line-height:1.8em;}
#recruit-detail #box-01 .area-01 table td:first-child{ width:120px; font-weight:700; color:#235BA7; white-space:nowrap;}

#recruit-detail #box-01 .area-01 .googlemap{ width:100%; margin-top:40px;}
#recruit-detail #box-01 .area-01 .googlemap iframe{ width:100%; height:350px; border-radius:10px;}

/* ▼ 採用情報詳細フォーム */
#recruit-detail #box-01 .area-mailform{ background:#f5f5f5; padding:50px 50px;}
#recruit-detail #box-01 .area-mailform table{ width:100%; margin-bottom:50px; border-collapse:collapse;}
#recruit-detail #box-01 .area-mailform table tr{ border-bottom:1px solid #ddd;}
#recruit-detail #box-01 .area-mailform table tr:first-child{ border-top:1px solid #ddd;}
#recruit-detail #box-01 .area-mailform table td{ padding:20px 8px; vertical-align:middle; background:#fff;}
#recruit-detail #box-01 .area-mailform table td.td-01{ width:220px; font-size:16px; font-weight:bold; vertical-align:middle; background:#f5f5f5; padding-left:15px;}
#recruit-detail #box-01 .area-mailform table ul{ list-style:none; padding:0; margin:0;}
#recruit-detail #box-01 .area-mailform table ul li{ margin-bottom:7px;}
#recruit-detail #box-01 .area-mailform table ul li:last-of-type{ margin-bottom:0;}
#recruit-detail #box-01 .area-mailform table select{ padding:8px; font-size:15px; border:1px solid #ccc; border-radius:4px;}
#recruit-detail #box-01 .area-mailform table input[type="text"],
#recruit-detail #box-01 .area-mailform table input[type="email"],
#recruit-detail #box-01 .area-mailform table input[type="tel"]{ padding:10px 12px; font-size:15px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
#recruit-detail #box-01 .area-mailform table textarea{ padding:10px 12px; font-size:15px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
#recruit-detail #box-01 .area-mailform table label{ display:inline-flex; align-items:center; gap:6px; margin-right:25px; font-size:15px; cursor:pointer;}
#recruit-detail #box-01 .area-mailform .chui{ font-weight:bold; color:#ff3838;margin-left:8px;}
#recruit-detail #box-01 .area-mailform .w01{ width:98%;}
#recruit-detail #box-01 .area-mailform .w02{ width:43.7%;}

/* ▼ プライバシーポリシー */
#recruit-detail #box-01 .privacy-title{ font-size:20px; font-weight:bold; color:#2059a6; margin:0 0 15px;}
#recruit-detail #box-01 .privacy-lead{ margin-bottom:15px; line-height:2em;}
#recruit-detail #box-01 .tb-04{ height:200px; overflow-y:scroll; padding:20px; border:#999 solid 1px; background:#fff; margin:auto; margin-bottom:30px; font-size:14px; line-height:2em;}
#recruit-detail #box-01 .tb-04 p{ margin-bottom:1em;}
#recruit-detail #box-01 .tb-04 p:last-child{ margin-bottom:0;}

/* ▼ 同意チェック */
#recruit-detail #box-01 .tb-02{ text-align:center; margin-bottom:30px; font-size:15px;}
#recruit-detail #box-01 .tb-02 input{ margin-right:8px; width:16px; height:16px; vertical-align:middle; position:relative; top:-1px;}
#recruit-detail #box-01 .tb-02 a{ color:#2059a6;}

/* ▼ 送信ボタン */
#recruit-detail #box-01 .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff; background:#2059A6; text-align:center; box-shadow:0px 5px 0 #163d77; border:3px solid #163d77; padding:25px 0; display:block; text-decoration:none; border-radius:50px; box-sizing:border-box; transition:0.3s; margin:0 auto; cursor:pointer;}
#recruit-detail #box-01 .btn:hover{ box-shadow:0 1px 0 #163d77; transform:translateY(5px); opacity:1;}


/*▼ブログ共通　bl▼*/
/*　左カラム　*/


/* アーカイブ・カテゴリー */
.bl #box-01 .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#ccc dotted 1px;}
.bl #box-01 .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;}
.bl #box-01 .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;}
.bl #box-01 .tb-01 a{color:#006dba;}
.bl #box-01 .tb-01 .p-01 a{font-weight:bold;color:#006dba;}
.bl #catego-title{position:relative;padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
.bl #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:linear-gradient(to right, #006dba 0%, #003a7a 100%);}


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

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

/*▼診療記事詳細ページ　detail▼*/
#detail #box-01 .area-01{overflow:hidden;}
#detail #box-01 .area-01 .p-01{font-size:20px;color:#003a7a;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{color:#006dba;}

/* ページネーション */
.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:#006dba;color:#fff;}
.pagination .prev,.pagination .next{background:transparent;box-shadow:none;color:#006dba;}
.pagination .dots{background:transparent;box-shadow:none;}

.readonly-field{background:#f5f5f5;pointer-events:none;}
/*#235ba7  font-family: "Oswald", sans-serif;*/