@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:#676767;-webkit-text-size-adjust:100%; font-weight:500; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-family: "Shippori 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;}
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{width:750px; margin:auto; background:#000;}
#home #body-top{ background:url(../images/mp.png)center top no-repeat;}


/*▼ヘッダー▼*/
#header h1{ opacity:0; height:0;}
#header{ width: 650px; margin:auto;}
#header .logo{ display: inline-block; text-decoration: none; margin-top:30px;}



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



/*----- フッター -----*/
#footer { background:#121212; position: relative; padding:70px 0 20px;}
#footer .img{ position: absolute; left:0; right:0; top:-250px; margin:auto;}
#footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; /* border-top の太さに合わせて調整 */
  background: linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);
}

#footer #tamonten { clear:both; text-align:center; line-height: 2em; font-size:12px; 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:60px;
	background-image:url(../images/common/totop.png);
	width:62px; height:62px; 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;}




/*▼メインビジュアル▼*/
#hmp{ width: 650px; margin:auto; padding-bottom:70px;}
#hmp .area-01{ padding-top:320px;}
#hmp .area-01 .p-01{ font-size: 24px; font-weight: 500; color:#fff; line-height: 2em; font-family: "Shippori Mincho", serif; margin-bottom: 20px;}
#hmp .area-01 .p-01 span{ font-size: 30px;}

#hmp .area-01 .p-02{ font-size:66px; font-weight:bold; color:#c2ad5d; text-align: center; letter-spacing:2px; padding-bottom: 15px; margin-bottom:30px; position: relative; z-index:2; font-family: "Shippori Mincho", serif;}
#hmp .area-01 .p-02 .min{ font-size: 50px; line-height:0.8em; display: block; position: relative;}
#hmp .area-01 .p-02 .min:before{ content:""; display: block; background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53); width:140px; height:1px; position: absolute; left:50px; bottom:20px;}
#hmp .area-01 .p-02 .min:after{ content:""; display: block; background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53); width:140px; height:1px; position: absolute; right:50px; bottom:20px;}

#hmp .area-01 .p-02 .bk-font{ font-size:74px; font-weight:200; color:#12221b; letter-spacing: normal; position: absolute; top:30px; left:0px; right:0; margin:auto; z-index:-1;}

#hmp .area-02{ overflow: hidden;}
#hmp .area-02 img{ float: left;}
#hmp .area-02 img:last-child{ float: right;}




/*----- エリア・共通設定 -----*/
.w650{ width:650px; margin:auto;}
.box{ width: 750px; margin:auto; padding:70px 0;}

