@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#404040;-webkit-text-size-adjust:100%; font-weight:500; font-family: "Zen Maru Gothic", serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1200px;}
h1{ text-indent:-9999px; height:0px;}


/*▼ヘッダー▼*/
#header{ max-width:1500px; margin:auto; height:150px; position:relative;}
#header #hmid{ overflow:hidden; padding:0 50px;}
#header .left { float:left; padding:25px 0 0;}
#header .left a{ text-decoration:none; display:inline-block;}
#header .left a img{ vertical-align: middle; margin-right: 5px; position: relative; top:-1px;}
#header .left a .name{ display: inline-block; vertical-align: middle;}
#header .left a .p-01{ font-size:15px; font-weight:bold; margin-bottom:12px;}
#header .left a .p-02{ font-size:24px; font-weight:bold; color:#404040; line-height: 1em; margin-bottom:12px; font-family: "Noto Serif JP", serif;}
#header .left a .p-02 span{ font-size:34px; font-weight:bold; display:inline-block; margin-left: 5px;}
#header .left a .p-03{ font-size:15px; font-weight: 500; letter-spacing: normal;}

#header .right{ float:right; text-align: right; overflow: hidden; padding:0px 0px 0 0;}
#header .right .tel{ float: left; padding-top: 5px;}
#header .right .p-tel{ font-size:34px; font-weight:600; letter-spacing:2px; line-height:1em; margin:0 0 5px; vertical-align:middle;}
#header .right .p-tel a{ background:url("../images/common/ico-tel.png") left 6px no-repeat; color:#333333; display:inline-block; text-decoration:none; padding-left:33px;}
#header .right .p-01 { font-size:15px; letter-spacing:normal; margin-bottom:5px;}
#header .right .p-01 img{ vertical-align: middle; margin-right:5px; position: relative; top:-2px;}
#header .right .mail{ display: inline-block; font-size:20px; font-weight:500; text-align:center; margin-left: 20px;}
#header .right .mail a{ background:#ec7a9d; color:#fff; padding:20px 30px; display:block; text-decoration:none; border-radius:0 0 20px 20px;}
#header .right .mail a span{ background:url(../images/common/ico-mail.png)left 4px no-repeat; padding-left:40px;}



/*▼メインナビゲーション▼*/
#navi{ display:inline-block; position:absolute; right:50px; top:100px;}
#navi ul{ padding:2px;}
#navi li { display:inline-block; font-size:18px; font-weight:500; text-align:center; letter-spacing: 2px; margin-right:10px; position: relative;}
#navi li:last-child{ margin-right: 0;}
#navi li a{ color:#333; text-decoration:none; position:relative; display:block; padding:0 32px 5px 0px; background:url(../images/common/ico-navi.png)right 0px no-repeat;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#ec7a9d; background:url(../images/common/ico-navion.png)right 0px no-repeat;}

/* ▼ドロップダウンの基本 */
#navi ul.dropdown__lists{
  position:absolute;
  left:-40px;
  top:85%;
  min-width: 180px;
  padding:8px 0;
  margin:8px 0 0;
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
  white-space: nowrap;
  z-index:2;

  /* 初期は非表示（ふわっと用の値もここでセット） */
  opacity:0;
  visibility:hidden;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, visibility .25s linear;
  will-change: opacity, transform;
}

/* PCホバー＆キーボード操作で表示 */
#navi li:hover > ul.dropdown__lists,
#navi li:focus-within > ul.dropdown__lists{
  opacity:1;
  visibility:visible;
  transform: translateY(0);
}

/* ドロップダウン内の各項目 */
#navi .dropdown__lists > li{
  display:block;
  font-size: 16px;
  text-align: left;
  margin-right: 0;
}

#navi .dropdown__lists > li > a{
  display:block;
  padding:10px 16px;
  color:#333;
  text-decoration:none;
}

#navi .dropdown__lists > li > a:hover{
  background:#f9f9f9;
  color:#ec7a9d;
  transition: background .2s ease, color .2s ease;
}





/*▼メインビジュアル▼*/
#mp{ background:#f6e9e4;}
#mp .area-01{ width:1200px; height:200px; margin:auto; text-align: center; display:table;}
#mp .area-01 p{ font-size:38px; font-weight: bold; color:#ec7a9d; display: table-cell; vertical-align: middle;}


#hmp{ position: relative;}
#hmp .area-01{ width: 1024px; margin:auto; height:800px; position:absolute;right:0px; margin:auto; z-index:1; top:350px;}
#hmp .area-01 .inner{}
#hmp .area-01 .p-01{ font-size:42px; font-weight:500; color:#404040; line-height:1.8em; text-shadow:0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 20px#fff,0 0 20px#fff,0 0 20px#fff; margin-bottom:30px;}
#hmp .area-01 .p-01 span{ font-size:62px; font-weight:bold; color:#ff6868;line-height: 1.5em;}
#hmp .area-01 .p-02{ font-size:24px; font-weight:500; color:#404040; line-height:1.8em; text-shadow:0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 15px#fff,0 0 20px#fff,0 0 20px#fff,0 0 20px#fff;}




/*----- フッター -----*/
#footer {}
#footer .area-01{ width:1024px; margin:auto; overflow:hidden; padding:80px 0 80px;}
#footer .area-01 .left { float:left;}
#footer .area-01 .left a.name{ text-decoration:none; display:inline-block;}
#footer .area-01 .left a img{ vertical-align: middle; margin-right: 5px; position: relative; top:-1px;}
#footer .area-01 .left a .tb{ display: inline-block; vertical-align: middle;}
#footer .area-01 .left a .p-01{ font-size:15px; font-weight:bold; margin-bottom: 12px;}
#footer .area-01 .left a .p-02{ font-size:24px; font-weight:bold; color:#404040; line-height: 1em; font-family: "Noto Serif JP", serif;}
#footer .area-01 .left a .p-02 span{ font-size:34px; font-weight:bold; display:inline-block; margin-left: 5px;}

