@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:#714d4c;-webkit-text-size-adjust:100%; font-weight:400; font-family:"Zen Kaku Gothic New",'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px;}
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;}
.mb20{ margin-bottom:20px;}
.mb50{ margin-bottom:50px;}


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


/*▼ヘッダー▼*/
#header {}
#header #hmid{ width: 1024px; margin:auto; overflow:hidden; padding:40px 0 30px;}
#header #hmid .left{ float: left; text-align: center;}
#header #hmid .left a{ display: inline-block; text-decoration: none;}
#header #hmid .left a p{ font-size:16px; font-weight: 500; color:#714d4c; letter-spacing: 2px; padding-top: 15px;}


/* ナビ */
#header #hmid .right{ float:right;}
#header #hmid .right .inner{ margin-bottom:10px;}
#header #hmid .right .ul-01{ width: 230px; display:inline-block; vertical-align: top;}
#header #hmid .right .ul-01:last-child{ margin-left: 50px;}
#header #hmid .right .ul-01 li{ font-size:17px; font-weight:500; margin-bottom:10px;}
#header #hmid .right .ul-01 li a{ background:url(../images/common/ico-arrow.png)right 50% no-repeat; color:#663f3e; text-decoration:none; display:block; padding-bottom: 15px; border-bottom: 1px solid #cbabcb;}

#header #hmid .right .ul-02{ position: relative; min-height:34px;}
#header #hmid .right .ul-02 li{ font-size: 14px; font-weight: 500; display: inline-block; vertical-align: middle;}
#header #hmid .right .ul-02 li a{ color:#663f3e; text-decoration:none; display:block;}
#header #hmid .right .ul-02 li:first-of-type{ margin-right: 30px;}
#header #hmid .right .ul-02 li:last-of-type{ position: absolute; right:0; top:0;}




/*▼メインビジュアル▼*/
#mp{}
#mp .area-01{ width:1024px; height:500px; margin:auto; display:table; padding:0 50px; position: relative; box-sizing: border-box;}
#mp .area-01 p{ font-size:22px; font-weight:500; color:#fff; letter-spacing:3px; display: table-cell; vertical-align: middle; font-family: "Outfit", sans-serif;}
#mp .area-01 p span{ font-size:50px; font-weight: 500; line-height:1.2em; letter-spacing:10px; display:inline-block; padding-bottom:20px; background:url(../images/common/mp-line.png)left bottom repeat-x; font-family: "Zen Kaku Gothic New", sans-serif;}
#mp .area-01 .ico{ position: absolute;}
#mp .area-01 .ico-01{ right:50px; top:0;}
#mp .area-01 .ico-02{ left:50px; top:120px;}
#mp .area-01 .ico-03{ right:110px; bottom:-30px;}
#mp .area-01 .ico-04{ right:200px; bottom:30px;}

#about #mp{ background:url(../images/common/bk-font-line.png), url(../images/about/mp.jpg); background-position:center bottom -3px, center top; background-repeat: no-repeat;}
#type #mp{ background:url(../images/common/bk-font-line.png), url(../images/type/mp.jpg); background-position:center bottom -3px, center top; background-repeat: no-repeat;}



.bk-font{ background:url(../images/common/mp-font-line.png)center bottom no-repeat;}
#hmp { width:1100px; height:830px; margin:auto; padding:0 25px 50px; position: relative; margin-bottom: 100px;}
#hmp .area-01{ display: inline-block; margin-top:100px; padding:100px 20px 120px 50px; position: relative;}
#hmp .area-01 .p-01{ font-size: 15px; font-weight: 500; color:#cbabcb; letter-spacing:2px; margin-bottom:0px; font-family: "Outfit", sans-serif;}
#hmp .area-01 .p-02{ font-size: 36px; font-weight:500; color:#714d4c; line-height: 2.5em; letter-spacing:7px;}
#hmp .area-01 .p-02 span{ line-height: 1em; display: inline-block; padding:30px 0 20px; background:url(../images/common/font-line.png)left bottom repeat-x;}
#hmp .area-01 .ico{ position:absolute;}
#hmp .area-01 .ico-01{ top:15px; left: 30px;}
#hmp .area-01 .ico-02{ top:50%; left:0px;}
#hmp .area-01 .ico-03{ bottom:10px; right:-70px;}

