@charset "utf-8";
/* CSS Document */
#slimmenu{ display:none;}
#navArea{ display:none;}
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400; font-family: 'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; font-family: "Zen Old Mincho", serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal; font-family: "Zen Old Mincho", serif;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1280px; position:relative;}
#body-top{ overflow:hidden;}

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

/*▼ヘッダー▼*/
#header{ overflow:hidden; width:1024px; margin:13px auto 0; position:relative;}
#header #hmid{ overflow:hidden; padding:10px 0 30px;}
#header .left { float:left;}
#header .p-01{ position:absolute; right:20px; top:-5px;}

/*▼メインナビゲーション▼*/
#navi{ float:right; padding-top:30px;}
#navi ul{ display:block; text-align:right;}
#navi ul li{ display:inline-block; font-size:15px; font-weight: 500; text-align:center; margin-right:20px; font-family: "Zen Old Mincho", serif;}
#navi ul li span{ font-size:11px; font-weight:bold; color:#beaa6c; display:block; margin:auto; letter-spacing:0.11em; font-family: Raleway,sans-serif;}
#navi ul li a{ color:#000; text-decoration:none; position:relative; display: inline-block; padding-bottom:5px;}
#navi ul li a:hover{ opacity:0.8;}

#navi ul li a:hover:after { transform-origin: left top; transform: scale(1, 1);}
#navi ul li a::after{
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height:1px;
  background: #beaa6c;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.4s;}
#navi ul li i{ color:#003b83;}



/*▼▼▼追従ボタン▼▼▼*/
.fixed-btn { position:fixed; width: 30px; z-index:999; top:280px; right:20px; text-align:right;}
.fixed-btn p{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align:top; margin-bottom:15px; position:relative; right:-5px;}
.fixed-btn a{ display: inline-block; vertical-align:middle; margin-bottom:15px;}


/*▼メインビジュアル▼*/
#mp{ height: 581px;}
#mp .area-01{ width:1024px; margin:auto; padding-top:300px;}
#mp .area-01 p { font-size:140px; font-weight:600; color:#fff; font-family: 'Zen Old Mincho', serif; text-shadow:0 0 10px rgba(255, 255, 255, 1),0 0 20px rgba(255, 255, 255, 1); line-height: 1em;}
#mp .area-01 span{ font-size:36px; display:block; margin:auto; line-height:1.5em; text-shadow:0 0 10px rgba(0, 0, 0,.3)}

#contact #mp{ background:url(../images/contact/mp.jpg)right top no-repeat;}
#service #mp{ background:url(../images/service/mp.jpg)right top no-repeat;}
#myblossom #mp{ background:url(../images/myblossom/mp.jpg)right top no-repeat;}
#qa #mp{ background: url(../images/common/mp.jpg) right top no-repeat;}
.bl #mp{ background:url(../images/common/mp.jpg)right top no-repeat;}
#voice #mp{ background: url(../images/common/mp.jpg) right top no-repeat;}

	
#hmp{ background:url(../images/home/mp.jpg)right top no-repeat;}
#hmp .area-01{ width:1024px; margin:auto; display:table; height:581px;}
#hmp .area-01 p{ font-size:68px; font-weight:500; color:#fff; line-height:1.5em; font-family: 'Zen Old Mincho', serif; text-shadow:0 0 20px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,1); display:table-cell; vertical-align:middle;}



/*▼フッター▼*/
#footer{ overflow:hidden; width:1024px; margin:13px auto 0;}
#footer #fmid{ overflow:hidden; padding:30px 0 30px;}
#footer .left { float:left;}


/*▼フッターナビゲーション▼*/
#fnavi{ float:right; padding-top:20px;}
#fnavi ul{ display:block; text-align:right;}
#fnavi ul li{ display:inline-block; font-size:15px; text-align:center; margin-right:20px;}
#fnavi ul li span{ font-size:12px; font-weight:500; color:#beaa6c; display:block; margin:auto; letter-spacing:0.11em; font-family: Raleway,sans-serif;}
#fnavi ul li a{ color:#000; text-decoration:none; position:relative; display: inline-block; padding-bottom:5px;}
#fnavi ul li i{ color:#003b83;}
#fnavi img{ height:55px; margin-right:20px;}


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



