@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:20px; line-height:1.5em; letter-spacing:1px; color:#414141;-webkit-text-size-adjust:100%; font-weight:400;font-family:'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/


/*▼エリア・背景設定▼*/
body{ background:#f8f6f4; min-width:1400px; position:relative;}
#body-top{ background: url(../images/common/header-bk.png) center top no-repeat , url(../images/common/img-04.png) center top no-repeat; background-size:100% auto;overflow:hidden;}



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

/*▼ヘッダー▼*/
#header{ max-width:95%; min-width:1100px; margin:auto;position:relative;}
#header #hmid{ overflow:hidden;}
#header .left{ float:left; padding-top:15px;}
#header .left a{ display:inline-block; text-decoration:none;}
#header .left a img{ vertical-align:middle; margin-right:15px;}
#header .left a .inner{ vertical-align:middle; display:inline-block;}
#header .left a .inner p.p-01{ font-size:14px;color:#b06887;}
#header .left a .inner p.p-02{ font-size:16px;}
#header .left a .inner p.p-name{ font-size:24px; font-weight:bold; line-height:1.2em;}
#header .left a .inner p.p-name span{ font-size:30px;}


#header .right{ display:inline-block; float:right; padding-top:10px;}
#header .right .area-tel{}
#header .right .area-tel .p-tel{ font-size:48px; font-weight:bold;line-height:1em;margin-bottom:5px; }
#header .right .area-tel .p-tel a{color:#b06887; display:block; text-decoration:none;}
#header .right .area-tel .p-tel img{ height:48px;}
#header .right .area-tel .p-01 { font-size:18px; color:#b06887; border:#b06887 solid 1px; background:#FFF; text-align:center; padding:5px 0px;}


#header .right .inner{ width:200px; float:right; padding-top:3px;}
#header .right .inner a.btn{ background:#de7f88; font-size:15px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:10px 0px; text-align:center; border-radius:50px; border:1px solid #de7f88; margin-bottom:10px;}
#header .right .inner a.btn{ font-size:16px; margin-right:3px; position:relative; top:2px; font-family:"Zen Maru Gothic", serif;}
#header .right .inner a.btn i{ margin-right:5px;}
#header .right .inner .sns{ text-align:center;}
#header .right .inner .sns a{ display:inline-block; text-decoration:none; margin-right:12px;}
#header .right .inner .sns a:last-child{ margin-right:0;}




/*▼メインナビゲーション▼*/
#navi{margin:auto; text-align:center;margin-top:50px; margin-bottom:30px;}
#navi ul{ display:inline-block; position:relative; z-index:4;}
#navi li { display:inline-block; font-size:18px; font-weight:bold; line-height:1.5em; text-align:center; padding:0 10px; position:relative; letter-spacing:normal;}
#navi li img{ position:relative; top:7px;}
#navi li:first-child{ padding-left:0;}
#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:#b06887;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:2px;width:100%;height:2px;background:linear-gradient(to right, #b06887, #b06887);transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
/* 横幅が1330px以下の場合に適用するスタイル */
@media (max-width:1800px) {
#navi{display:block; margin-top:20px;clear:both;}
    
}

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


#hmp{ text-align:center; width:95%; margin:auto; position:relative; margin-bottom:100px;}
.fade-zoom-slider {
  position: relative;
  width: 100%;
  max-width: 1824px;
  aspect-ratio: 1824 / 800;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
}

.fade-zoom-slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.04);
  transition:
    opacity 1.2s ease,
    transform 6s ease;
}

/* 表示中の画像 */
.fade-zoom-slider img.is-active {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}



#hmp .area-01{ position:absolute; top:42%; left:0px;background: rgba(255,255,255, 0.9); margin-left:-3%;z-index: 2;}
#hmp .area-01 .p-01{ font-size:2.5vw; font-weight:bold; color:#b06887;}
#hmp .area-01 .p-01 span{color:#414141;}
#hmp .area-01 .tb-01{ background:#b06887; text-align:center; padding:10px 10vw; display:block;}
#hmp .area-01 .tb-01 p.p-02{ color:#FFF; font-size:1vw; font-weight:bold;}
#hmp .area-01 img{ position:absolute; top:-10px; right:-70px;}


#hmp .area-02{ position:absolute; top:50%; right:10vw;background: rgba(255,255,255, 0.9); border-radius:25px; padding:30px; z-index:31;}
#hmp .area-02 table{}
#hmp .area-02 table td{ padding:10px; vertical-align:middle; border-bottom:#666 solid 1px; font-size:18px;}

#hmp .area-02 table td:first-child { text-align:left;}
#hmp .area-02 table tr:first-child td{border-top:#666 solid 1px;}
#hmp .area-02 table tr:nth-child(2) td{ color:#b06887;}
#hmp .area-02 table tr:nth-child(3) td{ color:#f2a3be;}
#hmp .area-02 table td span{ color:#414141;}
#hmp .area-02 ul li{ font-size:16px; text-align:left; text-indent:-1em; padding-left:1em;}





#mp{ text-align:center; width:95%; margin:auto; position:relative;}
#mp .area-01{ position:absolute; top:42%; left:0px; padding:8px 7vw 5px 10vw; min-width:400px;background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); margin-left:-3%;}
#mp .area-01 .p-01{ font-size:2vw; font-weight:bold; line-height:1em; text-align:left;}
#mp .area-01 .p-01 span{color:#b06887; font-size:20px;}
#mp .area-01 img{ position:absolute; top:-10px; right:-10px;}


@media (max-width:1532px) {

#mp .area-02{ top:40%;}
#mp .area-01 .tb-01{padding:10px 4vw;}

#mp .area-01 img{ right:-120px;}  
}



/*▼フッター▼*/
#footer {}
#footer #fmid{ width:1500px; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:50px;}
#footer .left{ float:left;display:inline-block; }
#footer .left a{text-decoration:none;}
#footer .left a img{ vertical-align:middle; margin-right:15px;}
#footer .left a .inner{ vertical-align:middle; display:inline-block;}
#footer .left a .inner p.p-01{ font-size:14px;color:#b06887;}
#footer .left a .inner p.p-02{ font-size:16px;}
#footer .left a .inner p.p-name{ font-size:24px; font-weight:bold; line-height:1.2em;}
#footer .left a .inner p.p-name span{ font-size:30px;}



#footer #fmid .right{ float:right; text-align:right; padding-right:20px;}
/*フッターナビ*/
#footer #fmid .right ul{ text-align:left; display: inline-block; margin-left:80px; vertical-align:top;}
#footer #fmid .right ul:first-child{margin-left:0px;}
#footer #fmid .right ul li {font-size:18px; font-weight:bold; margin-bottom:15px;}
#footer #fmid .right ul li a{ color:#5a4c42; text-decoration:none; position:relative;padding-bottom:10px;}

