@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-family:'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;font-size:16px;font-weight:400;color:#000;line-height:2em;letter-spacing:1px;-webkit-text-size-adjust:100%;}
table { border-collapse:collapse;}
ul, li { list-style:none;}
h1, h2, h3, h4, h5, h6 { padding:0px;margin:0px;font-family: "Noto Sans JP", sans-serif;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 { -ms-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}
a:hover { text-decoration:none;}
a:hover { -webkit-transition:0.5s;filter:alpha(opacity=50);-moz-transition:0.5s;-ms-transition:0.5s;opacity:0.5;transition:0.5s;}
.kadomaru { -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px;}
/*▼エリア・背景設定▼*/
body { max-width:1920px;}
#body-top { overflow:hidden;}
h1 { height:0;text-indent:-9999px;}
/*▼ヘッダー▼*/
#header {position:relative;margin:auto;max-width:1500px;min-width:1100px; margin-bottom:5px;}
#header #hmid { overflow:hidden;}
#header .left { float:left;padding-top:15px;}
#header .left a { text-decoration:none;display:inline-block;}
#header .left a img.logo { margin-right:15px;vertical-align:middle;}
#header .left a .inner { display:inline-block;vertical-align:middle;}
#header .left a .inner p { margin-bottom:5px;font-family:"Noto Serif JP", serif;font-size:18px;color:#1C1F87;letter-spacing:normal;}
#header .right { float:right;padding-top:20px;display:inline-block;text-align:right;}
#header .right .p-tel { display:inline-block;vertical-align:middle;}
#header .right .p-tel a { font-family:"Oswald", sans-serif;font-size:40px;font-weight:bold;color:#1C1F87;line-height:1em;text-decoration:none;display:block;}
#header .right .p-tel a img { height:34px;margin-right:10px;}
#header .right .btn-mail { display:inline-block;vertical-align:middle;}
#header .right .btn-mail a { padding:10px 60px;font-weight:bold;color:#fff;line-height:1em;text-decoration:none;display:block;text-align:center; background:#E20000; border-radius:50px; font-size:20px;}
#header .right .btn-mail a img { height:20px;margin-right:5px;}


/* 横幅が1330px以下の場合に適用するスタイル */
@media (max-width:1330px) {
#header .bnr { width:15%;position:relative;top:30px;margin-right:10px;transition:.5s;}
#header .bnr img { transition:.5s;}
}
/*▼メインナビゲーション▼*/
#navi { clear:both;margin-top:20px;text-align:right;}
#navi ul { }
#navi li { position:relative;margin:0 10px;font-size:17px;font-weight:600;display:inline-block;text-align:center;}
#navi li a { position:relative;padding:0px 0px 5px;color:#000;text-decoration:none;display:block;}
#navi li a:hover { color:#1C1F87;transition:0.3s;opacity:1;}
#navi li a:after /*ナビ下線*/ { width:100%;height:2px;position:absolute;left:0;bottom:0px;background:#1C1F87;content:"";transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after { transform:scale(1);}
#navi li:last-child { margin-right:0px;}

/*▼メインビジュアル▼*/
#mp { position:relative; background:url(../images/company/mp.png);height:500px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */;flex-direction: column; /* 追加すると縦並びになる */}
#mp p{ font-size:72px; font-weight:bold; color:#FFF; text-align:center; line-height:1em;}
#mp p span{ display:block; font-size:48px;}


#press #mp{ background:url(../images/press/mp.png);}
#press-old #mp{ background:url(../images/press/mp.png);}
#press-book #mp{ background:url(../images/press/mp.png);}

#contact #mp{ background:url(../images/contact/mp.png);}
#flow #mp{ background:url(../images/flow/mp.png);}
#corporations #mp{ background: url(../images/corporation/mp.png);}
#company #mp{ background: url(../images/company/mp.png);}
#qa #mp{ background:url(../images/faq/mp.png);}
#service #mp{ background:url(../images/service/mp.png);}


.uwaki #mp{ background:url(../images/type/mp-uwaki.png);}
.tokusyu #mp{ background:url(../images/type/mp-tokusyu.png);}
.tantei #mp{ background:url(../images/type/mp-tantei.png);}
.saiban #mp{ background:url(../images/type/mp-saiban.png);}
.ijime #mp{ background:url(../images/type/mp-ijime.png);}
.stoker #mp{ background:url(../images/type/mp-stoker.png);}
.tocho #mp{ background:url(../images/type/mp-tocho.png);}
.kekkon #mp{ background:url(../images/type/mp-kekkon.png);}
.shinyo #mp{ background:url(../images/type/mp-shinyo.png);}
.kinjo #mp{ background:url(../images/type/mp-kinjo.png);}
.yukue #mp{ background:url(../images/type/mp-yukue.png);}
.rikon #mp{ background:url(../images/type/mp-rikon.png);}
.uwaki #mp{ background:url(../images/type/mp-uwaki.png);}


#hmp { height:940px;position:relative;background:url(../images/home/mp.png) center top no-repeat;}
#hmp .mp-text { position:absolute;left:5%;top:30%;display:inline-block;}
#hmp .mp-text p { font-family:"Noto Sans JP", sans-serif;font-size:92px;font-style:italic;font-weight:bold;color:#FFF;line-height:1.5em;}
#hmp .mp-text .s-01 { font-size:82px;}
#hmp .mp-text span.s-02 { font-size:73px;font-style:italic;font-weight:normal;}
#hmp .area-02 { width:620px;position:absolute;right:0;bottom:80px;padding:20px;background:#1C1F87;border-radius:20px 0px 0px 20px;}
#hmp .area-02 .h2-news { float:left;font-family:"Oswald", sans-serif;font-size:22px;color:#FFF;display:inline-block;}
#hmp .area-02 .tb-01 { width:550px;float:right;max-height: 200px;
  overflow-y: auto;   /* 縦スクロールのみ */
  overflow-x: hidden; /* 横スクロールは出さない */}