#footer .area-01 .left .inner{ padding:10px 0 0 20px;}
#footer .area-01 .left .p-03{ font-size:15px; font-weight: 500; line-height: 1.8em; letter-spacing: normal; display: inline-block; vertical-align: middle;}
#footer .area-01 .left .p-04{ font-size:15px; font-weight: 500; display: inline-block; vertical-align:middle; margin-left: 20px;}
#footer .area-01 .left .p-04 a{ color:#404040; display: block; text-decoration: none; background:url(../images/common/ico-pin.png)left 1px no-repeat; padding-left: 20px;}

#footer .area-01 .right{ float:right; text-align: right;}

#footer .area-01 ul{ display: inline-block; vertical-align: top; margin-left: 80px;}
#footer .area-01 ul li{ font-size:18px; text-align: left; margin-bottom:20px; letter-spacing: normal;}
#footer .area-01 ul li a{ color:#404040; display: inline-block; text-decoration: none;}
#footer .area-01 ul li span{ padding-left: 2.2em; font-size:16px; position: relative;}
#footer .area-01 ul li span:before{ content:""; background:#404040; width: 20px; height: 1px; display: block; position: absolute; left:2px; top:6px;}
#footer .area-01 ul:last-child li{ margin-bottom: 10px;}
#footer .area-01 ul:last-child li:nth-child(n+2){ margin-bottom:8px;}


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

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






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

