@charset "UTF-8";
/*メイン*/
/*歴史*/
/*産業*/
/*自然*/
/*食*/
/*文化*/
/* ==================================================================================================== メインタイトル
==================================================================================================== */
@media screen and (max-width: 1200px) { .maintitle-sec .maintitle-ttl { width: 25%; margin: 0 auto; } }
@media screen and (max-width: 750px) { .maintitle-sec .maintitle-ttl { width: 62.6666666667%; } }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.top-sec .inner { padding-top: 95px; padding-bottom: 170px; background: url("../img/home/top_ph001.png") no-repeat right 185px top 50px; background-size: contain; }
@media screen and (max-width: 1200px) { .top-sec .inner { background-position: right 20px top 50px; } }
@media screen and (max-width: 750px) { .top-sec .inner { padding-top: 60px; padding-bottom: 120px; background-position: right bottom; background-size: 330px auto; } }
@media screen and (max-width: 480px) { .top-sec .inner { padding-bottom: 60px; background-size: 230px auto; } }
.top-sec .top-box { display: flex; padding-left: 220px; }
@media screen and (max-width: 1200px) { .top-sec .top-box { padding-left: 120px; } }
@media screen and (max-width: 960px) { .top-sec .top-box { padding-left: 0; } }
@media screen and (max-width: 750px) { .top-sec .top-box { padding-left: 0; justify-content: center; } }
.top-sec .top-box p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; font-size: 1.1428571429rem; font-weight: 300; line-height: 2.4; }
@media screen and (max-width: 960px) { .top-sec .top-box p { line-height: 2.2; } }
@media screen and (max-width: 750px) { .top-sec .top-box p { line-height: 1.6; } }
.top-sec .top-box p span { font-size: 2.1428571429rem; }
@media screen and (max-width: 750px) { .top-sec .top-box p span { font-size: 1.7142857143rem; } }

