@charset "utf-8";

/*ベース*/
body{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:100%;
color:#323232;
margin:0;
padding:0;}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;}

img{
border:0;}

*:focus{
outline:none;}

.red{
color:#C33;}

.fade-up {
transition:opacity 1s;
-moz-transition:opacity 1s;
-webkit-transition:opacity 1s;
-o-transition:opacity 1s;
transition:transform 1s;
-moz-transition:transform 1s;
-webkit-transition:transform 1s;
-o-transition:transform 1s;}

a{
color:#888;
text-decoration:none;}

a:hover{
color:#888;
text-decoration:underline;}

/*レイアウト*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display:block;}

.clearfix:after{
content: "";
clear:both;
display:block;}

#contents a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#contents a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

/*ヘッダー*/
#head{
background-image:url(../img/head_bg.png);
background-repeat:repeat-x;
position:fixed;
z-index:9999;
line-height:0;
width:100%;}

#head a{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#head a:hover{
opacity:0.6;
filter:alpha(opacity=60);}

#head_in{
width:1200px;
height:72px;
margin:0 auto;}

#logo{
float:left;
font-weight:bold;
font-size:28.59px;
letter-spacing:2px;
margin:36px 0 0 140px;}

#logo a{
text-decoration:none;
color:#3f3d3d;}

#mark{
position:absolute;}

#navi{
float:right;
letter-spacing:2px;}

#navi li{
float:left;
margin:36px 24px 0 24px;}

#navi a{
color:#000;
text-decoration:none;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#navi a:hover{
opacity:0.6;
filter:alpha(opacity=60);}

#menu_btm{
background-image:url(../img/menu_btm_bg.png);
background-repeat:repeat-x;
clear:both;
height:31px;}

#menu_btm_in{
width:1200px;
margin:0 auto;}

#menu_btm_l{
float:left;
margin-left:115px;}

#menu_btm_l li{
float:left;
font-size:85%;
margin:16px 0 0 27px;}

#menu_btm_l li a{
text-decoration:none;
color:#000;}

#menu_btm_r{
float:right;
margin-top:11px;}

#menu_btm_r h2{
font-size:85%;
font-weight:normal;
letter-spacing:1px;
color:#000;
margin-top:5px}

.imgli{
margin-top:-10px;}

/*フッター*/
#foot_navi{
background-color:#eeeeed;
height:50px;
line-height:0;
text-align:center;}

#foot_navi ul{
text-align:center;}

#foot_navi li{
display:inline-block;
margin:23px 17px 0 17px;}

#foot_navi a{
text-decoration:none;
color:#000;
font-size:75%;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#foot_navi a:hover{
opacity:0.6;
filter:alpha(opacity=60);}

#foot{
background-color:#e2e8eb;
text-align:center;
padding:25px 0 17px 0;}

#foot a{
text-decoration:none;
color:#000;
font-size:80%;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#foot a:hover{
opacity:0.6;
filter:alpha(opacity=60);}

#foot_btm{
text-align:center;
color:#fff;
background-color:#b8a183;
font-size:70%;
height:30px;
padding-top:7px;}

#page_top{
text-align:right;
margin:-11px 50px 0 0;}

/*スライダー*/
#slider{
left:0;}

.header_img{
padding-top:133px;
width:100%;
text-align:center;}

.sp-black{
text-align:right;}

/*スライダー下*/
#top_proposal{
text-align:center;
background-color:#fff;
padding:60px 0 65px 0;}

#top_proposal h3{
text-align:center;
color:#b1ae7a;
font-weight:normal;
font-size:33.37px;}

#top_proposal p{
line-height:2;
font-size:105%;
margin:35px 0 60px 0;}

#top_proposal_img{
width:1131px;
margin:0 auto;}

/*トップスクエアコンテンツ*/
.snip1403{
float:left;
position:relative;
overflow:hidden;
min-width:367px;
max-width:367px;
width:100%;
margin:5px;
color:#3f3d3d;
text-align:left;
font-size:16px;
background-color:#FFF;
line-height:1.4em;
font-weight:200;
-webkit-transform:translateZ(0);
transform:translateZ(0);}

.snip1403 *{
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.35s linear;
transition:all 0.35s linear;}

.snip1403 *:before,
.snip1403 *:after{
-webkit-transition:all 0.35s ease;
transition:all 0.35s ease;}

.snip1403 img{
max-width:100%;
backface-visibility:hidden;
vertical-align:top;}

.snip1403 figcaption{
position:absolute;
top:42%;
margin:30px;
padding:0;
-webkit-transform:translate(0%, -50%);
transform:translate(0%, -50%);}

.snip1403 figcaption div{
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:0.7;}

.snip1403 figcaption div:before,
.snip1403 figcaption div:after{
position:absolute;
content:'';
background-color:#3f3d3d;
left:50%;
top:50%;}

.snip1403 figcaption div:before{
width:1px;
height:50px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}

.snip1403 figcaption div:after{
height:1px;
width:50px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);}