.h2-01{ font-size:40px; font-weight:bold; text-align:center; padding-bottom:30px; margin-bottom:50px; position: relative;}
.h2-01::before{ content:""; background:#ec7a9d; width:60px; height: 4px; display: inline-block; position: absolute; left:0; right:0; bottom:0; margin:auto;}
.h2-01 span{ font-size: 28px; color:#ec7a9d; display: block;}

.h2-02{ font-size:40px; font-weight:bold; padding-bottom:30px; margin-bottom:50px; position: relative;}
.h2-02::before{ content:""; background:#ec7a9d; width:60px; height: 4px; display: inline-block; position: absolute; left:0; bottom:0; margin:auto;}
.h2-02 span{ font-size: 28px; color:#ec7a9d; margin-left:15px;}


.more{ width:230px; margin:50px auto; font-size:18px; font-weight:500; text-align:center;}
.more a{ background:#ffa3ad; color:#fff; padding:20px 0; display:block; text-decoration:none; box-sizing:border-box; border-radius:50px; position: relative;}





/*----- ホーム　home -----*/
#home #box-01{ padding:100px 0 220px;}
#home #box-01 .area-01{ background:#f7f5f2; padding:50px 50px 70px; border-radius:30px;}
#home #box-01 .area-01 .inner{ height:300px; overflow-y:scroll;}
#home #box-01 .area-01 table { width: 100%;}
#home #box-01 .area-01 table th { width:180px; font-weight: bold; padding:22px 20px 0 0; vertical-align:top; border-bottom: 1px solid #ccc;}
#home #box-01 .area-01 table th span{ background:#726248; color:#fff; display: inline-block; padding:8px 20px; border-radius:30px;}
#home #box-01 .area-01 table td { padding:30px 10px 30px; border-bottom: 1px solid #ccc; font-size:15px; letter-spacing:normal;}
#home #box-01 .area-01 table td span{ font-size:18px; font-weight:bold; display:block; letter-spacing:1px; margin-bottom:10px;}



#home #box-02{ padding:0 0 50px;}
#home #box-02 .area-01{ width:1024px; margin:auto; padding:120px 0 80px; margin-bottom: 70px; position: relative;}
#home #box-02 .area-01 .img-01{ position: absolute; right:-180px; top:-140px;}
#home #box-02 .area-01 .img-02{ position: absolute; right:-180px; bottom:-30px;}
#home #box-02 .area-01 .tb{ padding-left:30px;}
#home #box-02 .area-01 .tb h3{ font-size: 24px; font-weight: bold; margin-bottom: 40px;}
#home #box-02 .area-01 .tb p { font-size: 18px; line-height: 2.5em;}
#home #box-02 .area-01 .tb p span{ font-weight: bold;}

#home #box-02 .area-02{ width: 1200px; margin:auto; position: relative; height: 400px;}
#home #box-02 .area-02 .img-01{ position: absolute; left:-270px; bottom:0;}
#home #box-02 .area-02 .img-02{ position: absolute; left:0px; right:0; margin:auto;}
#home #box-02 .area-02 .img-03{ position: absolute; right:-270px; bottom:0;}



#home #box-03{ padding:50px 0px 100px; box-sizing:border-box;}
#home #box-03 .area-01{ background:#fff; border-radius:30px; padding:10px 40px 40px;}
#home #box-03 .area-01 .entry{ padding:70px 0; border-bottom: 1px dashed #ccc; position: relative;}
#home #box-03 .area-01 .entry:last-child{ border-bottom:none;}
#home #box-03 .area-01 .entry img{ position: absolute; left:-100px; top:60px;}
#home #box-03 .area-01 .entry .tb{ width: 420px; display: inline-block; vertical-align: middle; padding-left:480px;}
#home #box-03 .area-01 .entry .tb h3{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
#home #box-03 .area-01 .entry .tb h3 span{ font-size: 22px;}
#home #box-03 .area-01 .entry .tb p { font-size: 16px; line-height: 2em; margin-bottom: 30px;}
#home #box-03 .area-01 .entry .tb .more{ margin:50px 0 0;}
#home #box-03 .area-01 .entry:nth-child(2){}
#home #box-03 .area-01 .entry:nth-child(2) img{ position: absolute; left:initial; top:60px; right:-100px;}
#home #box-03 .area-01 .entry:nth-child(2) .tb{ padding-left:0px;}


#home #box-04{ background:url(../images/home/bk-contact.jpg)center top no-repeat; height: 600px; padding-top: 80px; box-sizing:border-box;}
#home #box-04 .area-01{ background:rgba(255,255,255,.8); width: 850px; margin:auto; padding:30px 0 5px; text-align: center;}
#home #box-04 .area-01 h2{ margin-bottom: 30px;}
#home #box-04 .area-01 p{ width: 550px; font-size: 18px; line-height: 2em; display: inline-block; text-align: left;}



#box-bnr{ width: 1200px; margin:auto; padding:50px 0;}
#box-bnr .area-01{ overflow: hidden;}
#box-bnr .area-01 .bnr{ width: 580px; float: left;}
#box-bnr .area-01 .bnr:last-child{ float: right;}
#box-bnr .area-01 .bnr a{ background:#f6e9e4; display: block; text-decoration: none;}
#box-bnr .area-01 .bnr a img{ border-right:3px solid #ec7a9d; vertical-align: middle; margin-right: 30px;}
#box-bnr .area-01 .bnr a .tb{ display: inline-block; vertical-align: middle;}
#box-bnr .area-01 .bnr a .tb h2{ font-size: 32px; font-weight: bold; margin-bottom:15px;}
#box-bnr .area-01 .bnr a .tb p { font-size: 20px; line-height: 1.7em;}



/*----- 施設概要 about -----*/
#about #box-01{ width: 1200px; padding:80px 0 80px;}
#about #box-01 .area-01{ text-align: center; margin-bottom:80px;}
#about #box-01 .area-01 .btn{ display: inline-block; margin-right:40px;}
#about #box-01 .area-01 .btn:last-child{ margin-right: 0;}
#about #box-01 .area-01 .btn a{ font-weight: bold; color:#6b4448; padding:15px 30px; display: block; text-decoration: none; border-radius:50px; border: 1px solid #ffa3ad;}
#about #box-01 .area-01 .btn a span{ background:url(../images/common/ico-navion.png)right 0px no-repeat; line-height:26px; display: inline-block; padding-right:40px;}

#about #box-01 .area-02{ width: 1100px; margin:auto; overflow: hidden;}
#about #box-01 .area-02 img{ float: left;}
#about #box-01 .area-02 .tb{}
#about #box-01 .area-02 .tb p{ font-size:19px; line-height: 2em;}
#about #box-01 .area-02 .tb .p-01{ text-align: right; padding-top: 30px;}

#about #box-02{ width: 1200px;}
#about #box-02 .area-01{ width: 1100px; margin:auto;}
#about #box-02 .area-01 table{ width: 100%; border:1px solid #c6c6c6;}
#about #box-02 .area-01 table th{ width: 200px; padding:25px 0; border:1px solid #c6c6c6; text-align: center; background:#f6e9e4; font-size: 20px; font-weight: bold; color:#ef9ab0; vertical-align: middle; border-right: none;}
#about #box-02 .area-01 table td{ padding:25px 20px; border-bottom:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}
#about #box-02 .area-01 table td span{ font-weight: bold;}

#about #box-03{ width: 1200px; padding-bottom: 100px;}
#about #box-03 .p-01{ font-size: 40px; font-weight: bold; text-align: center; margin-bottom:70px;}
#about #box-03 .p-01 span{ font-size: 20px; display: block; padding-top: 20px;}
#about #box-03 .area-01{ position: relative; height: 400px;}
#about #box-03 .area-01 .img-01{ position: absolute; left:-270px; bottom:0;}
#about #box-03 .area-01 .img-02{ position: absolute; left:0px; right:0; margin:auto;}
#about #box-03 .area-01 .img-03{ position: absolute; right:-270px; bottom:0;}

#about #box-04{ width: 1200px; position: relative;}
#about #box-04 .img{ position: absolute; right:180px; top:-80px;}
#about #box-04 .area-01{ width: 1100px; margin:auto;}
#about #box-04 .area-01 table{ width: 100%;}
#about #box-04 .area-01 table th{ width: 200px; padding:25px 0 25px 30px; border:1px solid #ec7a9d; text-align:left; background:#f6e9e4; font-size: 20px; vertical-align: middle; border-right: none;}
#about #box-04 .area-01 table td{ padding:25px 30px; border:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}

#about #box-05{ padding:100px 0 130px;}
#about #box-05 p{ font-size: 20px; text-align: center; margin-bottom: 70px;}
#about #box-05 .googlemap{ height: 500px;}

#about .bk-gray{ padding-bottom:50px;}
#about #box-06{ background:#fff; padding:60px 0 10px; position: relative; margin-bottom: 50px;}
#about #box-06 h2{ position: absolute; left:0; top:-30px;}
#about #box-06 .area-01{ padding:50px 30px; border-bottom:4px dotted #ec7a9d;}
#about #box-06 .area-01:last-child{ border: none;}
#about #box-06 .area-01 h3{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 20px;}
#about #box-06 .area-01 ul{}
#about #box-06 .area-01 ul li{ margin-bottom: 20px;}
#about #box-06 .area-01 ul li:first-child{ font-size: 20px; font-weight: bold; color:#ab0538;}
#about #box-06 .area-01 ul li a{ background:url(../images/about/ico-pdf.png)left 0px no-repeat; font-size: 18px; font-weight: 500; color:#404040; padding-left:50px; line-height: 44px; text-decoration: none; display: inline-block;}

#about #box-06 .area-03 ul li:first-child{ font-size:16px; font-weight:500; color:#404040;}

#box-contact{ background:url(../images/common/bk-contact.jpg)center top no-repeat; height: 340px; padding-top: 50px; box-sizing: border-box;}
#box-contact h2{ font-size: 34px; font-weight: bold; color:#fff; text-align: center; margin-bottom:30px;}
#box-contact h2 span{ font-size: 18px; display: block;}
#box-contact .area-01{ width:950px; margin:auto; overflow: hidden;}
#box-contact .area-01 .left{ width: 450px; float: left; text-align: center;}
#box-contact .area-01 .left a{ background:#fff url(../images/common/ico-tel2.png)70px 30px no-repeat; padding:0px 0; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#box-contact .area-01 .left a p{ font-size:36px; font-weight: bold; line-height: 1em; color:#404040; padding-top:10px;}
#box-contact .area-01 .left a p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}
#box-contact .area-01 .right{ width: 450px; float:right; text-align: center;}
#box-contact .area-01 .right a{ background:#ec7a9d url(../images/common/ico-mail2.png)40px 27px no-repeat; padding:0px 0; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#box-contact .area-01 .right a p{ font-size:24px; font-weight: bold; line-height: 1em; color:#fff; padding-top: 20px;}
#box-contact .area-01 .right a p span{ font-size:18px; font-weight: 500; display: block; padding-top:5px;}





/*----- グレープハウス grapehouse -----*/
#grapehouse #box-01{ padding:80px 0 80px;}
#grapehouse #box-01 .area-01{ text-align: center; margin-bottom:80px;}
#grapehouse #box-01 .area-01 .btn{ display: inline-block; margin-right:10px;}
#grapehouse #box-01 .area-01 .btn:last-child{ margin-right: 0;}
#grapehouse #box-01 .area-01 .btn a{ font-weight: bold; color:#6b4448; padding:15px 30px; display: block; text-decoration: none; border-radius:50px; border: 1px solid #ffa3ad;}
#grapehouse #box-01 .area-01 .btn a span{ background:url(../images/common/ico-navion.png)right 0px no-repeat; line-height:26px; display: inline-block; padding-right:40px;}



#grapehouse #box-01 .area-02{ width: 1200px; margin:auto;  position: relative; padding: 70px 0;}
#grapehouse #box-01 .area-02:before{ background:#f7f5f2; content:""; width: 1120px; height: 100%; display: block; position: absolute; left:0; right:0; top:0; margin:auto; border-radius:30px; z-index:-1;}
#grapehouse #box-01 .area-02 .inner{ overflow: hidden; margin-bottom: 50px;}
#grapehouse #box-01 .area-02 .inner img{ float: left;}
#grapehouse #box-01 .area-02 .inner .tb{ width: 620px; float: right;}
#grapehouse #box-01 .area-02 .inner .tb table{ background:#fff; width: 100%; border:1px solid #c6c6c6;}
#grapehouse #box-01 .area-02 .inner .tb table th{ width: 200px; padding:25px 0; border:1px solid #c6c6c6; text-align: center; background:#f6e9e4; font-size: 20px; font-weight: bold; color:#ef9ab0; vertical-align: middle; border-right: none;}
#grapehouse #box-01 .area-02 .inner .tb table td{ padding:25px 20px; border-bottom:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}
#grapehouse #box-01 .area-02 .googlemap{ width: 1024px; height: 400px; margin:auto;}


#grapehouse #box-02{ width: 1200px; position: relative;}
#grapehouse #box-02 .area-01{ width: 880px; margin-left: 50px;}
#grapehouse #box-02 .area-01 h3{ font-size: 24px; font-weight: bold; margin-bottom:30px;}
#grapehouse #box-02 .area-01 p { font-size: 18px; line-height: 1.8em;}
#grapehouse #box-02 .img{ position: absolute; right:0; bottom:-100px;}


#grapehouse #box-03{ width: 1200px; position: relative;}
#grapehouse #box-03 .area-01{ margin-left: 50px;}
#grapehouse #box-03 .area-01 dl dt{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 10px;}
#grapehouse #box-03 .area-01 dl dd{ font-size: 18px; font-weight: 500; margin-bottom: 30px;}


#grapehouse #box-04{ width: 1200px; position: relative;}
#grapehouse #box-04 .area-01{ width: 600px;}
#grapehouse #box-04 .area-01 h3{ font-size: 32px; font-weight: bold; line-height: 1.8em; margin-bottom: 20px;}
#grapehouse #box-04 .area-01 p { font-size: 18px; line-height: 1.8em;}
#grapehouse #box-04 .img{ position: absolute; right:0; top:80px;}


#grapehouse #box-05{ width: 1200px;}
#grapehouse #box-05 .area-01{ padding:50px 50px; border-bottom:4px dotted #ec7a9d;}
#grapehouse #box-05 .area-01 h3{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 10px;}
#grapehouse #box-05 .area-01 p { font-size: 18px; line-height: 1.8em;}
#grapehouse #box-05 .area-01 p.pdf{ font-size: 16px; font-weight:500; margin-top:30px;}
#grapehouse #box-05 .area-01 p.pdf a{ background:url(../images/about/ico-pdf.png)left 0px no-repeat; color:#404040; padding-left:50px; line-height: 44px; text-decoration: none; display: inline-block;}
#grapehouse #box-05 .area-03{ border: none;}
#grapehouse #box-05 .area-03 p a{ color:#4682b4;}
#grapehouse #box-05 .area-03 ul{ padding-top: 30px;}
#grapehouse #box-05 .area-03 ul li{ font-size: 16px; padding-left: 1em; text-indent: -1em;}


#grapehouse #box-06{ width: 1200px;}
#grapehouse #box-06 .area-01{ padding:0px 50px;}
#grapehouse #box-06 .area-01 table{ width: 100%;}
#grapehouse #box-06 .area-01 table th{ width: 200px; padding:25px 0 25px 30px; border:1px solid #ec7a9d; text-align:left; background:#f6e9e4; font-size: 20px; vertical-align: middle; border-right: none;}
#grapehouse #box-06 .area-01 table td{ padding:25px 30px; border:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}


#grapehouse #box-07{ width: 1200px;}
#grapehouse #box-07 .p-01{ font-size: 18px; line-height: 2em; text-align: center; margin-bottom: 50px;}
#grapehouse #box-07 .area-01{ text-align: center;}
#grapehouse #box-07 .area-01 .btn-tel{ width:360px; display: inline-block; margin-right:10px;}
#grapehouse #box-07 .area-01 .btn-tel a{ background:#ec7a9d url(../images/grapehouse/ico-tel.png)40px 25px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#grapehouse #box-07 .area-01 .btn-tel a p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#grapehouse #box-07 .area-01 .btn-tel a p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}


#grapehouse #box-07 .area-01 .btn-mail{ width:360px; display: inline-block; margin-right:10px;}
#grapehouse #box-07 .area-01 .btn-mail a{ background:#ec7a9d url(../images/common/ico-mail2.png)40px 27px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#grapehouse #box-07 .area-01 .btn-mail a p{ font-size:24px; font-weight: bold; line-height: 1em; color:#fff; padding-top: 20px;}
#grapehouse #box-07 .area-01 .btn-mail a p span{ font-size:18px; font-weight: 500; display: block; padding-top:5px;}


#grapehouse #box-07 .area-01 .btn-fax{ width:360px; display: inline-block; background:#ec7a9d url(../images/grapehouse/ico-fax.png)35px 20px no-repeat; padding:0px 0 0 40px; text-decoration: none; height: 90px; border-radius: 50px; vertical-align: top;}
#grapehouse #box-07 .area-01 .btn-fax p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#grapehouse #box-07 .area-01 .btn-fax p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}


#grapehouse #box-bnr{ width:auto;background:url(../images/common/bk-contact.jpg) 0 0 no-repeat; background-size:cover;}
#grapehouse #box-bnr .area-01{ width:1200px; margin:auto;}


/*----- 甲府かわせみ苑 kawasemi -----*/
#kawasemi #box-01{ padding:80px 0 80px;}
#kawasemi #box-01 .area-01{ text-align: center; margin-bottom:80px;}
#kawasemi #box-01 .area-01 .btn{ display: inline-block; margin-right:10px;}
#kawasemi #box-01 .area-01 .btn:last-child{ margin-right: 0;}
#kawasemi #box-01 .area-01 .btn a{ font-weight: bold; color:#6b4448; padding:15px 30px; display: block; text-decoration: none; border-radius:50px; border: 1px solid #ffa3ad;}
#kawasemi #box-01 .area-01 .btn a span{ background:url(../images/common/ico-navion.png)right 0px no-repeat; line-height:26px; display: inline-block; padding-right:40px;}



#kawasemi #box-01 .area-02{ width: 1200px; margin:auto;  position: relative; padding: 70px 0;}
#kawasemi #box-01 .area-02:before{ background:#f7f5f2; content:""; width: 1120px; height: 100%; display: block; position: absolute; left:0; right:0; top:0; margin:auto; border-radius:30px; z-index:-1;}
#kawasemi #box-01 .area-02 .inner{ overflow: hidden; margin-bottom: 50px;}
#kawasemi #box-01 .area-02 .inner img{ float: left;}
#kawasemi #box-01 .area-02 .inner .tb{ width: 620px; float: right;}
#kawasemi #box-01 .area-02 .inner .tb table{ background:#fff; width: 100%; border:1px solid #c6c6c6;}
#kawasemi #box-01 .area-02 .inner .tb table th{ width: 200px; padding:25px 0; border:1px solid #c6c6c6; text-align: center; background:#f6e9e4; font-size: 20px; font-weight: bold; color:#ef9ab0; vertical-align: middle; border-right: none;}
#kawasemi #box-01 .area-02 .inner .tb table td{ padding:25px 20px; border-bottom:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}
#kawasemi #box-01 .area-02 .googlemap{ width: 1024px; height: 400px; margin:auto;}


#kawasemi #box-02{ width: 1200px; position: relative;}
#kawasemi #box-02 .area-01{ width: 830px; margin-left: 50px;}
#kawasemi #box-02 .area-01 h3{ font-size: 24px; font-weight: bold; margin-bottom:30px;}
#kawasemi #box-02 .area-01 p { font-size: 18px; line-height: 1.8em;}
#kawasemi #box-02 .img{ position: absolute; right:-50px; bottom:80px;}


#kawasemi #box-03{ width: 1200px; position: relative;}
#kawasemi #box-03 .area-01{ margin:0 0 70px 50px;}
#kawasemi #box-03 .area-01 dl dt{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 10px;}
#kawasemi #box-03 .area-01 dl dd{ font-size: 18px; font-weight: 500; margin-bottom: 30px;}
#kawasemi #box-03 .area-02{ overflow: hidden;}
#kawasemi #box-03 .area-02 .entry{ width: 386px; float: left; background:#f6e9e4; border-radius:15px; padding:30px 20px 40px; box-sizing:border-box; text-align: center; margin-right:10px;}
#kawasemi #box-03 .area-02 .entry:last-child{ margin-right:0px;}
#kawasemi #box-03 .area-02 .entry h3{ background:#ec7a9d; font-size: 20px; font-weight: bold; color:#fff; display: inline-block; padding:5px 30px; margin-bottom: 20px;}
#kawasemi #box-03 .area-02 .entry p { font-size: 16px; text-align: left; line-height: 1.8em;}


#kawasemi #box-04{ width: 1200px;}
#kawasemi #box-04 .area-01{ margin:0 50px;}
#kawasemi #box-04 .area-01 ul li{ font-size: 18px; line-height: 2em; display: inline-block; margin-right: 30px;}


#kawasemi #box-05{ width: 1200px; position: relative;}
#kawasemi #box-05 .area-01{ width: 600px;}
#kawasemi #box-05 .area-01 p { font-size: 18px; line-height: 1.8em;}
#kawasemi #box-05 .img{ position: absolute; right:0; top:80px;}


#kawasemi #box-06{ width: 1200px;}
#kawasemi #box-06 .area-01{ padding:50px 50px;  border-bottom:4px dotted #ec7a9d;}
#kawasemi #box-06 .area-01:first-of-type{ padding-top:0px;}
#kawasemi #box-06 .area-01 h3{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 10px;}
#kawasemi #box-06 .area-01 p { font-size: 18px; line-height: 1.8em;}
#kawasemi #box-06 .area-01 p.pdf{ font-size: 16px; font-weight:500; margin-top:30px;}
#kawasemi #box-06 .area-01 p.pdf a{ background:url(../images/about/ico-pdf.png)left 0px no-repeat; color:#404040; padding-left:50px; line-height: 44px; text-decoration: none; display: inline-block;}
#kawasemi #box-06 .area-03{ border: none;}
#kawasemi #box-06 .area-03 p a{ color:#4682b4;}
#kawasemi #box-06 .area-03 ul{ padding-top: 30px;}
#kawasemi #box-06 .area-03 ul li{ font-size: 16px; padding-left: 1em; text-indent: -1em;}


#kawasemi #box-07{ width: 1200px; padding-bottom: 100px;}
#kawasemi #box-07 .area-01{ padding:0px 50px 100px;}
#kawasemi #box-07 .area-01:nth-of-type(2){ padding-bottom:0px;}
#kawasemi #box-07 .area-01 p{ font-size: 18px; line-height: 1.8em; margin-bottom: 50px;}
#kawasemi #box-07 .area-01 table{ width: 100%;}
#kawasemi #box-07 .area-01 table th{ width: 200px; padding:25px 0 25px 30px; border:1px solid #ec7a9d; text-align:left; background:#f6e9e4; font-size: 20px; vertical-align: middle; border-right: none;}
#kawasemi #box-07 .area-01 table td{ padding:25px 30px; border:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}



#kawasemi #box-08{ width: 1200px;}
#kawasemi #box-08 .p-01{ font-size: 18px; line-height: 2em; text-align: center; margin-bottom: 50px;}
#kawasemi #box-08 .area-01{ text-align: center;}
#kawasemi #box-08 .area-01 .btn-tel{ width:360px; display: inline-block; margin-right:10px;}
#kawasemi #box-08 .area-01 .btn-tel a{ background:#ec7a9d url(../images/grapehouse/ico-tel.png)40px 25px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#kawasemi #box-08 .area-01 .btn-tel a p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#kawasemi #box-08 .area-01 .btn-tel a p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}


#kawasemi #box-08 .area-01 .btn-mail{ width:360px; display: inline-block; margin-right:10px;}
#kawasemi #box-08 .area-01 .btn-mail a{ background:#ec7a9d url(../images/common/ico-mail2.png)40px 27px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#kawasemi #box-08 .area-01 .btn-mail a p{ font-size:24px; font-weight: bold; line-height: 1em; color:#fff; padding-top: 20px;}
#kawasemi #box-08 .area-01 .btn-mail a p span{ font-size:18px; font-weight: 500; display: block; padding-top:5px;}


#kawasemi #box-08 .area-01 .btn-fax{ width:360px; display: inline-block; background:#ec7a9d url(../images/grapehouse/ico-fax.png)35px 20px no-repeat; padding:0px 0 0 40px; text-decoration: none; height: 90px; border-radius: 50px; vertical-align: top;}
#kawasemi #box-08 .area-01 .btn-fax p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#kawasemi #box-08 .area-01 .btn-fax p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}


#kawasemi #box-bnr{ width:auto;background:url(../images/common/bk-contact.jpg) 0 0 no-repeat; background-size:cover;}
#kawasemi #box-bnr .area-01{ width:1200px; margin:auto;}




/*----- 清栄なでしこ荘 nadeshiko -----*/
#nadeshiko #box-01{ padding:80px 0 80px;}
#nadeshiko #box-01 .area-01{ text-align: center; margin-bottom:80px;}
#nadeshiko #box-01 .area-01 .btn{ display: inline-block; margin-right:10px;}
#nadeshiko #box-01 .area-01 .btn:last-child{ margin-right: 0;}
#nadeshiko #box-01 .area-01 .btn a{ font-weight: bold; color:#6b4448; padding:15px 30px; display: block; text-decoration: none; border-radius:50px; border: 1px solid #ffa3ad;}
#nadeshiko #box-01 .area-01 .btn a span{ background:url(../images/common/ico-navion.png)right 0px no-repeat; line-height:26px; display: inline-block; padding-right:40px;}



#nadeshiko #box-01 .area-02{ width: 1200px; margin:auto;  position: relative; padding: 70px 0;}
#nadeshiko #box-01 .area-02:before{ background:#f7f5f2; content:""; width: 1120px; height: 100%; display: block; position: absolute; left:0; right:0; top:0; margin:auto; border-radius:30px; z-index:-1;}
#nadeshiko #box-01 .area-02 .inner{ overflow: hidden; margin-bottom: 50px;}
#nadeshiko #box-01 .area-02 .inner img{ float: left;}
#nadeshiko #box-01 .area-02 .inner .tb{ width: 620px; float: right;}
#nadeshiko #box-01 .area-02 .inner .tb table{ background:#fff; width: 100%; border:1px solid #c6c6c6;}
#nadeshiko #box-01 .area-02 .inner .tb table th{ width: 200px; padding:25px 0; border:1px solid #c6c6c6; text-align: center; background:#f6e9e4; font-size: 20px; font-weight: bold; color:#ef9ab0; vertical-align: middle; border-right: none;}
#nadeshiko #box-01 .area-02 .inner .tb table td{ padding:25px 20px; border-bottom:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}
#nadeshiko #box-01 .area-02 .googlemap{ width: 1024px; height: 400px; margin:auto;}


#nadeshiko #box-02{ width: 1200px;}
#nadeshiko #box-02 .area-01{margin-left: 50px;}
#nadeshiko #box-02 .area-01 h3{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom:5px;}
#nadeshiko #box-02 .area-01 p { font-size: 18px; line-height: 1.8em; margin-bottom:40px;}
#nadeshiko #box-02 .img{ display:inline-block; float:right;}


#nadeshiko #box-03{ width: 1200px; position: relative;}
#nadeshiko #box-03 .area-01{ margin:0 0 70px 50px;}
#nadeshiko #box-03 .area-01 h3{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
#nadeshiko #box-03 .area-01 p { font-size: 18px; line-height: 1.8em;}
#nadeshiko #box-03 .area-02{ overflow: hidden;}
#nadeshiko #box-03 .area-02 .entry{ width: 580px; float: left; background:#f6e9e4; border-radius:15px; padding:40px 40px 50px; box-sizing:border-box; text-align: center;}
#nadeshiko #box-03 .area-02 .entry:last-child{ float: right;}
#nadeshiko #box-03 .area-02 .entry img{ margin-bottom: 30px;}
#nadeshiko #box-03 .area-02 .entry h3{ background:#ec7a9d; font-size: 24px; font-weight: bold; color:#fff; display: inline-block; padding:5px 50px; border-radius:10px; margin-bottom: 20px;}
#nadeshiko #box-03 .area-02 .entry p { font-size: 16px; text-align: left; line-height: 1.8em;}


#nadeshiko #box-04{ width: 1200px;}
#nadeshiko #box-04 .area-01{ padding:50px 50px; border-bottom:4px dotted #ec7a9d;}
#nadeshiko #box-04 .area-01 h3{ font-size: 24px; font-weight: bold; color:#ec7a9d; margin-bottom: 10px;}
#nadeshiko #box-04 .area-01 p { font-size: 18px; line-height: 1.8em;}
#nadeshiko #box-04 .area-01 p.pdf{ font-size: 16px; font-weight:500; margin-top:30px;}
#nadeshiko #box-04 .area-01 p.pdf a{ background:url(../images/about/ico-pdf.png)left 0px no-repeat; color:#404040; padding-left:50px; line-height: 44px; text-decoration: none; display: inline-block;}
#nadeshiko #box-04 .area-03{ border: none;}
#nadeshiko #box-04 .area-03 p a{ color:#4682b4;}
#nadeshiko #box-04 .area-03 ul{ padding-top: 30px;}
#nadeshiko #box-04 .area-03 ul li{ font-size: 16px; padding-left: 1em; text-indent: -1em;}

#nadeshiko #box-04 .area-04 { display: flex; align-items: flex-start;gap: 25px; }
#nadeshiko #box-04 .area-04 .step { text-align: center; display: flex; flex-direction: column; align-items: center; }
#nadeshiko #box-04 .area-04 .step .num { width: 55px; height: 55px; background: #ec7a9d; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: bold; margin-bottom: 10px; }
/* ★ テキスト縦書き ★ */
#nadeshiko #box-04 .area-04 .step .v-text { writing-mode: vertical-rl; text-orientation: upright; font-size: 20px; font-weight: 500; line-height: 1.7em; letter-spacing: 2px; white-space: nowrap; }
/* 矢印 */
#nadeshiko #box-04 .area-04 .arrow { font-size: 20px; color: #ec7a9d; display: flex; align-items: center; font-weight: bold; margin-top:10px;}



#nadeshiko #box-05{ width: 1200px;}
#nadeshiko #box-05 .area-01{ padding:0px 50px;}
#nadeshiko #box-05 .area-01 table{ width: 100%;}
#nadeshiko #box-05 .area-01 table th{ width: 200px; padding:25px 0 25px 30px; border:1px solid #ec7a9d; text-align:left; background:#f6e9e4; font-size: 20px; vertical-align: middle; border-right: none;}
#nadeshiko #box-05 .area-01 table td{ padding:25px 30px; border:1px solid #c6c6c6; font-size: 20px; line-height: 2em; border-left: none;}


#nadeshiko #box-06{ width: 1200px;}
#nadeshiko #box-06 .p-01{ font-size: 18px; line-height: 2em; text-align: center; margin-bottom: 50px;}
#nadeshiko #box-06 .area-01{ text-align: center;}
#nadeshiko #box-06 .area-01 .btn-tel{ width:360px; display: inline-block; margin-right:10px;}
#nadeshiko #box-06 .area-01 .btn-tel a{ background:#ec7a9d url(../images/grapehouse/ico-tel.png)40px 25px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#nadeshiko #box-06 .area-01 .btn-tel a p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#nadeshiko #box-06 .area-01 .btn-tel a p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}


#nadeshiko #box-06 .area-01 .btn-mail{ width:360px; display: inline-block; margin-right:10px;}
#nadeshiko #box-06 .area-01 .btn-mail a{ background:#ec7a9d url(../images/common/ico-mail2.png)40px 27px no-repeat; padding:0px 0 0 30px; text-decoration: none; display:block; height: 90px; border-radius: 50px;}
#nadeshiko #box-06 .area-01 .btn-mail a p{ font-size:24px; font-weight: bold; line-height: 1em; color:#fff; padding-top: 20px;}
#nadeshiko #box-06 .area-01 .btn-mail a p span{ font-size:18px; font-weight: 500; display: block; padding-top:5px;}


#nadeshiko #box-06 .area-01 .btn-fax{ width:360px; display: inline-block; background:#ec7a9d url(../images/grapehouse/ico-fax.png)35px 20px no-repeat; padding:0px 0 0 40px; text-decoration: none; height: 90px; border-radius: 50px; vertical-align: top;}
#nadeshiko #box-06 .area-01 .btn-fax p{ font-size:36px; font-weight: bold; line-height: 1em; color:#fff; padding-top:10px;}
#nadeshiko #box-06 .area-01 .btn-fax p span{ font-size: 18px; font-weight: 500; display: block; padding-top:0px;}

#box-bnr{ width:auto;background:url(../images/common/bk-contact.jpg) 0 0 no-repeat; background-size:cover;}
#box-bnr .area-01{ width:1200px; margin:auto;}



.bk-photo{ width:auto; background:#f6e9e4;}
#box-photo{ width:1200px;}
#box-photo .area-01{padding:0px 50px;}


.section { max-width:100%; margin: 0 auto; padding: 30px 0; }
.slider div{ position:relative;}
.slider div p{ position:absolute; bottom:10px; right:10px; color:#FFF; font-weight:bold; font-size:20px; display:inline-block; padding:5px 20px; background:#999;}
.slick-slide { margin: 0 5px; }
.slick-slide img { width: 100%; height: auto; }
.slick-prev, .slick-next { z-index: 1; }
.slick-prev:before, .slick-next:before { color: #000; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }
.thumb { margin: 20px 0 0; }
.thumb .slick-slide { cursor: pointer; }
.thumb .slick-slide:hover { opacity: .7; }



/*----- お問い合わせ contact -----*/
#contact #box-01{ padding:80px 0 80px;}
#contact #box-01 .area-01{ text-align: center; margin-bottom: 50px;}
#contact #box-01 .area-01 .btn{ display: inline-block; margin-right:30px;}
#contact #box-01 .area-01 .btn:last-child{ margin-right: 0;}
#contact #box-01 .area-01 .btn a{ font-weight: bold; color:#6b4448; padding:15px 30px; display: block; text-decoration: none; border-radius:50px; border: 1px solid #ffa3ad;}
#contact #box-01 .area-01 .btn a span{ background:url(../images/common/ico-navion.png)right 0px no-repeat; line-height:26px; display: inline-block; padding-right:40px;}

#contact #box-01 .area-02{ width: 1200px; margin:auto;}
#contact #box-01 .area-02 .entry{ padding:70px 0; border-bottom:4px dotted #ec7a9d; position: relative;}
#contact #box-01 .area-02 .entry img{ position: absolute; right:0px; bottom:50px;}
#contact #box-01 .area-02 .entry ul{ padding:0 0 0 20px;}
#contact #box-01 .area-02 .entry ul li{ font-size: 20px; line-height: 31px; padding-left:48px; margin-bottom: 20px;}
#contact #box-01 .area-02 .entry ul li:nth-child(1){ font-size: 28px; font-weight: bold; padding-left: 0;}
#contact #box-01 .area-02 .entry ul li:nth-child(1) a{ background:url(../images/contact/ico-tel.png)7px 3px no-repeat; color:#4682b4; padding-left:48px; display: inline-block; text-decoration: none;}
#contact #box-01 .area-02 .entry ul li:nth-child(2){ background:url(../images/contact/ico-fax.png)left 0px no-repeat; font-size: 28px; font-weight: bold;}
#contact #box-01 .area-02 .entry ul li:nth-child(3){ background:url(../images/contact/ico-pin.png)7px 0px no-repeat;}
#contact #box-01 .area-02 .entry .more{ margin:50px 0 0;}



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

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

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

#contact #box-02 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-02 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-02 .area-02 .area-mailform .btn{ background:#ec7a9d; font-size:18px; font-weight:500; color:#fff; padding:15px 0; border-radius:50px; display:block; text-decoration:none; text-decoration:none; display:block; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; border:none; margin:auto; width:300px; font-size:18px; font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .btn:hover{opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;cursor: pointer;}
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

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




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

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

.scroll_up.on {
  transform:translateY(0);
  transition:0.9s ease-in-out;
  opacity:1.0;
}
.scroll_on {
  transition-timing-function:cubic-bezier(.64,.04,.35,1);
  transition:0.9s ease-in-out;
  transform:translateY(0px);
  opacity:0;
}

.scroll_on.on {
  transform:translateY(0);
  opacity:1.0;
}

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