#hmp .img{ position: absolute;}
#hmp .img-01{ top:0px; right:0px;}
#hmp .img-02{ top:0px; left:280px;}
#hmp .img-03{ bottom:30px; left:0px;}



/*▼フッター▼*/
#footer { clear:both;}
#footer #fmid{ width:1024px; margin:auto; overflow:hidden; padding:70px 0 60px;}
#footer .left{ float: left;}
#footer .left a{ display: inline-block; text-decoration: none; text-align: center; margin-bottom: 50px;}
#footer .left a p{ font-size:16px; font-weight: 500; color:#714d4c; letter-spacing: 2px; padding-top: 15px;}
#footer .left .p-01{ font-size:16px; font-weight: 500; padding-left:25px; line-height:26px; letter-spacing: 2px; background:url(../images/common/ico-pin.png)left 0px no-repeat;}

#footer .right{ float:right;}
#footer .right ul{ width: 230px; display:inline-block; vertical-align: top;}
#footer .right ul:last-child{ margin-left: 50px;}
#footer .right ul li{ font-size:17px; font-weight:500; margin-bottom:10px;}
#footer .right ul li a{ background:url(../images/common/ico-arrow.png)right 50% no-repeat; color:#663f3e; text-decoration:none; display:block; padding-bottom: 15px; border-bottom: 1px solid #cbabcb;}
#footer .right ul li span{ font-size:16px;}

#footer #tamonten { background:#fff; clear:both; text-align:center; font-size:10px; padding:10px 0;}
#footer #tamonten a { display:block; cursor:default; color:#714d4c; 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:100px; height:100px; 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-white{ background:#fff;}