.snip1403 p{
opacity:0;
margin:0;
font-size:85%!IMPORTANT;
font-weight:bold!IMPORTANT;}

.ent_p{
font-size:180%!IMPORTANT;
background-color:#3f3d3d;
color:#FFF;
padding:6px 12px;
font-weight:normal!IMPORTANT;}

.rip{
float:right;
border:1px solid #3f3d3d;
width:130px;
text-align:center;
margin-top:-40px!IMPORTANT;}

.snip1403 a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;}

.snip1403:hover img,
.snip1403.hover img{
zoom:1;
filter:alpha(opacity=15);
-webkit-opacity:0.15;
opacity:0.15;}

.snip1403:hover figcaption p,
.snip1403.hover figcaption p{
-webkit-transition-delay:0.6s;
transition-delay:0.6s;
opacity:1;}

.snip1403:hover figcaption .plus1,
.snip1403.hover figcaption .plus1,
.snip1403:hover figcaption .plus2,
.snip1403.hover figcaption .plus2{
-webkit-transform:rotate(0);
transform:rotate(0);}

.snip1403:hover figcaption .plus1:before,
.snip1403.hover figcaption .plus1:before,
.snip1403:hover figcaption .plus1:after,
.snip1403.hover figcaption .plus1:after{
top:0%;
left:0%;
-webkit-transition-delay:0.35s;
transition-delay:0.35s;}

.snip1403:hover figcaption .plus2:before,
.snip1403.hover figcaption .plus2:before,
.snip1403:hover figcaption .plus2:after,
.snip1403.hover figcaption .plus2:after{
top:100%;
left:100%;
-webkit-transition-delay:0.35s;
transition-delay:0.35s;}

/*セカンドページアイキャッチ*/
#rice_img{
background-image:url(../img/rice.png);
background-size:cover;
height:459px;}

#nature_img{
background-image:url(../img/nature.png);
background-size:cover;
height:459px;}

#spring_img{
background-image:url(../img/spring.png);
background-size:cover;
height:459px;}

#event_img{
background-image:url(../img/event2.png);
background-size:cover;
height:459px;}

#history_img{
background-image:url(../img/history.png);
background-size:cover;
height:459px;}

#story_img{
background-image:url(../img/story.png);
background-size:cover;
height:459px;}

#story_s01_img{
background-image:url(../img/story_s01.png);
background-size:cover;
height:459px;}

#story_s02_img{
background-image:url(../img/story_s02.png);
background-size:cover;
height:459px;}

#story_s03_img{
background-image:url(../img/story_s03.png);
background-size:cover;
height:459px;}

#story_s04_img{
background-image:url(../img/story_s04.png);
background-size:cover;
height:459px;}

#list_img{
background-image:url(../img/list.png);
background-size:cover;
height:459px;}

/*セカンドページ*/
#sec_box{
margin-bottom:120px;}

#sec_box p{
line-height:2;}

.sec_cont h3{
font-size:200%;
font-weight:normal;
text-align:center;
padding:30px 0;}

.sec_cont_in{
width:1200px;
margin:0 auto;}

.sec_cont_left{
float:left;
width:600px;}

.sec_cont_right_gray{
float:right;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:497px;
padding:50px;}

.sec_cont_right_gray_in{
float:right;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:497px;
padding:50px;}

.sec_cont_right_gray h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
margin-bottom:50px;}

.sec_cont_01{
float:left;
width:376px;
padding-top:80px;}

.sec_cont_01 h5{
float:left;
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
width:376px;
margin-bottom:30px;}

.sec_cont_01 p{
font-size:85%;
margin-bottom:30px;}

.sec_cont_02{
float:left;
width:376px;
padding-top:80px;
margin:0 35px;}

.sec_cont_02 h5{
float:left;
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
width:376px;
margin-bottom:30px;}

.sec_cont_02 p{
font-size:85%;
margin-bottom:30px;}

.sec_cont_03{
float:left;
width:376px;
padding-top:80px;}

.sec_cont_03 h5{
float:left;
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
width:376px;
margin-bottom:30px;}

.sec_cont_03 p{
font-size:85%;
margin-bottom:30px;}

.sec_cont_04{
float:left;
width:824px;
padding-top:80px;}

.sec_cont_04 h5{
float:center;
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
margin-bottom:30px;}

.sec_cont_04 p{
font-size:85%;
width:548px;
margin:0 0 30px 150px;}

.sec_cont_04_left{
float:left;
width:274px;
margin-left:50px;}

.sec_cont_04_right{
float:left;
font-size:85%;
margin:20px 0 0 150px;}

.sec_cont_in_gray{
background-color:#eaeae4;
padding-bottom:70px;
margin-bottom:80px;}

.sec_cont_in_gray h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.sec_cont_in_gray p{
width:830px;
margin:0 auto;}

.sec_cont_left_s{
float:left;}

.sec_cont_right_gray_s{
float:right;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:517px;
height:312px;
padding:50px;}