.contents-sec { margin-bottom: 150px; }
@media screen and (max-width: 750px) { .contents-sec { margin-bottom: 12%; padding-bottom: 10.6666666667%; border-bottom: 1px solid #8b8b8b; } }
.contents-sec.contents-r-sec .contents-fig { margin-right: 30px; margin-left: 0; text-align: left; }
@media screen and (max-width: 750px) { .contents-sec.contents-r-sec .contents-fig { margin-right: 0; } }
.contents-sec.contents-r-sec .contents-box { left: inherit; right: 0; }
@media screen and (max-width: 1300px) { .contents-sec.contents-r-sec .contents-box { right: 30px; } }
.contents-sec.contents-r-sec .contents-box-photo { left: inherit; right: 40px; }
.contents-sec .contents-con { position: relative; }
.contents-sec .contents-con .contents-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-in { position: static; } }
.contents-sec .contents-con .contents-in .inner { position: relative; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-in .inner { padding: 0; } }
.contents-sec .contents-fig { margin-left: 30px; text-align: right; }
@media screen and (max-width: 750px) { .contents-sec .contents-fig { margin-left: 0; margin-bottom: 1.3333333333%; } }
.contents-sec .contents-box { position: absolute; top: -30px; left: 0; }
@media screen and (max-width: 1300px) { .contents-sec .contents-box { left: 30px; } }
@media screen and (max-width: 750px) { .contents-sec .contents-box { position: static; } }
.contents-sec .contents-box-in { position: relative; max-width: 490px; padding: 0 30px 105px; background: rgba(255, 255, 255, 0.9); }
@media screen and (max-width: 750px) { .contents-sec .contents-box-in { width: 100%; max-width: 100%; padding: 5.3333333333% 0; background: none; } }
.contents-sec .contents-box-ttl { display: flex; align-items: center; margin-bottom: 40px; line-height: 1; font-weight: 700; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-ttl { display: block; margin-bottom: 5.3333333333%; } }
@media screen and (max-width: 750px) { .contents-sec .contents-box-ttl .contents-box-ttl-fig { width: 17.4666666667%; margin: 0 auto 5.3333333333%; } }
.contents-sec .contents-box-ttl .contents-box-ttl-r { margin-left: 35px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-ttl .contents-box-ttl-r { margin-left: 0; } }
.contents-sec .contents-box-ttl .contents-box-ttl-heading { margin-bottom: 10px; font-size: 5.0714285714rem; letter-spacing: 10px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-ttl .contents-box-ttl-heading { font-size: 2.1428571429rem; text-align: center; letter-spacing: 0; } }
.contents-sec .contents-box-ttl .contents-box-ttl-en { font-size: 1.5714285714rem; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-ttl .contents-box-ttl-en { font-size: 1.1428571429rem; text-align: center; } }
.contents-sec .contents-box-catchcopy { margin-bottom: 45px; font-size: 1.5rem; letter-spacing: 7px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-catchcopy { margin-bottom: 10.6666666667%; padding: 0 4%; text-align: center; } }
.contents-sec .contents-box-lead { margin-bottom: 30px; line-height: 2; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-lead { margin-bottom: 9.3333333333%; padding: 0 4%; } }
.contents-sec .contents-box-cate { display: flex; align-items: flex-start; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-cate { padding: 0 4%; } }
.contents-sec .contents-box-cate dt { width: 6em; margin-right: 2em; border-right: 1px solid #3c3c3c; letter-spacing: 3px; }
.contents-sec .contents-box-cate dd { flex: 1; }
.contents-sec .contents-box-cate dd span { margin-right: 1em; }
.contents-sec .contents-box-more { font-size: 0.8571428571rem; letter-spacing: 3px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-more { width: 74.6666666667%; margin: 0 auto; } }
.contents-sec .contents-box-more a { padding: 20px 60px; background: url("../img/home/view_i001.png") no-repeat left center; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-more a { display: block; padding: 7.1428571429%; background-image: url("../img/home/sp/view_i001.png"); background-position: left center; background-repeat: no-repeat; color: #fff; text-align: center; border-radius: 40px; } }
@media screen and (max-width: 480px) { .contents-sec .contents-box-more a { background-size: 50px auto; } }
.contents-sec .contents-box-photo { position: absolute; bottom: -80px; left: 40px; display: flex; width: 830px; }
@media screen and (max-width: 960px) { .contents-sec .contents-box-photo { bottom: -40px; width: 630px; } }
@media screen and (max-width: 750px) { .contents-sec .contents-box-photo { position: static; width: 100%; margin-bottom: 8.6666666667%; } }
.contents-sec .contents-box-photo li { margin-right: 10px; }
@media screen and (max-width: 750px) { .contents-sec .contents-box-photo li { margin-right: 1.2%; } }
.contents-sec .contents-box-photo li:last-child { margin-right: 0; }

.home-line { margin-bottom: 50px; text-align: center; }
@media screen and (max-width: 750px) { .home-line { display: none; } }

.history-sec { margin-top: -335px; padding-top: 390px; background: url("../img/home/contents01_bg001.png") no-repeat right -70px top; }
@media screen and (max-width: 1200px) { .history-sec { background-size: 40% auto; background-position: right -70px top 25%; } }
@media screen and (max-width: 750px) { .history-sec { margin-top: 0; padding-top: 0; background: url("../img/home/sp/contents01_bg001.png") no-repeat right top; background-size: contain; } }
.history-sec .contents-box-ttl .contents-box-ttl-en { color: #b09a41; }
@media screen and (max-width: 750px) { .history-sec .contents-box-more a { background-color: #b09a41; } }

.industry-sec { margin-top: -150px; padding-top: 150px; background: url("../img/home/contents02_bg001.png") no-repeat left -20px top; }
@media screen and (max-width: 1200px) { .industry-sec { background-size: 30% auto; background-position: left -20px top 15%; } }
@media screen and (max-width: 750px) { .industry-sec { margin-top: 0; padding-top: 0; background: url("../img/home/sp/contents02_bg001.png") no-repeat right top; background-size: contain; } }
.industry-sec .contents-box-ttl .contents-box-ttl-en { color: #35678c; }
@media screen and (max-width: 750px) { .industry-sec .contents-box-more a { background-color: #35678c; } }

.nature-sec { margin-top: -225px; padding-top: 225px; background: url("../img/home/contents03_bg001.png") no-repeat right -175px top; }
@media screen and (max-width: 1200px) { .nature-sec { background-size: 30% auto; background-position: right top 35%; } }
@media screen and (max-width: 750px) { .nature-sec { margin-top: 0; padding-top: 0; background: url("../img/home/sp/contents03_bg001.png") no-repeat right top; background-size: contain; } }
.nature-sec .contents-box-ttl .contents-box-ttl-en { color: #489c94; }
@media screen and (max-width: 750px) { .nature-sec .contents-box-more a { background-color: #489c94; } }

.food-sec { margin-top: -260px; padding-top: 260px; background: url("../img/home/contents04_bg001.png") no-repeat left 50px top; }
@media screen and (max-width: 1200px) { .food-sec { background-size: 25% auto; background-position: left top 30%; } }
@media screen and (max-width: 750px) { .food-sec { margin-top: 0; padding-top: 0; background: url("../img/home/sp/contents04_bg001.png") no-repeat right top; background-size: contain; } }
.food-sec .contents-box-ttl .contents-box-ttl-en { color: #cd6055; }
@media screen and (max-width: 750px) { .food-sec .contents-box-more a { background-color: #cd6055; } }

.culture-sec { margin-top: -235px; margin-bottom: 220px; padding-top: 270px; background: url("../img/home/contents05_bg001.png") no-repeat right -40px top; }
@media screen and (max-width: 1200px) { .culture-sec { margin-bottom: 30%; background-size: 30% auto; background-position: right -40px top 30%; } }
@media screen and (max-width: 960px) { .culture-sec { margin-bottom: 45%; } }
@media screen and (max-width: 750px) { .culture-sec { margin-top: 0; padding-top: 0; margin-bottom: 0; background: url("../img/home/sp/contents05_bg001.png") no-repeat right top; background-size: contain; } }
.culture-sec .contents-box-ttl .contents-box-ttl-en { color: #82598b; }
@media screen and (max-width: 750px) { .culture-sec .contents-box-more a { background-color: #82598b; } }

/*# sourceMappingURL=home.css.map */