#hmp .area-02 table {border-left:#FFF solid 1px;}
#hmp .area-02 table td { padding-bottom:20px;padding-left:20px;}
#hmp .area-02 table td a{}
#hmp .area-02 table tr:last-child td { padding-bottom:0px;}
#hmp .area-02 table td p { color:#FFF; line-height:1.5em;}
#hmp .area-02 table td a { color:#FFF;}

/*▼フッター▼*/
#footer { background:#1C1F87;}
#footer a,
#footer p,
#footer li{ color:#FFF;}
#footer #fmid { padding:50px 0 50px;margin:auto;overflow:hidden;max-width:1100px;}
#footer #fmid .left { float:left;padding:0px 0 0 20px;}
#footer #fmid .fname { margin-bottom:15px;}
#footer #fmid .fname a { text-decoration:none;display:block;}

#footer #fmid .fname p{ font-size:24px; font-weight:bold; line-height:1.2em;}
#footer #fmid .fname p span{ font-size:16px; display:block; font-weight:normal;}

#footer #fmid .p-tel {}
#footer #fmid .p-tel a {text-decoration:none; font-size:24px; font-weight:bold;font-family:"Oswald", sans-serif;}




#footer #fmid .right { float:right;text-align:right;}
/*フッターナビ*/
#footer #fmid .right ul {text-align:left; display:inline-block; vertical-align:top; margin-left:30px;}
#footer #fmid .right li {}
#footer #fmid .right li a { background:url(../images/common/ico-footer.png) left top 53% no-repeat; padding-left:15px; display:inline-block; margin-bottom:0px; line-height:1.5em;text-decoration:none;}
#footer #fmid .right li a:hover { color:#de7f88;opacity:1;transition:0.3s;}
#footer #fmid .right li:last-child {}


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

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

/* 追従ボタン */
/*
#fixd-btn { position:fixed;top:200px;right:0;z-index:2;}
#fixd-btn p { display:block;writing-mode:vertical-rl;text-orientation:upright;-ms-writing-mode:tb-rl;}
#fixd-btn a { text-decoration:none;width:50px;color:#FFF;font-size:20px;border:#FFF solid 3px;border-radius:10px 0px 0px 10px;margin-bottom:20px;padding:20px 0px;display:flex;align-items:center;}
#fixd-btn p img { width:30px;margin-bottom:10px;}
#fixd-btn .btn-line a { background:#54B939;}
#fixd-btn .btn-mail a { background:#E20000;}
#fixd-btn a.tel { margin-bottom:6px;}*/

