@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, a, p, span, button, em, small, strong, sub, sup, mark, del, ins, strike, abbr, dfn, blockquote, q, cite, code, pre, ol, ul, li, dl, dt, dd, div, section, article, main, aside, nav, header, hgroup, footer, img, figure, figcaption, address, time, audio, video, canvas, iframe, details, summary, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

html { font-size: 62.5%; }

* { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: inherit; }

a:visited { color: inherit; }

article, aside, footer, header, nav, section, main { display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

table { border-collapse: collapse; border-spacing: 0; }

ol, ul { list-style: none; }

img, video { max-width: 100%; }

button { outline: none; border: none; cursor: pointer; background: none; }

img { border-style: none; }

a { text-decoration: underline; }

a:hover { text-decoration: none; }

blockquote, q { quotes: none; }

blockquote::after, blockquote::before { content: ""; content: none; }

q::after, q::before { content: ""; content: none; }

address { font-style: normal; }

[hidden] { display: none !important; }

[disabled] { cursor: not-allowed; }

:focus:not(:focus-visible) { outline: none; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', sans-serif; color: #000; font-size: 1.6rem; line-height: 2.125; font-weight: normal; letter-spacing: 0.05em; min-width: 960px; }

body.navigation_open { width: 100vw; height: 100vh; position: fixed; overflow: hidden; }

@media screen and (max-width: 767px) { body { font-size: 1.2rem; line-height: 1.83; min-width: 0; letter-spacing: 0.04em; } }

@media screen and (max-width: 320px) { body { min-width: 320px; } }

a, button { -webkit-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s; -o-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s; transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s; }

a::before, a::after { -webkit-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; -o-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; }

button::before, button::after { -webkit-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; -o-transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; transition: background-color 0.6s, background-image 0.6s, color 0.6s, opacity 0.6s, bottom 0.6s; }

section { width: 100%; height: auto; overflow: hidden; }

@media screen and (min-width: 768px) { .browserupgrade { display: block; width: 100%; max-width: 768px; font-size: 1.6rem; font-weight: 600; margin: 30px auto; padding: 30px; background-color: #FCE8E8; color: #DD0000; } }

@media screen and (max-width: 767px) { .browserupgrade { display: none; } }

.text-center { text-align: center; }

.content { display: block; width: 100%; height: auto; margin-right: auto; margin-left: auto; position: relative; padding-right: 15px; padding-left: 15px; }

.content.__1400 { max-width: 1400px; }

.content.__960 { max-width: 960px; }

@media screen and (max-width: 767px) { .content { padding-right: 25px; padding-left: 25px; } }

@media screen and (max-width: 767px) { .content.__1400 { max-width: none; } }

@media screen and (max-width: 767px) { .content.__960 { max-width: none; } }

@media screen and (max-width: 767px) { .content.__sp_375 { max-width: 375px; } }

[data-aos=fade-up] { -webkit-transform: translate3d(0, 32px, 0); transform: translate3d(0, 32px, 0); }

[data-aos=fade-left] { -webkit-transform: translate3d(32px, 0, 0); transform: translate3d(32px, 0, 0); }

[data-aos=fade-right] { -webkit-transform: translate3d(-32px, 0, 0); transform: translate3d(-32px, 0, 0); }

.modal { display: none; position: fixed; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; }

.modal.__view { display: block; }

.modal.__open { visibility: visible; opacity: 1; z-index: 97; }

.modal .overlay-modal { position: fixed; width: 100%; height: 100%; z-index: 98; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); }

.modal .inner-modal { display: block; width: 100%; max-width: 930px; height: auto; background-color: #FFF; position: relative; z-index: 99; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 50px 60px; }

.modal .inner-modal::after { content: ""; clear: both; display: block; }

.modal .inner-modal .btn-close { display: block; width: 22px; height: 22px; position: absolute; top: 40px; right: 40px; overflow: hidden; }

.modal .inner-modal .btn-close img { display: block; width: auto; height: 100%; }

.modal .inner-modal .img { float: left; display: block; width: 350px; height: auto; }

.modal .inner-modal .text { float: left; display: block; width: calc(100% - 350px); height: auto; padding-top: 50px; padding-left: 40px; }

.modal .inner-modal .text h5 { font-size: 2.0rem; line-height: 1; font-weight: normal; border-bottom: 1px solid #000; padding-bottom: 16px; }

.modal .inner-modal .text p { line-height: 1.875; margin-top: 30px; text-align: justify; text-justify: inter-ideograph; }

.modal .inner-modal .text p.text-notes { font-size: 1.4rem; line-height: 1.57; margin-top: 20px; color: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) { .modal .inner-modal { padding: 25px 27.5px 40px; width: calc(100% - 50px); } }

@media screen and (max-width: 767px) { .modal .inner-modal .btn-close { width: 18.5px; height: 18.5px; top: 20px; right: 20px; } }

@media screen and (min-width: 768px) { .modal .inner-modal .btn-close:hover { opacity: 0.6; } }

@media screen and (max-width: 767px) { .modal .inner-modal .img { float: none; width: 100%; max-width: 225px; margin-right: auto; margin-left: auto; } }

@media screen and (max-width: 767px) { .modal .inner-modal .text { float: none; width: 100%; padding-top: 0; padding-left: 0; margin-top: -4px; } }

@media screen and (max-width: 767px) { .modal .inner-modal .text h5 { font-size: 1.5rem; line-height: 1.55; padding-bottom: 6px; } }

@media screen and (max-width: 767px) { .modal .inner-modal .text p { line-height: 1.83; margin-top: 14px; } }

@media screen and (max-width: 767px) { .modal .inner-modal .text p.text-notes { font-size: 1.1rem; line-height: 1.54; margin-top: 8px; } }

.header { width: 100%; height: 90px; padding: 0 40px 0 34px; position: fixed; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); z-index: 9999; }

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

.header .img_logo { float: left; display: block; width: 190px; height: 42.55px; margin-top: 25px; }

.header .btn-navigation { display: none; }

.header .btn-navigation img { display: block; width: 31px; height: auto; margin-right: auto; margin-left: auto; }

.header .cart-sp { display: none; }

.header .navigation { float: right; margin-top: 25px; }

.header .navigation > ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }

.header .navigation > ul > li { line-height: 1; margin-right: 50px; }

.header .navigation > ul > li.link_cart { margin-right: 35px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.header .navigation > ul > li.link_cart:hover { opacity: 0.7; }

.header .navigation > ul > li.link_cart img { width: 34px; height: 31px; display: block; }

.header .navigation > ul > li.link_sns { margin-right: 10px; }

.header .navigation > ul > li.link_sns:last-of-type { margin-right: 0; }

.header .navigation > ul > li.link_sns > a { display: block; width: 40px; height: 40px; background-color: #A1AAB3; border-radius: 100%; overflow: hidden; }

.header .navigation > ul > li.link_sns > a > img { width: 100%; height: auto; }

.header .navigation > ul > li > a { text-decoration: none; }

@media screen and (max-width: 767px) { .header { height: 60px; padding: 0; } }

@media screen and (max-width: 767px) { .header .img_logo { width: 130px; height: 29.11px; margin-top: 16px; margin-left: 18px; margin-right: -18px; } }

@media screen and (max-width: 767px) { .header .btn-navigation { display: block; width: 60px; height: 60px; background-color: #E7EAEB; margin-left: auto; padding-top: 2px; }
  .header .cart-sp { width: 60px; height: 60px; margin-right: 10px; position: absolute; right: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 767px) { .header .navigation { position: fixed; width: 100%; height: calc(100% - 60px); top: 60px; background-color: rgba(245, 246, 246, 0.9); z-index: 99; margin-top: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s; } }

@media screen and (max-width: 767px) { .header .navigation.__open { visibility: visible; opacity: 1; } }

@media screen and (max-width: 767px) { .header .navigation > ul { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 60px; } }

@media screen and (max-width: 767px) { .header .navigation > ul > li { display: block; width: 100%; margin-right: 0; font-size: 1.8rem; text-align: center; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .header .navigation > ul > li:first-of-type > a { border-top: 1px solid rgba(0, 0, 0, 0.05); } }

@media screen and (max-width: 767px) { .header .navigation > ul > li > a { display: block; width: 100%; max-width: 285px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } }

@media screen and (max-width: 767px) { .header .navigation > ul > li.link_cart { display: none; }
  .header .navigation > ul > li.link_sns { width: auto; margin-top: 30px; margin-right: 15px; border-bottom: none; } }

@media screen and (max-width: 767px) { .header .navigation > ul > li.link_sns > a { width: 45px; height: 45px; padding-top: 0; padding-bottom: 0; border-bottom: none; } }

@media screen and (min-width: 768px) { .header .navigation > ul > li > a:hover { opacity: 0.6; } }

.mainvisual { display: block; width: 100%; height: 700px; margin-top: 90px; /* swiper */ /* /swiper */ }

.mainvisual .swiper-container { width: 100%; height: 100%; }

.mainvisual .img_mv { background-position: center center; background-position: no-repeat; background-size: cover; }

.mainvisual .img_mv.__01 { background-image: url(../img/img_mv01.jpg); }

.mainvisual .img_mv.__02 { background-image: url(../img/img_mv02.jpg); }

.mainvisual .img_mv.__03 { background-image: url(../img/img_mv03.jpg); }

@media screen and (max-width: 767px) { .mainvisual { height: 275px; margin-top: 60px; } }

@media screen and (max-width: 767px) { .mainvisual .img_mv.__01 { background-image: url(../img/img_mv01_sp.jpg); } }

@media screen and (max-width: 767px) { .mainvisual .img_mv.__02 { background-image: url(../img/img_mv02_sp.jpg); } }

@media screen and (max-width: 767px) { .mainvisual .img_mv.__03 { background-image: url(../img/img_mv03_sp.jpg); } }

.section-title { font-size: 3.6rem; line-height: 1; font-weight: normal; text-align: center; letter-spacing: 0.2em; }

.section-title > span { display: inline-block; position: relative; }

.section-title > span::after { content: ""; display: block; width: calc(100% + 3px); height: 2px; background-color: #000; margin-top: 5px; margin-left: -3px; }

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

@media screen and (max-width: 767px) { .section-title > span::after { height: 1px; width: calc(100% + 2px); margin-top: 6px; margin-left: -2px; } }

.section-title_sub { font-size: 2.8rem; line-height: 1.64; font-weight: normal; letter-spacing: 0.1em; margin-top: 53px; }

@media screen and (max-width: 767px) { .section-title_sub { font-size: 1.6rem; line-height: 1.625; margin-top: 0; } }

.section-read { padding: 120px 0 139px; text-align: center; background: #FFF url(../img/bg_read.jpg) center center no-repeat; background-size: cover; }

.section-read .txt_read { display: block; width: 216px; height: 95px; margin-right: auto; margin-left: auto; margin-bottom: 40px; }

.section-read p { line-height: 2.25; margin-top: 17px; }

.section-read h2 { font-size: 2.4rem; line-height: 1.83; font-weight: normal; margin-top: 21px; }

@media screen and (max-width: 767px) { .section-read { padding: 65px 0 67px; background: #FFF url(../img/bg_read_sp.jpg) center center no-repeat; } }

@media screen and (max-width: 767px) { .section-read .txt_read { width: 143.24px; height: 62.98px; margin-bottom: 23px; } }

@media screen and (max-width: 767px) { .section-read p { line-height: 2; margin-top: 10px; } }

@media screen and (max-width: 767px) { .section-read h2 { font-size: 1.6rem; line-height: 1.75; margin-top: 18px; } }

.section-about { margin-top: -90px; padding-top: 90px; }

.section-about .section-about__inner { padding: 110px 0 125px; background: #EEE8E3 url(../img/img_about.jpg) top center no-repeat; background-size: 2000px 900px; }

.section-about .inner-content { display: block; width: 467px; height: auto; margin-left: auto; }

.section-about .inner-content p { margin-top: 25px; letter-spacing: 0.048em; }

@media screen and (max-width: 767px) { .section-about { padding-top: 60px; margin-top: -60px; }
  .section-about .section-about__inner { padding: 60px 0 69px; background: #EEE8E3 url(../img/img_about_sp.jpg) top center no-repeat; background-size: 770px 330px; } }

@media screen and (max-width: 767px) { .section-about .inner-content { width: 100%; margin-top: 235px; } }

@media screen and (max-width: 767px) { .section-about .inner-content p { margin-top: 15px; letter-spacing: 0.04em; } }

.section-detail { padding: 130px 0 120px; position: relative; }

.section-detail::after { content: ""; display: block; width: 100%; height: 400px; position: absolute; top: -34px; bottom: 0; margin-top: auto; margin-bottom: auto; background-color: #F5F6F7; }

.section-detail .article { width: 100%; height: auto; position: relative; margin-top: 80px; padding-top: 60px; }

.section-detail .article:first-of-type { margin-top: 0; }

.section-detail .article.__reverse .img { top: 0; right: auto; left: 0; }

.section-detail .article.__reverse .img::after { right: auto; bottom: -30px; left: -30px; }

.section-detail .article.__reverse .text { margin-right: 0; margin-left: auto; }

.section-detail .article .img { display: block; width: 610px; height: 342px; position: absolute; z-index: 1; top: 0; right: 0; left: auto; }

.section-detail .article .img::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; right: -30px; bottom: -30px; left: auto; z-index: -1; opacity: 0.4; -webkit-filter: blur(30px); filter: blur(30px); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.section-detail .article .img.__01::after { background-image: url(../img/img_kodawari01.jpg); }

.section-detail .article .img.__02::after { background-image: url(../img/img_kodawari02.jpg); }

.section-detail .article .img img { width: 100%; height: auto; }

.section-detail .article .text { display: block; width: 500px; height: auto; padding: 47px 50px 47.5px 50px; background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 2; margin-right: auto; margin-left: 0; }

.section-detail .article .text h4 { font-size: 2.2rem; font-weight: normal; line-height: 1.636; letter-spacing: 0.1em; }

.section-detail .article .text p { text-align: justify; text-justify: inter-ideograph; margin-top: 15px; }

@media screen and (max-width: 767px) { .section-detail { padding: 75px 0 31px; }
  .section-detail::after { height: 200px; top: -18px; } }

@media screen and (max-width: 767px) { .section-detail .article { margin-top: 40px; padding-top: 138px; left: auto; right: -25px; } }

@media screen and (max-width: 767px) { .section-detail .article.__reverse { left: -25px; right: auto; } }

@media screen and (max-width: 767px) { .section-detail .article.__reverse .img::after { top: -10px; right: -10px; bottom: auto; left: auto; } }

@media screen and (max-width: 767px) { .section-detail .article.__reverse .text { margin-right: -50px; margin-left: auto; } }

@media screen and (max-width: 767px) { .section-detail .article .img { width: calc(100% - 25px); height: 168px; }
  .section-detail .article .img::after { top: -10px; right: auto; bottom: auto; left: -10px; -webkit-filter: blur(10px); filter: blur(10px); } }

@media screen and (max-width: 767px) { .section-detail .article .text { width: 350px; padding: 38px 36px; margin-left: -50px; } }

@media screen and (max-width: 767px) { .section-detail .article .text h4 { font-size: 1.5rem; line-height: 1.533; letter-spacing: 0.05em; } }

@media screen and (max-width: 767px) { .section-detail .article .text p { margin-top: 12px; } }

.section-lineup { margin-top: -90px; padding-top: 90px; }

.section-lineup .section-lineup__inner { padding: 125px 0 145px; background: -webkit-gradient(linear, left top, left bottom, from(#F5F6F7), to(#E0E3E6)); background: -webkit-linear-gradient(#F5F6F7, #E0E3E6); background: -o-linear-gradient(#F5F6F7, #E0E3E6); background: linear-gradient(#F5F6F7, #E0E3E6); }

.section-lineup p { font-size: 1.8rem; line-height: 1.88; text-align: center; margin-top: 11px; }

.section-lineup .wrapp-item { display: block; width: 100%; height: auto; margin-top: 53px; }

.section-lineup .wrapp-item > ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-lineup .wrapp-item > ul > li { display: block; width: calc(25% - 6px); height: auto; margin-right: 7.5px; position: relative; }

.section-lineup .wrapp-item > ul > li:nth-of-type(5n) { margin-right: 0; }

.section-lineup .wrapp-item > ul > li.no-active img { opacity: 0.3; }

.section-lineup .wrapp-item > ul > li a { display: block; width: 100%; height: auto; text-decoration: none; position: relative; padding-bottom: 47px; }

.section-lineup .wrapp-item > ul > li a::after { content: ""; display: block; width: 36px; height: 36px; background: #FFF url(../img/arrow_gray.png) center center no-repeat; background-size: 10px 16px; border-radius: 100%; position: absolute; right: 0; bottom: 0; left: 0; margin-right: auto; margin-left: auto; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12); }

.section-lineup .wrapp-item > ul > li img { width: 100%; height: auto; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }

.section-lineup .wrapp-item > ul > li p { font-size: 1.4rem; line-height: 1.57; margin-top: -99px; }

@media screen and (max-width: 767px) { .section-lineup { padding-top: 60px; margin-top: -60px; }
  .section-lineup .section-lineup__inner { padding: 65px 0; } }

@media screen and (max-width: 767px) { .section-lineup .section-title_sub { margin-top: 35px; } }

@media screen and (max-width: 767px) { .section-lineup p { font-size: 1.2rem; line-height: 1.83; text-align: center; margin-top: 10px; } }

@media screen and (max-width: 767px) { .section-lineup .wrapp-item { margin-top: 33px; } }

@media screen and (max-width: 767px) { .section-lineup .wrapp-item > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media screen and (max-width: 767px) { .section-lineup .wrapp-item > ul > li { width: calc(50% - 7.5px); margin-right: 15px; margin-bottom: 17px; padding-bottom: 48px; }
  .section-lineup .wrapp-item > ul > li:nth-of-type(5n) { margin-right: 15px; }
  .section-lineup .wrapp-item > ul > li:nth-of-type(2n) { margin-right: 0; } }

@media screen and (min-width: 768px) { .section-lineup .wrapp-item > ul > li a:hover::after { background: #A1AAB3 url(../img/arrow_white.png) center center no-repeat; background-size: 10px 16px; bottom: -2px; -webkit-box-shadow: none; box-shadow: none; } }

@media screen and (max-width: 767px) { .section-lineup .wrapp-item > ul > li a { padding-bottom: 48px; }
  .section-lineup .wrapp-item > ul > li a::after { width: 30px; height: 30px; background-size: 7.5px 12px; -webkit-box-shadow: 0 2.5px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2.5px 10px rgba(0, 0, 0, 0.12); bottom: 11px; } }

@media screen and (max-width: 767px) { .section-lineup .wrapp-item > ul > li p { font-size: 1.2rem; line-height: 1.5; margin-top: -88px; letter-spacing: 0.024em; } }

@media screen and (max-width: 320px) { .section-lineup .wrapp-item > ul > li p { margin-top: -77px; } }

.section-howto { padding: 113px 0 146px; }

.section-howto .section-title_sub { margin-top: 0; }

.section-howto .inner-content { display: block; width: 100%; height: auto; margin-top: 50px; }

.section-howto .inner-content::after { content: ""; clear: both; display: block; }

.section-howto .inner-content .img { float: left; display: block; width: 480px; height: auto; }

.section-howto .inner-content .text { float: left; display: block; width: calc(100% - 480px); height: auto; padding-left: 50px; margin-top: -7px; }

.section-howto .inner-content .text p { text-align: justify; text-justify: inter-ideograph; line-height: 1.875; }

.section-howto .inner-content .text > ul { margin-top: 17px; }

.section-howto .inner-content .text > ul > li { display: block; width: 100%; height: auto; padding-left: 18px; position: relative; margin-top: 11px; }

.section-howto .inner-content .text > ul > li:first-of-type { margin-top: 0; }

.section-howto .inner-content .text > ul > li::before { content: ""; display: block; width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.2); border-radius: 100%; position: absolute; top: 5px; left: 0; }

.section-howto .inner-content .text > ul > li p { font-size: 1.4rem; line-height: 1.57; color: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) { .section-howto { padding: 62px 0 63px; } }

@media screen and (max-width: 767px) { .section-howto .inner-content { margin-top: 23px; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .img { float: none; width: 100%; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .text { float: none; width: 100%; padding-left: 0; margin-top: 21px; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .text p { line-height: 1.75; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .text > ul { margin-top: 13px; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .text > ul > li { padding-left: 13px; margin-top: 6px; }
  .section-howto .inner-content .text > ul > li::before { width: 8px; height: 8px; } }

@media screen and (max-width: 767px) { .section-howto .inner-content .text > ul > li p { font-size: 1.1rem; line-height: 1.65; letter-spacing: 0.05em; } }

.footer { padding: 80px 0 30px; background: #FFF url(../img/bg_footer.jpg) top center no-repeat; background-size: cover; color: #FFF; }

.footer a { text-decoration: none; }

.footer .wrapp-address { text-align: center; font-size: 0; }

.footer .wrapp-address > address { display: inline-block; padding-right: 30px; padding-left: 30px; vertical-align: top; }

.footer .wrapp-address > address .address_company { font-size: 1.7rem; line-height: 1; text-align: left; }

.footer .wrapp-address > address .address_company span { display: block; font-size: 1.4rem; margin-bottom: 8px; }

.footer .wrapp-address > address .address_contact { font-size: 1.4rem; line-height: 1.57; margin-top: 18px; text-align: left; }

.footer .copyright { font-size: 1.2rem; line-height: 1; margin-top: 63px; }

@media screen and (max-width: 767px) { .footer { padding: 30px 0 20px; } }

@media screen and (max-width: 767px) { .footer .wrapp-address > address { min-width: 310px; }
  .footer .wrapp-address > address:first-of-type { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .footer .wrapp-address > address .address_company span { font-size: 1.1rem; } }

@media screen and (max-width: 767px) { .footer .wrapp-address > address .address_company { font-size: 1.3rem; } }

@media screen and (max-width: 767px) { .footer .wrapp-address > address .address_contact { font-size: 1.0rem; line-height: 1.5; margin-top: 12px; } }

@media screen and (max-width: 767px) { .footer .copyright { font-size: 1.0rem; margin-top: 28px; } }

.section-conmit { background: url(../img/conmit_bg.jpg) no-repeat center center; background-size: cover; height: 625px; }

@media screen and (max-width: 767px) { .section-conmit { height: auto; padding: 0 25px; } }

.section-conmit .__inner { max-width: 930px; margin: auto; background: rgba(255, 255, 255, 0.8); padding-top: 65px; text-align: center; height: 100%; }

@media screen and (max-width: 767px) { .section-conmit .__inner { padding-top: 32px; padding-bottom: 27px; } }

.section-conmit_title { text-align: center; color: #646464; font-size: 2.3rem; font-weight: normal; display: inline-block; vertical-align: top; letter-spacing: 0.1em; line-height: 1; position: relative; margin: auto auto 17px; }

@media screen and (max-width: 767px) { .section-conmit_title { font-size: 1.2rem; margin: auto; } }

.section-conmit_title h3 { font-weight: normal; }

@media screen and (max-width: 767px) { .section-conmit_title h3 { line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.section-conmit_title:before, .section-conmit_title:after { content: ""; width: 45px; height: 2px; position: absolute; top: 50%; margin-top: 4px; background: #646464; }

@media screen and (max-width: 767px) { .section-conmit_title:before, .section-conmit_title:after { width: 23px; height: 1; top: 5px; } }

.section-conmit_title:before { left: -60px; }

@media screen and (max-width: 767px) { .section-conmit_title:before { left: -30.5px; } }

.section-conmit_title:after { right: -60px; }

@media screen and (max-width: 767px) { .section-conmit_title:after { right: -30.5px; } }

.section-conmit_title span { font-size: 3.3rem; }

@media screen and (max-width: 767px) { .section-conmit_title span { font-size: 1.7rem; } }

.section-conmit .article { padding: 0 100px 0 65px; margin-top: 52px; }

@media screen and (max-width: 767px) { .section-conmit .article { padding: 0; } }

.section-conmit .article:after { content: ""; clear: both; display: block; }

.section-conmit .article .img { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; float: left; position: relative; }

@media screen and (max-width: 767px) { .section-conmit .article .img { width: 55px; height: 55px; margin-left: 3px; } }

.section-conmit .article .img img { max-width: none; max-height: none; position: absolute; }

.section-conmit .article h4 { font-size: 2.5rem; letter-spacing: 0.04em; padding-top: 1px; line-height: 1; font-weight: normal; padding-left: 183px; text-align: left; }

.section-conmit .article h4 > br { display: none; }

@media screen and (max-width: 767px) { .section-conmit .article h4 > br { display: block; } }

@media screen and (max-width: 320px) { .section-conmit .article h4 > br { display: none; } }

@media screen and (max-width: 767px) { .section-conmit .article h4 { padding-left: 75px; font-size: 1.6rem; line-height: 25px; } }

.section-conmit .article p { line-height: 35px; margin-top: 10px; text-align: justify; padding-left: 183px; }

@media screen and (max-width: 767px) { .section-conmit .article p { padding-left: 0; line-height: 21px; } }

@media screen and (max-width: 767px) { .section-conmit .article.__article01 { margin-top: 28px; } }

.section-conmit .article.__article01 img { top: -4px; left: -65px; }

@media screen and (max-width: 767px) { .section-conmit .article.__article01 img { width: 93px; height: auto; top: -2px; left: -25px; } }

@media screen and (max-width: 767px) { .section-conmit .article.__article02 { margin-top: 19px; } }

.section-conmit .article.__article02 img { top: -246px; left: -148px; }

@media screen and (max-width: 767px) { .section-conmit .article.__article02 img { width: 154px; height: auto; top: -90px; left: -55px; } }

.section-lineup .wrapp-box { max-width: 600px; height: 330px; border: 2px solid #CAD1D1; background: #fff; margin: 112px auto 0; text-align: center; padding: 45px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767px) { .section-lineup .wrapp-box { height: auto; border: 1px solid #CAD1D1; margin: -16px auto 0; padding: 18px 0 18px; } }

.section-lineup .wrapp-box .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.section-lineup .wrapp-box .img img { height: 210px; width: auto; margin: 0 7.5px; }

@media screen and (max-width: 767px) { .section-lineup .wrapp-box .img img { height: 122px; margin: 0 4.5px; } }

.section-lineup .wrapp-box p { font-size: 2rem; letter-spacing: 0.014em; margin-top: 19px; }

@media screen and (max-width: 767px) { .section-lineup .wrapp-box p { font-size: 1.2rem; margin-top: 10px; } }

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