@charset "UTF-8";
.u-red { color: #FF0000; }

.page-top .s-storage__img figure img { opacity: 0; }

/*------------------------------------------------------------
	panorama page
------------------------------------------------------------*/
#panorama { display: block; width: 100vw; height: 100vh; }

#panorama .panorama { display: block; width: 100%; height: 100%; }

/*------------------------------------------------------------
	default page
------------------------------------------------------------*/
.page-default { margin-bottom: 100px; }

@media screen and (max-width: 767px) { .page-default { margin-bottom: 50px; } }

.page-default .c-mainvisual { background: url(../img/news/h_news.jpg) no-repeat center center; background-size: cover; }

.page-default .c-breadcrumbs { margin-bottom: 61px; }

@media screen and (max-width: 767px) { .page-default .c-breadcrumbs { margin-bottom: 52.5px; margin-top: 18.5px; } }

/*------------------------------------------------------------
	process page
------------------------------------------------------------*/
.page-process .c-mainvisual { background: url(../img/process/h_process.jpg) no-repeat center center; background-size: cover; }

.page-process .c-title-content { margin-bottom: 64px; }

@media screen and (max-width: 767px) { .page-process .c-title-content { margin-bottom: 34px; } }

.page-process .c-title-content h3 { height: 193px; width: 74px; line-height: 47px; }

@media screen and (max-width: 767px) { .page-process .c-title-content h3 { width: auto; height: auto; line-height: 32px; } }

.page-process .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-process .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

.page-process .mt-pro { margin-top: 40px; }

@media screen and (max-width: 767px) { .page-process .mt-pro { margin-top: 28px; } }

@media screen and (max-width: 767px) { .page-process .s-process01 { padding: 0 30px; } }

.page-process .s-process01 p { font-size: 16px; line-height: 40px; text-align: center; }

@media screen and (max-width: 767px) { .page-process .s-process01 p { text-align: left; font-size: 1.4rem; line-height: 27px; } }

.page-process .s-process01__img { margin: 120px 60px 0; overflow: hidden; height: 600px; }

@media screen and (max-width: 767px) { .page-process .s-process01__img { margin: 50px -30px 0; height: 300px; } }

.page-process .s-process01__img figure { background: no-repeat center bottom; background-size: cover; height: calc(600px + 50px); }

@media screen and (max-width: 767px) { .page-process .s-process01__img figure { height: calc(300px + 40px); } }

.page-process .s-process01__img figure img { display: none; width: 100%; height: auto; }

.page-process .s-process01__img figure.pos_top { background-position: center top; }

.page-process .s-process02 { margin-top: 180px; }

@media screen and (max-width: 767px) { .page-process .s-process02 { margin: 75px 30px 0; } }

.page-process .s-process02__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 999; }