.h2-01{ font-size:44px; font-weight:500; color:#714d4c; letter-spacing:2px; margin-bottom: 50px;}
.h2-01 span{ font-size:16px; font-weight: 500; color:#cbabcb; line-height:1.5em; display:block; font-family: "Outfit", sans-serif;}

.h2-02{ font-size:44px; font-weight:bold; color:#714d4c; text-align: center; letter-spacing:2px; margin-bottom: 50px;}
.h2-02 span{ font-size:16px; font-weight: 500; color:#cbabcb; line-height:1.5em; display:block; font-family: "Outfit", sans-serif;}


.h2-tate{ font-size:40px; font-weight:500; letter-spacing: 6px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute;}
.h2-tate span{ font-size:18px; font-weight: 500; color:#cbabcb; letter-spacing: 2px; line-height:1.5em; display:block; font-family: "Outfit", sans-serif;}


.more-text{}
.more-text a{ font-size:20px; font-weight:500; color:#714d4c; display: inline-block; text-decoration: none; line-height:40px; padding-right:55px; background:url(../images/home/ico-arrow1.png)right top no-repeat;}
.more-02 a{ background:url(../images/home/ico-arrow2.png)right top no-repeat;}


/*　メインカラム　*/
#mainbox{ width: 1024px; margin:auto;}
#main{ width:100%; margin:auto;}

/*　サイドカラム　*/
#mleft { display:none; width:300px; float:left; padding-bottom:50px;}

#mleft h2.h2-01{ font-size:16px; background:#c4acd0; color:#fff; padding:10px 10px; margin-bottom:0; text-align:left; position:relative;top:0; right:0;writing-mode:horizontal-tb;}
#mleft h2.h2-01 span{ display:inline-block; float:right; font-size:14px; letter-spacing:normal;font-family:'Zen Old Mincho', serif;position:relative; top:0; right:0;}

#mleft #sbox-02 { margin-bottom:30px;}
#mleft #sbox-02 a{ color:#000; text-decoration:none; display:block;}
#mleft #sbox-02 .entry{border-bottom:#999 dotted 1px;overflow:hidden; padding:10px 0px;}
#mleft #sbox-02 .entry img{ width:50px; height:60px;object-fit: cover; vertical-align:middle; margin-right:3px;}
#mleft #sbox-02 .entry .text{ width:235px; vertical-align:middle; display:inline-block;}
#mleft #sbox-02 .entry .text .p-01{ font-size:14px; font-weight:500;letter-spacing:normal; line-height:1.4em; margin-bottom:2px; font-family: 'Noto Sans JP', sans-serif;}
#mleft #sbox-02 .entry .text .p-02{ font-size:14px; text-align:right; letter-spacing:normal;}

#mleft #subguidebox{}
#mleft #subguidebox ul{ padding-top:5px;}
#mleft #subguidebox ul li a{ text-decoration:none; color:#333; display:inline-block; background:url(../images/common/snavi.png) left 4px  top 6px no-repeat; background-size:13px auto; padding:5px 0px 5px 25px; font-size:14px; letter-spacing:normal;}
#mleft #subguidebox ul li:last-child a{border-bottom: none;}
#mleft #subguidebox ul li a:hover{ background:url(../images/common/snavion.png) left 4px  top 6px no-repeat; background-size:13px auto; opacity:0.8; color:#834c9f;}
#mleft #subguidebox ul li a:hover{ -webkit-transform: translateX(3px); transform: translateX(3px);}


#mright{ width:700px; float:right;}
#mright h2.h2-01{ font-size:32px; margin-bottom:30px; text-align:left; border-bottom:2px dotted #ccc;}


/*パンくずリスト*/
.breadcrumb { width:1024px; margin:auto; display: flex; align-items: center; padding-top:30px; font-size: 14px; margin-block-start:0; padding-inline-start:0px; margin-bottom: 50px;}
.breadcrumb li { font-size:15px; font-weight: 500; display: flex; align-items: center;}
.breadcrumb li + li::before { content: "＞"; padding: 0 8px; color: #714d4c;}
.breadcrumb li a { text-decoration: none; color: #714d4c;}
.breadcrumb li a:hover { text-decoration: underline;}






/*----------  ホーム home  ----------*/
/*----------  ホーム home  ----------*/
/*----------  ホーム home  ----------*/
#home #box-01{ background:url(../images/home/bk-01.png)center top no-repeat; margin-bottom: 50px;}
#home #box-01 .area-01{ width:920px; height:680px; margin:auto; position: relative;}
#home #box-01 .area-01 h2{ font-size: 34px; font-weight:500; line-height:1.8em; letter-spacing:6px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position:absolute; right:30px; top:0px;}
#home #box-01 .area-01 h2 span{ color:#e1829d;}
#home #box-01 .area-01 .tb{ width: 380px; position: absolute; top:380px; left:280px;}
#home #box-01 .area-01 .tb p{ font-size:18px; font-weight: 500; line-height: 2.3em; margin-bottom: 30px;}
#home #box-01 .area-01 .tb .more-text{ float: right;}
#home #box-01 .area-01 .ico{ position:absolute;}
#home #box-01 .area-01 .ico-01{ top:50px; left:410px;}
#home #box-01 .area-01 .ico-02{ bottom:300px; right:0px;}
#home #box-01 .area-01 .ico-03{ bottom:20px; left:290px;}


#home #box-02{ background:url(../images/home/bk-02.jpg)center 100px no-repeat; padding-top: 100px; height:760px; box-sizing: border-box;}
#home #box-02 .area-01{ width: 1024px; margin:auto; padding:70px 0 250px 124px; box-sizing: border-box; position: relative;}
#home #box-02 .area-01 h2{ margin-bottom: 30px;}
#home #box-02 .area-01 .inner{ overflow: hidden;}
#home #box-02 .area-01 .entry{ width: 280px; float: left; margin-right:30px;}
#home #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#home #box-02 .area-01 .entry .img{ width:280px; height:200px; border-radius:30px; overflow: hidden; margin-bottom: 15px; box-sizing:border-box;}
#home #box-02 .area-01 .entry .img img{ width: 100%; height: 100%; object-fit:cover; transition: .5s; box-sizing:border-box;}
#home #box-02 .area-01 .entry h3{ font-size:20px; font-weight:500; margin-bottom: 5px;}
#home #box-02 .area-01 .entry .price{ font-size:18px; font-weight: bold; text-align: right;}
#home #box-02 .area-01 .entry .price span{ font-size: 14px; font-weight: normal;}
#home #box-02 .area-01 .entry a{ display: inline-block; text-decoration: none;}
#home #box-02 .area-01 .entry a:hover img{ transform:scale(1.03,1.03); filter:brightness(105%);}
#home #box-02 .area-01 .more-text{ position: absolute; right:0; top:100px;}
#home #box-02 .area-01 .ico{ position: absolute;}
#home #box-02 .area-01 .ico-01{ left:50px; top:-20px;}
#home #box-02 .area-01 .ico-02{ right:0; bottom:0;}


#home #box-03{ background:#fff url(../images/home/bk-top.jpg)center top no-repeat; padding-top: 150px;}
#home #box-03 .area-01{ width: 1024px; margin:auto; overflow: hidden; padding:0 0 0 300px; box-sizing: border-box; position: relative;}
#home #box-03 .area-01 h2{ left:60px; top:0;}
#home #box-03 .area-01 .ico-01{ position: absolute; left:0; bottom:300px;}
#home #box-03 .area-01 .entry{ width: 330px; float: right;}
#home #box-03 .area-01 .entry:first-of-type{ float: left; margin-top: 140px;}
#home #box-03 .area-01 .entry h3{ font-size: 30px; font-weight:500; letter-spacing: 3px; margin:40px 0 15px;}
#home #box-03 .area-01 .entry h3 a{ background:url(../images/home/ico-arrow2.png)right 50% no-repeat; color:#714d4c; display:block; text-decoration: none;}
#home #box-03 .area-01 .entry h3 a .en { display: block; font-size: 14px; color:#cbabcb; line-height:1em; margin-bottom: 15px; font-family: "Outfit", sans-serif;}
#home #box-03 .area-01 .entry h3 a .min{ display: block; font-size: 18px; line-height: 1em;}
#home #box-03 .area-01 .entry p{ font-size: 16px; line-height: 2em; margin-bottom:40px;}
#home #box-03 .area-01 .entry .more{ width: 230px; font-size: 18px; font-weight: 500;}
#home #box-03 .area-01 .entry .more a{ background:url(../images/common/ico-arrow.png)right 5px no-repeat; color:#714d4c; display: block; text-decoration: none; padding-bottom: 15px; border-bottom:1px solid #cbabcb;}


#home #box-04{ padding:80px 0; position: relative;}
#home #box-04 .area-01{ background:#f9f8f2; padding:50px 50px 30px; border-radius:30px; position: relative;}
#home #box-04 .area-01 h2{ margin-bottom:10px;}
#home #box-04 .area-01 dl { height: 400px; overflow-y:scroll;}
#home #box-04 .area-01 dl dt { padding: 20px 0px 0px; font-size:17px; font-weight:500; margin-bottom:5px;}
#home #box-04 .area-01 dl dt span{ font-size:17px; color:#cbabcb; display: inline-block; margin-right: 15px; font-family: "Outfit", sans-serif;}
#home #box-04 .area-01 dl dd { padding:0 0px 20px; vertical-align: middle; text-align: left; border-bottom:1px dashed #b19a8e; font-size: 15px; }
#home #box-04 .area-01 .more-text{ position: absolute; right:0; top:100px;}
#home #box-04 .ico-01{ position: absolute; right:0; top:30px;}
#home #box-04 .ico-02{ position: absolute; left:0; bottom:30px;}


/* .area-01は、1024pxコンテナの左端に合わせ、右端は画面端まで広がる */
#home #box-05{ padding:80px 0 80px;}
#home #box-05 .area-01 { margin-left: calc((100% - 1024px) / 2); width: calc(100% - ((100% - 1024px) / 2)); display: flex;
 box-sizing: border-box; padding:50px 0;}
#home #box-05 .area-01 .tb { flex: 0 0 300px; box-sizing: border-box; padding:30px 0 0; position: relative;}
#home #box-05 .area-01 .tb h2{ font-size: 34px; font-weight:500; line-height:1.5em; letter-spacing: 5px; margin-bottom: 20px;}
#home #box-05 .area-01 .tb .p-01{ font-size: 18px; font-weight: 500; line-height: 34px; letter-spacing: 2px; font-family: "Outfit", sans-serif;}
#home #box-05 .area-01 .tb .p-01 a{ background:url(../images/common/ico-inst.png)right top no-repeat; color:#cbabcb; display: inline-block; text-decoration: none; padding-right:50px;}
#home #box-05 .area-01 .tb .text{ position: absolute; right:80px; top:-50px;}
#home #box-05 .area-01 .tb .ico { position: absolute; right:50px; top:0px;}

/* 右側Instagram画像領域：Swiperコンテナ */
#home #box-05 .area-01 .inst { flex: 1; padding-left: calc((100% - 1024px) / 2 - 300px); box-sizing: border-box;}
/* 各スライド（.entry は200x200固定） */
#home #box-05 .area-01 .inst .entry { width: 200px; height: 200px; margin-right: 10px; box-sizing: border-box;loat: none !important;}
/* 画像のスタイル */
#home #box-05 .area-01 .inst .entry img { width: 100%; height: 100%; object-fit: cover; display: block;}




#box-contact{ background:#fff url(../images/common/bk-contact.jpg)center 100px no-repeat;}
#box-contact .area-01{ width: 1024px; margin:auto; height:750px; position: relative;}
#box-contact .area-01 .white{ width:100%; background:#fff; padding:50px 50px; text-align: center; border-radius:30px; position: absolute; bottom:-70px; box-sizing:border-box;}
#box-contact .area-01 .white h2{ margin-bottom: 30px;}
#box-contact .area-01 .white .p-title{ font-size: 18px; text-align: center; letter-spacing: 5px; margin-bottom: 30px;}
#box-contact .area-01 .white .p-title span{ font-weight:500;}
#box-contact .area-01 .white .inner{}
#box-contact .area-01 .white .inner .btn-01{ width: 260px; display: inline-block; margin-right:30px;}
#box-contact .area-01 .white .inner .btn-01:last-child{ margin-right: 0;}
#box-contact .area-01 .white .inner .btn-01 a{ background:url(../images/common/btn.jpg); text-decoration: none; padding:30px 0; display: block; border-radius:20px;}
#box-contact .area-01 .white .inner .btn-01 a h3{ font-size:17px; font-weight:500; color:#fff; letter-spacing:2px; padding:0px 0 10px; font-family: "Outfit", sans-serif;}
#box-contact .area-01 .white .inner .btn-01 a .p-01{ font-size:20px; font-weight:500; color:#fff; line-height: 24px; display: inline-block; padding-right:30px; background:url(../images/home/ico-arrow.png)right top no-repeat; font-family: "Outfit", sans-serif;}
#box-contact .area-01 .white .inner .btn-01 a .p-02{ font-size: 24px; font-weight:500; color:#fff; letter-spacing: 3px; line-height: 24px; font-family: "Outfit", sans-serif;}

#box-contact .area-01 .ico{ position:absolute;}
#box-contact .area-01 .ico-01{ top:0; left:0px;}
#box-contact .area-01 .ico-02{ top:180px; left:550px;}
#box-contact .area-01 .ico-03{ bottom:-100px; right:30px;}
#box-contact .area-01 .text{ top:250px; left:0px; position: absolute;}







/*----------  山下果実園について about  ----------*/
/*----------  山下果実園について about  ----------*/
/*----------  山下果実園について about  ----------*/
#about #box-01{ padding-bottom:0px;}
#about #box-01 h2{ position: relative;}
#about #box-01 h2 img{ position: absolute; right:50px; top:0px;}
#about #box-01 h3{ font-size:32px; font-weight:500; line-height: 1em; letter-spacing:2px; margin-bottom: 50px;}
#about #box-01 h3 span{ font-size: 36px; color:#cbabcb; display: inline-block; vertical-align:top; margin-right: 15px; font-family: "Outfit", sans-serif; position: relative; bottom:-2px;}
#about #box-01 h4{ font-size:26px; font-weight:500; line-height:1.6em; letter-spacing:4px; margin-bottom:15px;}
#about #box-01 .p-01{ font-size: 20px; line-height: 2em; margin-bottom:120px;}

#about #box-01 .area-01{ overflow: hidden; margin-bottom:150px;}
#about #box-01 .area-01 img{ float: left;}
#about #box-01 .area-01 .tb{ width: 440px; float: right; padding-top: 30px;}
#about #box-01 .area-01 .tb p{ font-size:17px; line-height:2em;}
#about #box-01 .area-02{ overflow: hidden; margin-bottom:170px;}
#about #box-01 .area-02 .entry{ width: 480px; float: left;}
#about #box-01 .area-02 .entry:nth-of-type(2){ float: right;}
#about #box-01 .area-02 .entry img{ margin-bottom:35px;}
#about #box-01 .area-02 .entry h4{ margin-bottom:10px;}
#about #box-01 .area-02 .entry p{ font-size:17px; line-height:1.8em;}
#about #box-01 .area-02 .inner{ overflow: hidden; padding-top: 70px; clear:both; margin-bottom:50px;}
#about #box-01 .area-02 .inner img{ float: left;}
#about #box-01 .area-02 .inner .tb{ width:630px; float:right; padding-top:40px;}
#about #box-01 .area-02 .inner .tb p{ font-size:17px; line-height:2em;}
#about #box-01 .area-03{ overflow: hidden; padding-bottom:200px; position: relative;}
#about #box-01 .area-03 .img{ float: left;}
#about #box-01 .area-03 .tb{ width: 440px; float: right;}
#about #box-01 .area-03 .tb p{ font-size:17px; line-height:2em;}
#about #box-01 .area-03 .ico{ position: absolute;}
#about #box-01 .area-03 .ico-02{ left:40px; bottom:30px;}
#about #box-01 .area-03 .ico-03{ right:0px; bottom:15px;}


#about #box-02{ background:#fff url(../images/home/bk-top.jpg)center top repeat-x; padding-top:100px; margin-bottom:80px;}
#about #box-02 .area-01{ width: 1024px; margin:auto; padding:80px 0 0 400px; box-sizing: border-box; margin-bottom:20px; position: relative;}
#about #box-02 .area-01 h2{ left:120px; top:0;}
#about #box-02 .area-01 table{ width: 100%;}
#about #box-02 .area-01 table th{ font-size:19px; font-weight:500; padding:13px 0; letter-spacing:4px; text-align: left;}
#about #box-02 .area-01 table td{ font-size:19px; padding:13px 0; letter-spacing: 2px;}
#about #box-02 .area-02{ width: 1024px; margin:auto; overflow: hidden;}
#about #box-02 .area-02 .img{ float: left;}
#about #box-02 .area-02 .tb{ width:630px; float: right; padding-top:70px;}
#about #box-02 .area-02 .tb p{ font-size:17px; font-weight: 500; line-height:2.5em;}
#about #box-02 .area-02 .ico{ position: absolute; right:0; bottom:0px;}


#about #box-03{ position: relative; padding:50px 0 120px;}
#about #box-03 .ico-05{ position: absolute; right:0; top:0;}
#about #box-03 .googlemap{ height: 500px;}






/*----------  桃・ぶどうの紹介 type  ----------*/
/*----------  桃・ぶどうの紹介 type  ----------*/
/*----------  桃・ぶどうの紹介 type  ----------*/
#type #box-btn{ padding:50px 0 120px;}
#type #box-btn .btn-01{ width:480px; float: left; font-size: 32px; font-weight:500; letter-spacing:3px;}
#type #box-btn .btn-01:last-child{ float: right;}
#type #box-btn .btn-01 a{ color:#714d4c; display: block; text-decoration: none; padding-bottom: 15px; border-bottom: 1px solid #cbabcb; background:url(../images/type/ico-arrow.png)right 15px top 15px no-repeat;}
#type #box-btn .btn-01 a img{ vertical-align:middle; margin:0 10px 0 10px; position: relative; top:-3px;}


#type #box-01{ margin-bottom: 50px;}
#type #box-01 h2{ position: relative; margin-bottom: 30px;}
#type #box-01 h2 span{ color:#e1829d;}
#type #box-01 h2 img{ position: absolute; right:50px; top:0px;}
#type #box-01 .h3-01{ font-size:32px; font-weight:500; color:#714d4c; letter-spacing: 4px; margin-bottom:40px;}
#type #box-01 .h3-01 span{ color:#e1829d;}
#type #box-01 .h3-01 .en { font-size:16px; font-weight:500; line-height:1.8em; letter-spacing:2px; display:block;}
#type #box-01 .p-01{ font-size: 20px; line-height: 2em; margin-bottom:80px;}

#type #box-01 .white{ background:#fff; padding:60px 50px 70px; border-radius:30px;}
#type #box-01 .area-01{ position: relative; margin-bottom:50px;}
#type #box-01 .area-01 .inner{ overflow: hidden;}
#type #box-01 .area-01 .entry{ width: 280px; float:left; margin-right:42px;}
#type #box-01 .area-01 .entry:last-child{ margin-right: 0;}
#type #box-01 .area-01 .entry h4{ font-size: 24px; font-weight: 500; padding-top:25px; letter-spacing: 3px; margin-bottom:10px;}
#type #box-01 .area-01 .entry p { font-size: 16px; line-height: 1.8em;}

#type #box-01 .area-01 dl{ width:600px; display:inline-block;}
#type #box-01 .area-01 dl dt{ background:#faf9f2; width: 200px; font-size: 22px; font-weight: bold; text-align: center; padding:15px 0; display: inline-block; vertical-align: middle; margin-right: 20px; border-radius:50px;}
#type #box-01 .area-01 dl dd{ width: 100%; font-size: 20px; font-weight: 500; line-height: 1.7em; display: inline-block; vertical-align: middle;}
#type #box-01 .area-01 dl dd span{ color:#e1829d;}
#type #box-01 .area-01 .ico{ position: absolute; right:50px; top:40px;}

#type #box-01 .area-02{ position: relative; margin-bottom:80px;}
#type #box-01 .area-02 .ico{ position: absolute; right:50px; top:40px;}
#type #box-01 .area-02 .inner{ margin-bottom: 20px;}
#type #box-01 .area-02 p{ font-size: 16px;}

#type #box-01 .area-03{ overflow: hidden;}
#type #box-01 .area-03 h3{ text-align: center;}
#type #box-01 .area-03 .entry{ width: 240px; float: left; margin:0 20px 60px 0; position:relative}
#type #box-01 .area-03 .entry:nth-of-type(4n){ margin-right: 0;}
#type #box-01 .area-03 .entry h4{ font-size:28px; font-weight:500; padding-top:20px; margin-bottom:15px;}
#type #box-01 .area-03 .entry h4 span{ font-size: 18px; display: block; line-height: 1.5em;}
#type #box-01 .area-03 .entry p{ font-size: 15px; letter-spacing: normal; line-height: 1.7em;}


#type #box-01 .area-03 .entry-01{/* width:500px;*/ width:100%;float: left;position:relative; margin-bottom:50px;}

#type #box-01 .area-03 .entry-01 .text-01{ font-size: 18px; display: block; font-weight: bold; margin-bottom:10px;}
#type #box-01 .more-text{ text-align: center; clear: both; padding-top:30px;}

#type #box-01 .area-03 .entry .s-01{ position:absolute; background:#faf9f2; display:inline-block; padding:3ps 10px; color:#F66; font-weight:bold;}
#type #box-01 .area-03 .entry .s-02{display:inline-block; background:#F66; padding:1px 10px; color:#FFF;}

#type #box-02{}
#type #box-02 h2{ position: relative; margin-bottom: 30px;}
#type #box-02 h2 span{ color:#9bc5c0;}
#type #box-02 h2 img{ position: absolute; right:50px; top:0px;}
#type #box-02 .h3-01{ font-size:32px; font-weight:500; color:#714d4c; letter-spacing: 4px; margin-bottom:40px}
#type #box-02 .h3-01 span{ color:#9bc5c0;}
#type #box-02 .h3-01 .en { font-size:16px; font-weight:500; line-height:1.8em; letter-spacing:2px; display:block;}

#type #box-02 .p-01{ font-size: 20px; line-height: 2em; margin-bottom:80px;}
#type #box-02 .white{ background:#fff; padding:60px 50px 70px; border-radius:30px;}
#type #box-02 .area-01{ position: relative; margin-bottom:50px;}
#type #box-02 .area-01 .inner{ overflow: hidden; margin-bottom: 50px;}
#type #box-02 .area-01 .entry{ width: 280px; float:left; margin-right:42px;}
#type #box-02 .area-01 .entry:last-child{ margin-right: 0;}
#type #box-02 .area-01 .entry h4{ font-size: 24px; font-weight:500; padding-top:25px; letter-spacing: 3px; margin-bottom:10px;}
#type #box-02 .area-01 .entry p { font-size: 16px; line-height: 1.8em;}
#type #box-02 .area-01 dl dt{ background:#faf9f2; width: 200px; font-size: 22px; font-weight: bold; text-align: center; padding:15px 0; display: inline-block; vertical-align: middle; margin-right: 20px; border-radius:50px;}
#type #box-02 .area-01 dl dd{ width: 670px; font-size: 20px; font-weight: 500; line-height: 1.7em; display: inline-block; vertical-align: middle;}
#type #box-02 .area-01 dl dd span{ color:#9bc5c0;}
#type #box-02 .area-01 .ico{ position: absolute; right:50px; top:40px;}

#type #box-02 .area-02{ position: relative; margin-bottom:80px;}
#type #box-02 .area-02 .ico{ position: absolute; right:50px; top:40px;}
#type #box-02 .area-02 .inner{ margin-bottom: 20px;}
#type #box-02 .area-02 p{ font-size: 16px;}
#type #box-02 .area-02 .ico{ position: absolute; right:50px; top:25px;}

#type #box-02 .area-03{ overflow: hidden;}
#type #box-02 .area-03 h3{ text-align: center;}
#type #box-02 .area-03 .entry{ width:240px; float: left; margin:0 20px 60px 0;}
#type #box-02 .area-03 .entry img{ width:240px;}
#type #box-02 .area-03 .entry:nth-of-type(4n){ margin-right: 0;}
#type #box-02 .area-03 .entry h4{ font-size:24px; font-weight:500; padding-top:20px; margin-bottom:15px;}
#type #box-02 .area-03 .entry h4 span{ font-size: 18px; vertical-align: top;}
#type #box-02 .area-03 .entry p{ font-size: 15px; letter-spacing: normal; line-height: 1.7em;}

#type #box-02 .area-03 .entry .s-02{display:inline-block; background:#8cae02; padding:1px 10px; color:#FFF; font-weight:bold;}

#type #box-02 .more-text{ text-align: center; clear: both; padding-top: 30px;}







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

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