.sec_cont_right_gray_s h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.sec_cont_right_gray_s p{
font-size:85%;}

.sec_cont_left_s_r{
float:right;
width:600px;}

.sec_cont_right_gray_s_r{
float:left;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:312px;
padding:50px;}

.sec_cont_right_gray_s_r h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.sec_cont_right_gray_s_r p{
font-size:85%;}

.b_sec_cont_left_s{
float:left;}

.b_sec_cont_right_gray_s{
float:right;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:502px;
height:498px;
padding:50px;}

.b_sec_cont_right_gray_s h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.b_sec_cont_right_gray_s p{
font-size:85%;}

.b_sec_cont_left_s_r{
float:right;
width:600px;}

.b_sec_cont_right_gray_s_r{
float:left;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:498px;
padding:50px;}

.b_sec_cont_right_gray_s_r h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.b_sec_cont_right_gray_s_r p{
font-size:85%;}

.c_sec_cont_left_s{
float:left;}

.c_sec_cont_right_gray_s{
float:right;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:715px;
padding:50px;}

.c_sec_cont_right_gray_s h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.c_sec_cont_right_gray_s p{
font-size:90%;}

.c_sec_cont_left_s_r{
float:right;
width:600px;}

.c_sec_cont_right_gray_s_r{
float:left;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width:500px;
height:498px;
padding:50px;}

.c_sec_cont_right_gray_s_r h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:50px;}

.c_sec_cont_right_gray_s_r p{
font-size:85%;}

.sec_cont_in_dark{
background-color:#9fa095;
color:#fff;}

.sec_cont_in_dark p{
font-size:85%;
width:1000px;
margin:-9px auto 0 auto;
padding:30px 0;}

.sec_cont_in_sft h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:60px;
margin-bottom:30px;}

.sec_cont_in_sft p{
width:1000px;
margin:-9px auto 0 auto;
padding:30px 0;}

#history_img02{
background-image:url(../img/history_th02.png);
background-size:cover;
height:378px;}

.sec_cont_in_wht{
background-color:#eaeae4;}

.sec_cont_in_wht h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding:30px 0;
margin-bottom:30px;}

.f_sec_cont_left_s{
float:left;
text-align:center;
font-size:85%;
margin-right:33px;}

.f_sec_cont_right_gray_s{
text-align:center;
font-size:85%;}

.sml{
text-align:center;
font-size:75%;
margin-top:-40px;
margin-bottom:20px;}

.l_sec_cont_01{
float:left;
width:520px;
padding-top:80px;
margin:0 40px}

.l_sec_cont_01 h5{
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
margin-bottom:30px;}

.l_sec_cont_01 p{
margin-bottom:30px;}

.l_sec_cont_02{
float:left;
width:520px;
padding-top:80px;
margin:0 35px;}

.l_sec_cont_02 h5{
font-size:140%;
text-align:center;
font-weight:normal;
color:#6f6e57;
margin-bottom:30px;}

.l_sec_cont_02 p{
margin-bottom:30px;}

.story_sp{
padding-top:70px;}

#news_box{
width:1120px;
margin:0 auto;}

#topix{
float:left}

#insta{
float:right;
margin-bottom:35px;}

#insta a{
color:#3f3d3d;}

#insta p{
text-align:center;
font-size:200%;
margin-bottom:30px;}

#htag{
text-align:right;
margin-right:135px;}

/*追加 200320*/
h5.title_h5 {
font-size: 140%;
text-align: left;
font-weight: normal;
color: #6f6e57;
margin-bottom: 10px;}

ul.ul_center1 {
margin:0 auto 0;
width: 200px;
font-size: 120%;}

.b_sec_cont_right_gray_s_r_2{
float:left;
background-color:#eaeae4;
display:table-cell;
vertical-align:middle;
width: 500px;
height: 578px;
padding: 40px 50px 40px;}

.b_sec_cont_right_gray_s_r_2 h4{
text-align:center;
color:#6f6e57;
font-weight:normal;
font-size:180%;
padding-top:10px;
margin-bottom:20px;}

.b_sec_cont_right_gray_s_r_2 p{
font-size:85%;}

.b_sec_cont_right_gray_s_r p.text_100{
font-size:100%;}

/*動画*/
audio, video {
display: inline-block;}

.p-header-video {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 56.25%;
overflow: hidden;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;}

.p-header-content::before {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
content: "";}

.p-header-video video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: auto;
margin: auto;}

/*Youtube*/
#youtube{
width:1131px;
margin:0 auto;
padding: 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;}

#youtube-2{
width:1131px;
margin:0 auto;
padding: 30px 0 0;}

#youtube-3{
width:1131px;
margin:0 auto;
padding: 30px 0 0;}

.ytube_wrap {
width:550px;
}

.ytube {
    position: relative;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
}

.ytube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
background-color: #d6d1b5 !important;}

.flou_insta {
text-align: center;
font-size: 200%;
margin-top: 30px;
margin-bottom: 30px;}

.flou_insta a {
color: #3f3d3d;}