#footer #fmid .right ul li a:hover{ color:#de7f88; opacity:1; transition:0.3s;}
#footer #fmid .right ul li:last-child{ margin-right:5px;}

#footer #fmid .right ul li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:2px;width:100%;height:2px;background:linear-gradient(to right, #b06887, #b06887);transform:scale(0, 1);transition:0.3s;}
#footer #fmid .right ul li a:hover:after{ transform:scale(1);}




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


.page-top {
	position:fixed;
    bottom:70px;
    right:20px;
	background-image:url(../images/common/totop.png);
	width:80px; height:80px; 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;}

#btn-kotei{ position:fixed; right:0; top:200px; font-size:20px;}

#btn-kotei a{ text-decoration:none;}
#btn-kotei a .s-01{ font-size:24px;color:#fff;text-decoration:none; display:block;background:#b06887;border-radius:10px 0 0 0px; width:70px; padding:20px 0px;writing-mode: vertical-rl; /* テキストを縦書きにする */
    text-align: center; /* テキストを中央揃えにする */
    display: flex; /* Flexboxを使用 */
    justify-content: center; /* 水平方向に中央揃え */
    align-items: center; /* 垂直方向に中央揃え */ }
#btn-kotei span.s-02{ background:#945570; display:block; text-align:center; padding-bottom:20px;border-radius:0px 0 0 10px;}