/*▼エリア・共通設定▼*/
.bk-blue { background:#1C1F87; margin-bottom:70px;}
.bk-glay { background:#F9F9FF; margin-bottom:70px;}

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

.h2-01 { margin-bottom:50px;font-size:24px;font-weight:bold;line-height:2.5em;}
.h2-01 span { font-family:"Oswald", sans-serif;font-size:72px;font-weight:bold;color:#1C1F87;display:block;}


.h2-02 { color:#1C1F87; text-align:center; font-size:40px; font-weight:bold; margin-bottom:40px;}
.h2-03w { color:#fff; text-align:center; font-size:40px; font-weight:bold; margin-bottom:40px;}

.h2-w { margin-bottom:50px;font-size:24px;font-weight:bold;line-height:2.5em;color:#fff;}
.h2-w span { font-family:"Oswald", sans-serif;font-size:72px;font-weight:bold;color:#fff;display:block;}


.h3-01 { margin-bottom:30px;font-size:24px;font-weight:bold;}


.more {margin:50px auto 0px;font-size:18px;font-weight:600;text-align:center; clear:both; }
.more a { padding:10px 100px;color:#fff;text-decoration:none;display: inline-block;background: url(../images/common/ico-more-01.png) right 20px top 50% no-repeat #1C1F87;-webkit-border-radius:50px;border-radius:50px;-moz-border-radius:50px;transition:0.5s;}

.more-01{margin:50px auto 0px;font-size:18px;font-weight:600;text-align:center; clear:both; }
.more-01 a { padding:20px 100px;color:#1C1F87;text-decoration:none;display: inline-block;background: url(../images/common/ico-more.png) right 20px top 50% no-repeat #fff;-webkit-border-radius:50px;border-radius:50px;-moz-border-radius:50px;transition:0.5s;}

/*▼ホーム　home▼*/
#home .bk-01 { }
#home #box-01 { position:relative;}
#home #box-01 .area-01 { margin-left:550px;}
#home #box-01 .area-01 .tb-01 { margin-top:50px;overflow:hidden;}
#home #box-01 .area-01 .tb-01 .entry { width:170px;height:174px;float:left;margin-right:10px;background:url(../images/home/no-01.png);}
#home #box-01 .area-01 .tb-01 .entry:last-child { margin-right:0px;}
#home #box-01 .area-01 .tb-01 .entry p { margin-top:137px;color:#FFF;line-height:1em;text-align:center;}
#home #box-01 .img-01 { position:absolute;left:-408px;top:70px;}

#home #box-02 { position:relative;}
#home #box-02 p{ color:#FFF;}
#home #box-02 .area-01 { margin-bottom:100px;}
/* 画像エリア */
#home #box-02 .area-01 .btn-area { position: relative; width: 100%; margin-top: -200px; }
#home #box-02 .area-01 .btn-area .img-01 { position: absolute; top: -23px; left: 0; right: 0; margin: auto; }
#home #box-02 .area-01 .image-area { position: relative; width: 400px; height: 600px; margin: auto; }
#home #box-02 .area-01 .image-area .img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease; }
/* 初期表示 */
#home #box-02 .area-01 .image-area .img-a { opacity: 1; }
/* ボタン */
#home #box-02 .area-01 .btn { display: inline-block; padding: 12px 50px; border-radius: 30px; background: url(../images/common/ico-more.png) right 15px center no-repeat #fff; color: #1c2a8a; text-decoration: none; font-weight: bold; position: absolute; right: 0; top: 480px; }
#home #box-02 .area-01 .btn:nth-of-type(2) { top: 550px; }
/* hover切り替え */
#home #box-02 .area-01 .btn-personal:hover ~ .image-area .img-a { opacity: 1; }
#home #box-02 .area-01 .btn-personal:hover ~ .image-area .img-b { opacity: 0; }
#home #box-02 .area-01 .btn-corporate:hover ~ .image-area .img-a { opacity: 0; }
#home #box-02 .area-01 .btn-corporate:hover ~ .image-area .img-b { opacity: 1; }


#home #box-02 .area-02{ background:#FFF; border-radius:30px; padding:30px; overflow:hidden;}
#home #box-02 .area-02 p{ color:#000;}
#home #box-02 .area-02 .left{ width:450px; float:left; clear:both;}
#home #box-02 .area-02 .right{ width:530px; float:right; margin-bottom:50px;}
#home #box-02 .area-02 .right ul{ margin-top:20px;}

#home #box-02 .area-02 .right .tb-01 { margin-bottom:50px;overflow:hidden;}
#home #box-02 .area-02 .right .tb-01 .entry { width:170px;height:174px;float:left;margin-right:3px;background: url(../images/common/se-04.png);}
#home #box-02 .area-02 .right .tb-01 .entry:last-child { margin-right:0px;}
#home #box-02 .area-02 .right .tb-01 .entry p { margin-top:77px;color:#E20101;line-height:1em;text-align:center; font-weight:bold; letter-spacing:normal;}


#box-contact{ width:1100px; margin:auto; padding-top:50px; padding-bottom:50px; margin-bottom:100px;}
#box-contact h2{ margin-bottom:20px;}
#box-contact .area-01{display:flex;align-items: center/* ←縦の中央揃え */; position:relative;}
#box-contact .area-01 .img-01{position: absolute; z-index:1; left:280px;}







#box-contact .area-01 .tb-02{ display:inline-block; position:relative; z-index:2;}
#box-contact .area-01 .tb-02 p.p-01{ font-size:56px; font-weight:bold; line-height:1.2em;-webkit-text-stroke: 5px #fff;/* きれいな縁取り */paint-order: stroke fill; /* フチを外側優先で描画 */ }
#box-contact .area-01 .tb-02 a { text-decoration:none;display:inline-block;}
#box-contact .area-01 .tb-02 a img.logo { margin-right:5px;vertical-align:middle; height:70px;}
#box-contact .area-01 .tb-02 a .inner { display:inline-block;vertical-align:middle;}
#box-contact .area-01 .tb-02 a .inner p {font-family:"Noto Serif JP", serif;font-size:14px;color:#1C1F87;letter-spacing:normal;-webkit-text-stroke: 5px #fff;/* きれいな縁取り */paint-order: stroke fill; /* フチを外側優先で描画 */ }
#box-contact .area-01 .tb-02 a img.logoname{ height:28px;}



#box-contact .area-01 .tb-01{ display:inline-block; margin-left:auto;}
#box-contact .area-01 .tb-01 .p-01{ font-weight:bold;}

#box-contact .area-01 .tb-01 .p-tel { margin-bottom:20px;text-align:center; margin-top:30px;}
#box-contact .area-01 .tb-01 .p-tel a { font-family:"Oswald", sans-serif;font-size:40px;font-weight:bold;color:#1C1F87;line-height:1em;text-decoration:none;border:#1C1F87 solid 2px; padding:0 10px; }
#box-contact .area-01 .tb-01 .p-tel a img { height:34px;margin-right:10px; position:relative; bottom:10px;}
#box-contact .area-01 .tb-01 .btn-mail { margin-bottom:20px;}
#box-contact .area-01 .tb-01 .btn-mail a { font-size:30px; padding:20px 0px;font-weight:bold;color:#fff;line-height:1em;text-decoration:none;display:block;text-align:center;background:#E20000;border-radius:50px;}
#box-contact .area-01 .tb-01 .btn-mail a img { height:30px;margin-right:5px;}

#box-contact .area-01 .tb-01 .btn-qa { }
#box-contact .area-01 .tb-01 .btn-qa a { font-size:30px; padding:20px 0px;font-weight:bold;color:#fff;line-height:1em;text-decoration:none;display:block;text-align:center;background:#1C1F87;border-radius:50px;}
#box-contact .area-01 .tb-01 .btn-qa a img { height:35px;margin-right:5px; position:relative; top:5px;}

#box-area{ width:1100px; margin:auto; overflow:hidden; margin-bottom:100px;}
#box-area .left{ width:550px; float:left;}
#box-area .left .googlemap{height: 0;overflow: hidden;padding-bottom: 67%;position: relative;}
#box-area .left .googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
#box-area .right{ width:550px; float:right;}



#company{}
#company #box-01 { }
#company #box-01 .sub{ text-align:center; margin-bottom:50px;}
#company #box-01 .sub .p-01{ font-size:40px; font-weight:bold;}
#company #box-01 .sub .p-02{ font-size:30px; font-weight:bold;}
#company #box-01 .area-01 { overflow:hidden;}
#company #box-01 .area-01 .left{ width:720px; float:left;}
#company #box-01 .area-01 .right{ width:300px; float:right;}
#company #box-01 .area-01 .right img{ margin-bottom:7px;}
#company #box-01 .area-01 .right p.p-01{ text-align:right; font-weight:bold; letter-spacing:normal;}
#company #box-01 .area-01 .right p.p-02{ text-align:right; font-weight:bold;}
#company #box-01 .area-01 .right p.p-02 span{ font-size:24px;}

#company #box-02 { position:relative;}
#company #box-02 p{ color:#FFF;}
#company #box-02 .area-01 { overflow:hidden;width:620px;}
#company #box-02 .area-01 .left{ width:620px;}
#company #box-02 .area-01 h3{ color:#FFF; font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#company #box-02 .area-01 h3:first-of-type{margin-top:0px;}
#company #box-02 .img-01 { position:absolute;right:-410px;top:240px;}

#company #box-03 { }
#company #box-03 .area-01 {}
#company #box-03 .area-01 table{ width:100%; margin-bottom:70px;}
#company #box-03 .area-01 table:last-of-type{margin-bottom:0px;}
#company #box-03 .area-01 table td{padding:20px 0px; border-bottom: #999 solid 1px;}
#company #box-03 .area-01 table td:first-child{ width:180px; font-weight:bold;}

#company .bk-04{ background:url(../images/company/bk-04.png) center top no-repeat; height:500px;}
#company #box-04{display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */;flex-direction: column; /* 追加すると縦並びになる */}
#company #box-04 p{ color:#FFF;}
#company #box-04 .area-01 { text-align:center;}
#company #box-04 .more a{ border:#FFF solid 2px;}



#service{}
#service #box-01 { }
#service #box-01 .area-01 { overflow:hidden;}
#service #box-01 .area-01 .entry{ width:348px; border:#000 solid 1px; border-radius:20px; overflow: hidden; float:left; margin-right:20px; margin-bottom:30px;}
#service #box-01 .area-01 .entry:nth-child(3n){ margin-right:0px;}
#service #box-01 .area-01 .entry h3{ text-align:center; padding:18px 0px; color:#FFF; font-size:20px;font-weight: bold; background:#000;}
#service #box-01 .area-01 .entry .inner{width:300px; margin:auto;padding:24px 0px;}
#service #box-01 .area-01 .entry .inner img{ margin-bottom:10px;}
#service #box-01 .area-01 .entry .inner .text{ margin-bottom:10px;}
#service #box-01 .area-01 .entry .more{ margin:0px;}
#service #box-01 .area-01 .entry .more a {  padding:10px 0px; display:block;}




#corporations{}

#corporations #box-navi { text-align:center;}
#corporations #box-navi .area-01{ margin-bottom:50px;}
#corporations #box-navi .area-01 p{ text-align:center; font-size:17px; letter-spacing:normal;}

#corporations #box-navi ul{}
#corporations #box-navi ul li{ display:inline-block;}
#corporations #box-navi ul li a{ width:170px; padding:10px 0px; border-radius:40px; margin-right:10px; background:#1C1F87; color:#fff; text-decoration:none; display:inline-block;}
#corporations #box-navi ul li:last-child a{margin-right:0px;}


#corporations #box-01 { }
#corporations #box-01 .area-01 {display:flex;align-items: center/* ←縦の中央揃え */;}

#corporations #box-01 .area-01 .left{ display:inline-block;}
#corporations #box-01 .area-01 .right{ width:550px; margin-left:auto; display:inline-block;}
#corporations #box-01 .area-01 .right p{ color:#FFF;}

#corporations #box-02 { }
#corporations #box-02 .area-01 { overflow:hidden;}
#corporations #box-02 .area-01 .left{ width:660px; float:left;}
#corporations #box-02 .area-01 .right{ width:350px; float:right; margin-top:100px;}
#corporations #box-02 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-02 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-02 .area-01 .right img{ margin-bottom:100px;}

#corporations #box-03 { }
#corporations #box-03 .area-01 { overflow:hidden;}
#corporations #box-03 .area-01 .left{ width:350px; float:left;}
#corporations #box-03 .area-01 .right{ width:660px; float:right;}
#corporations #box-03 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-03 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-03 .area-01 .right img{ margin-bottom:30px;}


#corporations #box-04 { }
#corporations #box-04 .area-01 { overflow:hidden;}
#corporations #box-04 .area-01 .left{ width:660px; float:left; }
#corporations #box-04 .area-01 .right{ width:350px; float:right; margin-top:200px;}
#corporations #box-04 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-04 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-04 .area-01 .right img{ margin-bottom:150px;}



#corporations #box-05 { }
#corporations #box-05 .area-01 { overflow:hidden;}
#corporations #box-05 .area-01 .left{ width:350px; float:left;}
#corporations #box-05 .area-01 .right{ width:680px; float:right;}
#corporations #box-05 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-05 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-05 .area-01 .right img{ margin-bottom:30px;}


#corporations #box-05 .area-01 .right .copyright-flow {padding:20px; border: 2px solid #2b2e83; text-align: center; background: #fff; margin-top:20px;}
#corporations #box-05 .area-01 .right .flow-title { font-size: 22px; font-weight: bold; margin-bottom: 30px; color: #2b2e83; }
#corporations #box-05 .area-01 .right .flow-box { border: 2px solid #2b2e83; padding: 10px; background: #f7f8ff; }
#corporations #box-05 .area-01 .right .flow-steps { display: flex; align-items: center; justify-content: center; gap: 5px;}
#corporations #box-05 .area-01 .right .flow-steps .step { padding: 2px 10px; border: 2px solid #2b2e83; font-weight: bold; background: #fff; color: #2b2e83;}
#corporations #box-05 .area-01 .right .flow-steps .step.active { background: #2b2e83; color: #fff; }
#corporations #box-05 .area-01 .right .flow-steps .arrow {font-weight: bold; color: #2b2e83; }
#corporations #box-05 .area-01 .right .flow-down { font-size: 20px;color: #2b2e83; }
#corporations #box-05 .area-01 .right .flow-result { display: inline-block; background: #d90000; color: #fff; font-weight: bold; padding: 15px 30px; font-size: 18px; }



#corporations #box-06 { }
#corporations #box-06 .area-01 { overflow:hidden;}
#corporations #box-06 .area-01 .left{ width:660px; float:left;}
#corporations #box-06 .area-01 .right{ width:350px; float:right;}
#corporations #box-06 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-06 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-06 .area-01 .right img{ margin-bottom:30px;}


#corporations #box-07 { }
#corporations #box-07 .area-01 { overflow:hidden;}
#corporations #box-07 .area-01 .left{ width:350px; float:left;}
#corporations #box-07 .area-01 .right{ width:660px; float:right;}
#corporations #box-07 .area-01 h3{font-weight:bold; font-size:30px; margin-bottom:30px; margin-top:30px;}
#corporations #box-07 .area-01 h3:first-of-type{margin-top:0px;}
#corporations #box-07 .area-01 .right img{ margin-bottom:30px;}


#flow{}
#flow #box-01 { }
#flow #box-01 .area-01 {}
#flow #box-01 .area-01 .entry{ padding:40px 0px; border-bottom:#CCC solid 1px; border-top:#CCC solid 1px; overflow:hidden;display:flex;align-items: center/* ←縦の中央揃え */;} 
#flow #box-01 .area-01 .entry .left{ width:264px;} 
#flow #box-01 .area-01 .entry .right{ width:800px; margin-left:auto;}
#flow #box-01 .area-01 .entry .right .p-01{ color:#1C1F87; font-weight:bold; margin-bottom:10px; font-size:22px;}  
#flow #box-01 .area-01 .entry .right .p-01 span{ font-family:"Oswald", sans-serif;font-size:60px; margin-right:7px;}  


#contact{}
#contact #box-01 { }
#contact #box-01 .area-01 { text-align:center; margin-bottom:30px;}
#contact #box-01 .area-01 p{ font-size:18px;}
#contact #box-01 .area-02{display:flex;justify-content:center;gap:0;overflow: hidden;margin-top:80px;}
#contact #box-01 .area-02 .entry{width: 50%;box-sizing: border-box;border-right: #999 solid 1px;}
#contact #box-01 .area-02 .entry:last-child{border-right: none;}
#contact #box-01 .area-02 .entry .inner{ padding:0 50px;}
#contact #box-01 .area-02 .entry h3{ color:#1C1F87; font-weight:bold; text-align:center; margin-bottom:20px; font-size:24px;}
#contact #box-01 .area-02 .entry .text{}
#contact #box-01 .area-02 .entry .p-01{ font-size:14px;}
#contact #box-01 .area-02 .entry .more-line{margin:20px auto 0px;font-size:18px;font-weight:600;text-align:center; clear:both; }
#contact #box-01 .area-02 .entry .more-line a { padding:10px 50px;color:#fff;text-decoration:none;display: inline-block;background:#54B939; b-webkit-border-radius:50px;border-radius:50px;-moz-border-radius:50px;transition:0.5s;}
#contact #box-01 .area-02 .entry .more-line img{ width:30px; margin-right:7px;}
#contact #box-01 .area-02 .entry .more { margin:20px auto 0px;}
#contact #box-01 .area-02 .entry .more a { padding:10px 50px;}

#contact #box-01 .area-02 .entry .telarea{ border:#1C1F87 solid 2px; text-align:center; padding:20px 0px; margin-bottom:10px;}
#contact #box-01 .area-02 .entry .p-tel { display:inline-block;vertical-align:middle; margin-bottom:10px;}
#contact #box-01 .area-02 .entry .p-tel:last-child{ margin-bottom:0px;}
#contact #box-01 .area-02 .entry .p-tel a { font-family:"Oswald", sans-serif;font-size:36px;font-weight:bold;color:#1C1F87;line-height:1em;text-decoration:none;display:block;}
#contact #box-01 .area-02 .entry .p-tel a img { height:30px;margin-right:10px;}
#contact #box-01 .area-02 .entry p.p-02{ text-align:center;}
#contact #box-01 .area-02 .entry .telarea .p-01{ line-height:1em;}

#contact #box-02{}
#contact #box-02 .area-01{ margin-bottom:50px;}
#contact #box-02 .area-01 ul li{ background: url(../images/flow/li.png) 0 6px no-repeat; padding-left:22px; margin-bottom:10px;}
#contact #box-02 .area-02{}
#contact #box-02 .area-02 .area-mailform{ background:#F9F9FF; padding:50px 50px;}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-02 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle; border-bottom:#CCC solid 1px;}
#contact #box-02 .area-02 .area-mailform table tr:first-child td{border-top:#CCC solid 1px;}
#contact #box-02 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top; font-family:"Zen Maru Gothic", serif;}
#contact #box-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;}
#con{ 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:#fff; background:#ff3838; font-size:11px; padding:0px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#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:98%;}
#contact #box-02 .area-02 .area-mailform .w02{width:43.7%;}

#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 .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 h2{ font-size:22px; font-weight:bold; margin-bottom:5px;}

#contact #box-02 .area-02 .area-mailform .btn { width: 350px; font-size: 18px; font-weight: bold; color: #fff; background: #1C1F87;/* 基本カラー */ text-align: center; box-shadow: 0px 5px 0 #141764;/* 濃い影 */ border: 3px solid #141764;/* 濃いボーダー */ padding: 25px 0; display: block; text-decoration: none; border-radius: 50px; box-sizing: border-box; position: relative; transition: 0.3s; margin: 40px auto 0; cursor: pointer; }
#contact #box-02 .area-02 .area-mailform .btn:hover { box-shadow: 0 1px 0 #141764; transform: translateY(5px); opacity: 1; }


#press .area-01 p{ text-align:center;}

#press .area-02 { display: flex; gap: 24px; max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
#press .area-02 .media-box { flex: 1; border: 2px solid #1C1F87; border-radius: 10px; padding: 20px 22px; background: #fff; }
#press .area-02 .media-head {margin-bottom: 10px; }
#press .area-02 .media-head h3 { font-size: 18px; font-weight: bold; line-height:1em;}
#press .area-02 .media-head .brand { font-size: 14px; font-weight: bold; color: #1C1F87;}
#press .area-02 .media-box p {}


#press .area-02 .media-box .more { margin:20px auto 0px;}
#press .area-02 .media-box .more a { padding:10px 50px;}



#press-book{}
#press-book #box-01 { }
#press-book #box-01 .area-01 { margin-bottom:100px;}
#press-book #box-01 .area-01 .book-entry { display: flex; padding: 25px 0; border-bottom: 1px solid #999; }
/* 左：画像 */
#press-book #box-01 .area-01 .book-img { width: 120px; flex-shrink: 0; }
#press-book #box-01 .area-01 .book-img img { width: 100%; height: auto; }
/* 右：テキスト */
#press-book #box-01 .area-01 .book-text { padding-left: 30px; }
#press-book #box-01 .area-01 .book-text h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; line-height: 1.6em; }
#press-book #box-01 .area-01 .book-text .desc { margin-bottom: 10px; line-height: 1.8em; }
#press-book #box-01 .area-01 .book-text .meta { font-size: 14px; color: #555; line-height: 1.6em; }


#press-old #box-01 { }
#press-old #box-01 .area-01 { margin-bottom:100px; overflow:hidden;}
#press-old #box-01 .area-01 .book-entry {padding: 25px 0; border-bottom: 1px solid #999; width:48%; float:left;}
#press-old #box-01 .area-01 .book-entry:nth-child(2n){ float:right;}
/* 左：画像 */
#press-old #box-01 .area-01 .book-img { width:60px; float:left;}
/* 右：テキスト */
#press-old #box-01 .area-01 .book-text { width:450px; float:right; }
#press-old #box-01 .area-01 .book-text h3 { font-size: 20px; font-weight: bold; margin-bottom:0px; line-height: 1.6em; }
#press-old #box-01 .area-01 .book-text .desc { margin-bottom: 10px; line-height: 1.8em; }



#type{}

#type .bk-glay {}
#type #box-navi { text-align:center;}
#type #box-navi ul{}
#type #box-navi ul li{ display:inline-block;}
#type #box-navi ul li a{ width:170px; padding:10px 0px; border-radius:40px; margin-right:10px; background:#1C1F87; color:#fff; text-decoration:none; display:inline-block;}
#type #box-navi ul li:last-child a{margin-right:0px;}
#type #box-navi ul li img{ display:block;transform: rotate(90deg); margin:auto;}


#type #box-01 { padding-top:0px;}
#type #box-01 .lead { margin-bottom: 30px; }
#type #box-01 .title { color: #1C1F87; font-size: 22px; font-weight: 700; margin: 50px 0 20px; padding: 10px 15px; border-left: 6px solid #1C1F87; border-bottom: 3px solid #1C1F87; background: linear-gradient(transparent 60%, rgba(28,31,135,0.08) 60%); }
#type #box-01 .sub-title { position: relative; color: #1C1F87; font-size: 18px; font-weight: 700; margin: 35px 0 15px; padding-left: 28px; }
#type #box-01 .sub-title::before { content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; background: #1C1F87; border-radius: 50%; transform: translateY(-50%); }
#type #box-01 .checklist { margin: 25px 0; padding-left: 0; }
#type #box-01 .checklist li { list-style: none; position: relative; padding: 10px 10px 10px 34px; border-bottom: 1px dotted #ccc; }
#type #box-01 .checklist li::before { content: "✔"; position: absolute; left: 10px; top: 10px; color: #1C1F87; font-weight: 700; }
#type #box-01 .alert { margin-top: 40px; padding: 20px; border: 2px solid #1C1F87; background: #f5f6ff; font-weight: 700; text-align: center; box-shadow: 0 4px 10px rgba(28,31,135,0.15); }

#type #box-01 .simple-calendar { margin: 30px 0; }
#type #box-01 .calendar-title { font-weight: 700; margin-bottom: 10px; }
#type #box-01 .calendar-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; }
#type #box-01 .calendar-table th { background: #1C1F87; color: #fff; padding: 8px 0; border: 1px dotted #1C1F87; }
#type #box-01 .calendar-table td { vertical-align: top; border: 1px dotted #1C1F87; padding: 8px; }
#type #box-01 .calendar-table .day { display: block; font-weight: 700; color: #1C1F87; margin-bottom: 5px; }
#type #box-01 .calendar-table ul { padding-left: 0; margin: 0; }
#type #box-01 .calendar-table ul li { list-style: none; line-height: 1.6; }


#type #box-01 .report-top { display: flex; gap: 30px; margin-bottom: 40px; }
#type #box-01 .report-text { flex: 1; }
#type #box-01 .report-image { width: 260px; }
#type #box-01 .report-image img { max-width: 100%; border: 1px solid #ccc; }
#type #box-01 .report-sample { margin: 40px 0; text-align: center; }
#type #box-01 .report-sample img { max-width: 100%; border: 1px solid #ccc; }
#type #box-01 .center { text-align: center; margin-bottom: 15px; }
#type #box-01 .link-right { text-align: right; margin: 20px 0; }
#type #box-01 .link-right a { color: #1C1F87; font-weight: 700; text-decoration: none; }
#type #box-01 .link-right a:hover { text-decoration: underline; }

/* スマホ対応 */
@media screen and (max-width: 768px) {
#type #box-01 .report-top { flex-direction: column; }
#type #box-01 .report-image { width: 100%; text-align: center; }
}

/* 体験談ボックス全体 */
#type #box-01 .voice-box { background: #fafbff; border: 1px solid #dcdff5; border-radius: 8px; padding: 30px 28px; margin: 30px 0 50px; box-shadow: 0 4px 12px rgba(28,31,135,0.08); }
/* 段落 */
#type #box-01 .voice-box p { margin-bottom: 1.8em; line-height: 2.1; }
/* 最後の段落だけ余白調整 */
#type #box-01 .voice-box p:last-child { margin-bottom: 0; }
/* 冒頭を少し強調（1段落目） */
#type #box-01 .voice-box p:first-child { font-weight: 700; color: #1C1F87; }
/* 引用風アクセント（全体の左ライン） */
#type #box-01 .voice-box { position: relative; }
#type #box-01 .voice-box::before { content: ""; position: absolute; top: 20px; left: 0; width: 4px; height: calc(100% - 40px); background: #1C1F87; border-radius: 2px; }


#type #box-01 .boxes-container{ display:inline-block;}
#type #box-01 .boxes-container .tb-01 { width:353px; border:#CCC solid 2px; padding:20px;}
#type #box-01 .boxes-container  .hidden { display: none; }

#type #box-01 .letter-box { background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 25px 28px; margin: 30px 0; box-shadow: 0 6px 15px rgba(0,0,0,0.08); position: relative; }
/* 上下に紙っぽい影 */
#type #box-01 .letter-box::before, #type #box-06 .letter-box::after { content: ""; position: absolute; left: 10px; right: 10px; height: 6px; background: rgba(0,0,0,0.05); filter: blur(4px); }
#type #box-01 .letter-box::before { bottom: -8px; }
#type #box-01 .letter-box::after { top: -8px; }
/* 見出し（○○さんからのお手紙） */
#type #box-01 .letter-box h4 { font-size: 16px; font-weight: 700; margin-bottom: 15px; color: #1C1F87; }
/* 本文 */
#type #box-01 .letter-box p { line-height: 2.1; margin: 0; }

/* スマホ対応 */
@media screen and (max-width: 768px) {
#type #box-01 .letter-box { padding: 20px; }
}


#type #box-01 .price-wrap { display: flex; gap: 30px; margin-top: 30px; }
#type #box-01 .price-text { flex: 1; }
#type #box-01 .price-text p { margin-bottom: 18px; line-height: 2; }
#type #box-01 .price-image { width: 280px; }
#type #box-01 .price-image img { max-width: 100%; border: 1px solid #ccc; }

/* スマホ対応 */
@media screen and (max-width: 768px) {
#type #box-01 .price-wrap { flex-direction: column; }
#type #box-01 .price-image { width: 100%; text-align: center; }
}

#type #box-01 .case-block { margin-bottom: 50px; }
#type #box-01 .case-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 3px solid #3ac14a; margin-bottom: 15px; }
#type #box-01 .case-title { font-size: 18px; font-weight: 700; color: #1C1F87; margin: 0; }
#type #box-01 .case-en { font-size: 13px; color: #3ac14a; }
#type #box-01 .solution-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 3px solid #ff8a3d; margin: 30px 0 15px; }
#type #box-01 .solution-head h5 { font-size: 16px; font-weight: 700; color: #ff8a3d; margin: 0; }
#type #box-01 .solution-en { font-size: 13px; color: #ff8a3d; }

/* スマホ対応 */
@media screen and (max-width: 768px) {
#type #box-01 .case-head,  #type #box-01 .solution-head { flex-direction: column; align-items: flex-start; gap: 4px; }
}

#type #box-01 p strong { display: block; margin-top: 20px; color: #1C1F87; }
 @media screen and (max-width: 768px) {
#type #box-01 .checklist li { padding-left: 30px; }
}

#type #box-01 .float-image-right { float: right; margin: 0 0 20px 20px; display:inline-block;}
#type #box-01 .float-image-right img { max-width: 100%; border: 1px solid #ccc; }
/* 回り込み解除 */
#type #box-01 .clearfix { clear: both; }

/* スマホでは回り込み解除して中央表示 */
@media screen and (max-width: 768px) {
#type #box-01 .float-image-right { float: none; width: 100%; margin: 20px 0; text-align: center; }
}

#type #box-01 ul.number-list { margin: 20px 0; padding-left: 1.8em;}
#type #box-01 .number-list li { margin-bottom: 12px; line-height: 2; list-style: decimal; }
#type #box-01.padding70{ padding-top:70px;}
/*#1C1F87*/

/*▼よくある質問一覧　QA▼*/
/*=========
accordion
=========*/

#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;}



/*▼ブログ共通　bl▼*/
.bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
#list #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;}


/* アーカイブ・カテゴリー */
.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:#1C1F87;}
.bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#1C1F87;}
.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, #1C1F87 0%, #613282 100%);background-image:linear-gradient(to right, #1C1F87 0%, #613282 100%);}




/*▼お知らせ一覧　list▼*/

#list #mleft{width:680px;float:left;}
#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:#1C1F87;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:#1C1F87;}

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