@media screen and (max-width: 767px) { .page-process .s-process02__box { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.page-process .s-process02__box .inner { width: calc(50% + 25px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-process .s-process02__box .inner { width: 100%; } }

.page-process .s-process02__box .in-box { width: 465px; }

@media screen and (max-width: 767px) { .page-process .s-process02__box .in-box { width: 100%; } }

.page-process .s-process02__box figure { width: calc(50% - 25px); height: 500px; background: no-repeat center center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-process .s-process02__box figure { width: 100%; height: 233.5px; } }

.page-process .s-process02__box figure img { display: none; }

.page-process .s-process02__box h4 { font-size: 3.2rem; line-height: 41px; margin-bottom: 20px; font-weight: normal; }

@media screen and (max-width: 767px) { .page-process .s-process02__box h4 { font-size: 1.9rem; line-height: 22px; margin-bottom: 19px; text-align: center; margin-top: 28px; } }

.page-process .s-process02__box p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-process .s-process02__box p { font-size: 1.4rem; line-height: 27px; } }

.page-process .s-process02 .img-process { width: calc(50% - 70px); height: 534px; padding-left: 44px; }

@media screen and (min-width: 768px) { .page-process .s-process02 .img-process { background-image: none !important; }
  .page-process .s-process02 .img-process img { display: block; } }

@media screen and (max-width: 767px) { .page-process .s-process02 .img-process { width: 197.5px; height: 267px; margin: auto; padding-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .page-process .s-process02 .img-process img { width: 100%; display: none; } }

.page-process .s-process02__left figure { text-align: right; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.page-process .s-process02__left .inner { padding-left: 70px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

@media screen and (max-width: 767px) { .page-process .s-process02__left .inner { padding-left: 0; } }

.page-process .s-process02__left .inner .in-box { float: left; }

@media screen and (max-width: 767px) { .page-process .s-process02__left .inner .in-box { float: none; } }

.page-process .s-process02__right figure { text-align: left; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

@media screen and (max-width: 767px) { .page-process .s-process02__right figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.page-process .s-process02__right .inner { padding-right: 70px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 767px) { .page-process .s-process02__right .inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; } }

.page-process .s-process02__right .inner .in-box { float: right; width: 420px; }

@media screen and (max-width: 767px) { .page-process .s-process02__right .inner .in-box { float: none; width: 100%; } }

.page-process .s-process02 .icon-arow-l { width: 191px; height: 130px; margin: auto; position: relative; }

@media screen and (max-width: 767px) { .page-process .s-process02 .icon-arow-l { width: 1px; height: 50px; margin: 30px auto; } }

.page-process .s-process02 .icon-arow-l .line { background: url(../img/process/line.png) no-repeat center center; background-size: 191px; width: 191px; height: 150px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 6px; }

@media screen and (max-width: 767px) { .page-process .s-process02 .icon-arow-l .line { background: #7F7F7F; width: 1px; height: 100%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: 0; } }

.page-process .s-process02 .icon-arow-r { width: 191px; height: 130px; margin: auto; position: relative; }

@media screen and (max-width: 767px) { .page-process .s-process02 .icon-arow-r { width: 1px; height: 50px; margin: 30px auto; } }

.page-process .s-process02 .icon-arow-r .line { background: url(../img/process/line.png) no-repeat center center; background-size: 191px; width: 191px; height: 191px; position: absolute; left: -28px; }

@media screen and (max-width: 767px) { .page-process .s-process02 .icon-arow-r .line { background: #7F7F7F; width: 1px; height: 100%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: 0; } }

.page-process .s-process02 .link { margin-top: 20px; text-align: right; padding-right: 10px; }

@media screen and (max-width: 767px) { .page-process .s-process02 .link { margin-top: 28.5px; } }

.page-process .s-process02 .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; }

@media screen and (max-width: 767px) { .page-process .s-process02 .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; font-size: 1.4rem; line-height: 16px; } }

.page-process .s-process__img { margin: 200px 60px 0; background: url(../img/process/footer_process.jpg) no-repeat center center; background-size: cover; height: 600px; }

@media screen and (max-width: 767px) { .page-process .s-process__img { margin: 75px auto 0; height: 250px; } }

.page-process .s-process__img img { display: none; }

/*------------------------------------------------------------
	partner page
------------------------------------------------------------*/
.page-partner { margin-bottom: 200px; }

@media screen and (max-width: 767px) { .page-partner { margin-bottom: 75px; } }

.page-partner .c-mainvisual { background: url(../img/partner/h_partner.png) no-repeat center center; background-size: cover; }

.page-partner .c-title-content { margin-bottom: 73px; }

@media screen and (max-width: 767px) { .page-partner .c-title-content { margin-bottom: 40px; } }

.page-partner .c-title-content h3 { height: 235px; width: 48px; line-height: 47px; }

@media screen and (max-width: 767px) { .page-partner .c-title-content h3 { height: 150px; width: 53px; line-height: 32px; } }

.page-partner .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-partner .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

@media screen and (max-width: 767px) { .page-partner .s-partner { padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-partner .s-partner h4 { line-height: 31px; border-bottom: 2px solid #101010; padding: 0 30px 26px; font-size: 2.4rem; font-weight: normal; }

@media screen and (max-width: 767px) { .page-partner .s-partner h4 { line-height: 27px; padding: 0 10px; font-size: 1.5rem; } }

.page-partner .s-partner table { width: 100%; }

@media screen and (max-width: 767px) { .page-partner .s-partner table { display: block; } }

.page-partner .s-partner table tr { border-bottom: 1px solid #C3C3C3; }

@media screen and (max-width: 767px) { .page-partner .s-partner table tr { padding: 25px 10px 0; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-partner .s-partner table td { padding: 31px 0 28px; font-size: 1.6rem; line-height: 24px; }

@media screen and (max-width: 767px) { .page-partner .s-partner table td { padding: 0 0 20px; font-size: 1.5rem; line-height: 20px; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-partner .s-partner table td span { font-size: 1.4rem; display: block; }

@media screen and (max-width: 767px) { .page-partner .s-partner table td span { font-size: 1.2rem; } }

.page-partner .s-partner table .style01 { width: 290px; padding-left: 50px; padding-right: 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-partner .s-partner table .style01 { width: 100%; padding-left: 0; padding-right: 0; } }

.page-partner .s-partner table .style02 { width: 190px; }

@media screen and (max-width: 767px) { .page-partner .s-partner table .style02 { width: 100%; } }

.page-partner .s-partner table a { color: #101010; background: url(../img/top/ico_link.png) no-repeat right center; background-size: 10px auto; padding-right: 20px; }

/*------------------------------------------------------------
	feel page
------------------------------------------------------------*/
.page-feel .c-mainvisual { background: url(../img/feel/h_feel.jpg) no-repeat center center; background-size: cover; }

.page-feel .c-title-content { margin-bottom: 78px; }

@media screen and (max-width: 767px) { .page-feel .c-title-content { margin-bottom: 49px; } }

.page-feel .c-title-content h3 { height: 155px; width: 92px; line-height: 47px; }

@media screen and (max-width: 767px) { .page-feel .c-title-content h3 { height: auto; width: auto; line-height: 32px; }
  .page-feel .c-title-content h3 > br { display: none; } }

.page-feel .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-feel .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

.page-feel .tabs { margin: 0px; padding: 0px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .page-feel .tabs { padding: 0 15px; } }

.page-feel .tabs li { cursor: pointer; width: 50%; font-size: 2.2rem; line-height: 28px; padding: 0 0 16px; text-align: center; }

@media screen and (max-width: 767px) { .page-feel .tabs li { font-size: 1.4rem; line-height: 16px; padding: 0 0 9px; } }

.page-feel .tabs li.current { border-bottom: 2px solid #101010; }

@media screen and (max-width: 767px) { .page-feel .tabs li.current { border-bottom: 1px solid #101010; } }

.page-feel .tab-content { padding-top: 100px; display: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; visibility: hidden; opacity: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }

@media screen and (max-width: 767px) { .page-feel .tab-content { padding: 48px 15px 0; } }

.page-feel .tab-content.current { display: block; visibility: visible; }

.page-feel .tab-content.is-open { opacity: 1; }

.page-feel .bnt-tab { height: 250px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-feel .bnt-tab:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-feel .bnt-tab { height: 155px; } }

.page-feel .bnt-tab a { display: block; line-height: 250px; font-size: 2.8rem; color: #fff; text-decoration: none; text-align: center; }

@media screen and (max-width: 767px) { .page-feel .bnt-tab a { line-height: 155px; font-size: 2rem; } }

.page-feel .c-image { height: 600px; background: url(../img/feel/f_fell.png) no-repeat center center; background-size: cover; margin-top: 200px; }

@media screen and (max-width: 767px) { .page-feel .c-image { height: 250px; margin-top: 75px; } }

.page-feel .s-feel01 .title { width: 240px; float: left; height: 400px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .title { width: 100%; float: none; height: auto; } }

.page-feel .s-feel01 .title h4 { font-size: 3.2rem; letter-spacing: 0.2em; line-height: 40px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; width: 133px; padding-top: 10px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .title h4 { font-size: 1.9rem; letter-spacing: 0.05em; line-height: 22px; font-weight: normal; -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; width: 100%; padding-top: 0px; margin-bottom: 15px; } }

.page-feel .s-feel01 .ct-right { width: 690px; float: right; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .ct-right { width: 100%; float: none; } }

.page-feel .s-feel01 .ct-right p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .ct-right p { font-size: 1.4rem; line-height: 27px; } }

.page-feel .s-feel01 .ct-right .txt { margin-top: 30px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .ct-right .txt { margin-top: 25px; } }

.page-feel .s-feel01 .gallery { margin-bottom: 35px; overflow: hidden; position: relative; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .gallery { margin-bottom: 20px; } }

.page-feel .s-feel01 .gallery .bxslider-feel { overflow: hidden; width: 100%; }

.page-feel .s-feel01 .gallery .bxslider-feel li img { width: 100%; }

.page-feel .s-feel01 .gallery .bx-controls { display: none; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .gallery .bx-controls { display: block; } }

.page-feel .s-feel01 .gallery .bx-controls .bx-controls-direction a { margin-top: -15px; }

.page-feel .s-feel01 .gallery .bx-controls .bx-controls-direction .bx-prev { left: 5px; }

.page-feel .s-feel01 .gallery .bx-controls .bx-controls-direction .bx-next { right: 5px; }

.page-feel .s-feel01 .gallery .bx-pager { text-align: center; margin-top: 10px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .gallery .bx-pager { display: none; } }

.page-feel .s-feel01 .gallery .bx-pager a { width: 104px; height: 60px; position: relative; text-align: center; display: inline-block; vertical-align: middle; margin: 0 4px; }

.page-feel .s-feel01 .gallery .bx-pager a img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }

.page-feel .s-feel01 .gallery .bx-pager a.active { opacity: 0.5; }

.page-feel .s-feel01 .link { text-align: right; margin-top: 38.5px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .link { margin-top: 28.5px; } }

.page-feel .s-feel01 .link li { margin-top: 20px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .link li { margin-top: 13px; } }

.page-feel .s-feel01 .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; font-size: 1.4rem; line-height: 16px; padding-bottom: 4px; } }

.page-feel .s-feel01 .inner { margin-bottom: 120px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner { margin-bottom: 58.5px; } }

.page-feel .s-feel01 .inner2 { margin-bottom: 134px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner2 { margin-bottom: 58.5px; } }

.page-feel .s-feel01 .inner2 .title h4 { line-height: 49px; width: 159px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner2 .title h4 { line-height: 32px; width: 100%; } }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 { margin-bottom: 60px; } }

.page-feel .s-feel01 .inner3 p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 p { font-size: 1.4rem; line-height: 27px; } }

.page-feel .s-feel01 .inner3 .bx-wrapper { position: relative; }

.page-feel .s-feel01 .inner3 .images_fell { margin: 0 -5px 33px; text-align: center; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .images_fell { margin-bottom: 20px; } }

.page-feel .s-feel01 .inner3 .images_fell li { width: 340px; float: left; margin-right: 10px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .images_fell li { width: 100%; } }

.page-feel .s-feel01 .inner3 .images_fell li img { width: 100%; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .bx-wrapper { margin-bottom: 20px; } }

.page-feel .s-feel01 .inner3 .box { border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; padding: 27px 27px 20px 20px; margin-top: 40px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .box { padding: 23px 10px 25px; margin-top: 25px; } }

.page-feel .s-feel01 .inner3 .box h5 { font-weight: normal; font-size: 1.6rem; margin-bottom: 27px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .box h5 { font-size: 1.5rem; margin-bottom: 24.5px; } }

.page-feel .s-feel01 .inner3 .box ul { padding: 0 20px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .box ul { padding: 0 15px; } }

.page-feel .s-feel01 .inner3 .box li span { float: left; line-height: 28px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .box li span { line-height: 27px; } }

.page-feel .s-feel01 .inner3 .box li p { padding-left: 15px; font-size: 1.4rem; line-height: 28px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .box li p { line-height: 27px; } }

.page-feel .s-feel01 .inner3 .text { margin-top: 28px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .text { margin-top: 25px; } }

.page-feel .s-feel01 .inner3 .text span { float: left; line-height: 28px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .text span { line-height: 27px; } }

.page-feel .s-feel01 .inner3 .text p { padding-left: 20px; font-size: 1.4rem; line-height: 28px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .text p { line-height: 27px; font-size: 1.3rem; } }

.page-feel .s-feel01 .inner3 .title h4 { width: 138px; padding-top: 9px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 .title h4 { width: 100%; padding-top: 0; } }

.page-feel .s-feel01 .inner3 table { width: 100%; margin-top: 5px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 table { margin-top: 3px; } }

.page-feel .s-feel01 .inner3 table th { font-weight: normal; min-width: 280px; line-height: 34px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 table th { width: 150px; min-width: 0; line-height: 25px; font-size: 1.4rem; } }

.page-feel .s-feel01 .inner3 table td { font-size: 1.6rem; line-height: 34px; padding-left: 29px; }

@media screen and (max-width: 767px) { .page-feel .s-feel01 .inner3 table td { font-size: 1.4rem; line-height: 25px; padding-left: 15px; } }

.page-feel .s-feel01 .bnt-tab { background: url(../img/feel/feel_home.jpg) no-repeat center center; background-size: cover; }

.page-feel .s-feel02 .inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner { margin-bottom: 59px; display: block; } }

.page-feel .s-feel02 .inner figure { width: 450px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner figure { width: 100%; } }

.page-feel .s-feel02 .inner figure img { width: 100%; }

.page-feel .s-feel02 .inner div { width: 480px; padding-left: 60px; padding-top: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner div { width: 100%; padding-left: 0; padding-top: 0; }
  .page-feel .s-feel02 .inner div figure { margin-bottom: 15px; } }

.page-feel .s-feel02 .inner h4 { font-size: 3.2rem; font-weight: normal; margin-bottom: 20px; line-height: 41px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner h4 { font-size: 1.9rem; margin-bottom: 17px; line-height: 22px; } }

.page-feel .s-feel02 .inner p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner p { font-size: 1.4rem; line-height: 27px; } }

.page-feel .s-feel02 .inner .link { text-align: right; margin-top: 25.5px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner .link { margin-top: 18.5px; } }

.page-feel .s-feel02 .inner .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .inner .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; font-size: 1.4rem; line-height: 16px; } }

.page-feel .s-feel02 .right div { padding-right: 60px; padding-left: 0; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .right div { padding-right: 0; } }

.page-feel .s-feel02 .bnt-tab { background: url(../img/feel/feel_terada.jpg) no-repeat center center; background-size: cover; margin-top: 200px; }

@media screen and (max-width: 767px) { .page-feel .s-feel02 .bnt-tab { margin-top: 60px; } }

/*------------------------------------------------------------
	ufufu page
------------------------------------------------------------*/
.link-include { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; display: inline-block; }

@media screen and (max-width: 767px) { .link-include { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; font-size: 1.4rem; line-height: 16px; } }

.page-ufufu .c-mainvisual { background: url(../img/ufufu/h_ufufu.jpg) no-repeat center center; background-size: cover; }

.page-ufufu .c-title-content { margin-bottom: 84px; }

@media screen and (max-width: 767px) { .page-ufufu .c-title-content { margin-bottom: 45px; } }

.page-ufufu .c-title-content h3 { height: 115px; width: 78px; line-height: 48px; }

@media screen and (max-width: 767px) { .page-ufufu .c-title-content h3 { height: auto; width: auto; line-height: 32px; }
  .page-ufufu .c-title-content h3 > br { display: none; } }

.page-ufufu .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-ufufu .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

.page-ufufu .s-ufufu01 { max-width: 930px; margin: auto; }

.page-ufufu .s-ufufu01 .images { width: 100%; height: 500px; background: url(../img/ufufu/img.png) no-repeat center center; background-size: cover; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .images { height: 202.5px; } }

.page-ufufu .s-ufufu01 .images img { width: 100%; display: none; }

.page-ufufu .s-ufufu01 .inner { position: relative; margin: 70px 80px 0; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner { margin: 60px 30px 0; } }

.page-ufufu .s-ufufu01 .inner p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner p { font-size: 1.4rem; line-height: 27px; } }

.page-ufufu .s-ufufu01 .inner .in-inner { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .in-inner { margin-bottom: 0px; } }

.page-ufufu .s-ufufu01 .inner .img { float: right; width: 240px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .img { float: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .page-ufufu .s-ufufu01 .inner .img figure { width: calc(50% - 2.5px); } }

.page-ufufu .s-ufufu01 .inner .img img { width: 100%; }

.page-ufufu .s-ufufu01 .inner .img2 { position: absolute; width: 240px; left: 0; top: 326px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .img2 { position: inherit; width: calc(50% - 2.5px); left: auto; top: auto; } }

.page-ufufu .s-ufufu01 .inner .left { width: 490px; float: left; padding-top: 13px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .left { width: 100%; float: none; padding-top: 25px; } }

.page-ufufu .s-ufufu01 .inner .right { width: 490px; float: right; padding-top: 5px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .right { width: 100%; float: none; padding-top: 0; } }

.page-ufufu .s-ufufu01 .inner .link { position: absolute; top: 198px; width: 490px; text-align: right; padding-right: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu01 .inner .link { width: 100%; position: inherit; top: auto; padding-right: 0; text-align: center; margin-top: 25px; } }

.page-ufufu .s-ufufu02 { max-width: 1400px; height: 400px; margin: 122px auto 0; background: url(../img/ufufu/bg-profile.jpg) no-repeat center center; background-size: cover; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 { height: auto; margin: 65px 0 0; padding: 25px 15px; } }

.page-ufufu .s-ufufu02 .inner { max-width: 930px; width: 100%; margin: auto; padding: 40px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 .inner { padding: 35px 30px 30px; } }

.page-ufufu .s-ufufu02 .inner div { width: 600px; padding-left: 10px; float: left; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 .inner div { width: 100%; padding-left: 0; float: none; } }

.page-ufufu .s-ufufu02 figure { width: 220px; float: right; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 figure { width: 135px; float: none; margin: auto auto 27px; } }

.page-ufufu .s-ufufu02 figure img { width: 100%; }

.page-ufufu .s-ufufu02 h4 { font-size: 3.2rem; font-weight: normal; line-height: 1; margin-bottom: 32px; margin-top: 32px; letter-spacing: 0.05em; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 h4 { font-size: 1.9rem; margin-bottom: 24px; margin-top: 0; text-align: center; } }

.page-ufufu .s-ufufu02 p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu02 p { font-size: 1.4rem; line-height: 27px; } }

.page-ufufu .s-ufufu03 { max-width: 880px; width: 100%; margin: 119px auto 0; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 { margin: 60px 0px 0; padding: 0 30px; } }

.page-ufufu .s-ufufu03 h4 { font-size: 3.2rem; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 h4 { font-size: 1.9rem; margin-bottom: 20px; } }

.page-ufufu .s-ufufu03 .txt { font-size: 1.6rem; line-height: 34px; margin-bottom: 18px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 .txt { font-size: 1.4rem; line-height: 27px; margin-bottom: 16px; } }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 .link-include { background: none; padding-right: 0; line-height: 21px; border-bottom: none; }
  .page-ufufu .s-ufufu03 .link-include span { border-bottom: 1px solid #101010; line-height: 25px; } }

.page-ufufu .s-ufufu03 .link-include i { display: none; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 .link-include i { display: inline-block; width: 20px; height: 3px; padding-top: 10px; line-height: 0; padding-left: 10px; } }

.page-ufufu .s-ufufu03 table { margin-top: 38px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 table { margin-top: 25px; font-size: 1.4rem; } }

.page-ufufu .s-ufufu03 table th { width: 118px; padding: 9.5px 10px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 table th { width: 83px; padding: 0 0; line-height: 27px; } }

.page-ufufu .s-ufufu03 table td { padding: 7.5px 0; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 table td { padding: 0 0; line-height: 27px; } }

.page-ufufu .s-ufufu03 dl { margin: 30px -5px 0; border-top: 1px solid #BEBEBE; padding: 38px 14px 40px; border-bottom: 1px solid #BEBEBE; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 dl { margin: 20px 0 0; padding: 20px 0; } }

.page-ufufu .s-ufufu03 dl dt { font-size: 1.6rem; line-height: 21px; margin-bottom: 25px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 dl dt { font-size: 1.4rem; line-height: 27px; margin-bottom: 9px; } }

.page-ufufu .s-ufufu03 dl dd { padding: 0 32px; font-size: 1.4rem; line-height: 28px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 dl dd { padding: 0; line-height: 27px; } }

.page-ufufu .s-ufufu03 dl h5 { font-weight: normal; font-size: 1.6rem; margin-bottom: 7px; line-height: 21px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 dl h5 { font-size: 1.5rem; margin-top: 15px; } }

.page-ufufu .s-ufufu03 dl .mt-ufufu03 { margin-top: 30px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 dl .mt-ufufu03 { margin-top: 18px; } }

.page-ufufu .s-ufufu03 .un-calendar { margin-top: 60px; height: 870px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu03 .un-calendar { margin-top: 30px; height: 400px; } }

.page-ufufu .s-ufufu03 .un-calendar img { width: 100%; }

.page-ufufu .s-ufufu03 .un-calendar iframe { width: 100% !important; height: 100% !important; }

.page-ufufu .s-ufufu04 { max-width: 870px; width: 100%; margin: 118px auto 0; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 { margin-top: 58.5px; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-ufufu .s-ufufu04 h4 { font-size: 3.2rem; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 43px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 h4 { font-size: 1.9rem; margin-bottom: 20px; } }

.page-ufufu .s-ufufu04 p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 p { font-size: 1.4rem; line-height: 27px; } }

.page-ufufu .s-ufufu04 .about-map { margin-top: 40px; height: 450px; width: 100%; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 .about-map { margin-top: 25px; height: 225px; } }

.page-ufufu .s-ufufu04 .link-map { text-align: right; margin-top: 10px; }

.page-ufufu .s-ufufu04 .link-map a { font-size: 1.3rem; color: #101010; }

.page-ufufu .s-ufufu04 ul { margin-top: 26px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 ul { margin-top: 23px; } }

.page-ufufu .s-ufufu04 li { position: relative; font-size: 1.6rem; line-height: 46px; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 li { font-size: 1.4rem; line-height: 20px; position: relative; padding-left: 15px; margin-bottom: 15px; } }

.page-ufufu .s-ufufu04 li:before { content: "・"; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-ufufu .s-ufufu04 li:before { font-size: 1.4rem; position: absolute; left: 0; top: 2px; } }

.page-ufufu .c-image { margin-top: 185px; background: url(../img/ufufu/footer_ufufu.jpg) no-repeat center center; background-size: cover; height: 500px; }

@media screen and (max-width: 767px) { .page-ufufu .c-image { margin-top: 75px; height: 250px; } }

/*------------------------------------------------------------
	recipe page
------------------------------------------------------------*/
.page-recipe .c-mainvisual { background: url(../img/recipe/h_recipe.jpg) no-repeat center center; background-size: cover; }

.page-recipe .c-title-content { margin-bottom: 103px; }

@media screen and (max-width: 767px) { .page-recipe .c-title-content { margin-bottom: 58px; } }

.page-recipe .c-title-content h3 { height: 200px; width: 45px; line-height: 48px; }

@media screen and (max-width: 767px) { .page-recipe .c-title-content h3 { line-height: 30px; height: auto; width: auto; } }

.page-recipe .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-recipe .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

.page-recipe .s-recipe { padding: 0 30px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe { padding: 0 15px; } }

.page-recipe .s-recipe ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-recipe .s-recipe li { width: 280px; margin-right: 15px; margin-bottom: 46px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; }

@media screen and (min-width: 768px) { .page-recipe .s-recipe li:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-recipe .s-recipe li { width: calc(50% - 4.1px); margin-right: 8.2px; margin-bottom: 23px; } }

.page-recipe .s-recipe li:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe li:nth-child(3n) { margin-right: 8.2px; } }

@media screen and (max-width: 767px) { .page-recipe .s-recipe li:nth-child(2n) { margin-right: 0; } }

.page-recipe .s-recipe li h4 { font-size: 2rem; line-height: 26px; font-weight: normal; margin-top: 18px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe li h4 { font-size: 1.3rem; line-height: 20px; margin-top: 10.5px; } }

.page-recipe .s-recipe li figure { width: 100%; height: 210px; background: #E8E8E8; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe li figure { height: 115px; } }

.page-recipe .s-recipe li figure img { width: 100%; }

.page-recipe .s-recipe li a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 33; }

.page-recipe .c-image { margin-top: 150px; background: url(../img/recipe/footer_recipe.jpg) no-repeat center center; background-size: cover; height: 500px; }

@media screen and (max-width: 767px) { .page-recipe .c-image { margin-top: 45px; height: 250px; } }

.page-recipe .s-recipe01 { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 { display: block; margin: 0 -15px; } }

.page-recipe .s-recipe01 .title { width: 290px; text-align: center; padding-top: 17px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 .title { width: 100%; padding-top: 0; margin-bottom: 30px; } }

.page-recipe .s-recipe01 .title h3 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; vertical-align: top; font-size: 3.2rem; letter-spacing: 0.2em; line-height: 40px; font-weight: normal; width: 50px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 .title h3 { font-size: 2.1rem; width: 38px; } }

.page-recipe .s-recipe01 .title .txt1 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; vertical-align: top; font-size: 1.6rem; width: 17px; margin-right: 10px; letter-spacing: 0.12em; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 .title .txt1 { display: none; } }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 .title .txt2 { margin-top: 32px; } }

.page-recipe .s-recipe01 figure { width: 640px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe01 figure { width: 100%; } }

.page-recipe .s-recipe01 figure img { width: 100%; }

.page-recipe .s-recipe02 { margin-top: 77px; margin-bottom: 200px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 { margin-top: 58px; margin-bottom: 75px; padding: 0 15px; } }

.page-recipe .s-recipe02 h4 { text-align: center; font-size: 2.2rem; line-height: 28px; margin-bottom: 17px; font-weight: normal; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 h4 { font-size: 1.9rem; line-height: 22px; margin-bottom: 19px; } }

.page-recipe .s-recipe02 table { max-width: 880px; width: 100%; margin: auto; }

.page-recipe .s-recipe02 table tr { border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table tr { display: block; width: 100%; } }

.page-recipe .s-recipe02 table th { padding: 47px 54px; width: 264px; font-size: 2.2rem; font-weight: normal; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table th { display: block; width: 100%; padding: 23px 15px 0; } }

.page-recipe .s-recipe02 table td { padding: 40px 56px 40px 0px; font-size: 1.6rem; line-height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table td { display: block; width: 100%; padding: 12px 15px 21px; font-size: 1.4rem; line-height: 27px; } }

.page-recipe .s-recipe02 table .lh34 { line-height: 38px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table .lh34 { line-height: 27px; } }

.page-recipe .s-recipe02 table li { margin-bottom: 15px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table li { margin-bottom: 5px; } }

.page-recipe .s-recipe02 table li:last-child { margin-bottom: 0; }

.page-recipe .s-recipe02 table li span { float: left; }

.page-recipe .s-recipe02 table li p { padding-left: 40px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 table li p { padding-left: 33px; } }

.page-recipe .s-recipe02 .inner { margin-bottom: 97px; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 .inner { margin-bottom: 48px; } }

.page-recipe .s-recipe02 .txt-link { margin-top: 78px; line-height: 24.5px; text-align: center; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 .txt-link { margin-top: 50px; } }

.page-recipe .s-recipe02 .txt-link a { background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 25px 4px; padding-left: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; display: inline-block; }

@media screen and (max-width: 767px) { .page-recipe .s-recipe02 .txt-link a { background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 20px 3px; font-size: 1.4rem; line-height: 16px; } }

.page-recipe .c-recipe06 .title h3 { text-align: left; margin-left: 30px; }

.page-recipe .c-recipe06 .title span { font-size: 2rem; }

@media screen and (max-width: 767px) { .page-recipe .c-recipe06 .title span { font-size: 1.2rem; } }

/*------------------------------------------------------------
	news page
------------------------------------------------------------*/
.page-news { margin-bottom: 200px; }

@media screen and (max-width: 767px) { .page-news { margin-bottom: 68px; } }

.page-news .c-mainvisual { background: url(../img/news/h_news.jpg) no-repeat center center; background-size: cover; }

.page-news .c-breadcrumbs { margin-bottom: 61px; }

@media screen and (max-width: 767px) { .page-news .c-breadcrumbs { margin-bottom: 52.5px; margin-top: 18.5px; } }

.page-news .l-sidebar { width: 190px; float: left; }

@media screen and (max-width: 767px) { .page-news .l-sidebar { width: 100%; float: none; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.page-news .l-sidebar h3 { font-size: 1.4rem; line-height: 18px; border-bottom: 1px solid #BEBEBE; padding: 0 21px 9px; margin-bottom: 20px; font-weight: normal; }

@media screen and (max-width: 767px) { .page-news .l-sidebar h3 { font-size: 1.4rem; background: #EDEDED; line-height: 35px; height: 35px; border-bottom: none; text-align: center; padding: 0; margin-bottom: 23px; } }

.page-news .l-sidebar ul { padding: 0 20px; margin-bottom: 55px; }

@media screen and (max-width: 767px) { .page-news .l-sidebar ul { padding: 0 15px; margin-bottom: 35px; } }

.page-news .l-sidebar ul a { text-decoration: none; color: #101010; font-size: 1.4rem; line-height: 18px; }

@media screen and (max-width: 767px) { .page-news .l-sidebar ul a { line-height: 15px; } }

.page-news .l-sidebar ul a span { padding-left: 4px; }

.page-news .l-sidebar ul li { margin-bottom: 17px; }

@media screen and (max-width: 767px) { .page-news .l-sidebar ul li { margin-bottom: 19px; } }

.page-news .l-content { display: block; width: 100%; max-width: 870px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) { .page-news .l-content { width: 100%; float: none; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-news .l-content h3 { font-size: 2.8rem; font-weight: normal; line-height: 36px; margin-bottom: 21px; margin-top: -12px; }

@media screen and (max-width: 767px) { .page-news .l-content h3 { font-size: 1.8rem; line-height: 21px; margin-bottom: 16.5px; margin-top: 0; } }

.page-news .l-content ul { border-bottom: 1px dotted #C8C8C8; }

.page-news .l-content li { padding: 32px 30px 25px; border-top: 1px dotted #C8C8C8; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .page-news .l-content li { padding: 23px 10px 17px; display: block; } }

@media screen and (min-width: 768px) { .page-news .l-content li:hover { opacity: 0.5; } }

.page-news .l-content li a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 33; }

.page-news .l-content .date { margin-bottom: 20px; font-size: 1.6rem; display: inline-block; margin-right: 22px; line-height: 34px; }

@media screen and (max-width: 767px) { .page-news .l-content .date { margin-bottom: 16px; font-size: 1.4rem; display: block; margin-right: 0; line-height: 27px; } }

.page-news .l-content .date span { font-size: 1.4rem; background: #EDEDED; width: 74px; height: 22px; line-height: 22px; display: inline-block; margin-left: 20px; text-align: center; color: #000; }

@media screen and (max-width: 767px) { .page-news .l-content .date span { font-size: 1.2rem; width: 56px; height: 18px; line-height: 18px; } }

.page-news .l-content a { color: #101010; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-news .l-content a { font-size: 1.4rem; } }

.page-news .l-content .txt-link { display: inline-block; line-height: 34px; }

@media screen and (max-width: 767px) { .page-news .l-content .txt-link { line-height: 27px; display: block; } }

.page-news .l-content .bnt-news { margin: 78px auto; text-align: center; position: relative; width: 353px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news { width: 100%; font-size: 1.4rem; margin: 40px auto 76px; } }

.page-news .l-content .bnt-news .previouspostslink { position: absolute; top: 0; left: 0; background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 25px 4px; padding-left: 44px; border-bottom: 1px solid #101010; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-news .l-content .bnt-news .previouspostslink:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news .previouspostslink { margin-left: 0; background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 20px 3px; padding-left: 42px; } }

.page-news .l-content .bnt-news .nextpostslink { position: absolute; top: 0; right: 0; background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; border-bottom: 1px solid #101010; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-news .l-content .bnt-news .nextpostslink:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news .nextpostslink { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; } }

.page-news .l-content .bnt-news .page { display: none; }

.page-news .l-content .bnt-news .current { display: none; }

.page-news .l-content .bnt-news p { display: inline-block; vertical-align: top; font-size: 1.6rem; line-height: 19px; }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news p { font-size: 1.4rem; line-height: 16px; } }

.page-news .l-content .bnt-news p a { text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; color: #101010; display: inline-block; }

.page-news .l-content .bnt-news .prev { position: absolute; top: 0; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-news .l-content .bnt-news .prev:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news .prev { margin-left: 0; } }

.page-news .l-content .bnt-news .prev a { background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 25px 4px; padding-left: 44px; }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news .prev a { background: url(../img/recipe/arrow-light.svg) no-repeat left center; background-size: 20px 3px; padding-left: 42px; } }

.page-news .l-content .bnt-news .next { position: absolute; top: 0; right: 0; }

.page-news .l-content .bnt-news .next a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; }

@media screen and (max-width: 767px) { .page-news .l-content .bnt-news .next a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; } }

.page-news .news-detail .title { margin-bottom: 30px; margin-top: -7px; }

@media screen and (max-width: 767px) { .page-news .news-detail .title { margin-bottom: 17px; margin-top: 0; } }

.page-news .news-detail .title .date { margin-bottom: 24px; }

@media screen and (max-width: 767px) { .page-news .news-detail .title .date { margin-bottom: 7px; } }

.page-news .news-detail .title .date span { margin-left: 15px; }

.page-news .news-detail .title h3 { font-size: 2.2rem; letter-spacing: 0; }

@media screen and (max-width: 767px) { .page-news .news-detail .title h3 { font-size: 1.8rem; line-height: 30px; } }

.page-news .news-detail figure { text-align: center; }

.page-news .news-detail figure img { width: 100%; height: auto; }

.page-news .news-detail .txt { margin-top: 35px; font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-news .news-detail .txt { margin-top: 22px; font-size: 1.4rem; line-height: 27px; } }

.page-news .news-detail .bnt-news { width: 100%; margin: 68px 0 0; }

@media screen and (max-width: 767px) { .page-news .news-detail .bnt-news { margin: 35px 0 73px; } }

/*------------------------------------------------------------
	page products
------------------------------------------------------------*/
.page-products .c-mainvisual { background: url(../img/common/h_products.jpg) no-repeat center center; background-size: cover; }

.page-products .c-mainvisual span { display: block; font-size: 1.6rem; font-weight: normal; line-height: 21px; margin-bottom: 13px; }

@media screen and (max-width: 767px) { .page-products .c-mainvisual span { font-size: 1.1rem; line-height: 13px; margin-bottom: 8px; } }

.page-products .c-mainvisual h2 { padding-top: 149px; }

@media screen and (max-width: 767px) { .page-products .c-mainvisual h2 { padding-top: 70px; } }

.page-products .c-breadcrumbs { margin-bottom: 48px; }

@media screen and (max-width: 767px) { .page-products .c-breadcrumbs { margin-bottom: 24px; margin-top: 18.5px; } }

.page-products .c-image { margin-top: 200px; background: url(../img/common/footer_products.jpg) no-repeat center center; background-size: cover; height: 600px; }

@media screen and (max-width: 767px) { .page-products .c-image { margin-top: 75px; height: 250px; } }

.page-products .tt-product { font-size: 3.2rem; font-weight: normal; line-height: 41px; margin-bottom: 40px; letter-spacing: 0.05em; }

@media screen and (max-width: 767px) { .page-products .tt-product { font-size: 2.1rem; line-height: 29.5px; margin-bottom: 21px; letter-spacing: 0.1em; } }

.page-products p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-products p { font-size: 1.4rem; line-height: 26px; } }

.page-products .bnt-product { margin: 90px auto 0; width: 348px; height: 62px; line-height: 62px; display: block; text-align: center; border: 1px solid #101010; font-size: 1.6rem; text-decoration: none; background: url(../img/goninmusume/arow_off.png) no-repeat right 20px center; background-size: 26px 4px; color: #101010; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

@media screen and (min-width: 768px) { .page-products .bnt-product:hover { background: #101010 url(../img/goninmusume/arow_on.png) no-repeat right 20px center; background-size: 26px 4px; color: #fff; } }

@media screen and (max-width: 767px) { .page-products .bnt-product { margin: 40px auto 0; width: 266px; height: 47px; line-height: 47px; font-size: 1.4rem; background: url(../img/goninmusume/arow_off.png) no-repeat right 10px center; background-size: 19px 3px; } }

/*------------------------------------------------------------
	products page
------------------------------------------------------------*/
.page-goninmusume .s-gonimusume { margin-top: 76px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-gonimusume { margin-top: 38px; } }

.page-goninmusume .s-gonimusume .inner { max-width: 870px; margin: auto; }

@media screen and (max-width: 767px) { .page-goninmusume .s-gonimusume .inner { padding: 0 30px; } }

.page-goninmusume .s-goninmusume01 .inner { max-width: 870px; margin: auto; padding: 0 83.7px 0 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume01 .inner { padding: 0 30px; } }

.page-goninmusume .s-goninmusume01 figure { width: 184px; float: right; margin-top: -45px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume01 figure { float: none; width: 120px; margin: 0 auto 34px; } }

.page-goninmusume .s-goninmusume01 figure img { width: 100%; }

.page-goninmusume .s-goninmusume01 p { width: 510px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume01 p { width: 100%; } }

.page-goninmusume .s-goninmusume01 .images { padding-right: calc((100% - 930px)/2 + 30px); margin-top: 92px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume01 .images { margin-top: 40px; padding-right: 30px; } }

.page-goninmusume .s-goninmusume01 .images .in-images { background: url(../img/goninmusume/goninmusume-01.jpg) no-repeat center center; background-size: cover; height: 545px; width: 100%; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume01 .images .in-images { height: 165.5px; } }

.page-goninmusume .s-goninmusume01 .images .in-images img { display: none; width: 100%; }

.page-goninmusume .s-goninmusume02 figure { margin-top: 95px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume02 figure { margin-top: 50px; } }

.page-goninmusume .s-goninmusume02 figure img { width: 100%; }

.page-goninmusume .s-goninmusume03 .images { padding-left: calc((100% - 930px)/2 + 30px); margin-top: 112px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume03 .images { margin-top: 50px; padding-left: 30px; } }

.page-goninmusume .s-goninmusume03 .images .in-images { background: url(../img/goninmusume/goninmusume-04.jpg) no-repeat center center; background-size: cover; height: 545px; width: 100%; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume03 .images .in-images { height: 165.5px; } }

.page-goninmusume .s-goninmusume03 .images .in-images img { display: none; width: 100%; }

.page-goninmusume .s-goninmusume04 figure { margin-top: 109px; }

@media screen and (max-width: 767px) { .page-goninmusume .s-goninmusume04 figure { margin-top: 48px; } }

.page-goninmusume .s-goninmusume04 figure img { width: 100%; }

/*------------------------------------------------------------
	goninmusume page
------------------------------------------------------------*/
.page-daigo .s-daigo .inner { max-width: 870px; margin: auto; width: 100%; }

@media screen and (max-width: 767px) { .page-daigo .s-daigo .inner { padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-daigo .s-daigo figure { width: 191px; margin-right: 79px; float: right; margin-top: -72px; }

@media screen and (max-width: 767px) { .page-daigo .s-daigo figure { width: 126px; margin: 26px auto 36px; float: none; } }

.page-daigo .s-daigo figure img { width: 100%; }

.page-daigo .s-daigo .txt { width: 510px; }

@media screen and (max-width: 767px) { .page-daigo .s-daigo .txt { width: 100%; } }

.page-daigo .s-daigo .img { margin-top: 90px; margin-bottom: 74px; }

@media screen and (max-width: 767px) { .page-daigo .s-daigo .img { margin: 38px 0 35px; } }

.page-daigo .s-daigo .img img { width: 100%; }

.page-daigo .s-daigo .bnt-product { margin-top: 93px; }

@media screen and (max-width: 767px) { .page-daigo .s-daigo .bnt-product { margin-top: 44px; } }

/*------------------------------------------------------------
	daigo page
------------------------------------------------------------*/
.page-musubi .inner { max-width: 870px; margin: auto; }

@media screen and (max-width: 767px) { .page-musubi .inner { padding: 0 30px; } }

.page-musubi .s-musubi01 figure { width: 130px; float: right; margin-right: 100px; margin-top: -40px; }

@media screen and (max-width: 767px) { .page-musubi .s-musubi01 figure { float: none; margin: 35px auto 31px; width: 65px; } }

.page-musubi .s-musubi01 figure img { width: 100%; }

.page-musubi .s-musubi01 .txt { width: 510px; }

@media screen and (max-width: 767px) { .page-musubi .s-musubi01 .txt { width: 100%; } }

.page-musubi .s-musubi01 .img { margin-top: 88px; }

@media screen and (max-width: 767px) { .page-musubi .s-musubi01 .img { margin-top: 56px; } }

.page-musubi .s-musubi01 .img img { width: 100%; }

.page-musubi .s-musubi02 { margin-top: 76px; }

@media screen and (max-width: 767px) { .page-musubi .s-musubi02 { margin-top: 38px; } }

.page-musubi .s-musubi02 .bnt-product { margin-top: 90px; }

@media screen and (max-width: 767px) { .page-musubi .s-musubi02 .bnt-product { margin-top: 43px; } }

/*------------------------------------------------------------
	musubi page
------------------------------------------------------------*/
.page-mygrut .inner { max-width: 870px; margin: auto; }

@media screen and (max-width: 767px) { .page-mygrut .inner { padding: 0 30px; } }

.page-mygrut .s-mygrut01 h3 { margin-bottom: 29px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 h3 { margin-bottom: 22px; } }

.page-mygrut .s-mygrut01 .images { padding-right: calc((100% - 930px)/2 + 30px); margin: 90px auto 74px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 .images { margin: 43px auto 35px; padding-right: 30px; } }

.page-mygrut .s-mygrut01 .images .in-images { background: url(../img/mygrut/mygrut-01.jpg) no-repeat center center; background-size: cover; height: 545px; width: 100%; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 .images .in-images { height: 165.5px; } }

.page-mygrut .s-mygrut01 .images .in-images img { display: none; width: 100%; }

.page-mygrut .s-mygrut01 figure { float: right; width: 121px; margin-right: 130px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 figure { width: 80px; float: none; margin: 0 auto 0; } }

.page-mygrut .s-mygrut01 figure img { width: 100%; }

.page-mygrut .s-mygrut01 .txt { width: 510px; float: left; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 .txt { width: 100%; float: none; margin-bottom: 40px; } }

.page-mygrut .s-mygrut01 .picture { margin-top: 112px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut01 .picture { margin-top: 60px; } }

.page-mygrut .s-mygrut01 .picture img { width: 100%; }

.page-mygrut .s-mygrut02 { margin-top: 74px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut02 { margin-top: 40px; } }

.page-mygrut .s-mygrut02 h3 { line-height: 46px; margin-bottom: 27px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut02 h3 { line-height: 30px; margin-bottom: 17px; margin-left: -10px; } }

.page-mygrut .s-mygrut02 .images { padding-left: calc((100% - 930px)/2 + 30px); margin: 122px auto 100px; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut02 .images { margin: 54px auto 50px; padding-left: 30px; } }

.page-mygrut .s-mygrut02 .images .in-images { background: url(../img/mygrut/mygrut-04.jpg) no-repeat center center; background-size: cover; height: 545px; width: 100%; }

@media screen and (max-width: 767px) { .page-mygrut .s-mygrut02 .images .in-images { height: 165.5px; } }

.page-mygrut .s-mygrut02 .images .in-images img { display: none; width: 100%; }

/*------------------------------------------------------------
	musubi page
------------------------------------------------------------*/
.page-sakekasu-kouji .s-kouji { max-width: 870px; margin: auto; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji .s-kouji { padding: 0 30px; } }

.page-sakekasu-kouji .s-kouji h3 { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji .s-kouji h3 { margin-bottom: 40px; } }

.page-sakekasu-kouji .in-kouji { margin-bottom: 96px; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji .in-kouji { margin-bottom: 40px; } }

.page-sakekasu-kouji p { width: 510px; float: left; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji p { width: 100%; float: none; } }

.page-sakekasu-kouji figure { width: 330px; text-align: center; float: right; margin-top: -68px; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji figure { width: 100%; float: none; margin-top: 0; margin-bottom: 35px; } }

.page-sakekasu-kouji figure img { height: 235px; width: auto; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji figure img { height: 163px; } }

.page-sakekasu-kouji .bnt-product { margin-top: 105px; }

@media screen and (max-width: 767px) { .page-sakekasu-kouji .bnt-product { margin-top: 44px; } }

/*------------------------------------------------------------
	kouji page
------------------------------------------------------------*/
.page-seasoning .s-seasoning { max-width: 870px; margin: auto; }

@media screen and (max-width: 767px) { .page-seasoning .s-seasoning { padding: 0 30px; } }

.page-seasoning .s-seasoning figure { width: 100%; margin-bottom: 35px; margin-top: 44px; }

@media screen and (max-width: 767px) { .page-seasoning .s-seasoning figure { margin-top: 26px; margin-bottom: 25px; } }

.page-seasoning .s-seasoning figure img { width: 100%; }

.page-seasoning .s-seasoning .bnt-product { margin-top: 89px; }

@media screen and (max-width: 767px) { .page-seasoning .s-seasoning .bnt-product { margin-top: 44px; } }

* { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

.c-title { text-align: center; font-size: 3.2rem; letter-spacing: 0.1em; }

@media screen and (max-width: 767px) { .c-title { font-size: 2.1rem; } }

.c-title p { font-size: 1.6rem; opacity: 0.5; line-height: 21px; margin-bottom: 14.4px; }

@media screen and (max-width: 767px) { .c-title p { font-size: 1rem; line-height: 12px; margin-bottom: 12px; } }

.c-title h3 { font-weight: normal; font-size: inherit; line-height: 1; }

@media screen and (max-width: 767px) { .c-title h3 { line-height: 24.5px; letter-spacing: 0.05em; } }

.c-link-bnt { color: #101010; line-height: 19px; border-bottom: 1px solid #101010; text-decoration: none; padding-bottom: 5.5px; width: auto; background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 26px 4px; padding-right: 46px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .c-link-bnt { font-size: 1.4rem; padding-bottom: 1.5px; background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 4px; padding-right: 39px; } }

.c-mainvisual { display: block; width: calc(100% - 120px); height: auto; margin: 0 auto; }

@media screen and (max-width: 767px) { .c-mainvisual { width: 100%; margin: 60px 0 0; } }

.c-mainvisual__title { display: block; width: 100%; max-width: 930px; padding: 0 30px; margin: auto; height: 400px; color: #fff; }

@media screen and (max-width: 767px) { .c-mainvisual__title { height: 200px; padding-left: 45px; } }

.c-mainvisual__title h2 { font-size: 3.2rem; font-weight: normal; line-height: 43px; letter-spacing: 0.1em; padding-top: 178px; }

@media screen and (max-width: 767px) { .c-mainvisual__title h2 { font-size: 2rem; line-height: 23px; padding-top: 85.5px; } }

.c-breadcrumbs { margin: 18px 60px 0px; }

@media screen and (max-width: 767px) { .c-breadcrumbs { margin: 13.5px 15px 0; overflow: hidden; position: relative; }
  .c-breadcrumbs .in-breadcrumbs { width: 100%; font-size: 1.3rem; } }

.c-breadcrumbs a { text-decoration: none; color: #101010; }

.c-breadcrumbs span { margin: 0 3px; }

.c-content { max-width: 930px; width: 100%; margin: auto; }

@media screen and (max-width: 767px) { .c-content { padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 320px) { .c-content { padding: 0; } }

.c-content p { font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .c-content p { font-size: 1.4rem; line-height: 27px; } }

.c-title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-title-content h3 { font-size: 3.4rem; letter-spacing: 0.1em; line-height: 40px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

@media screen and (max-width: 767px) { .c-title-content h3 { font-size: 2.1rem; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; line-height: 1.45; } }

.c-image { margin: 0 60px; height: 600px; }

@media screen and (max-width: 767px) { .c-image { margin: 0 0; height: 250px; } }

.c-image img { display: none; }

/*------------------------------------------------------------
	UA guide
------------------------------------------------------------*/
#attention_ie { display: none; width: 100%; max-width: calc(100% - 120px); height: auto; margin: 128px auto -10px; background-color: #FCE8E8; padding: 30px; color: #DD0000; font-size: 1.4rem; line-height: 1.55; }

#attention_ie.view { display: block !important; }

@media screen and (max-width: 767px) { #attention_ie { display: none !important; } }

#attention_ie span { display: inline-block; font-size: 1.0rem; position: relative; top: -1px; margin-right: 3px; }

#attention_ie span:nth-of-type(1) { margin-top: 12px; }

#attention_ie a { text-decoration: underline; color: inherit; }

#attention_ie a:hover { text-decoration: none; }

/*------------------------------------------------------------
	Top page
------------------------------------------------------------*/
.page-top { position: relative; }

.page-top .mainvisual { max-width: 100%; margin: 0 60px; height: calc(100vh - 80px - 60px); position: relative; overflow: hidden; }

@media screen and (max-width: 767px) { .page-top .mainvisual { margin: 0 15px; height: 375px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-top .mainvisual .bx-viewport { height: 100% !important; }

.page-top .mainvisual .bxslider { height: calc(100vh - 80px - 60px); }

@media screen and (max-width: 767px) { .page-top .mainvisual .bxslider { height: 375px; } }

.page-top .mainvisual .bxslider li { width: 100% !important; height: 100% !important; }

.page-top .mainvisual .bxslider li a { display: block; width: 100%; height: 100%; position: relative; z-index: 9999; }

.page-top .mainvisual img { width: 100%; }

.page-top .mainvisual .box-news { width: 410px; z-index: 999; position: absolute; bottom: -2px; left: 0; background: #fff; color: #333; height: 82px; }

@media screen and (max-width: 767px) { .page-top .mainvisual .box-news { width: 295px; bottom: -2px; height: 55px; } }

@media screen and (max-width: 320px) { .page-top .mainvisual .box-news { width: 290px; } }

.page-top .mainvisual .box-news .bx-viewport { height: 82px !important; }

@media screen and (max-width: 767px) { .page-top .mainvisual .box-news .bx-viewport { height: 55px !important; } }

.page-top .mainvisual .box-news .news_bxslider { position: relative; background: url(../img/common/arrow-light.svg) no-repeat right 23px center; background-size: 25px 4px; padding: 20px 60px 19px 20px; line-height: 17px; height: 82px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (min-width: 768px) { .page-top .mainvisual .box-news .news_bxslider:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-top .mainvisual .box-news .news_bxslider { background: url(../img/common/arrow-light.svg) no-repeat right 10.4px center; background-size: 16px 2.5px; padding: 13px 35px 13px 10px; font-size: 1.1rem; line-height: 11px; height: 55px; } }

.page-top .mainvisual .box-news .txt { margin-top: 8px; }

@media screen and (max-width: 767px) { .page-top .mainvisual .box-news .txt { margin-top: 6px; font-size: 1.2rem; line-height: 12px; } }

.page-top .mainvisual .box-news a { text-decoration: none; color: #333333; }

.page-top .mainvisual .box-news a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.page-top .mainvisual .main { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; }

.page-top .s-storage { margin-top: 120px; position: relative; padding-bottom: 496px; }

@media screen and (max-width: 767px) { .page-top .s-storage { margin-top: 58px; padding-bottom: 0; } }

.page-top .s-storage:before { content: ""; background: #F8F8F8; height: 1716px; position: absolute; top: 104px; left: calc((100% - 930px)/2 + 80px); right: 0; z-index: -1; }

@media screen and (max-width: 767px) { .page-top .s-storage:before { content: none; } }

.page-top .s-storage__inner { max-width: 930px; width: 100%; margin: 0 auto; z-index: 33; }

.page-top .s-storage__left { width: 285px; height: 322px; float: left; position: relative; padding-left: 149px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-top .s-storage__left { width: 58px; height: 100px; padding-left: 0; margin: auto auto 58.5px; float: none; } }

.page-top .s-storage__left h3 { font-size: 3.4rem; letter-spacing: 0.18em; line-height: 40px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

@media screen and (max-width: 767px) { .page-top .s-storage__left h3 { font-size: 2.1rem; line-height: 32px; margin-left: -3px; letter-spacing: 0.19em; } }

.page-top .s-storage__right { width: 640px; float: right; padding-top: 51px; }

@media screen and (max-width: 767px) { .page-top .s-storage__right { width: 100%; float: none; padding: 0 45px 0 30px; margin-top: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-top .s-storage__right p { line-height: 34px; letter-spacing: 0; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-top .s-storage__right p { line-height: 27px; font-size: 1.4rem; } }

.page-top .s-storage__img { padding-left: calc((100% - 930px)/2 + 285px); height: 496px; width: 100%; position: absolute; top: 310px; left: 0; z-index: 99; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-top .s-storage__img { height: 194.5px; padding-left: 30px; width: 100%; position: inherit; top: auto; left: auto; } }

.page-top .s-storage__img figure { background: no-repeat center bottom; background-size: cover; height: calc(496px + 150px); }

@media screen and (max-width: 767px) { .page-top .s-storage__img figure { height: calc(250px + 40px); } }

.page-top .s-storage__img figure img { width: 100%; height: auto; opacity: 0; }

.page-top .s-storage__img figure.pos_top { background-position: center top; }

.page-top .s-life { margin-top: 58px; }

@media screen and (max-width: 767px) { .page-top .s-life { margin-top: 73px; padding-bottom: 276px; } }

@media screen and (max-width: 320px) { .page-top .s-life { padding-bottom: 330px; } }

.page-top .s-life__inner { max-width: 930px; margin: auto; width: 100%; position: relative; }

.page-top .s-life__left { width: 725px; float: left; position: relative; }

@media screen and (max-width: 767px) { .page-top .s-life__left { width: 100%; float: none; } }

.page-top .s-life__txt { position: absolute; width: 411px; top: 93px; left: 309px; line-height: 34px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-top .s-life__txt { width: 100%; top: 220px; left: 0; line-height: 27px; font-size: 1.4rem; padding: 0 30px 0 45px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.page-top .s-life__txt p { margin-bottom: 48px; display: block; }

@media screen and (max-width: 767px) { .page-top .s-life__txt p { margin-bottom: 33px; } }

.page-top .s-life__txt a { float: right; }

.page-top .s-life__right { width: 205px; height: 404px; float: right; position: relative; padding-left: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-top .s-life__right { width: calc(50% + 2.5px); height: 249.5px; padding-left: 55.5px; position: absolute; top: -80px; right: 7px; } }

.page-top .s-life__right h3 { font-size: 3.4rem; letter-spacing: 0.18em; line-height: 55px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

@media screen and (max-width: 767px) { .page-top .s-life__right h3 { font-size: 2.1rem; line-height: 32px; } }

.page-top .s-life__img { width: 370px; height: 580px; overflow: hidden; margin-top: -141px; position: relative; }

@media screen and (max-width: 767px) { .page-top .s-life__img { width: calc(50% - 2.5px); margin-top: 149.5px; height: 290px; } }

.page-top .s-life__img figure { background: no-repeat center bottom; background-size: cover; height: calc(580px + 80px); }

@media screen and (max-width: 767px) { .page-top .s-life__img figure { height: calc(290px + 100px); } }

.page-top .s-life__img figure img { opacity: 0; width: 100%; height: auto; }

.page-top .s-life__img figure.pos_top { background-position: center top; }

.page-top .s-imagestop { margin-top: 148px; padding-right: calc((100% - 930px)/2 + 165px); }

@media screen and (max-width: 767px) { .page-top .s-imagestop { margin-top: 0px; } }

.page-top .s-imagestop__img { height: 520px; width: 100%; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-top .s-imagestop__img { height: 195px; } }

.page-top .s-imagestop figure { background: no-repeat center bottom; background-size: cover; height: calc(520px + 120px); }

@media screen and (max-width: 767px) { .page-top .s-imagestop figure { height: calc(195px + 80px); } }

.page-top .s-imagestop figure img { opacity: 0; width: 100%; height: auto; }

.page-top .s-imagestop figure.pos_top { background-position: center top; }

.page-top .s-feel { margin-top: 118px; }

@media screen and (max-width: 767px) { .page-top .s-feel { margin-top: 59px; } }

.page-top .s-feel .c-title { margin-bottom: 44.6px; }

@media screen and (max-width: 767px) { .page-top .s-feel .c-title { margin-bottom: 28.5px; } }

.page-top .s-feel ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 767px) { .page-top .s-feel ul { padding: 0 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.page-top .s-feel li { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 340px; position: relative; overflow: hidden; background: #000; }

@media screen and (min-width: 768px) { .page-top .s-feel li:hover:before { -webkit-transform: translate(-50%, -50%) scale(1.08); -ms-transform: translate(-50%, -50%) scale(1.08); transform: translate(-50%, -50%) scale(1.08); opacity: 0.6; } }

@media screen and (max-width: 767px) { .page-top .s-feel li { width: 100%; height: 155px; margin-bottom: 5px; }
  .page-top .s-feel li:last-child { margin-bottom: 0; } }

.page-top .s-feel li a { text-decoration: none; color: #fff; font-size: 2.8rem; letter-spacing: 0.05em; z-index: 33; padding-top: 157px; width: 100%; display: block; text-align: center; }

@media screen and (max-width: 767px) { .page-top .s-feel li a { font-size: 1.8rem; padding-top: 70px; } }

.page-top .s-feel__box01:before { content: ""; background: url(../img/top/hakkou_terada.jpg) no-repeat center center; background-size: cover; width: 101%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.page-top .s-feel__box02:before { content: ""; background: url(../img/top/hakkou_home.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

.page-top .s-news { margin: 98.5px auto 0; max-width: 930px; }

@media screen and (max-width: 767px) { .page-top .s-news { margin: 50px 30px 0; } }

.page-top .s-news .c-title { margin-bottom: 45px; }

@media screen and (max-width: 767px) { .page-top .s-news .c-title { margin-bottom: 28px; } }

.page-top .s-news ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 38.2px; }

@media screen and (max-width: 767px) { .page-top .s-news ul { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 38px; } }

.page-top .s-news ul li { width: 290px; font-size: 1.6rem; line-height: 28px; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-top .s-news ul li:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-top .s-news ul li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.3rem; line-height: 20px; margin-bottom: 20px; }
  .page-top .s-news ul li:last-child { margin-bottom: 0; }
  .page-top .s-news ul li figure { width: 135px; height: auto; min-height: 88.5px; }
  .page-top .s-news ul li div { width: calc(100% - 135px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5px 0 3.5px 15px; } }

.page-top .s-news ul figure { width: 100%; height: 190px; overflow: hidden; position: relative; }

.page-top .s-news ul figure img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.page-top .s-news ul .date { margin: 18px 0 14px; line-height: 19px; }

@media screen and (max-width: 767px) { .page-top .s-news ul .date { font-size: 1.1rem; margin: 0 0 5px; } }

.page-top .s-news ul a { text-decoration: none; color: #101010; }

.page-top .s-news ul a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 33; }

.page-top .s-news .c-link-bnt { float: right; }

.page-top .s-lineup { background: #F8F8F8; padding: 78.5px 0 97px; margin-top: 67.5px; }

@media screen and (max-width: 767px) { .page-top .s-lineup { padding: 41px 30px 30px; margin-top: 48px; } }

.page-top .s-lineup .c-title { margin-bottom: 43px; }

@media screen and (max-width: 767px) { .page-top .s-lineup .c-title { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .page-top .s-lineup .c-title p { margin-bottom: 15px; } }

.page-top .s-lineup ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 767px) { .page-top .s-lineup ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } }

.page-top .s-lineup li { width: 128px; text-align: center; margin: 0 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; }

@media screen and (min-width: 768px) { .page-top .s-lineup li:hover { opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-top .s-lineup li { width: 32%; border-bottom: 14px; margin-right: 2%; margin-left: 0; }
  .page-top .s-lineup li:nth-child(3n) { margin-right: 0; } }

.page-top .s-lineup li img { height: 180px; width: auto; }

@media screen and (max-width: 767px) { .page-top .s-lineup li img { height: 120px; } }

.page-top .s-lineup li p { margin-top: 23px; font-size: 1.6rem; line-height: 21px; }

@media screen and (max-width: 767px) { .page-top .s-lineup li p { margin-top: 15px; font-size: 1.3rem; line-height: 18px; } }

.page-top .s-lineup li a { text-decoration: none; color: #101010; }

.page-top .s-lineup li a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 33; }

/*------------------------------------------------------------
	hakkoudou page
------------------------------------------------------------*/
.page-hakkoudou .c-mainvisual { background: url(../img/hakkoudou/h_hakkoudou.jpg) no-repeat center center; background-size: cover; }

.page-hakkoudou .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-hakkoudou .c-breadcrumbs { margin-bottom: 60px; } }

.page-hakkoudou .s-hakkoudou02 { margin-bottom: 120px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou02 { margin-bottom: 60px; padding: 0 15px; } }

.page-hakkoudou .s-hakkoudou02 .left { width: 240px; position: relative; float: left; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou02 .left { width: 100%; float: none; margin-bottom: 42.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.page-hakkoudou .s-hakkoudou02 .left h3 { font-size: 3.2rem; letter-spacing: 0.18em; line-height: 40px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; height: 200px; position: absolute; left: 79px; width: 32px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou02 .left h3 { font-size: 2.1rem; height: auto; line-height: 36px; top: 0; left: 50%; position: inherit; top: auto; left: auto; width: auto; height: auto; -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; } }

.page-hakkoudou .s-hakkoudou02 p { padding-top: 25px; font-size: 1.6rem; line-height: 34px; width: 690px; float: right; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou02 p { padding-top: 0; font-size: 1.4rem; line-height: 27px; width: 100%; float: none; } }

.page-hakkoudou .s-hakkoudou { margin-bottom: 120px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou { margin-bottom: 60px; } }

.page-hakkoudou .s-hakkoudou figure { margin-bottom: 74px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou figure { margin: 0 15px 43.15px; }
  .page-hakkoudou .s-hakkoudou figure img { width: 100%; } }

.page-hakkoudou .s-hakkoudou__inner { padding: 0 20px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner { padding: 0 15px; } }

.page-hakkoudou .s-hakkoudou__inner .right { float: right; padding-left: 94px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner .right { float: none; padding-left: 0; } }

.page-hakkoudou .s-hakkoudou__inner .left { float: left; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner .left { float: none; } }

.page-hakkoudou .s-hakkoudou__inner02 { padding: 0 20px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner02 { padding: 0 15px; } }

.page-hakkoudou .s-hakkoudou__inner02 .right { float: left; padding-left: 64px; padding-top: 10px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner02 .right { float: none; padding-left: 0; padding-top: 0; } }

.page-hakkoudou .s-hakkoudou__inner02 .left { float: right; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou__inner02 .left { float: none; } }

.page-hakkoudou .s-hakkoudou .right { width: 200px; padding-top: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou .right { width: 100%; padding-top: 0; } }

.page-hakkoudou .s-hakkoudou .right h4 { font-size: 2.64rem; letter-spacing: 0.1em; line-height: 40px; font-weight: normal; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; height: 320px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou .right h4 { font-size: 1.9rem; -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; letter-spacing: 0.05em; line-height: 22px; margin-bottom: 20px; height: auto; } }

.page-hakkoudou .s-hakkoudou .left { width: 690px; font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-hakkoudou .s-hakkoudou .left { width: 100%; font-size: 1.4rem; line-height: 27px; } }

.page-hakkoudou .c-image { margin-top: 200px; background: url(../img/hakkoudou/footer_hakkoudou.jpg) no-repeat center center; background-size: cover; }

@media screen and (max-width: 767px) { .page-hakkoudou .c-image { margin-top: 75px; } }

.page-hakkoudou .mt-hak { margin-top: 30px; }

/*------------------------------------------------------------
	about page
------------------------------------------------------------*/
.page-about .c-mainvisual { background: url(../img/about/h_about.jpg) no-repeat center center; background-size: cover; }

.page-about .c-title-content { margin-bottom: 88px; }

@media screen and (max-width: 767px) { .page-about .c-title-content { margin-bottom: 54px; } }

.page-about .c-title-content h3 { width: 45px; height: 160px; line-height: 48px; }

@media screen and (max-width: 767px) { .page-about .c-title-content h3 { line-height: 30px; height: auto; width: auto; } }

.page-about .c-breadcrumbs { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-about .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18px; } }

@media screen and (max-width: 767px) { .page-about figure { margin: 0 15px; }
  .page-about figure img { width: 100%; } }

.page-about .s-about__inner { padding: 0 30px; margin-top: 98px; }

@media screen and (max-width: 767px) { .page-about .s-about__inner { padding: 0 15px; margin-top: 58px; } }

.page-about .s-about__inner h4 { font-size: 3.2rem; letter-spacing: 0.05em; font-weight: normal; }

@media screen and (max-width: 767px) { .page-about .s-about__inner h4 { font-size: 1.9rem; } }

.page-about .s-about__inner p { font-size: 1.6rem; line-height: 40px; }

@media screen and (max-width: 767px) { .page-about .s-about__inner p { font-size: 1.4rem; line-height: 27px; } }

.page-about .s-about__in { border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; padding: 45px 20px 32px; font-size: 1.6rem; margin: 28px 0 80px; }

@media screen and (max-width: 767px) { .page-about .s-about__in { padding: 28px 10px 19px; margin: 20px 0 60px; font-size: 1.5rem; } }

.page-about .s-about__in h5 { font-weight: normal; margin-bottom: 25px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-about .s-about__in h5 { margin-bottom: 19px; } }

.page-about .s-about__in p { line-height: 34px; }

@media screen and (max-width: 767px) { .page-about .s-about__in p { line-height: 27px; } }

.page-about .s-about__in .c-link-bnt { margin-top: 15px; display: inline-block; }

.page-about .s-about__in table { margin-top: 40px; }

@media screen and (max-width: 767px) { .page-about .s-about__in table { font-size: 1.4rem; } }

.page-about .s-about__in table th { font-weight: normal; width: 110px; padding: 7.5px 0; }

@media screen and (max-width: 767px) { .page-about .s-about__in table th { width: 80px; padding: 5px 0; } }

.page-about .s-about__in table td { padding: 7.5px 0; }

@media screen and (max-width: 767px) { .page-about .s-about__in table td { padding: 5px 0; } }

.page-about .inner01 h4 { margin-bottom: 39px; }

@media screen and (max-width: 767px) { .page-about .inner01 h4 { margin-bottom: 20px; } }

.page-about .inner02 h4 { margin-top: 116.8px; margin-bottom: 38px; }

@media screen and (max-width: 767px) { .page-about .inner02 h4 { margin-top: 105.5px; margin-bottom: 16px; } }

.page-about .inner02 table { width: 100%; font-size: 1.6rem; line-height: 46px; }

@media screen and (max-width: 767px) { .page-about .inner02 table { font-size: 1.4rem; line-height: 35px; } }

.page-about .inner02 table th { width: 130px; vertical-align: top; font-weight: normal; }

@media screen and (max-width: 767px) { .page-about .inner02 table th { width: 102px; } }

@media screen and (max-width: 767px) { .page-about .inner02 table .line-h { line-height: 28px; } }

.page-about .inner03 h4 { margin-top: 106px; margin-bottom: 48px; }

@media screen and (max-width: 767px) { .page-about .inner03 h4 { margin-top: 53px; margin-bottom: 25px; } }

.page-about .inner03 ul { margin-top: 28px; }

@media screen and (max-width: 767px) { .page-about .inner03 ul { margin-top: 22px; } }

.page-about .inner03 ul li { position: relative; font-size: 1.6rem; line-height: 46px; }

@media screen and (max-width: 767px) { .page-about .inner03 ul li { font-size: 1.4rem; line-height: 20px; position: relative; padding-left: 15px; margin-bottom: 15px; } }

.page-about .inner03 ul li:before { content: "・"; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-about .inner03 ul li:before { font-size: 1.4rem; position: absolute; left: 0; top: 2px; } }

.page-about .inner03 .about-map { height: 450px; width: 100%; }

@media screen and (max-width: 767px) { .page-about .inner03 .about-map { height: 225px; } }

.page-about .inner04 h4 { margin-top: 149px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .page-about .inner04 h4 { margin-top: 58px; margin-bottom: 24px; } }

.page-about .inner04 table { width: 100%; font-size: 1.6rem; line-height: 34px; }

@media screen and (max-width: 767px) { .page-about .inner04 table { font-size: 1.4rem; line-height: 25px; } }

.page-about .inner04 th { vertical-align: top; width: 138px; font-weight: normal; }

@media screen and (max-width: 767px) { .page-about .inner04 th { width: 85px; } }

.page-about .inner04 td { vertical-align: top; padding-bottom: 29px; }

@media screen and (max-width: 767px) { .page-about .inner04 td { padding-bottom: 27px; } }

.page-about .s-about02 { margin-top: 47px; }

@media screen and (max-width: 767px) { .page-about .s-about02 { margin-top: 28px; } }

.page-about .s-about02 h4 { margin-bottom: 40px; }

@media screen and (max-width: 767px) { .page-about .s-about02 h4 { margin-bottom: 20px; } }

.page-about .c-image { margin-top: 200px; background: url(../img/about/footer_about.jpg) no-repeat center center; background-size: cover; height: 500px; }

@media screen and (max-width: 767px) { .page-about .c-image { margin-top: 73px; height: 250px; } }

/*------------------------------------------------------------
	shop page
------------------------------------------------------------*/
.page-shop { margin-bottom: 200px; }

@media screen and (max-width: 767px) { .page-shop { margin-bottom: 99px; } }

.page-shop .c-mainvisual { background: url(../img/shop/h_shop.jpg) no-repeat center center; background-size: cover; }

.page-shop .c-title-content { margin-bottom: 80px; }

@media screen and (max-width: 767px) { .page-shop .c-title-content { margin-bottom: 48.5px; } }

.page-shop .c-title-content h3 { height: 155px; width: 87px; line-height: 44px; }

@media screen and (max-width: 767px) { .page-shop .c-title-content h3 { height: auto; width: auto; line-height: 31px; } }

.page-shop .c-breadcrumbs { margin-bottom: 82px; }

@media screen and (max-width: 767px) { .page-shop .c-breadcrumbs { margin-bottom: 55.5px; margin-top: 18.5px; } }

.page-shop .s-shop01 { text-align: center; position: relative; padding: 0 30px; }

@media screen and (max-width: 767px) { .page-shop .s-shop01 { padding: 0 15px; } }

.page-shop .s-shop01 .inner { position: relative; }

.page-shop .s-shop01 figure { margin-left: 15px; }

@media screen and (max-width: 767px) { .page-shop .s-shop01 figure { display: none; } }

.page-shop .s-shop01 p { text-align: left; font-size: 1.6rem; line-height: 34px; margin-top: 80px; }

@media screen and (max-width: 767px) { .page-shop .s-shop01 p { margin-top: 0; font-size: 1.4rem; line-height: 27px; } }

.page-shop .s-shop01 .list-shop { display: none; }

@media screen and (max-width: 767px) { .page-shop .s-shop01 .list-shop { 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; margin-bottom: 35px; }
  .page-shop .s-shop01 .list-shop li { width: calc(50% - 2.5px); border: 1px solid #101010; text-align: left; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .page-shop .s-shop01 .list-shop li a { text-decoration: none; color: #101010; display: block; padding: 11px 10px 10px; background: url(../img/common/arrow-bk.svg) no-repeat right 9px center; background-size: 8px 4.5px; font-size: 1.3rem; } }

@media screen and (max-width: 767px) { .page-shop .s-shop02 { padding: 0 15px; } }

.page-shop .s-shop02 .inner { margin-top: 97px; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 .inner { margin-top: 45px; } }

.page-shop .s-shop02 h4 { border-bottom: 2px solid #101010; padding: 0 30px 24px; line-height: 31px; font-size: 2.4rem; font-weight: normal; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 h4 { border-bottom: none; padding: 7px 10px 8px; line-height: 22px; font-size: 1.9rem; background: rgba(16, 16, 16, 0.1); } }

.page-shop .s-shop02 table { width: 100%; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table { display: block; font-size: 1.5rem; }
  .page-shop .s-shop02 table tbody { display: block; width: 100%; } }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table tr { display: block; width: 100%; } }

.page-shop .s-shop02 table tr:last-child td { border-bottom: 1px solid #D7D7D7; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table tr:last-child td { border-bottom: none; } }

.page-shop .s-shop02 table tr th { border-top: 1px solid #D7D7D7; padding: 28px 30px; vertical-align: top; line-height: 16px; font-weight: normal; width: 160px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table tr th { width: 100%; display: block; border-top: none; padding: 0 10px 6.5px; margin-top: 30px; border-bottom: 1px solid #101010; } }

.page-shop .s-shop02 table tr td { padding: 28px 19px; border-top: 1px solid #D7D7D7; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table tr td { padding: 0 0px 0 30px; border-top: none; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

.page-shop .s-shop02 table .td-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table { display: block; padding-top: 27px; margin-bottom: 26px; border-top: 1px solid #E1E1E1; } }

.page-shop .s-shop02 table .td-table dl:nth-child(1) { width: 339px; padding-right: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table dl:nth-child(1) { width: 100%; padding-right: 0; } }

.page-shop .s-shop02 table .td-table dl:nth-child(2) { width: 222px; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table dl:nth-child(2) { width: 100%; margin-bottom: 5px; margin-top: 19px; }
  .page-shop .s-shop02 table .td-table dl:nth-child(2) dt { display: none; }
  .page-shop .s-shop02 table .td-table dl:nth-child(2) dd { font-size: 1.3rem; } }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table dl:nth-child(3) dt { font-size: 1.3rem; } }

.page-shop .s-shop02 table .td-table dt { line-height: 21px; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table dt { line-height: 15px; } }

.page-shop .s-shop02 table .td-table dd { font-size: 1.4rem; line-height: 24px; margin-top: 13px; }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table dd { line-height: 15px; font-size: 1.2rem; line-height: 12px; margin-top: 10px; } }

.page-shop .s-shop02 table .td-table a { background: url(../img/shop/ico_link.png) no-repeat right center; background-size: 10px 10px; padding-right: 35px; color: #101010; border-bottom: 1px solid #101010; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

@media screen and (min-width: 768px) { .page-shop .s-shop02 table .td-table a:hover { border-bottom: none; opacity: 0.5; } }

@media screen and (max-width: 767px) { .page-shop .s-shop02 table .td-table a { background: url(../img/shop/ico_link.png) no-repeat right center; background-size: 8px 8px; padding-right: 27.5px; } }

/*------------------------------------------------------------
	contact page
------------------------------------------------------------*/
.page-contact { margin-bottom: 200px; }

@media screen and (max-width: 767px) { .page-contact { margin-bottom: 75px; } }

.page-contact .c-mainvisual { background: url(../img/contact/h_contact.jpg) no-repeat center center; background-size: cover; }

.page-contact .c-mainvisual h2 { padding-top: 180px; }

@media screen and (max-width: 767px) { .page-contact .c-mainvisual h2 { padding-top: 88px; } }

.page-contact .c-breadcrumbs { margin-bottom: 79px; }

@media screen and (max-width: 767px) { .page-contact .c-breadcrumbs { margin-bottom: 51.5px; margin-top: 18.5px; } }

@media screen and (max-width: 767px) { .page-contact .c-content { padding: 0 30px; } }

.page-contact .title-contact { text-align: center; font-size: 3.2rem; font-weight: normal; line-height: 41px; margin-bottom: 58px; }

@media screen and (max-width: 767px) { .page-contact .title-contact { font-size: 2.1rem; line-height: 24.5px; margin-bottom: 28.5px; } }

.page-contact .attention-txt { margin: 50px 0 0; text-align: center; }

@media screen and (max-width: 767px) { .page-contact .attention-txt { margin: 30px 0 0; font-size: 1.2rem; } }

@media screen and (max-width: 767px) { .page-contact .attention-txt > br { display: none; } }

.page-contact .process-txt { display: none; font-size: 1.4rem; font-weight: bold; margin: 10px 0; text-align: center; }

.page-contact .process-txt._active { display: block; }

@media screen and (max-width: 767px) { .page-contact .process-txt { font-size: 1.3rem; } }

.page-contact .hissu { border: 1px solid #DD0000; font-size: 1rem; width: 32px; text-align: center; background: #DD0000; color: #fff; text-align: center; line-height: 18px; height: 18px; margin-left: 12px; display: inline-block; position: relative; top: -2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-contact .hissu { width: 28px; line-height: 14px; height: 14px; margin-left: 5px; } }

.page-contact .minni { border: 1px solid #878787; font-size: 1rem; width: 32px; text-align: center; background: #fff; color: #878787; text-align: center; line-height: 18px; height: 18px; margin-left: 12px; display: inline-block; position: relative; top: -2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-contact .minni { width: 28px; line-height: 14px; height: 14px; margin-left: 5px; } }

.page-contact .error-title { width: 100%; height: auto; max-width: 500px; font-size: inherit; margin-top: 8px; color: #DD0000; background-color: #FAF2F2; margin: 0 auto 40px; padding: 12px 20px; text-align: center; display: none; }

.page-contact .error-title.error-alert_view { display: block; }

@media screen and (max-width: 767px) { .page-contact .error-title { font-size: 1.3rem; margin: 0 auto 30px; } }

.page-contact .error-require, .page-contact .error-email, .page-contact .error-reemail { display: block; font-size: inherit; line-height: 1; margin-top: 8px; color: #DD0000; display: none; }

.page-contact .error-require.error-text_view, .page-contact .error-email.error-text_view, .page-contact .error-reemail.error-text_view { display: block; }

@media screen and (max-width: 767px) { .page-contact .error-require, .page-contact .error-email, .page-contact .error-reemail { font-size: 1.3rem; } }

.page-contact table { width: 100%; }

@media screen and (max-width: 767px) { .page-contact table { display: block; }
  .page-contact table tr { display: block; width: 100%; } }

.page-contact table th { width: 331px; text-align: right; padding: 24px 0 21px; font-weight: normal; font-size: 1.6rem; line-height: 21px; vertical-align: top; }

@media screen and (max-width: 767px) { .page-contact table th { width: 100%; display: block; padding: 0; font-size: 1.4rem; line-height: 16.5px; text-align: left; } }

.page-contact table td { padding: 15px 38px; }

@media screen and (max-width: 767px) { .page-contact table td { width: 100%; display: block; padding: 9px 0 23.5px; } }

.page-contact table td .ime_on { width: 330px; height: 36px; border: 1px solid #BEBEBE; font-size: 1.6rem; padding: 2px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-contact table td .ime_on { width: 100%; display: block; height: 35px; font-size: 1.4rem; padding: 2px 10px; } }

.page-contact table td .ime_on.error { color: inherit; border: 1px solid #DD0000; background-color: #FAF2F2; }

.page-contact table td .list-input { display: -webkit-box; display: -ms-flexbox; display: flex; }

.page-contact table td .list-input li { width: 140px; margin-right: 10px; }

@media screen and (max-width: 767px) { .page-contact table td .list-input li { width: 130px; margin-right: 6px; } }

.page-contact table td .list-input li .ime_on { width: 100%; }

.page-contact table td .list-tell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-contact table td .list-tell li { width: 80px; }

@media screen and (max-width: 767px) { .page-contact table td .list-tell li { width: 70px; } }

.page-contact table td .list-tell li:nth-child(2n) { width: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-contact table td .list-tell li:nth-child(2n) { width: 14.5px; font-size: 1.4rem; } }

.page-contact table td .list-tell li .ime_on { width: 100%; }

.page-contact table td .list-radio { margin-top: 9px; }

@media screen and (max-width: 767px) { .page-contact table td .list-radio { margin-top: 0px; } }

.page-contact table td .list-radio li { margin-bottom: 12px; }

@media screen and (max-width: 767px) { .page-contact table td .list-radio li { margin-bottom: 14.5px; }
  .page-contact table td .list-radio li:last-child { margin-bottom: 0; } }

.page-contact table td .list-radio li input { width: 17px; margin: 0px 11px 0 0; height: 17px; background: #fff; position: relative; top: 3px; }

@media screen and (max-width: 767px) { .page-contact table td .list-radio li input { width: 15px; height: 15px; margin: 0 5px 0 0; top: 4px; } }

.page-contact table .textarea th { padding-top: 10px; }

@media screen and (max-width: 767px) { .page-contact table .textarea th { padding-top: 0; } }

.page-contact table .textarea td { padding-top: 2px; }

@media screen and (max-width: 767px) { .page-contact table .textarea td { padding-top: 9px; } }

.page-contact table .txt_area { width: 440px; height: 213px; font-size: 1.6rem; padding: 10px; border-radius: 0; background: #fff; border: 1px solid #9E9E9E; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-contact table .txt_area { width: 100%; height: 275px; font-size: 1.4rem; } }

.page-contact table .txt_area.error { color: inherit; border: 1px solid #DD0000; background-color: #FAF2F2; }

.page-contact .formEnd { text-align: center; margin-top: 28px; font-size: 1.6rem; }

@media screen and (max-width: 767px) { .page-contact .formEnd { font-size: 1.4rem; margin-top: -3px; text-align: left; } }

.page-contact .formEnd input.check_submit { display: none; }

.page-contact .formEnd input.check_submit:checked + .mwform-checkbox-field-text:before { background-color: #9E9E9E; }

.page-contact .formEnd input.check_submit:checked + .mwform-checkbox-field-text:after { display: block; }

.page-contact .formEnd .mwform-checkbox-field-text { position: relative; }

@media screen and (max-width: 767px) { .page-contact .formEnd .mwform-checkbox-field-text { padding-left: 34px; display: block; } }

.page-contact .formEnd .mwform-checkbox-field-text.error { display: inherit; color: inherit; }

.page-contact .formEnd .mwform-checkbox-field-text.error:before { border-color: #DD0000; }

.page-contact .formEnd .mwform-checkbox-field-text:before { content: ""; width: 22px; height: 22px; display: inline-block; background-color: #FFF; border-radius: 0px; border: 1px solid #9E9E9E; position: relative; top: 5px; margin-right: 15px; border-radius: 0; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .page-contact .formEnd .mwform-checkbox-field-text:before { width: 17px; height: 17px; position: absolute; left: 0; top: 0; } }

.page-contact .formEnd .mwform-checkbox-field-text:after { content: ""; width: 5px; height: 11px; display: none; border-radius: 2px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; position: absolute; top: 0; left: 8px; margin-right: 9px; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); border-radius: 0; line-height: 1; }

@media screen and (max-width: 767px) { .page-contact .formEnd .mwform-checkbox-field-text:after { width: 3px; height: 9px; left: 6px; top: 2px; } }

.page-contact .formEnd .wrapp-btn { margin-top: 28px; text-align: center; }

@media screen and (max-width: 767px) { .page-contact .formEnd .wrapp-btn { margin-top: 36px; } }

.page-contact .formEnd .wrapp-btn .bnt { display: inline-block; width: 250px; height: 50px; border: 1px solid #101010; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFF; background-color: #101010; margin-right: auto; margin-left: auto; font-size: 1.6rem; line-height: 1; text-align: center; position: relative; }

@media screen and (max-width: 767px) { .page-contact .formEnd .wrapp-btn .bnt { width: 210px; height: 40px; font-size: 1.4rem; } }

.page-contact .formEnd .wrapp-btn .bnt.prev { border: 1px solid #6F6F6F; background-color: #6F6F6F; }

.page-contact .ct-complete { text-align: center; font-size: 1.6rem; max-width: 610px; margin: 69px auto 0; }

@media screen and (max-width: 767px) { .page-contact .ct-complete { font-size: 1.4rem; margin: 28.5px auto 0; text-align: left; } }

.page-contact .ct-complete p { line-height: 34px; }

@media screen and (max-width: 767px) { .page-contact .ct-complete p { line-height: 27px; } }

.page-contact .ct-complete .box { border: 1px solid #707070; padding: 22px 0 23px; margin: 33.8px auto 0; text-align: center; }

@media screen and (max-width: 767px) { .page-contact .ct-complete .box { margin: 22px auto 0; padding: 14px 0; max-width: 315px; } }

.page-contact .ct-complete .box .tel { font-size: 2.2rem; line-height: 28px; margin-bottom: 6px; letter-spacing: 0.05em; text-align: center; }

@media screen and (max-width: 767px) { .page-contact .ct-complete .box .tel { font-size: 1.8rem; line-height: 23.5px; margin-bottom: 3px; }
  .page-contact .ct-complete .box .tel a { text-decoration: none; color: #101010; } }

.page-contact .ct-complete .box p { font-size: 1.4rem; line-height: 18px; }

@media screen and (max-width: 767px) { .page-contact .ct-complete .box p { font-size: 1.2rem; line-height: 15.5px; } }

.page-contact .ct-complete .link { margin-top: 50.3px; text-align: center; }

@media screen and (max-width: 767px) { .page-contact .ct-complete .link { margin-top: 32.5px; } }

.page-contact .ct-complete .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 25px 4px; padding-right: 44px; font-size: 1.6rem; text-decoration: none; border-bottom: 1px solid #101010; padding-bottom: 5px; line-height: 19px; color: #101010; }

@media screen and (max-width: 767px) { .page-contact .ct-complete .link a { background: url(../img/common/arrow-light.svg) no-repeat right center; background-size: 20px 3px; padding-right: 42px; font-size: 1.4rem; line-height: 16px; } }

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