.h2-01{ font-size:36px; font-weight:500; text-align: center; margin-bottom: 50px; letter-spacing: 3px; position: relative; font-family: "Shippori Mincho", serif;}
.h2-01 span{ font-size:20px; color:#c7a366; display: block; line-height: 1.8em;}
.h2-01:before{ content:""; display: block; background:#c7a366; width:70px; height:1px; position: absolute; left:0; bottom:20px;}
.h2-01:after{ content:""; display: block; background:#c7a366; width:70px; height:1px; position: absolute; right:0; bottom:20px;}

.h2-02{ font-size:36px; font-weight:500; text-align: center; margin-bottom: 50px; letter-spacing: 3px; padding-bottom:20px; position: relative; font-family: "Shippori Mincho", serif;}
.h2-02:before{ content:""; display: block; width:150px; height:1px; position: absolute; left:0; right:0; bottom:0px; margin:auto; background: linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);}
.h2-02.white{ color:#fff;}


.more{ width:335px; font-size:18px; font-weight:600; text-align: center; letter-spacing: 3px; margin:50px auto; position: relative;}
.more a{ width:300px; border:1px solid #333; color:#333; padding:18px 0px; text-decoration: none; display:block;}
.more a img{ position: absolute; right:0; top:50%; transform: translateY(-50%); transition: transform 0.3s ease;}
.more a:hover img{ transform: translate(5px, -50%);}
.more.white a{ border-color:#fff; color:#fff;}






/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
/*----- ホーム　home -----*/
#home #main{}


.box-contact{ background:url(../images/bk-contact.png)center top no-repeat; padding-top: 100px; height:480px; box-sizing:border-box;}
.box-contact .area-01{ width: 650px; margin:auto; background:url(../images/bnr-01.png); height: 280px; margin:auto;}
.box-contact .area-01 h2{ font-size: 40px; font-weight: 500; color:#c2ad5d; text-align: center;}
.box-contact .area-01 .inner{ overflow: hidden;}
.box-contact .area-01 .inner .tb{ width: 360px; float: right; margin:20px 30px 0 0;}
.box-contact .area-01 .inner .tb p{ font-size:17px; font-weight: 500; line-height: 1.7em; margin-bottom: 10px;}
.box-contact .area-01 .inner .tb p span{ color:#c2ad5d;}
.box-contact .area-01 .inner .tb p .lg{ font-size:22px;}
.box-contact .area-01 .inner .tb a{ display: inline-block; text-decoration: none;}



#home .bk-white{ background:url(../images/bk-white.png)center top repeat-y;}
#home #box-01{}
#home #box-01 .area-01{ margin-bottom: 70px;}
#home #box-01 .area-01 .inner{ background:url(../images/bnr-02.png); height: 300px;}
#home #box-01 .area-01 .inner ul{ width: 330px; padding:40px 0 0 30px;}
#home #box-01 .area-01 .inner ul li{ font-size: 18px; font-weight: 500; color:#fff; padding-left:1em; text-indent:-1em; margin-bottom:15px;}
#home #box-01 .area-01 .inner ul li:last-child{ margin-bottom: 0;}

#home #box-01 .area-02{ margin-bottom: 70px;}
#home #box-01 .area-02 .inner{ overflow: hidden;}
#home #box-01 .area-02 .inner .sp{ float: right;}
#home #box-01 .area-02 .inner .tb{ width: 310px; float: left; padding:0 3px 3px 0;}
#home #box-01 .area-02 .inner .tb .entry{ background:#fff; padding:10px 5px; box-shadow:3px 3px 0 #bcbcbc; margin-bottom:15px;}
#home #box-01 .area-02 .inner .tb .entry img{ width: 55px; vertical-align: middle; margin-right:5px;}
#home #box-01 .area-02 .inner .tb .entry p{ font-size: 14px; width: 225px; display: inline-block; vertical-align: middle;}


#home #box-01 .area-03{ background:url(../images/arrow.png)no-repeat; text-align: center; position: relative; height: 1080px;}
#home #box-01 .area-03 h2{ font-size:32px; font-weight: 500; color:#fff; text-align: center; padding-top:30px; margin-bottom: 50px;}
#home #box-01 .area-03 h2 span{ font-size: 20px; color:#787878; display: block; line-height: 1em;}
#home #box-01 .area-03 h3{ width: 550px; margin:0 auto 20px; font-size:24px; font-weight: 500; color:#fff; text-align: center; padding:5px 0; background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);}
#home #box-01 .area-03 .inner{ margin-bottom: 50px;}
#home #box-01 .area-03 .inner .entry{ display: inline-block; margin-right: 15px;}
#home #box-01 .area-03 .inner .entry:last-child{ margin-right: 0;}
#home #box-01 .area-03 .inner .entry p{ font-size:17px; letter-spacing: normal; padding-top: 10px;}
#home #box-01 .area-03 .img{ position: absolute; left:0; right:0; bottom:0; margin:auto;}

#home #box-01 .area-04{ margin-bottom: 30px;}
#home #box-01 .area-04 h2{ font-size: 50px; font-weight: 500; color:#c2ad5d; text-align: center; margin-bottom: 15px; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
#home #box-01 .area-04 h2 span{ font-size: 30px; color:#676767; display: block; line-height: 1.5em;}
#home #box-01 .area-04 .p-01{ width:650px; margin:0 auto 50px; font-size:20px; font-weight: 500; color:#fff; text-align: center; padding:10px 0; background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);}
#home #box-01 .area-04 h3{ font-size: 30px; font-weight: 500; text-align: center; margin-bottom: 25px;}
#home #box-01 .area-04 .bnr{ background:url(../images/bnr-03.png); height: 308px;}
#home #box-01 .area-04 .bnr p{ width: 430px; font-size: 18px; color:#fff; line-height: 2em; padding:30px 0 0 40px;}

#home #box-01 .area-05{ position: relative;}
#home #box-01 .area-05 h2{ font-size:40px; font-weight: 500; color:#c2ad5d; text-align: center; margin-bottom: 15px; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; margin-left:80px;}
#home #box-01 .area-05 h2 span{ font-size:55px; color:#676767; display: block; line-height: 1.5em;}
#home #box-01 .area-05 .img{ position: absolute; left:15px; top:-120px;}
#home #box-01 .area-05 .inner{ text-align: center; padding-top: 30px;}
#home #box-01 .area-05 .inner img{ vertical-align: middle; margin-right:30px;}
#home #box-01 .area-05 .inner ul{ width: 420px; position: relative; padding-left:30px; box-sizing:border-box; display: inline-block; vertical-align: middle;}
#home #box-01 .area-05 .inner ul li{ font-size: 20px; line-height: 1.5em; text-align: left; margin-bottom: 25px;}
#home #box-01 .area-05 .inner ul li span{ font-size:24px; color:#b88e3f;}
#home #box-01 .area-05 .inner ul li:last-child{ margin-bottom: 0;}
#home #box-01 .area-05 .inner ul:before{ content:""; display: block; width:1px; height:100%; position: absolute; left:0; top:0px; background: linear-gradient(to bottom, #aa7f53, #d4b570, #aa7f53);}


#home #box-border{ background:url(../images/bk-border.png)center top repeat-y; margin:auto;}
#home #box-border .area-01{ width: 750px; margin:auto; text-align: center; padding:20px 0; position: relative;}
#home #box-border .area-01 p{ color:#fff; text-align: left; text-shadow:0 0 5px #9a6125,0 0 5px #9a6125; display: inline-block; vertical-align: middle; position: relative; z-index:2;}
#home #box-border .area-01 .p-01{ font-size: 20px; margin-right: 20px;}
#home #box-border .area-01 .p-02{ font-size: 24px;}
#home #box-border .area-01 img{ position: absolute; right:0; top:-25px;}


#home .bk-black{ background:url(../images/bk-black.png)center top no-repeat; height: 1485px;}
#home #box-02{ width: 650px; margin:auto; padding-top:80px;}
#home #box-02 h2{ margin-bottom:15px;}
#home #box-02 .area-01{ overflow: hidden; position: relative; padding-top: 30px; margin-bottom: 50px;}
#home #box-02 .area-01 img{ position: absolute; left:0; top:0;}
#home #box-02 .area-01 .tb{ width: 540px; float:right;}
#home #box-02 .area-01 .tb h3{ background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53); padding:15px 0; font-size: 22px; font-weight: 500; color:#fff; text-align: center; text-shadow:0 0 5px #9a6125; margin-bottom: 20px;}
#home #box-02 .area-01 .tb h3 .lg{ display: inline-block; vertical-align: middle; margin-right: 10px;}
#home #box-02 .area-01 .tb h3 .min{ display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 16px; border-left: 1px solid #fff; line-height: 1.5em;}
#home #box-02 .area-01 .tb ul{ padding-left: 30px;}
#home #box-02 .area-01 .tb ul li{ font-size: 18px; font-weight: 500; color:#fff; padding-left: 1em; text-indent: -1em; margin-bottom: 10px;}

#home #box-02 .area-02{ margin-bottom: 50px;}
#home #box-02 .area-02 h3{ font-size: 20px; font-weight: 500; color:#fff; position: relative; margin-bottom: 20px;}
#home #box-02 .area-02 h3 span{ background:#999999; display: inline-block; padding:3px 15px; position: relative; z-index:2;}
#home #box-02 .area-02 h3:before{ content:""; background:#999; display: block; width:100%; height:1px; position: absolute; left:0; top:50%;}
#home #box-02 .area-02 .inner{ overflow: hidden;}
#home #box-02 .area-02 .inner .tb{ float: left;}
#home #box-02 .area-02 .inner .img{ float: right; margin-top: 20px;}
#home #box-02 .area-02 .p-01{ font-size: 24px; font-weight: 500; color:#d4b46f; margin-bottom: 20px;}
#home #box-02 .area-02 .p-02{ font-size: 20px; font-weight: 500; color:#fff; margin-bottom:20px;}
#home #box-02 .area-02 ul li{ font-size:16px; font-weight: 500; color:#fff; display: inline-block; margin-right: 15px; text-align: center; vertical-align: top;}
#home #box-02 .area-02 ul li:last-child{ margin-right: 0;}
#home #box-02 .area-02 ul li img{ display: block; margin:0 auto 5px;}

#home #box-02 .area-03{}
#home #box-02 .area-03 h3{ font-size: 20px; font-weight: 500; color:#fff; position: relative; margin-bottom: 30px;}
#home #box-02 .area-03 h3 span{ background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53); display: inline-block; padding:3px 15px; position: relative; z-index:2;}
#home #box-02 .area-03 h3:before{ content:""; background:linear-gradient(to right, #aa7f53, #d4b570, #aa7f53); display: block; width:100%; height:1px; position: absolute; left:0; top:50%;}
#home #box-02 .area-03 .img{ display: block; margin:0 auto 15px;}
#home #box-02 .area-03 .p-01{ font-size: 24px; font-weight: 500; color:#d4b46f; margin-bottom: 20px;}
#home #box-02 .area-03 .p-02{ font-size: 18px; font-weight: 500; color:#fff; margin-bottom:40px;}
#home #box-02 .area-03 ul{ text-align: center;}
#home #box-02 .area-03 ul li{ font-size:16px; font-weight: 500; color:#fff; display: inline-block; margin-right:40px; text-align: center; vertical-align: top;}
#home #box-02 .area-03 ul li:last-child{ margin-right: 0;}
#home #box-02 .area-03 ul li img{ display: block; margin:0 auto 5px;}



#home .bk-black2{ background:url(../images/bk-black2.png)center top no-repeat; height:2268px;}
#home #box-03{ width: 650px; margin:auto; padding-top: 70px;}
#home #box-03 .area-01{ overflow: hidden; margin-bottom: 30px;}
#home #box-03 .area-01 .entry{ width: 300px; float: left; padding-left: 20px; margin-bottom: 30px; box-sizing:border-box; position: relative;}
#home #box-03 .area-01 .entry:nth-child(2n){ float: right;}
#home #box-03 .area-01 .entry .maru{ background:url(../images/maru.png); width: 100px; height: 100px; text-align: center; position: absolute; left:0; bottom:0;}
#home #box-03 .area-01 .entry .maru span{ font-size: 20px; font-weight: 500; color:#fff; padding-top:25px; line-height: 1.2em; display: inline-block;}
#home #box-03 .area-01 .entry p{ font-size: 20px; font-weight: 500; color:#d4b46f; padding:10px 0 0 100px;}
#home #box-03 .p-01{ font-size:18px; font-weight: 500; color:#fff; line-height: 1.8em; margin-bottom: 50px;}
#home #box-03 .p-01 span{ font-size:22px; color:#d4b46f;}

#home #box-03 h3{ font-size: 24px; font-weight: 500; color:#fff; text-align: center; padding:15px 0; margin-bottom:30px; position: relative;}
#home #box-03 h3:before{ content:""; display: block; width:100%; height:1px; position: absolute; left:0; top:0; background: linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);}
#home #box-03 h3:after{ content:""; display: block; width:100%; height:1px; position: absolute; left:0; bottom:0; background: linear-gradient(to right, #aa7f53, #d4b570, #aa7f53);}
#home #box-03 .area-02{ text-align: center; margin-bottom: 30px;}
#home #box-03 .area-03 .inner{ overflow: hidden;}
#home #box-03 .area-03 .entry{ width: 300px; float: left; margin-bottom: 30px;}
#home #box-03 .area-03 .entry:nth-child(2n){ float: right;}
#home #box-03 .area-03 .entry ul{ padding-top:20px;}
#home #box-03 .area-03 .entry ul li{ font-size: 16px; color:#fff; padding-left: 1em; text-indent: -1em; margin-bottom: 10px;}
#home #box-03 .area-03 .entry ul li:last-child{ margin-bottom: 0;}


#home .bk-white2{ background:url(../images/bk-white2.png)center top repeat-y;}
#home #box-04{ width: 650px; margin:auto; padding-bottom: 50px;}
#home #box-04 h2:before{ width: 170px;}
#home #box-04 h2:after{ width: 170px;}
#home #box-04 .area-01{}
/* アコーディオンメニュー */
.accordion { margin-bottom:25px;}

/* 質問部分 */
.accordion dt{ padding:15px 20px 15px 50px; background:#464646; font-size: 20px; color:#fff; font-weight:500; position: relative; cursor:pointer; transition:.3s; font-family: "Zen Maru Gothic", serif;}
.accordion dt span{ font-size: 24px; display: inline-block; margin-right: 20px;}
.accordion dt:hover{ background:#888;}
  
/* 回答部分は最初非表示 */
.accordion dd{ display: none;/* 非表示にしておく */ padding:20px 20px 20px 50px; font-size:16px; position: relative; letter-spacing:normal; font-family:initial; margin-left:70px; text-indent:-20px;}
.accordion dd span{ font-size: 24px; color:#d4b46f; display: inline-block; margin-right: 10px; vertical-align: top;}





/*----------  お問合せ contact  ----------*/
#home .bk-contact2{ background:url(../images/bk-contact2.png)center top no-repeat; position: relative;}
#home #box-05 { padding:150px 0 270px;}
#home #box-05 .h2-02{ margin-bottom: 20px;}
#home #box-05 .area-01 .area-mailform{ padding:10px 20px; border-radius:15px;}
#home #box-05 .area-01 .area-mailform table{ width:100%; margin-bottom:30px;}
#home #box-05 .area-01 .area-mailform table tr{}
#home #box-05 .area-01 .area-mailform table td{ display:block; padding:0 0px 15px;}
#home #box-05 .area-01 .area-mailform table td.td-01{ padding:10px 0px 3px; font-weight:bold; color:#fff;}
#home #box-05 .area-01 .area-mailform table ul li{ margin-bottom:7px;}
#home #box-05 .area-01 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#home #box-05 .area-01 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#home #box-05 .area-01 .area-mailform table select{ padding:5px; font-size:16px; letter-spacing:normal;}
#home #box-05 .area-01 .area-mailform table input{ padding:5px; font-size:16px; letter-spacing:normal;}
#home #box-05 .area-01 .area-mailform table textarea{ padding:5px; font-size:16px; letter-spacing:normal;}
#home #box-05 .area-01 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#home #box-05 .area-01 .area-mailform .chui{ font-weight:bold; color:#fff; background:#d4b46f; font-size:10px; padding:4px 7px; margin-left:10px; position:relative; top:-1px;}
#home #box-05 .area-01 .area-mailform .p-01{ margin-top:5px;}
#home #box-05 .area-01 .area-mailform .autotext{ margin-bottom:30px;}
#home #box-05 .area-01 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#home #box-05 .area-01 .area-mailform .w01{width:99%;}
#home #box-05 .area-01 .area-mailform .w02{width:43%;}
#home #box-05 .area-01 .area-mailform .w03{width:99%;}

#home #box-05 .area-01 .area-mailform .kakunin{ padding:5px 5px;margin-bottom:20px; text-align:center;}
#home #box-05 .area-01 .area-mailform .tb-03{ text-align:center; color:#fff;}
#home #box-05 .area-01 .area-mailform .tb-03 .chui{ float:none;}
#home #box-05 .area-01 .area-mailform .tb-02{ text-align:center;}
#home #box-05 .area-01 .area-mailform .tb-02 p{ font-size:15px; letter-spacing:normal; text-align:left; line-height:1.7em;}
#home #box-05 .area-01 .area-mailform .tb-04{ height:120px;overflow-y:scroll;padding:17px 15px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:30px; }
#home #box-05 .area-01 .area-mailform .tb-04 p{ font-size:15px;}

#home #box-05 .area-01 .area-mailform .p-02{ font-size: 14px; color:#fff; margin-bottom:15px;}
#home #box-05 .area-01 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#home #box-05 .area-01 .area-mailform .p-04{ font-weight:bold;}
#home #box-05 .area-01 .area-mailform .p-05{ font-size:14px; margin-bottom:15px;}
#home #box-05 .area-01 .area-mailform .ul-01{margin-bottom:15px;}
#home #box-05 .area-01 .area-mailform .ul-01 li{ font-size:14px; letter-spacing:normal;}
#home #box-05 .area-01 .area-mailform h2{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:5px;}


#home #box-05 .area-01 .area-mailform .btn{ width:300px; font-size:18px; font-weight:500; color:#fff;   background: linear-gradient(to bottom, #aa7f53, #d4b570, #aa7f53); border:none; padding:20px 0px 20px 0; text-align:center; text-decoration:none; box-sizing:border-box; position:relative; transition:0.3s; border-radius:15px; margin:20px auto 20px; cursor:pointer; font-family: "Shippori Mincho", serif; letter-spacing:1px; text-shadow:0 0 10px #ad8355,0 0 10px #ad8355,0 0 10px #ad8355,0 0 10px #ad8355,0 0 10px #ad8355,0 0 10px #ad8355;}
#home #box-05 .area-01 .area-mailform .btn:hover{ opacity:.5;}






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

/*----------------------------
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);
}



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