/*▼エリア・共通設定▼*/
.bk-gray{ background:#f6f2e8;}
.bk-gray2{ background:#f5f2e9;}

.pink{ color:#de7f88;}

.box{margin:auto; padding:70px 0;}
.box1100{ width:1100px;}
.box1300{ width:1300px;}
.box1500{ width:1500px;}

.area-pink{ background:#faf1f0; padding:50px 50px; border-radius:30px; overflow:hidden; margin-bottom:50px;}
.area-white{ background:#fff; border:3px solid #de7f88; padding:50px 50px; border-radius:30px; overflow:hidden; margin-bottom:50px;}

.h2-01{ font-size:48px; font-weight:bold; color:#b06887;margin-bottom:50px; text-align:center; position:relative; padding-bottom:20px;}
.h2-01 span{ font-size:20px; font-weight:bold; color:#414141; line-height:1.5em; display:block; margin:auto;}

.h2-01:before{ content:""; display:block; width:80px; height:2px; background:#b06887; position:absolute; left:0; right:0; bottom:0; margin:auto;}
.h2-01.tleft{ text-align:left;}
.h2-01.tleft:before{ left:0; right:inherit; margin:0;}



.h2-02{ background:url(../images/common/h2-02.png) left top no-repeat; padding:20px 0px 20px 50px; color:#b06887; font-size:48px; font-weight:bold; line-height:.7em; display:inline-block;}
.h2-02 span{ font-size:20px;color:#414141;}


.h3-01{ font-size:30px; font-weight:bold; color:#de7f88; text-align:center; margin-bottom:15px;}
.h3-02{ font-size:20px; font-weight:bold; color:#e68a45; text-align:center; padding:10px 0; border-top:1px solid #858469; border-bottom:1px solid #858469; margin-bottom:30px;}
.h3-03{ font-size:24px; font-weight:bold; color:#858469; margin-bottom:15px;}
.h3-03 i{ margin-right:10px;}


.h4-01{ font-size:24px; font-weight:bold; color:#858469; text-align:center; margin-bottom:40px;}
.h4-01.tleft{ text-align:left;}


.more {text-align:center; clear:both;}
.more a{ background:#b06887 url(../images/common/more-01.png) top 50% right 10px no-repeat;border:#b06887 solid 2px; width:330px; display:block; padding:20px 0px; color:#fff;font-size:18px; font-weight:600; text-decoration:none; text-align:center; border-radius:10px; margin:auto;}
.more a:hover{ background:#FFF url(../images/common/more-02.png) top 50% right 10px no-repeat;border:#b06887 solid 2px; color:#b06887; opacity:1; filter:alpha(opacity=100);}



.more-01{text-align:center; clear:both;}
.more-01 a{ background:#f2a3be url(../images/common/more-01.png) top 50% right 10px no-repeat;border:#f2a3be solid 2px; width:330px; display:block; padding:20px 0px; color:#fff;font-size:18px; font-weight:600; text-decoration:none; text-align:center; border-radius:10px; margin:auto;}
.more-01 a:hover{ background:#FFF url(../images/common/more-03.png) top 50% right 10px no-repeat;border:#f2a3be solid 2px; color:#f2a3be; opacity:1; filter:alpha(opacity=100);}


.p-marker{ font-size:18px; font-weight:bold; margin-bottom:30px;}
.p-marker span{ font-size:28px; display:inline; position:relative; line-height:1.7em; margin:5px 0; background:linear-gradient(transparent 70%, #f6dddf 0%);}







/*▼ホーム　home▼*/
#home .bk-a{ background:url(../images/common/img-05.png) right top 200px no-repeat, url(../images/common/img-03.png) right top 600px no-repeat;}
#home .bk-01{ background: url(../images/home/box-01.png) left top repeat-y;}


#home #box-01{ position:relative;}
#home #box-01 img.img-01{ position:absolute; top:3px; right:-30px; z-index:0;}
#home #box-01 .area-01{ overflow:hidden; width:1300px; position:relative; z-index:1;}
#home #box-01 .area-01 .tb-01{ width:985px; display:inline-block; float:right}
#home #box-01 .area-01 .tb-01 table{ width:100%; margin-bottom:50px;}
#home #box-01 .area-01 .tb-01 table td{ padding:20px 10px;}
#home #box-01 .area-01 .tb-01 table td.td-01{ color:#b06887; font-size:18px; width:150px;}
#home #box-01 .area-01 .tb-01 table td.td-02{ width: 134px; } 
#home #box-01 .area-01 .tb-01 table td.td-02 span{ color:#FFF;padding:5px 0 8px 0; text-align:center; border-radius:20px; display:inline-block; width:120px; position:relative; top:-3px; line-height:1em; background:#090;}
#home #box-01 .area-01 .tb-01 table td.td-02 span.news{ background:#090;}
#home #box-01 .more { text-align:right; background:#CCC;}
#home #box-01 .more a{ float:right; clear:both;}

tr.clickable {cursor: pointer;transition: background-color .3s;}
tr.clickable:hover {background: #f9f0f5;}


#home #box-02{ position:relative;}
#home #box-02 .p-01{ text-align:center; margin-bottom:50px;}
#home #box-02 .area-01{ overflow:hidden; margin-bottom:50px;}
#home #box-02 .area-01 .entry{ width:330px; float:left; margin-right:20px;}
#home #box-02 .area-01 .entry:last-child{margin-right:0px;}
#home #box-02 .area-01 .entry img{ margin-bottom:15px;}
#home #box-02 .area-01 .entry .p-02{ font-size:24px; text-align:center; font-weight:bold; color:#b06887; margin-bottom:5px;}
#home #box-02 .area-01 .entry .p-03{ font-size:20px; }

#home .bk-03{ background:url(../images/home/houmon-01.png) left top no-repeat,url(../images/common/img-02.png) right 50px top 170px no-repeat,url(../images/home/box-01.png) right top 150px no-repeat;background-size:41.5vw , auto ,auto; margin-bottom:70px;}
#home #box-03{ position:relative; text-align:right;}
#home #box-03 .area-01{ position:relative; width:820px; text-align:left; display:inline-block; padding-top:170px;}
#home #box-03 .area-01 h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}
#home #box-03 .area-01 h3 img{ margin-right:6px;}
#home #box-03 .area-01 h4{ font-size:24px; font-weight:bold; margin-bottom:40px; color:#b06887;}

#home #box-03 .area-01 .text-01{ margin-bottom:40px;}
#home #box-03 .area-01 .text-01 p{ font-size:20px;}
#home #box-03 .area-01 .tb-01{ overflow:hidden; position:relative;}
#home #box-03 .area-01 .tb-01 table{ border:#f2a3be solid 1px; float:left;}
#home #box-03 .area-01 .tb-01 table td{ padding:10px; text-align:center;}
#home #box-03 .area-01 .tb-01 table td.td-01{ background:#f2a3be; color:#FFF;}
#home #box-03 .area-01 .tb-01 table td span{ display:inline-block;padding:10px; border-right: #f2a3be solid 1px; width:180px;}
#home #box-03 .area-01 .tb-01 table td span.s-01{ border:none;}
#home #box-03 .area-01 .tb-01 .more{ position:absolute; right:0; bottom:0;}
#home #box-03 .area-01 .tb-01 .more a{ float:right;}

#home .bk-04{ background: url(../images/home/gairai.png) right top no-repeat,url(../images/common/img-02.png) left 50px top 170px no-repeat, url(../images/home/box-01.png) left top 150px no-repeat;background-size:41.5vw , auto, auto; margin-bottom:70px;}
#home #box-04{ position:relative; }
#home #box-04 .area-01{ position:relative; width:820px;padding-top:170px;}
#home #box-04 .area-01 h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}
#home #box-04 .area-01 h3 img{ margin-right:6px;}
#home #box-04 .area-01 h4{ font-size:24px; font-weight:bold; margin-bottom:40px; color:#b06887;}

#home #box-04 .area-01 .text-01{ margin-bottom:40px;}
#home #box-04 .area-01 .text-01 p{ font-size:20px;}
#home #box-04 .area-01 .tb-01{ overflow:hidden; position:relative;}
#home #box-04 .area-01 .tb-01 .more{}
#home #box-04 .area-01 .tb-01 .more a{ float:right;}
#home #box-04 .area-01 .tb-01 .more-01 a{ float:right; margin-left:30px;}


#home .bk-05{ background: url(../images/common/img-08.png) center top no-repeat;background-size:100% auto;}
#home #box-05{ overflow: hidden;}
#home #box-05 .area-01{ overflow:hidden; margin-bottom:50px;}
#home #box-05 .area-01 .left{/* width: 670px; float:left;*/}
#home #box-05 .area-01 .left p{ font-size:22px; line-height:1.8em;}
#home #box-05 .area-01 img{float:right;}
#home #box-05 .area-01 h3{ border-top:#b06887 solid 1px; border-bottom:#b06887 solid 1px; padding:15px 0; margin-top:50px; text-align:right;}


#home .bk-06{ background: url(../images/home/bk-06.png) center top no-repeat;background-size: cover;}
#home #box-06{ padding-bottom:30px;}
#home #box-06 .area-01{ overflow:hidden;}
#home #box-06 .area-01 img{ border:#FFF solid 10px;}
#home #box-06 .more{ clear:both;}


#box-qa{ padding-bottom:0px;}
#box-qa .area-01{display:flex;align-items: center/* ←縦の中央揃え */; padding:100px 100px;overflow:hidden;border-radius:40px;background:url(../images/common/img-02-1.png) right top no-repeat,url(../images/common/dot.png) repeat,linear-gradient(90deg, rgba(180, 101, 136, 1) 0%, rgba(243, 160, 191, 1) 100%);}

#box-qa .area-01 .left{}
#box-qa .area-01 .left .p-01{ font-size:48px; font-weight:bold; color:#FFF;}
#box-qa .area-01 .left .p-02{ color:#FFF;}
#box-qa .area-01 .left .p-02 a{ color:#FFF;}

#box-qa .area-01 .more {margin-left:auto;}
#box-qa .area-01 .more a{ background:#fff url(../images/common/more-02.png) top 50% right 10px no-repeat;border:#b06887 solid 2px; width:330px; display:block; padding:20px 0px; color:#b06887;font-size:18px; font-weight:600; text-decoration:none; text-align:center; border-radius:10px; margin:auto;}
#box-qa .area-01 .more a:hover{ background:#b06887 url(../images/common/more-01.png) top 50% right 10px no-repeat;border:#b06887 solid 2px; color:#fff; opacity:1; filter:alpha(opacity=100);}


#home #box-08{ padding-bottom:30px; margin-bottom:70px;}
#home #box-08 .area-01{ background: url(../images/home/re-02.png) 0 0 no-repeat, url(../images/home/re-01.png) right top no-repeat, #9ebb92; background-size:auto, auto 100%;padding:50px; overflow:hidden; position:relative;}
#home #box-08 .area-01 .left{ display:inline-block; float:left; border-left:#FFF solid 2px; padding-left:70px;}
#home #box-08 .area-01 h3{ font-size:48px; font-weight:bold; color:#FFF; margin-bottom:20px; line-height:.8em;}
#home #box-08 .area-01 h3 span{ font-size:20px;}
#home #box-08 .area-01 .p-01{ font-size:36px; font-weight:bold; color:#FFF; background:url(../images/home/re-03.png) right top 20px no-repeat; padding-right:70px; display:inline-block; margin-bottom:30px;}
#home #box-08 .area-01 .p-02{ font-size:20px;color:#FFF;}

#home #box-08 .more{ position:absolute; right:50px; bottom:50px;}

#box-access{ padding-bottom:30px; background:#FFF; border-radius:50px; padding-top:0px; margin-bottom:100px;}
#box-access .area-01{ margin-bottom:50px;}
#box-access .area-01 .googlemap{height: 0;overflow: hidden;padding-bottom: 36.25%;position: relative;}
#box-access .area-01 .googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


#box-access .area-02{ overflow:hidden;display:flex;align-items: center/* ←縦の中央揃え */;width:1100px; margin:auto;}
#box-access .area-02 .left{ display:inline-block;}

#box-access .area-02 .left a{ display:block; text-decoration:none;}
#box-access .area-02 .left a img{ vertical-align:middle; margin-right:15px;}
#box-access .area-02 .left a .inner{ vertical-align:middle; display:inline-block;}
#box-access .area-02 .left a .inner p.p-01{ font-size:14px;color:#b06887;}
#box-access .area-02 .left a .inner p.p-02{ font-size:16px;}
#box-access .area-02 .left a .inner p.p-name{ font-size:24px; font-weight:bold; line-height:1.2em;}
#box-access .area-02 .left a .inner p.p-name span{ font-size:30px;}



#box-access .area-02 .right{ display:inline-block; margin-left:auto; /* 右端へ移動 */}

#box-access .area-02 .right table{}
#box-access .area-02 .right table td{ padding:10px; vertical-align:middle; border-bottom:#666 solid 1px; font-size:18px;}

#box-access .area-02 .right table td:first-child { text-align:left;}
#box-access .area-02 .right table tr:first-child td{border-top:#666 solid 1px;}
#box-access .area-02 .right table tr:nth-child(2) td{ color:#b06887;}
#box-access .area-02 .right table tr:nth-child(3) td{ color:#f2a3be;}
#box-access .area-02 .right table td span{ color:#414141;}
#box-access .area-02 .right ul li{ font-size:16px; text-align:left; text-indent:-1em; padding-left:1em;}

.bk-contact{ background:url(../images/common/bk-contact.png) center top no-repeat; min-height:400px; background-size:cover;}
#box-contact{}
#box-contact .area-01{display:flex;align-items: center/* ←縦の中央揃え */;flex-direction: column;}
#box-contact .area-01 .p-01{ color:#FFF; font-size:36px; text-align:center; margin-bottom:50px;}

#box-contact .area-01 .tb-01{ overflow:hidden;display:flex;align-items: center/* ←縦の中央揃え */;}
#box-contact .area-01 .tb-01 .p-tel{ width:527px; background:#FFF; border-radius:30px; text-align:center; padding:20px 0; margin-right:50px;}
#box-contact .area-01 .tb-01 .p-tel a{color:#b06887; display:block; text-decoration:none;font-size:48px; font-weight:bold;line-height:1em;margin-bottom:5px; }
#box-contact .area-01 .tb-01 .p-tel img{ height:38px; margin-right:10px; }
#box-contact .area-01 .tb-01 .p-tel .p-02{}


#box-contact .area-01 .tb-01 .p-mail{ width:527px; background:#FFF; border-radius:30px; text-align:center; padding:0px 0; overflow:hidden;}
#box-contact .area-01 .tb-01 .p-mail .p-02{ color:#FFF; font-size:24px; background:#b06887; padding:10px 0;}
#box-contact .area-01 .tb-01 .p-mail .p-02 img{ height:24px; padding-bottom:5px; margin-right:20px;}
#box-contact .area-01 .tb-01 .p-mail .p-03{ padding-top:15px;}
#box-contact .area-01 .tb-01 .p-mail a{ text-decoration:none;}


#about{}

#about .box p{ line-height:2em;}
#about .box h3{ font-size:34px; font-weight:bold; margin-bottom:30px; text-indent:-1.3em; padding-left:1.3em;}
#about .box h3 img.img-h3{ margin-right:8px; position:relative; bottom:5px;}
#about .box h4{ font-size:24px; font-weight:bold; color:#b06887; margin-bottom:20px;}

#about .bk-01{}
#about #box-01{}
#about #box-01 .area-01{ position:relative; margin-bottom:100px;}
#about #box-01 .area-01 .img-01{ position:absolute; right:-410px; top:0;}
#about #box-01 .area-01 .tb-01{ width:615px;}
#about #box-01 .area-01 .tb-01 .text{ margin-bottom:30px;}
#about #box-01 .area-01 .tb-01 ul{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#about #box-01 .area-01 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}
#about #box-01 .area-01 .tb-02{}



#about #box-01 .area-02{ position:relative;}
#about #box-01 .area-02 .img-01{ position:absolute; left:-410px; top:0;}
#about #box-01 .area-02 .tb-01{ width:615px; float:right; margin-bottom:70px;}
#about #box-01 .area-02 .tb-01 .text{ margin-bottom:20px;}
#about #box-01 .area-02 .tb-02{ clear:both;}


#about .bk-02{}
#about #box-02{}
#about #box-02 .area-01{ margin-bottom:50px;}
#about #box-02 .area-02{ overflow:hidden;}
#about #box-02 .area-02 .entry p{ line-height:1.5em;}
#about #box-02 .area-02 .entry{ width:257px; float:left; background:#FFF; border-radius:20px; padding:20px 0px; margin-right:20px;}
#about #box-02 .area-02 .entry:last-child{ margin-right:0px;}
#about #box-02 .area-02 .entry img{ margin-bottom:20px;}
#about #box-02 .area-02 .entry h5{ font-size:22px; font-weight:bold; margin-bottom:10px; text-indent:-1.4em; padding-left:1.4em; line-height:1em;}
#about #box-02 .area-02 .entry h5 span{ width:28px; height:30px; line-height:28px; padding-left:2px;color:#FFF; background:#b06887;font-weight:bold; font-size:16px;border-radius:50%; display:inline-block; margin-right:5px; text-align:center; text-indent:0em; padding-left:0em; position:relative; bottom:3px;}
#about #box-02 .area-02 .entry .text{ padding:0 15px;}



#about .bk-03{ background:#f0e8e9; width:95%; border-radius:30px; margin:auto; margin-bottom:100px;}
#about #box-03{}
#about #box-03 .area-01{ margin-bottom:50px;}


#about #box-03 .area-02{ overflow:hidden;margin-bottom:100px;}
#about #box-03 .area-02 .tb-01{ overflow:hidden; }
#about #box-03 .area-02 .left{ width:700px; float:left;}
#about #box-03 .area-02 img.img-01{ float:right;}

#about #box-03 .area-03{ overflow:hidden;margin-bottom:100px;}
#about #box-03 .area-03 .tb-01{ overflow:hidden; }
#about #box-03 .area-03 .left{ width:700px; float:right;}
#about #box-03 .area-03 img.img-01{ float:left;}

#about #box-03 .area-04{ overflow:hidden;}
#about #box-03 .area-04 .tb-01{ overflow:hidden; }
#about #box-03 .area-04 .left{ width:700px; float:left;}
#about #box-03 .area-04 img.img-01{ float:right;}





#about .bk-04{ background: url(../images/common/img-02.png) left 1250px top 0 no-repeat,url(../images/home/box-01.png) left top repeat-y;}
#about #box-04{}
#about #box-04 h2{ margin-bottom:100px;}
#about #box-04 .area-01{ overflow:hidden; margin-bottom:70px;}
#about #box-04 .area-01 img.img-01{ float:right; padding:0 0 30px 80px;}
#about #box-04 .area-01 .tb-01{ margin-bottom:70px;}

#about #box-04 .area-01 p.p-name{ border-top:#b06887 solid 1px; border-bottom:#b06887 solid 1px; padding:15px 0; margin-top:50px; text-align:right;}
#about #box-04 .area-01 p.p-name span{ font-size:110%; font-weight:bold;}
#about #box-04 .area-02{ background:#f7f3f4; border-radius:20px; margin-bottom:100px; padding:50px;}


#about #box-04 .area-03{}
#about #box-04 .area-03 table{ width:100%;}
#about #box-04 .area-03 table td{ border-bottom:40px solid #ffffff}
#about #box-04 .area-03 table td:first-child{ border-left:#b06887 solid 2px; padding-left:50px; width:120px; color:#b06887; vertical-align:middle;}


#about .bk-05{}
#about #box-05{}
#about #box-05 .area-01{ margin-bottom:70px;}
#about #box-05 .area-02{}
#about #box-05 .area-02 h3{ margin-bottom:0px;}
#about #box-05 .area-02 h3 span{ font-size:80%;}
#about #box-05 .area-02 .p-01{margin-bottom:50px;}
#about #box-05 .area-02 .tb-01{ overflow:hidden; margin-bottom:50px; display:flex;align-items: center/* ←縦の中央揃え */;}
#about #box-05 .area-02 .tb-01 img.img-01{}
#about #box-05 .area-02 .tb-01 .right{ width:730px; margin-left: auto;}
#about #box-05 .area-03{ background:#FFF; padding:50px; border-radius:20px;}
#about #box-05 .area-03 .tb-01 img.img-01{ float:right; padding:0 0 30px 60px;}


#about .bk-06{background:#f0e8e9; width:95%; border-radius:30px; margin:auto; margin-bottom:100px;}
#about #box-06{}
#about #box-06 .area-01{}
#about #box-06 .area-01 .tb-01{ margin-bottom:50px; overflow:hidden;}
#about #box-06 .area-01 .tb-01 img{ float:left;}
#about #box-06 .area-01 .tb-01 .right{ float:right; width:660px;}


#about #box-06 .area-02{ margin-bottom:50px;}
#about #box-06 .area-02 .tb-01{ margin-bottom:50px; overflow:hidden;}
#about #box-06 .area-02 .tb-02{ overflow:hidden;}
#about #box-06 .area-02 .tb-02 .entry{ width:402px; float:left; margin-right:20px;}
#about #box-06 .area-02 .tb-02 .entry:last-child{margin-right:0px;}
#about #box-06 .area-02 .tb-02 .entry img{ margin-bottom:7px;}
#about #box-06 .area-02 .tb-02 .entry p{ text-align:center; font-weight:bold; font-size:18px;}

#about #box-06 .area-03{}
#about #box-06 .area-03 .tb-01{ margin-bottom:50px; overflow:hidden; display:flex;align-items: center/* ←縦の中央揃え */;}
#about #box-06 .area-03 .tb-01 img{}
#about #box-06 .area-03 .tb-01 .right{ margin-left:auto;width:660px;}


#visiting{}

#visiting .box p{ line-height:2em;}
#visiting .box h3{ font-size:34px; font-weight:bold; margin-bottom:30px; text-indent:-1.3em; padding-left:1.3em;}
#visiting .box h3 img.img-h3{ margin-right:8px; position:relative; bottom:5px;}
#visiting .box h4{ font-size:24px; font-weight:bold; color:#b06887; margin-bottom:20px;}

#visiting .bk-01{}
#visiting #box-01{}
#visiting #box-01 .area-01{ margin-bottom:50px;}
#visiting #box-01 .area-02{ position:relative;}
#visiting #box-01 .area-02 .p-01{ margin-bottom:20px;}
#visiting #box-01 .area-02 .p-01 span{ color:#b06887;}
#visiting #box-01 .area-02 .img-01{ position:absolute; right:-410px; top:0;}
#visiting #box-01 .area-02 .tb-01{ width:615px;}
#visiting #box-01 .area-02 .tb-01 .text{ margin-bottom:30px;}
#visiting #box-01 .area-02 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#visiting #box-01 .area-02 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}


#visiting .bk-02{}
#visiting #box-02{}
#visiting #box-02 .area-01{overflow:hidden;}
#visiting #box-02 .area-01 .entry{ width:427px; padding:50px; background:#FFF; border-radius:20px; float:left;}
#visiting #box-02 .area-01 .entry:nth-child(2){ float:right;}
#visiting #box-02 .area-01  ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}

#visiting .bk-03{}
#visiting #box-03{}
#visiting #box-03 .area-01{ overflow:hidden;}
#visiting #box-03 .area-01 .left{ width:626px; float:left;}

#visiting #box-03 .area-01  ul li{ text-indent:-1em; padding-left:1em; margin-bottom:3px; color:#6d6d6d;}
#visiting #box-03 .area-01 .img-01{ float:right;}


#visiting .bk-04{ background:#f0e8e9; width:95%; border-radius:30px; margin:auto; margin-bottom:100px;}
#visiting #box-04{}
#visiting #box-04 .area-01{ margin-bottom:50px; text-align:center;}
#visiting #box-04 .area-01 p{ text-align:left;}
#visiting #box-04 .area-01 .tb-01{ background:#FFF; padding:50px; border-radius:20px; margin:auto; display:inline-block; margin-top:50px;}
#visiting #box-04 .area-01 table{}
#visiting #box-04 .area-01 table td{ padding:10px 30px; vertical-align:middle; border-bottom:#666 solid 1px; font-size:24px;}

#visiting #box-04 .area-01 table td:first-child { text-align:left;}
#visiting #box-04 .area-01 table tr:first-child td{border-top:#666 solid 1px;}
#visiting #box-04 .area-01 table tr:nth-child(2) td{ color:#b06887;}
#visiting #box-04 .area-01 table tr:nth-child(3) td{ color:#f2a3be;}
#visiting #box-04 .area-01 table td span{ color:#414141;}

#visiting #box-04 .area-02{ overflow:hidden; margin-bottom:50px;}
#visiting #box-04 .area-02 .tb-01{ overflow:hidden; margin-bottom:50px;display:flex;align-items: center/* ←縦の中央揃え */;}
#visiting #box-04 .area-02 .tb-01 img{}
#visiting #box-04 .area-02 .tb-01 .right{ width:920px; margin-left:auto;}
#visiting #box-04 .area-02 .tb-01 .right p{ line-height:1.5em;}

#visiting #box-04 .area-03{ overflow:hidden;}
#visiting #box-04 .area-03 .p-01{ margin-bottom:20px;}
#visiting #box-04 .area-03 table{ background:#FFF; width:100%; margin-bottom:10px;}
#visiting #box-04 .area-03 table td{ padding:15px 15px; border-bottom:#f0e8e9 solid 2px; color:#b06887; font-weight:bold; font-size:22px;}
#visiting #box-04 .area-03 table td:first-child{border-right:#f8f6f4 solid 2px; width:280px; text-align:center; font-weight:bold;color:#414141;}
#visiting #box-04 .area-03 table tr:last-child td{border-bottom: none;}
#visiting #box-04 .area-03 .p-02{ color:#6d6d6d;}




#visiting .bk-05{}
#visiting #box-05{}
#visiting #box-05 .area-01{ margin-bottom:50px;}
#visiting #box-05 .area-01 .tb-01{ margin-top:40px; background:#FFF; text-align:center; padding:20px; border-radius:20px;}
#visiting #box-05 .area-01 .tb-01 .s-tel a{color:#b06887; display:inline-block;text-decoration:none;font-size:48px; font-weight:bold;line-height:1em; vertical-align:middle;}
#visiting #box-05 .area-01 .tb-01 .s-tel img{ height:40px; margin-right:7px;}
#visiting #box-05 .area-01 .tb-01 .s-text{ font-size:18px; color:#b06887; border:#b06887 solid 1px; background:#FFF; text-align:center; padding:5px 50px; display:inline-block; margin-left:30px; vertical-align:middle;}


#visiting #box-05 .area-02{}
#visiting #box-05 .area-02 .tb-01{ margin-bottom:50px; overflow:hidden; display:flex;align-items: center/* ←縦の中央揃え */;}
#visiting #box-05 .area-02 .tb-01 img{}
#visiting #box-05 .area-02 .tb-01 .right{ margin-left:auto;width:806px;}


#visiting .bk-06{}
#visiting #box-06{}
#visiting #box-06 .area-01{ margin-bottom:50px;}




#medical{}

#medical .box p{ line-height:2em;}
#medical .box h3{ font-size:34px; font-weight:bold; margin-bottom:30px; text-indent:-1.3em; padding-left:1.3em;}
#medical .box h3 img.img-h3{ margin-right:8px; position:relative; bottom:5px;}
#medical .box h4{ font-size:24px; font-weight:bold; color:#b06887; margin-bottom:20px;}

#medical .bk-01{}
#medical #box-01{}
#medical #box-01 .area-01{overflow:hidden; margin-bottom:100px;}
#medical #box-01 .area-01 .entry{ width:427px; padding:50px; background:#FFF; border-radius:20px; float:left; text-align:center;}
#medical #box-01 .area-01 .entry:nth-child(2){ float:right;}
#medical #box-01 .area-01 .entry:nth-child(2) p{ text-align:left;}
#medical #box-01 .area-01 .entry a{color:#b06887; display:block; text-decoration:none;font-size:40px; font-weight:bold;line-height:1em;margin-bottom:5px;}
#medical #box-01 .area-01 .entry a img{ height:30px;}
#medical #box-01 .area-01 h4{ position:relative; padding-bottom:10px; text-align:center;}
#medical #box-01 .area-01 h4:before{ content:""; display:block; width:80px; height:2px; background:#b06887; position:absolute; left:0; right:0; bottom:0; margin:auto;}


#medical #box-01 .area-02 { overflow:hidden; text-align:center;}
#medical #box-01 .area-02 .btn a{ background:#b06887 url(../images/medical/ico-more.png) right 10px top 50% no-repeat; padding:10px 104px; text-align:center; color:#FFF; display:inline-block;text-decoration:none; font-size:22px;}
#medical #box-01 .area-02 .btn a:last-child{margin-right:0px;}


#medical .bk-02{ background:url(../images/common/img-07.png) left 0 top 700px no-repeat, url(../images/common/img-03.png) right 0 top 1200px no-repeat, url(../images/common/img-06.png) left 0 top 200px no-repeat, url(../images/common/img-05.png) right 0 top 600px no-repeat;}
#medical #box-02{}
#medical #box-02 .area-01{ margin-bottom:70px;}
#medical #box-02 .area-01 ul{ border-top:#b06887 solid 1px;border-bottom:#b06887 solid 1px; padding:15px 0px; text-align:center;}
#medical #box-02 .area-01 ul li{ font-size:24px; display:inline-block; padding:2px 30px; border-right:#b06887 solid 1px;}
#medical #box-02 .area-01 ul li:last-child{border-right: none;}


#medical #box-02 .area-02{ position:relative; margin-bottom:100px;}
#medical #box-02 .area-02 .img-01{ position:absolute; right:-410px; top:0}
#medical #box-02 .area-02 .tb-01{ width:615px;}
#medical #box-02 .area-02 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:60px;}
#medical #box-02 .area-02 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}


#medical #box-02 .area-03{ position:relative; text-align:right;margin-bottom:100px;}
#medical #box-02 .area-03 .img-01{ position:absolute; left:-410px; top:0;}
#medical #box-02 .area-03 .tb-01{ width:615px; display:inline-block; text-align:left;}
#medical #box-02 .area-03 .tb-01 .text{ margin-bottom:30px;}
#medical #box-02 .area-03 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#medical #box-02 .area-03 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}


#medical #box-02 .area-04{ position:relative; margin-bottom:100px;}
#medical #box-02 .area-04 .img-01{ position:absolute; right:-410px; top:0;}
#medical #box-02 .area-04 .tb-01{ width:615px;}
#medical #box-02 .area-04 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#medical #box-02 .area-04 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}


#medical #box-02 .area-05{ position:relative; text-align:right;margin-bottom:100px;}
#medical #box-02 .area-05 .img-01{ position:absolute; left:-410px; top:0;}
#medical #box-02 .area-05 .tb-01{ width:615px; display:inline-block; text-align:left;}
#medical #box-02 .area-05 .tb-01 .text{ margin-bottom:30px;}
#medical #box-02 .area-05 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#medical #box-02 .area-05 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}


#medical #box-02 .area-06{ position:relative; margin-bottom:100px;}
#medical #box-02 .area-06 .p-01{ font-weight:bold; margin-bottom:7px; font-size:22px;}
#medical #box-02 .area-06 .img-01{ position:absolute; right:-410px; top:0;}
#medical #box-02 .area-06 .tb-01 .text{ margin-bottom:30px;}
#medical #box-02 .area-06 .tb-01{ width:615px;}
#medical #box-02 .area-06 .tb-01 .sub{ background:#FFF; padding:40px; border-radius:20px; margin-bottom:20px;}
#medical #box-02 .area-06 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}
#medical #box-02 .area-06 .tb-01 ul li span{ color:#b06887;}




#medical .bk-03{background:#f0e8e9; width:95%; border-radius:30px; margin:auto; margin-bottom:100px;}
#medical #box-03{}
#medical #box-03 .area-01{ margin-bottom:50px;}
#medical #box-03 .area-01 .p-01{ color:#6d6d6d; font-size:20px;}
#medical #box-03 .area-01 .tb-01{ margin-top:20px; background:#FFF; text-align:center; padding:20px; border-radius:20px; margin-bottom:50px;}
#medical #box-03 .area-01 .tb-01 .s-tel a{color:#b06887; display:inline-block;text-decoration:none;font-size:48px; font-weight:bold;line-height:1em; vertical-align:middle;}
#medical #box-03 .area-01 .tb-01 .s-tel img{ height:40px; margin-right:7px;}
#medical #box-03 .area-01 .tb-01 .s-text{ font-size:18px; color:#b06887; border:#b06887 solid 1px; background:#FFF; text-align:center; padding:5px 50px; display:inline-block; margin-left:30px; vertical-align:middle;}

#medical #box-03 .area-01 .tb-02{}
#medical #box-03 .area-01 .tb-02 a{ display:block; margin-top:20px; background:#FFF; text-align:center; padding:10px 20px 30px 20px; border-radius:20px;}
#medical #box-03 .area-01 .tb-02 a .s-pdf{color:#414141; display:inline-block;text-decoration:none;font-size:26px; font-weight:bold;line-height:1em; vertical-align:middle;}
#medical #box-03 .area-01 .tb-02 .s-pdf img{ height:40px; margin-right:7px; position:relative; top:10px;}


#medical .bk-04{ background: url(../images/common/img-02.png) left 1250px top 0 no-repeat,url(../images/home/box-01.png) left top repeat-y;}
#medical #box-04{}
#medical #box-04 h2{ margin-bottom:100px;}
#medical #box-04 .area-01{ overflow:hidden; margin-bottom:70px;}
#medical #box-04 .area-01 .tb-01{ background:#f7f3f4; padding:40px; border-radius:20px; margin-bottom:20px; width:530px; float:left;}
#medical #box-04 .area-01 .tb-01 ul li{ text-indent:-1em; padding-left:1em; margin-bottom:10px;}
#medical #box-04 .area-01 img{ float:right;margin-top:50px;}

#medical #box-04 .area-02{ text-align:center;}
#medical #box-04 .area-02 h3{ text-align:left;}
#medical #box-04 .area-02 p{ text-align:left;}
#medical #box-04 .area-02 .wrp{ display:inline-block; margin-bottom:70px;}
#medical #box-04 .area-02 .wrp li{ text-align:left; text-indent:-1em; padding-left:1em;}
#medical #box-04 .area-02 .tb-01{ background:#FFF; padding:50px; border-radius:20px; margin:auto; display:inline-block; margin-top:20px; border:#b06887 solid 2px; border-radius:20px; margin-bottom:10px}
#medical #box-04 .area-02 table{}
#medical #box-04 .area-02 table td{ padding:10px 30px; vertical-align:middle; border-bottom:#666 solid 1px; font-size:24px;}

#medical #box-04 .area-02 table td:first-child { text-align:left;}
#medical #box-04 .area-02 table tr:first-child td{border-top:#666 solid 1px;}
#medical #box-04 .area-02 table tr:nth-child(2) td{ color:#b06887;}
#medical #box-04 .area-02 table tr:nth-child(3) td{ color:#f2a3be;}
#medical #box-04 .area-02 table td span{ color:#414141;}




#medical .bk-05{}
#medical #box-05{}
#medical #box-05 p{ text-align:left;}
#medical #box-05 li{ text-align:left; text-indent:-1em; padding-left:1em;}
#medical #box-05 .area-01{ text-align:center;}

#medical #box-05 .area-01 .wrp{margin-bottom:70px; text-align:center; display:inline-block; text-align:left;}
#medical #box-05 .area-01 .tb-01{ background:#FFF; padding:50px; border-radius:20px; margin:auto; display:inline-block; margin-top:20px;border-radius:20px; margin-bottom:10px;}
#medical #box-05 .area-01 table{}
#medical #box-05 .area-01 table td{ padding:10px 30px; vertical-align:middle; border-bottom:#666 solid 1px; font-size:24px;}

#medical #box-05 .area-01 table td:first-child { text-align:left;}
#medical #box-05 .area-01 table tr:first-child td{border-top:#666 solid 1px;}
#medical #box-05 .area-01 table tr:nth-child(2) td{ color:#b06887;}
#medical #box-05 .area-01 table tr:nth-child(3) td{ color:#f2a3be;}
#medical #box-05 .area-01 table td span{ color:#414141;}

#medical #box-05 .area-02{ overflow:hidden; margin-bottom:50px;}
#medical #box-05 .area-02 .tb-01{ overflow:hidden; margin-bottom:50px;display:flex;align-items: center/* ←縦の中央揃え */;}
#medical #box-05 .area-02 .tb-01 img{}
#medical #box-05 .area-02 .tb-01 .right{ width:807px; margin-left:auto; padding-bottom:8px;}
#medical #box-05 .area-02 .tb-01 .right p{ line-height:1.5em;}
#medical #box-05 .area-02 .tb-01 .right li{ color:#6d6d6d;}




#medical .bk-06{}
#medical #box-06{}
#medical #box-06 .area-01{}





#contact{}
#contact .box p{ line-height:2em;}
#contact .box h3{ font-size:34px; font-weight:bold; margin-bottom:30px; text-indent:-1.3em; padding-left:1.3em;}
#contact .box h3 img.img-h3{ margin-right:8px; position:relative; bottom:5px;}
#contact .box h4{ font-size:24px; font-weight:bold; color:#b06887; margin-bottom:20px;}

#contact .bk-01{}
#contact #box-01{ padding-bottom:0px;}
#contact #box-01 .area-01{}

#contact #box-02{ padding-bottom:0px;}
#contact #box-02 .area-01{}
#contact #box-02 .area-01 h3{ margin-bottom:0px;}
#contact #box-02 .area-01 .tb-01{ margin-top:40px; background:#FFF; text-align:center; padding:20px; border-radius:20px;}
#contact #box-02 .area-01 .tb-01 .s-tel a{color:#b06887; display:inline-block;text-decoration:none;font-size:48px; font-weight:bold;line-height:1em; vertical-align:middle;}
#contact #box-02 .area-01 .tb-01 .s-tel img{ height:40px; margin-right:7px;}
#contact #box-02 .area-01 .tb-01 .s-text{ font-size:18px; color:#b06887; border:#b06887 solid 1px; background:#FFF; text-align:center; padding:5px 50px; display:inline-block; margin-left:30px; vertical-align:middle;}

#contact #box-03{}
#contact #box-03 .area-01{}
#contact #box-03 .area-01{ text-align:center;}
#contact #box-03 .area-01 p{ font-size:18px; font-weight:bold; margin-bottom:30px;}
#contact #box-03 .area-01 ul{ display:inline-block; margin-bottom:30px;}
#contact #box-03 .area-01 li{ line-height:2em; text-align:left; text-indent:-1em; padding-left:1em;}
#contact #box-03 .area-01 span{font-weight:bold; font-size:13px; padding:3px 14px; line-height:1.8em;display:inline-block; text-align:center; background:#d2b1bd; color:#FFF; border-radius:15px;text-indent:0em; position:relative; margin-right:5px; bottom:3px;}


/* テーブル全体設定 */
#contact #box-03 .area-02 .area-mailform table { width: 100%; border-collapse: separate; border-spacing: 0 12px; /* 行間 */ }
/* 各行のセル共通設定 */
#contact #box-03 .area-02 .area-mailform table td { background: #fff; /* 確認用：黒 */ padding: 20px; overflow: hidden; /* はみ出し防止 */ }
/* 左端のセルすべて角丸 */
#contact #box-03 .area-02 .area-mailform table tr td:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
/* 右端のセルすべて角丸 */
#contact #box-03 .area-02 .area-mailform table tr td:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }


#contact #box-03 .area-02 .area-mailform select{ font-size:18px; display:inline-block; padding:5px;}


#contact #box-03 .area-02 .area-mailform .chui{ font-weight:bold; font-size:13px; padding:0px 15px; float:right;display:inline-block; background:#d2b1bd; color:#FFF; border-radius:15px;}
#contact #box-03 .area-02 .area-mailform .w01{width:99%;}
#contact #box-03 .area-02 .area-mailform .w02{width:40%;}


#contact #box-03 .area-02 .area-mailform .tb-01{ background:#FFF; padding:20px 50px; border-radius:20px; margin-bottom:12px; margin-bottom:20px;}
#contact #box-03 .area-02 .area-mailform .tb-01 h4{ margin-bottom:0px;}
#contact #box-03 .area-02 .area-mailform .tb-01 .sub{ background:#f7f3f4; padding:50px;height:300px;overflow-y:scroll; margin-top:20px; margin-bottom:20px;}
#contact #box-03 .area-02 .area-mailform .tb-01 .sub p{ line-height:1.5em; font-size:18px;}
#contact #box-03 .area-02 .area-mailform .tb-01 .sub .p-01{ font-weight:bold;}
#contact #box-03 .area-02 .area-mailform .tb-01 .sub .p-02{ margin-bottom:20px;}


#contact #box-03 .area-02 .area-mailform .kakunin{overflow:hidden;text-align:center;}

#contact #box-03 .area-02 .area-mailform .btn{ background:#b06887;color:#fff; padding:15px 0;text-decoration:none; display:block; border-radius:10px; border:none; margin:auto; width:300px;font-weight:bold; font-size:20px;}
#contact #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;}



#contact .bk-04{background:#f0e8e9; width:95%; border-radius:30px; margin:auto; margin-bottom:100px;}
#contact #box-04{ padding-bottom:30px;}
#contact #box-04 .area-01{ overflow:hidden;}
#contact #box-04 .area-01 .p-01{ margin-bottom:10px;}
#contact #box-04 .area-01 .btn{ display:inline-block; float:left; margin-bottom:20px;}
#contact #box-04 .area-01 .btn a{ background: url(../images/common/img-02.png) right top no-repeat #FFF; background-size:auto 100%; border:#b06887 solid 2px; text-align:center; display:inline-block; padding:20px 0px; width:530px; text-decoration:none; color:#414141; font-size:26px; border-radius:20px;}
#contact #box-04 .area-01 .btn:nth-child(2n) { float:right;}


/*▼ブログ共通　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{color:#d92c68;}
.bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#d92c68;}
.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, #d92c68 0%, #613282 100%);background-image:linear-gradient(to right, #d92c68 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:160px;}
#list #mleft #box-01 table td .a-01{ text-decoration:none;}
#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:#d92c68;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{color:#d92c68;}

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





/*▼よくある質問一覧　QA▼*/
/*=========
accordion
=========*/
/* 必須 */
.accordion-content { display: none; }
/* 装飾用 */
.accordion-header {padding:14px 45px 12px 20px; margin: 10px 0 0; transition: background .3s ease; cursor: pointer; position: relative; background:#fff;border-radius:20px;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}

.accordion-header::before, .accordion-header::after { position: absolute; content: ''; top: 1px; right: 20px; bottom: 0; width: 24px; height: 2px; margin: auto; background: #B06887; }


.accordion-header::after { transform: rotate(-90deg); transition: transform 0.3s; }
.accordion-header.active::after { transform: rotate(0deg); }
.accordion-content { padding: 12px 20px 10px 45px; margin-left:20px;font-size:18px;text-indent:-2.5em; padding-left:2.5em;}
.accordion-header span.s-01, .accordion-content span.s-01 { padding-left:0px; position: relative;text-indent:0em; padding-left:0em;}
.accordion-header span.s-01::before {content: "Q";color:#fff; width:35px; height:35px;background:#B06887;border-radius:50%; display:inline-block; margin-right:10px; font-size:18px; text-align:center; position:relative; top:0px;}


.accordion-content span.s-01::before {content: "A";color:#fff; width:35px; height:35px; background:#d34141;line-height:35px;border-radius:50%; display:inline-block; margin-right:10px; font-size:18px; text-align:center; position:relative; top:0px;}
/* hover */
.accordion-header:hover { background-color: #FFDCEA; }


.kotei-yoyakubtn{ position: fixed; bottom:0; right:0;}