.page-top {
	position:fixed;
    bottom:70px;
    right:0px;
	font-size:15px;
	color:#333;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-decoration:none;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;
	padding-right:15px;}

.page-top span{ position:relative; padding-top:50px;}
.page-top span:before{ content:""; width:1px; height:35px; background:#333; position:absolute; top:0px; left:0; right:0; margin:auto; transition:.3s;}
.page-top:hover span:before{ transform:translate(0,10px);}



/*▼エリア・共通設定▼*/
.bk-gray{ background:#f6f6f6;}
.box{ width:1100px; margin:auto; padding:70px 0;}

.h2-01{ font-size:58px; font-weight:400; color:#474545; text-align: center; line-height:1.5em; letter-spacing:0.1em; margin-bottom:50px; font-family: "Zen Old Mincho", serif;}
.h2-01 span{ font-size:18px; font-weight:bold; color:#beaa6c; line-height:2em; letter-spacing:1px; display:block;}

.h2-02{ font-size:58px; font-weight:400; color:#474545; text-align: center; line-height:1.5em; letter-spacing:0.1em; margin-bottom:50px; font-family: "Zen Old Mincho", serif;}
.h2-02 .ico{ display: inline-block; padding:0 60px; background:url(../images/common/h2-left.png),url(../images/common/h2-right.png); background-position: 0 30px,right 25px; background-repeat: no-repeat;}
.h2-02 .jp{ font-size:20px; font-weight:bold; color:#beaa6c; line-height:2em; letter-spacing:1px; display:block;}


.more{ text-align: center; margin:50px auto; font-family: "Zen Old Mincho", serif;}
.more a{ display: inline-block; text-decoration: none; background: linear-gradient(to right, #edcd51, #b4881b); font-size: 17px; font-weight: bold; color:#fff; padding:15px 50px; border-radius:10px; position: relative;}
.more a img{ position: absolute; right:20px; top:45%;}


/*▼▼▼ホーム　home▼▼▼*/
#home .bk-01{ background:url(../images/home/bk-01.jpg)center 50px no-repeat;}
#home #box-01{ padding:120px 0 100px;}
#home #box-01 h2{ margin-bottom: 70px;}
#home #box-01 .area-01{ overflow:hidden; margin-bottom:80px; position: relative;}
#home #box-01 .area-01 .left{ width: 520px; float: left; text-align: center;}
#home #box-01 .area-01 .left h3{ font-size:31px; font-weight:500; color:#beaa6c; margin-bottom: 30px; font-family: "Zen Old Mincho", serif;}
#home #box-01 .area-01 .right{ width:520px; float:right;}
#home #box-01 .area-01 .right p{ font-size:18px; line-height: 2.5em; font-family: "Zen Old Mincho", serif;}
#home #box-01 .area-01 .more{ margin:0; position: absolute; left:100px; bottom:20px;}

#home #box-01 .area-02{ clear:both; text-align: center;}
#home #box-01 .area-02 .inner{ overflow: hidden; display: inline-block; padding-bottom: 50px;}
#home #box-01 .area-02 .entry{ width: 297px; height: 298px; background:url(../images/home/bk-maru.png); display: table; text-align: center; float: left; margin-right:30px;}
#home #box-01 .area-02 .entry:last-child{ margin-right: 0;}
#home #box-01 .area-02 .entry p{ font-size: 36px; font-weight:500; vertical-align:middle; display: table-cell; font-family: "Zen Old Mincho", serif;}
#home #box-01 .area-02 .entry p .min{ font-size: 28px; line-height: 1.4em; display: inline-block;}
#home #box-01 .area-02 .entry p .lg { font-size: 48px; display: block; line-height: 1em;}

#home #box-02{ padding-bottom: 150px;}
#home #box-02 .area-01{ overflow:hidden;}
#home #box-02 .area-01 img{ float: right;}
#home #box-02 .area-01 .tb{ width: 480px; float: left; overflow: hidden;}
#home #box-02 .area-01 .tb h3{ font-size:28px; font-weight: 500; margin-bottom: 20px; font-family: "Zen Old Mincho", serif;}
#home #box-02 .area-01 .tb h3 span.s-01{ font-size:18px; line-height:1.4em; display:inline-block;}
#home #box-02 .area-01 .tb h3 span.s-02{ display:inline-block; line-height:0.8em;}
#home #box-02 .area-01 .tb p { font-size: 18px; line-height:2em;}
#home #box-02 .area-01 .tb .more{ float: right;}

#home .bk-02{ background:url(../images/home/bk-02.jpg)center top no-repeat; border-top:2px solid #beaa6c; border-bottom:2px solid #beaa6c; position: relative;}
#home .bk-02 .img{ position: absolute; left:0; right:-1100px; top:-100px; margin:auto;}
#home #box-03{ padding:70px 0;}
#home #box-03 .area-01{ overflow:hidden;}
#home #box-03 .area-01 .entry{ width:540px; float: left; margin-bottom:20px; background:#f6f6f6; padding:20px 20px; box-sizing:border-box; overflow: hidden; position: relative;}
#home #box-03 .area-01 .entry:nth-of-type(2n){ float: right;}
#home #box-03 .area-01 .entry .news{ float: left; width: 180px; height: 120px; object-fit:cover;}
#home #box-03 .area-01 .entry .tb{ width: 280px; float: right;}
#home #box-03 .area-01 .entry .tb dt{ font-size:16px; font-weight: bold; margin-bottom: 3px;}
#home #box-03 .area-01 .entry .tb dd{ font-size: 16px; font-weight: bold; letter-spacing: normal;}
#home #box-03 .area-01 .entry .btn{ width: 100px; position: absolute; right:20px; bottom: 20px; text-align: center;}
#home #box-03 .area-01 .entry .btn a{ background:#fff; background-image: url(../images/home/ico-arrow.png); background-position: right 15px top 50%; background-repeat: no-repeat; text-decoration: none; display: block; border:2px solid #dcd3b6; border-radius:20px; padding:5px 20px 5px 0; font-size: 15px; font-weight: bold; color:#d4b572;}
#home #box-03 .area-01 .entry .btn a:hover{ background:#d4b572; color:#fff; opacity:1; background-image: url(../images/home/ico-arrow2.png); background-position: right 15px top 50%; background-repeat: no-repeat; }
#home #box-03 .more{ margin-bottom: 0;}

#home #box-04{ padding:100px 0 120px;}
#home #box-04 .p-title{ font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 100px;}
#home #box-04 .area-01 .entry{ padding:50px 50px 50px 250px; border-top:2px solid #e6e6e6; position:relative;}
#home #box-04 .area-01 .entry:last-child{ border-bottom:2px solid #e6e6e6;}
#home #box-04 .area-01 .entry .no{ font-size: 72px; font-weight:normal; line-height: 1em; position: absolute; top:0; bottom:0; left:0; margin:auto; width: 2em; height:1em;}
#home #box-04 .area-01 .entry .btn{ width: 230px; text-align: center; position: absolute; position: absolute; top:0; bottom:0; right:0; margin:auto; height: 50px;}
#home #box-04 .area-01 .entry .btn a{ display: block; text-decoration: none; border-top:2px solid #beaa6c; border-bottom:2px solid #beaa6c; font-size:16px; font-weight: bold; color:#333; line-height:45px;}
#home #box-04 .area-01 .entry .btn a:hover{ background:#d4b572; color:#fff; opacity:1;}
#home #box-04 .area-01 .entry h3{ font-size: 48px; font-weight: bold; margin-bottom: 20px;}
#home #box-04 .area-01 .entry h3 span{ display: inline-block; font-size: 18px; color:#beaa6c; padding-left:20px;}
#home #box-04 .area-01 .entry .p-01{ font-size: 18px; font-weight: bold; line-height: 1.7em;}


#home .bk-03{ background:url(../images/home/bk-03.jpg)center top no-repeat; height: 800px; position: relative;}
#home .bk-03 .img{ position: absolute; left:0; right:-1200px; top:0px; margin:auto;}
#home #box-05{}
#home #box-05 h2{ font-size: 42px; padding-bottom:20px; margin-bottom: 50px; position: relative;}
#home #box-05 h2:before{ content:""; width:100px; height:2px; background:#cfbf92; position: absolute; left:0; right:0; bottom:0; margin:auto;}
#home #box-05 .area-01{ display: flex; justify-content: space-between; }
#home #box-05 .area-01 .entry{ flex: 0 0 22%; background:#fff; padding:20px 20px 30px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,.1);}
#home #box-05 .area-01 .entry:last-child{ margin-right: 0;}
#home #box-05 .area-01 .entry img{ width:237px; height:168px;object-fit:cover; margin-bottom: 20px;}
#home #box-05 .area-01 .entry .cg{ display: inline-block; font-size: 15px; font-weight:bold; color:#d4b572; padding-bottom:5px; border-bottom:1px solid #d4b572; margin-bottom: 15px;}
#home #box-05 .area-01 .entry h3{ font-size: 15px; font-weight: bold; letter-spacing: normal; margin-bottom: 10px;}
#home #box-05 .area-01 .entry .name{ font-size: 14px; letter-spacing: normal; margin-bottom: 25px;}
#home #box-05 .area-01 .entry .btn{ width:150px; text-align: center; margin:auto;}
#home #box-05 .area-01 .entry .btn a{ display: block; text-decoration: none; border-top:2px solid #beaa6c; border-bottom:2px solid #beaa6c; font-size:16px; font-weight: bold; color:#333; line-height:40px;}
#home #box-05 .area-01 .entry .btn a:hover{ background:#d4b572; color:#fff; opacity:1;}







/*----- my blossomについて　myblossom -----*/
#myblossom #main{ padding-top:50px;}
#myblossom #box-01{ background:url(../images/myblossom/bk-01.jpg)center top no-repeat;}
#myblossom #box-01 .area-01{width: 1024px; margin:auto; text-align: center; margin-bottom:50px;}
#myblossom #box-01 .area-01 p{ font-size: 28px; font-weight:500; color:#beaa6c; line-height:2em;}

#myblossom #box-01 .area-02{ width: 1024px; margin:auto; }
#myblossom #box-01 .area-02 p{ font-size: 18px; line-height:2em;}


#myblossom #box-02{ padding:100px 0 150px;}
#myblossom #box-02 .area-01{ width:1024px; margin:0 auto 70px;}
#myblossom #box-02 .area-01 p{ font-size: 18px; line-height:2em;}
#myblossom #box-02 .area-01 .p-01{ font-size: 24px; font-weight: bold; text-align: right; padding-top: 20px; line-height:1em;}
#myblossom #box-02 .area-01 .p-01 span.s-01{ font-size:16px;line-height:1em;}
#myblossom #box-02 .area-01 .p-01 span.s-02{ font-size:24px;line-height:2em;}

#myblossom #box-02 .area-02{ width:1024px; margin:auto; position: relative;}
#myblossom #box-02 .area-02 .tb{ width: 600px;}
#myblossom #box-02 .area-02 .tb h3{ font-size: 30px; font-weight: bold; padding:0 0 5px 60px; border-bottom: 1px solid #beaa6c; margin-bottom:20px; background:url(../images/common/h3-01.png)left 7px no-repeat;}
#myblossom #box-02 .area-02 .tb ul{ margin-bottom: 50px;}
#myblossom #box-02 .area-02 .tb ul:last-of-type{ padding-bottom:30px; border-bottom: 1px solid #beaa6c;}
#myblossom #box-02 .area-02 .tb ul li{ font-size:17px; font-weight: bold; line-height: 2.5em;}
#myblossom #box-02 .area-02 .tb .more{ margin:0; text-align: left;}
#myblossom #box-02 .area-02 .tb .more a{ text-align: center;}

#myblossom #box-02 .area-02 .img{ position:absolute; top:0; right:-280px; z-index:2;}
#myblossom #box-02 .area-02 .img-02{ width:320px; position:absolute; top:150px; right:40px; z-index:2;}
.scroll-img {
    transform: translateY(0); /* 初期位置を設定 */
    transition: transform 0.5s ease-out; /* スムーズな動きにする */
    will-change: transform; /* スクロール時のパフォーマンス向上 */
}
.scroll-img.img{ transform: translateY(50px);}
.scroll-img.img-02 { transform: translateY(0px);}

#myblossom #box-shohyo{ text-align:center;}
#myblossom #box-shohyo h2{}
#myblossom #box-shohyo .area-01{ display:inline-block;}
#myblossom #box-shohyo .area-01 .tb-01{ margin-bottom:30px; margin-top:0px;}
#myblossom #box-shohyo .area-01 .tb-01 table{ display:inline-block;}
#myblossom #box-shohyo .area-01 .tb-01 table td{ padding:7px 20px; border:#CCC solid 1px; text-align:left; font-size:18px;}


#myblossom #box-shohyo .area-01 .tb-02 .p-01{ font-size:20px; font-weight:bold; margin-bottom:5px;}
#myblossom #box-shohyo .area-01 .tb-02 ul{ padding-top:5px;}
#myblossom #box-shohyo .area-01 .tb-02 li{ font-size:18px; text-align:left; text-indent:-1.4em; padding-left:1.4em;}


/*----- サービスメニュー　service -----*/
#service .p-title{ font-size: 18px; font-weight:600; text-align: center; line-height: 2em; margin-bottom:50px;}
#service h3{ font-size: 30px; font-weight: bold; padding:0 0 5px 60px; border-bottom: 1px solid #beaa6c; margin-bottom:20px; background:url(../images/common/h3-01.png)left 7px no-repeat;}
#service #box-01{ background:url(../images/service/bk-bnr.png)center 80px no-repeat; padding-top: 100px;}
#service #box-01 .area-01{ max-width:1500px; height:450px; width: 1024px; margin:auto; text-align: center; position: relative; padding-top: 100px; box-sizing:border-box;}
#service #box-01 .area-01 .img{ position: absolute; left:0; top:50px;}
#service #box-01 .area-01 .img-02{ position: absolute; right:0; bottom:80px;}
#service #box-01 .area-01 p{ font-size:28px; font-weight: bold; color:#beaa6c; line-height:2em;}

#service #box-02{ background:url(../images/service/bk-01.jpg) center bottom no-repeat; padding:50px 0 80px;}
#service #box-02 .area-01{ width:1024px; margin:auto; position: relative;}
#service #box-02 .area-01 .tb{ width: 640px;}
#service #box-02 .area-01 .tb p { font-size:17px; line-height: 2em; margin-bottom: 50px;}
#service #box-02 .area-01 .tb p:last-child{ margin-bottom: 0;}
#service #box-02 .area-01 .tb p a{ color:#beaa6c; font-weight: bold;}
#service #box-02 .area-01 .img{ position:absolute; top:50px; right:-280px; z-index:2;}


#service .bk-01{ background:url(../images/service/bk-02.jpg)center top no-repeat; border-top:1px solid #beaa6c; border-bottom:1px solid #beaa6c; position: relative;}
#service #box-03{ padding-bottom:50px;}
#service #box-03 .area-01{ width:1024px; margin:auto; overflow: hidden; position: relative;}
#service #box-03 .area-01 .tb{ width: 650px; float: right;}
#service #box-03 .area-01 .tb p { font-size:17px; line-height: 2em; margin-bottom: 50px;}
#service #box-03 .area-01 .tb p a{ color:#beaa6c; font-weight: bold;}
#service #box-03 .img{ position:absolute; top:400px; left:-1100px; right:0; margin:auto; z-index:2;}
#service #box-03 .area-01 .tb dt{ font-weight:bold; font-size:20px;}
#service #box-03 .area-01 .tb dd{ margin-bottom:10px;}



#service .bk-02{ background:url(../images/service/bk-03.jpg)center top no-repeat; border-bottom:1px solid #beaa6c; border-top:1px solid #beaa6c;position: relative;}
#service #box-04{ padding:80px 0 150px;}
#service #box-04 .area-01{ width:650px; margin:auto; position: relative;}
#service #box-04 .area-01 .tb p { font-size: 17px; line-height: 2em; margin-bottom: 50px;}
#service #box-04 .area-01 .tb p a{ color:#beaa6c; font-weight: bold;}
#service #box-04 .img{ position:absolute; top:300px; left:-1300px; right:0; margin:auto; z-index:2;}
#service #box-04 .img-02{ position:absolute; top:200px; right:-1200px; left:0; margin:auto; z-index:2;}


#service .bk-03{ background:url(../images/service/bk-04.jpg)center top no-repeat;border-top:1px solid #beaa6c; position: relative; z-index:10;}
#service #box-05{ padding:100px 0;}
#service #box-05 .area-01{ width:1024px; margin:auto; position: relative;}
#service #box-05 .area-01 .tb{ width: 640px;}
#service #box-05 .area-01 .tb p { font-size:17px; line-height: 2em; margin-bottom: 50px;}
#service #box-05 .area-01 .tb p:last-child{ margin-bottom: 0;}
#service #box-05 .area-01 .tb p a{ color:#beaa6c; font-weight: bold;}
#service #box-05 .area-01 .img{ position:absolute; top:-20px; right:-50px; z-index:10;}
#service #box-05 .img-02{ position:absolute; top:420px; right:30px; z-index:10;}

#service #box-06{ padding:100px 0 50px;}
#service #box-06 .area-01{ overflow: hidden; padding:20px 20px 50px 20px;}
#service #box-06 .area-01 .entry{ width:500px; float: left; position: relative; position: relative;}
#service #box-06 .area-01 .entry a{ padding:20px; box-shadow:0 0 20px rgba(0,0,0,0.1); display: block; text-decoration: none;}
#service #box-06 .area-01 .entry .img{ vertical-align:middle; margin-right:20px;}
#service #box-06 .area-01 .entry p{ font-size: 20px; font-weight: bold; display: inline-block; vertical-align:middle;}
#service #box-06 .area-01 .entry .ico{ position: absolute; right:15px; bottom:-10px;}
#service #box-06 .area-01 .entry:last-child{ float: right;}
#service #box-06 .area-01 .entry:last-child .ico{ float: right; bottom:inherit; right:0; top:-15px;}





/*----- お問い合わせ・お申込み　contact -----*/
#contact .bk-01{ background:url(../images/contact/bk-01.jpg),url(../images/contact/bk-02.jpg); background-position:right top,left bottom; background-repeat: no-repeat;}
#contact #box-01 { padding:80px 0 100px;}
#contact #box-01 .bnr{ background:url(../images/contact/bk-bnr.png); width: 862px; height:138px; margin:0 auto 50px; text-align: center; position: relative;}
#contact #box-01 .bnr p{ font-size: 20px; font-weight: bold; padding-top:55px;}
#contact #box-01 .bnr p a{ color:#beaa6c;}
#contact #box-01 .bnr .img{ position: absolute; left:20px; top:15px;}
#contact #box-01 .bnr .img-02{ position: absolute; right:20px; top:40px;}


#contact #box-01 .area-01{margin:0 auto 50px; text-align: center;}
#contact #box-01 .area-01 p{ font-size:17px; font-weight:bold; margin-bottom:20px;}
#contact #box-01 .area-01 ul{ display:inline-block; margin-bottom:40px;}
#contact #box-01 .area-01 li{ text-align:left; text-indent:-1em; padding-left:1em; line-height: 2em;}

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

#contact #box-01 .area-02 .area-mailform .kakunin{ background:#fcf0f0; overflow:hidden; padding:5px 5px;margin-bottom:20px;}
#contact #box-01 .area-02 .area-mailform .tb-01{}
#contact #box-01 .area-02 .area-mailform .tb-03{ text-align:center; padding-left: 20px; font-weight: bold;}
#contact #box-01 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-01 .area-02 .area-mailform .tb-02{}
#contact #box-01 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-01 .area-02 .area-mailform .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff; background: linear-gradient(to right, #edcd51, #b4881b); padding:20px 0 20px 0px; display:block; text-align: left; text-decoration:none; text-align: center; position:relative; transition:.3s; border-radius:0; margin:30px auto 0; border-radius:10px; border: none;}
#contact #box-01 .area-02 .area-mailform .btn img{ position: absolute; right:20px; top:45%; font-family: "Zen Old Mincho", serif;}

#contact #box-01 .area-02 .area-mailform .btn:hover{opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;cursor: pointer;}
#contact #box-01 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-01 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-01 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-01 .area-02 .area-mailform .ul-01{margin-bottom:15px;}
#contact #box-01 .area-02 .area-mailform h2{ background:#2d6324; font-size:20px; font-weight:bold; color:#fff; padding:15px 0; text-align: center; display: block; margin-bottom:10px;}






/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function: cubic-bezier(.64,.04,.35,1);
  transition: 0.9s ease-in-out;
  transform: translateY(60px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}


/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*ズラして表示する*/
.time02{transition-delay: .2s;}
.time03 {transition-delay: .4s;}
.time04 {transition-delay: .6s;}
.time05 {transition-delay: .8s;}



.u-fade.is-active .u-fadeImg,.u-fade.isActive .u-fadeImg {
    -webkit-animation-timing-function: cubic-bezier(.64,.04,.35,1);
    animation-timing-function: cubic-bezier(.64,.04,.35,1);
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale(1.25) rotate(.01deg);
        transform: scale(1.25) rotate(.01deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomOut {
    0% {
        -webkit-transform: scale(1.25) rotate(.01deg);
        transform: scale(1.25) rotate(.01deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

/*▼▼▼▼▼▼▼▼ スクロール英語（メインビジュアル）▼▼▼▼▼▼▼*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
  width:30px;
	position:absolute;
  left:0;
  right:0;
  margin:auto;
	bottom:0px;
    /*全体の高さ*/
	height:150px;
  z-index:9;
}

.scrolldown1 a{ display: block; height:150px;}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	right:0px;
	top: 0px;
    /*テキストの形状*/
	color: #fff;
	font-size:14px;
	letter-spacing: 0.05em;
	writing-mode: vertical-lr;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 150px;
	background: #fff;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.8s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:80px;
		opacity: 1;
	}
	100%{
		height:0;
		top:150px;
		opacity: 0;
	}
}



/*▼ブログ共通　bl▼*/
.bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
/*　左カラム　*/
.bl #mleft{width:680px;float:left;}
.bl #mleft .box{width:680px;padding-top:0;}


/* アーカイブ・カテゴリー */
.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:#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%);}


/*　右サイドカラム　*/
#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{font-weight:;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 #box-01{padding:50px 0 180px;}
#qa #box-01 .area-01{ width:1024px; margin:auto; position: relative;}
.cp_qa *,
.cp_qa *:after,
.cp_qa *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.cp_qa { overflow-x: hidden; margin: 0 auto; color: #333333; }
.cp_qa .cp_actab { padding: 5px 20px 20px; border: 2px solid #cccccc; position:relative;border-radius:15px; margin-bottom:30px;}
.cp_qa .cp_actab .p-01{ text-indent:-2.1em; padding-left:2.1em; padding-right:48px;}
.cp_qa .cp_actab .p-01 span{ font-size:160%; color:#d77270; position:relative; margin-right:4px; top:3px;}


.cp_qa label { font-size: 1.2em; position: relative; display: block; width: 100%; margin: 0; padding: 10px 0px 0 0px; cursor: pointer; z-index:9;}
.cp_qa .cp_actab-content { font-size: 1em; position: relative; overflow: hidden; height: 0;padding: 0 0x; -webkit-transition: 0.1s ease; transition: 0.1s ease; opacity: 0; font-weight:800;}
.cp_qa .cp_actab-content span{ font-size:160%; color:#beaa6c; position:relative; margin-right:4px; top:3px;}



.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content { height: auto; padding: 14px 0 0px;opacity: 1; padding-left:0px; padding-left:1.9em; text-indent:-1.9em;}
.cp_qa .cp_plus { font-size: 2.4em; line-height: 100%; position: absolute; right:20px; top:15%;z-index: 5; -webkit-transition: 0.2s ease; transition: 0.2s ease; color:#beaa6c;}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus { -webkit-transform: rotate(180deg); transform: rotate(180deg); top:7px;}
.cp_qa .cp_actab input[type=checkbox] { display: none; }



#voice #main{ padding-top:50px;}
#voice #box-01{ padding:0;}
#voice #box-01 #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
#voice #box-01 #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%);}


#voice #box-01 .area-01{margin-bottom:50px;}
#voice #box-01 .p-01{ text-align:right; margin-bottom:20px;}