@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

@font-face { font-family: 'Acumin Pro Bold'; src: url(../fonts/Acumin-BdPro.woff); font-weight: normal; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 62.5%; }

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

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

body { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size: 1.5rem; line-height: 1.5; color: #141414; font-weight: bold; }

#app { overflow-x: hidden; }

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

a:hover, a:active, a:focus { color: #141414; text-decoration: none; }

img, picture { vertical-align: middle; max-width: 100%; height: auto; margin: auto; }

@media screen and (max-width: 767.98px) { .sp-br, .sp-content { display: none; } }

.pc-br, .pc-content { display: none; }

@media screen and (max-width: 767.98px) { .pc-br, .pc-content { display: inherit; } }

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

.container { max-width: 1212px; margin: auto; padding-left: 30px; padding-right: 30px; }

@media screen and (max-width: 767.98px) { .container { padding-left: 3%; padding-right: 3%; } }

.inner { max-width: 870px; margin: auto; padding-left: 20px; padding-right: 20px; }

@media screen and (max-width: 767.98px) { .inner { padding-left: 2%; padding-right: 2%; } }

.sp_inner { padding-left: 3%; padding-right: 3%; }

@media screen and (max-width: 767.98px) { .sp_inner { padding-left: 0; padding-right: 0; } }

.p-rel { position: relative; }

i { font-style: italic; }

@media screen and (max-width: 767.98px) { #header { position: fixed; top: 0; left: 0; width: 100%; background-color: #FFFFFF; z-index: 99999; } }

#header .language-btn { font-family: 'Acumin Pro Bold'; font-size: 1.2rem; display: inline-block; border: 1px solid #141414; padding: 4px 20px 1px 20px; line-height: 1; min-width: 100px; text-align: center; }

#header .link-btn { display: inline-block; background: #141414; min-width: 130px; text-align: center; color: #fff; font-size: 1.3rem; padding: 3px 10px; }

#header__main { border-bottom: 1px solid #ccc; }

#header__main__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }

#header__main__inner .logo { font-size: 2.3rem; font-family: 'Acumin Pro Bold'; margin: 0; }

@media screen and (max-width: 767.98px) { #header__main__inner .logo { font-size: 1.8rem; } }

#header__main__inner .mini-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

#header__main__inner .mini-menu ul { list-style: none; margin: 0; padding: 0; }

#header__main__inner .mini-menu ul li { display: inline-block; font-size: 1.2rem; padding: 0 15px; position: relative; }

#header__main__inner .mini-menu ul li:before { content: ""; width: 1px; height: 10px; background: #141414; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

#header__main__inner .mini-menu ul li:first-child:before { display: none; }

#header__main__inner .mini-menu .language-btn { margin-right: 20px; }

@media screen and (max-width: 767.98px) { #header__main__inner .mini-menu .language-btn { display: none; } }

@media screen and (max-width: 767.98px) { #header__main__inner .mini-menu .sp-hum { width: 30px; height: 8px; }
  #header__main__inner .mini-menu .sp-hum span { background-color: #000000; height: 2px; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
  #header__main__inner .mini-menu .sp-hum span:last-child { top: auto; bottom: 0; }
  #header__main__inner .mini-menu .sp-hum span.closed { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); top: 3px; }
  #header__main__inner .mini-menu .sp-hum span.closed:last-child { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); bottom: 3px; } }

#header__nav__inner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px 0 15px 0; }

@media screen and (max-width: 767.98px) { #header__nav__inner { display: none; } }

#header__nav__inner ul { padding: 0; margin: 0; list-style: none; }

#header__nav__inner ul li { display: inline-block; vertical-align: middle; padding: 0 10px; margin-bottom: 10px; }

#header__nav__inner ul li.active a{ color: #de759e; }

.sp-navigation { -webkit-transition: .9s ease; -o-transition: .9s ease; -moz-transition: .9s ease; transition: .9s ease; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); position: fixed; left: 0; top: 0; width: 100%; background-color: #FFFFFF; z-index: 99998; }

@media screen and (max-width: 767.98px) { .sp-navigation.open { display: block; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner nav ul { list-style: none; padding: 0; margin: auto; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner nav ul li { display: block; margin: 5px 0 0; padding: 0 0 5px; border-bottom: solid 1px #C8C8C8; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner nav ul li ul li { border: none; margin-left: 20px; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner nav ul li ul li a { font-weight: normal; font-size: 1.4rem; } }

.sp-navigation__inner nav ul li a { font-size: 1.5rem; }

@media screen and (max-width: 767.98px) { .sp-navigation__inner .link-btns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner .link-btns a.link-btn { margin-right: 15px; background-color: #141414; color: #FFFFFF; font-size: 1.4rem; line-height: normal; text-align: center; padding: 5px 0 3px; width: 50%; max-width: 180px; font-family: 'Acumin Pro Bold'; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner .link-btns a.link-btn:last-child { margin-right: 0; border: solid 1px #141414; background-color: #FFFFFF; color: #141414; } }

@media screen and (max-width: 767.98px) { .sp-navigation__inner a.language-btn { font-family: 'Acumin Pro Bold'; font-size: 1.4rem; background-color: #FFFFFF; border: solid 1px #141414; line-height: normal; display: inline-block; padding: 4px 26px 2px; margin: 15px 0 30px; } }

.page-top { width: 50px; height: 50px; position: fixed; bottom: 50px; right: 40px; }
@media screen and (max-width: 767.98px) { .page-top { right: 3%;} }

.page-top a { border: 1px solid black; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; height: 50px; width: 50px; position: relative; background: #fff;}

.page-top a:before { content: ''; width: 10px; height: 10px; border-top: solid 1px black; border-left: solid 1px black; position: absolute; top: 12px; left: 19px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.page-top a:after { content: ''; width: 1px; height: 26px; position: absolute; top: 50%; left: 50%; background-color: black; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.footer { margin-top: 120px; }

@media screen and (max-width: 767.98px) { .footer { margin-top: 70px; } }

.footer__sns { border-bottom: solid 1px #C8C8C8; padding-bottom: 50px; }

@media screen and (max-width: 767.98px) { .footer__sns { padding-bottom: 30px; } }

.footer__sns ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.footer__sns ul li { margin-right: 30px; }

.footer__sns ul li:last-child { margin-right: 0; }

.footer__inner { padding: 10px 0; }

@media screen and (max-width: 767.98px) { .footer__inner { padding: 30px 0 40px; } }

.footer__inner__box__cont { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 767.98px) { .footer__inner__box__cont { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; } }

.footer__inner__box__cont img { margin: 0 10px 0 0; width: 60px; }

.footer__inner__box__cont .txt h3.head-h3 { text-align: left; }

@media screen and (max-width: 767.98px) { .footer__inner__box__cont .txt h3 { margin-top: 0px; } }

.footer__inner__box__cont .txt h3 span { display: block; font-size: 1.4rem; font-weight: normal; }

.footer__inner__box__cont__ctc { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

@media screen and (max-width: 767.98px) { .footer__inner__box__cont__ctc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.footer__inner__box__cont__ctc p { font-size: 1.5rem; font-weight: normal; }

.footer__inner__box__cont__ctc__policy a { font-size: 1.4rem; font-weight: normal; }

.footer__inner__box__cont__cpy { margin: auto; }

.footer__inner__box__cont__cpy p { text-align: center; font-size: 1.3rem; font-weight: normal; line-height: 1; }

.footer__inner__box__cont__cpy p span { display: block; font-size: 1.1rem; margin: 15px 0 0; }

.banner-slider .slick-list { width: 90%; margin: auto; overflow: visible; }

.banner-slide { margin: 0 12.5px 0; position: relative; }

.banner-slide:before { content: ''; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; left: 0; }

.banner-slide.slick-active:before { content: none; }

.slick-prev { font-size: 0; width: 40px; height: 40px; padding: 0; border: none; background-color: #5A4974; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 1; }

@media screen and (max-width: 767.98px) { .slick-prev { width: 20px; height: 20px; left: 10px; } }

.slick-prev:before { content: ''; width: 12px; height: 12px; border: 0px; border-top: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; position: absolute; top: 14px; left: 15px; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }

@media screen and (max-width: 767.98px) { .slick-prev:before { width: 6px; height: 6px; top: 7px; left: 8px; } }

.slick-next { font-size: 0; width: 40px; height: 40px; padding: 0; border: none; background-color: #5A4974; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 767.98px) { .slick-next { width: 20px; height: 20px; right: 10px; } }

.slick-next:before { content: ''; width: 12px; height: 12px; border: 0px; border-top: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; position: absolute; top: 14px; left: 11px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (max-width: 767.98px) { .slick-next:before { width: 6px; height: 6px; top: 7px; left: 6px; } }

@media screen and (max-width: 767.98px) { ul.slick-dots { padding: 0; margin: 0 0 20px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 767.98px) { ul.slick-dots li { list-style: none; margin-right: 10px; } }

@media screen and (max-width: 767.98px) { ul.slick-dots li:last-child { margin-right: 0; } }

@media screen and (max-width: 767.98px) { ul.slick-dots li button[type="button"] { font-size: 0; background-color: #C8C8C8; border: none; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0; } }

@media screen and (max-width: 767.98px) { ul.slick-dots li button[type="button"]:focus { outline: none; } }

@media screen and (max-width: 767.98px) { ul.slick-dots li.slick-active button[type="button"] { background-color: #5A4974; } }

.pankuzu__box ul { margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pankuzu__box ul li { list-style: none; }

.pankuzu__box ul li:before { content: '>'; color: #808080; font-size: 1rem; display: inline-block; vertical-align: middle; margin: 0 5px; }

.pankuzu__box ul li:first-child:before { content: none; }

.pankuzu__box ul li a { font-size: 1.1rem; font-weight: normal; color: #808080; }

.head-h1 { font-size: 3.5rem; font-weight: bold; text-align: center; color: #141414; }

@media screen and (max-width: 767.98px) { .head-h1 { font-size: 2.3rem; } }

.head-h2 { font-size: 2.8rem; font-weight: bold; line-height: 1.8; color: #141414; text-align: center; }

.head-h2 b { font-size: 3rem; text-align: center; margin-top: 0; }

@media screen and (max-width: 767.98px) { .head-h2 b { font-size: 2.2rem; } }

@media screen and (max-width: 767.98px) { .head-h2 { font-size: 2rem; } }

.head-h3 { font-size: 2.2rem; font-weight: bold; color: #141414; text-align: center; }

@media screen and (max-width: 767.98px) { .head-h3 { font-size: 1.8rem; } }

.head-h4 { font-size: 1.8rem; font-weight: bold; color: #141414; }

.head-h5 { font-size: 1.6rem; font-weight: bold; color: #141414; }

.article-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; }

@media screen and (max-width: 767.98px) { .article-list { margin-top: 30px; } }

.article-list__item { width: 30%; margin: 0 45px 40px 0; }

@media screen and (max-width: 991.98px) { .article-list__item { margin-right: 5%; } }

@media screen and (max-width: 575.98px) { .article-list__item { width: 46%; margin: 0 8% 10px 0; }
  .article-list__item:nth-child(2n) { margin-right: 0 !important; } }

.article-list__item:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 575.98px) { .article-list__item:nth-child(3n) { margin-right: 8%; } }

.article-list__item .img { margin-bottom: 15px; }

.article-list__item .meta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.article-list__item .meta__cat { font-size: 1.3rem; color: #FFFFFF; padding: 3px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

@media screen and (max-width: 575.98px) { .article-list__item .meta__cat { font-size: 1rem; padding: 2px 5px; } }

.article-list__item .meta__cat.news { background-color: #EF669B; }

.article-list__item .meta__cat.information { background-color: #808080; }

.article-list__item .meta__cat.press { background-color: #0F1B74; }

.article-list__item .meta__cat.tango-kingdom { background-color: #574A71; }

.article-list__item .meta__date { font-size: 1.5rem; }

@media screen and (max-width: 575.98px) { .article-list__item .meta__date { font-size: 1rem; } }

.article-list__item .txt p { color: #141414; font-size: 1.6rem; text-align: left; }

@media screen and (max-width: 575.98px) { .article-list__item .txt p { font-size: 1.3rem; } }

@media screen and (max-width: 575.98px) { .article-list__item .tags { display: none; } }

.article-list__item .tags ul { margin: 0; flex-wrap: wrap; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; padding: 0; }

.article-list__item .tags ul li { margin-right: 10px; margin-bottom: 10px; }

.article-list__item .tags ul li:last-child { margin-right: 0; }

.article-list__item .tags ul li a { display: block; font-size: 1.3rem; background-color: #FFFFFF; border: solid 1px #ACACAC; min-width: 60px; color: #141414; padding: 6px 14px 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

.article-list__item .tags ul li a:hover { background-color: #141414; color: #FFFFFF; }

.ttl { margin-top: 90px; }

.ttl p.sub-txt { font-weight: normal; font-size: 1.7rem; text-align: center; margin-top: 70px; }

@media screen and (max-width: 767.98px) { .ttl { margin-top: 40px; }
  .ttl p.sub-txt { margin-top: 30px; } }

.bg-grey { background-color: #F5F5F5; }

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

@media screen and (max-width: 767.98px) { .more-btn { margin-top: 20px; } }

.more-btn a { display: block; margin: auto; color: #FFFFFF; background-color: #5A4974; border: 1px solid #5A4974; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; max-width: 266px; width: 266px; padding: 17px 0; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

@media screen and (max-width: 767.98px) { .more-btn a { width: 60%; min-width: 200px; padding: 17px 0; } }

.more-btn a:hover { background-color: #FFFFFF; color: #5A4974; }

.default-btn { text-align: center; display: block; margin: 30px auto 0; }
.default-btn.pc-content{ display: none; }
@media screen and (max-width: 767.98px){
  .default-btn.pc-content{ display: block; }
  .default-btn.sp-content{ display: none; }
}

.default-btn a { display: block; max-width: 240px; font-size: 1.5rem; font-weight: bold; border: solid 1px #ACACAC; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin: 0 auto; padding: 13px 0 12px; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

.default-btn a:hover { color: #FFFFFF !important; background-color: #141414; }

.default-btn a h3 { -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

.default-btn a:hover h3 { color: #FFFFFF; }

.back__link { margin-top: 80px; text-align: center; }

.back__link a { font-weight: normal; text-decoration: underline; font-size: 1.7rem; display: inline-block; }

.contact-link-btn { border: solid 2px #141414; margin-top: 70px; }

@media screen and (max-width: 767.98px) { .contact-link-btn { width: 90%; margin: 70px auto 0; } }

.contact-link-btn a h3 { margin: 0; padding: 40px 0; }

@media screen and (max-width: 767.98px) { .contact-link-btn a h3 { padding: 20px 0; } }

.flex__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 100px; }

@media screen and (max-width: 767.98px) { .flex__box { margin-top: 70px; } }

.flex__box:first-child { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .flex__box:first-child { margin-top: 27px; } }

@media screen and (max-width: 767.98px) { .flex__box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.flex__box__cont { margin-right: 50px; }

@media screen and (max-width: 767.98px) { .flex__box__cont { margin-right: 0; width: 100%; } }

@media screen and (max-width: 767.98px) { .flex__box__cont .txt { margin-top: 30px; } }

.flex__box__cont .txt .head-h2 { margin-top: 0; text-align: left; }

.flex__box__cont .link__btn { display: block; text-align: center; }

.flex__box__cont .link__btn a { position: relative; }

.flex__box__cont .link__btn a:after { content: ''; vertical-align: middle; width: 45px; border-bottom: solid 2px #141414; position: absolute; top: 50%; left: -webkit-calc( 100% + 12px); left: -moz-calc( 100% + 12px); left: calc( 100% + 12px); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; }

.flex__box__cont .link__btn a:hover:after { width: 90px; }

.flex__box__cont:last-child { width: 66%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0; }

@media screen and (max-width: 767.98px) { .flex__box__cont:last-child { width: 100%; } }

.flex__box__cont:last-child .img img { max-width: inherit; width: 100%; }

@media screen and (max-width: 575.98px) { .flex__box__cont:last-child .img img { width: 100vw; display: block; margin-left: -3.19%; } }

.flex.custom02 .flex__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.flex.custom02 .flex__box .flex__box__cont:first-child { margin-right: 50px; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child { margin-right: 0; width: 100%; } }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt { margin-top: 15px; } }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt h2 { margin: 0 0 30px; text-align: left; }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt h2 span { font-size: 1.4rem; }

@media screen and (max-width: 767.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt h2 span { font-size: 2rem; } }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt h2 { margin: 0; } }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt p { font-weight: normal; line-height: 1.8; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt p { margin-top: 5px; } }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt ul { margin: 0; padding: 0; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt ul li { list-style: none; letter-spacing: 2px; padding-left: 15px; position: relative; font-weight: normal; margin-bottom: 5px; }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt ul li:before { content: '◆'; font-size: 1.2rem; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .txt ul li { width: 100%; } }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt ul li.tyuui { padding-left: 0; }

.flex.custom02 .flex__box .flex__box__cont:first-child .txt ul li.tyuui:before { content: none; }

.flex.custom02 .flex__box .flex__box__cont:first-child .default-btn a { max-width: inherit; padding-left: 19px; padding-right: 19px; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:first-child .default-btn a { max-width: 340px; width: 70%; } }

.flex.custom02 .flex__box .flex__box__cont:last-child { width: 66%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:last-child { width: 100%; } }

.flex.custom02 .flex__box .flex__box__cont:last-child .img img { width: 100%; }

@media screen and (max-width: 991.98px) { .flex.custom02 .flex__box .flex__box__cont:last-child .img img { width: 100%; } }

@media screen and (max-width: 575.98px) { .flex.custom02 .flex__box .flex__box__cont:last-child .img img { width: 100vw; margin-left: -3.19%; max-width: inherit; display: block; } }

.flex__float { position: relative; margin-top: 60px; }

@media screen and (max-width: 767.98px) { .flex__float { margin-top: 40px; } }

.flex__float:first-child { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .flex__float:first-child { margin-top: 40px; } }

.flex__float:nth-child(even) .img { text-align: right; }

.flex__float:nth-child(even) .txt { left: auto; right: 50%; }

.flex__float__cont .img img { max-width: 660px; }

@media screen and (max-width: 991.98px) { .flex__float__cont .img img { max-width: 100%; width: 100%; } }

@media screen and (max-width: 575.98px) { .flex__float__cont .img img { width: 100vw; margin-left: -3.19%; max-width: inherit; display: block; } }

.flex__float__cont .txt { max-width: 430px; padding: 0 35px 40px; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.flex__float__cont .txt.large { max-width: 540px; }

@media screen and (max-width: 991.98px) { .flex__float__cont .txt.large { max-width: inherit; } }

@media screen and (max-width: 991.98px) { .flex__float__cont .txt { max-width: inherit; width: 95%; margin: -20px auto 0; padding: 30px 20px 20px; position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.flex__float__cont .txt h3 { text-align: left; }

@media screen and (max-width: 767.98px) { .flex__float__cont .txt h3 { margin-top: 0; } }

.flex__float__cont .txt p { font-weight: normal; line-height: 1.8; }

.cat { margin-top: 70px; }

@media screen and (max-width: 575.98px) { .cat { margin-top: 30px; } }

.cat__area { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 575.98px) { .cat__area { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 575.98px) { .cat__area__cont { width: 46%; margin-right: 8%; }
  .cat__area__cont:nth-child(even) { margin-right: 0; } }

.cat__area__cont a { color: #FFFFFF; font-size: 1.4rem; padding: 8px 5px; text-align: center; display: block; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

@media screen and (max-width: 575.98px) { .cat__area__cont a { width: 100%; max-width: 160px; margin: 0 auto 10px; } }


.cat__area__cont a.new { border-color: #808080; color: #808080;}
.cat__area__cont.active a.new,
.cat__area__cont a.new:hover{ background-color: #808080; border-color: #808080; color: #fff;}


.cat__area__cont a.news { border-color: #EF669B; color: #EF669B; }
.cat__area__cont.active a.news,
.cat__area__cont a.news:hover { background-color: #EF669B; border-color: #EF669B; color: #fff; }


.cat__area__cont a.press { border-color: #111E6F; color: #111E6F;}
.cat__area__cont.active a.press,
.cat__area__cont a.press:hover { background-color: #111E6F; border-color: #111E6F; color: #fff; }

.cat__area__cont a.tango-kingdom { border-color: #574A71; color: #574A71;}
.cat__area__cont.active a.tango-kingdom,
.cat__area__cont a.tango-kingdom:hover { background-color: #574A71; border-color: #574A71; color: #fff;}


.tag { margin-top: 30px; }

@media screen and (max-width: 767.98px) { .tag { margin-top: 12px; } }

.tag__area__cont { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 767.98px) { .tag__area__cont { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.tag__area__cont__ttl { font-size: 1.6rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

.tag__area__cont__ttl p { margin: 0; }

.tag__area__cont__list ul { margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tag__area__cont__list ul li { list-style: none; margin-right: 10px; margin-bottom: 10px; }

.tag__area__cont__list ul li:last-child { margin-right: 0; }

.tag__area__cont__list ul li a { font-size: 1.3rem; display: block; width: auto; padding: 9px 14px 8px; border: solid 1px #ACACAC; background-color: #FFFFFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

.tag__area__cont__list ul li a:hover { background-color: #141414; color: #FFFFFF; }

@media screen and (max-width: 767.98px) { .tag__area__cont__list ul li a { font-size: 1.2rem; padding: 6px 14px; } }

.pagination { margin-top: 50px; }

@media screen and (max-width: 767.98px) { .pagination { margin-top: 15px; } }

.pagination__area__box ul { padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pagination__area__box ul li { margin-right: 12px; list-style: none; }

@media screen and (max-width: 767.98px) { .pagination__area__box ul li { margin-right: 9px; } }

.pagination__area__box ul li:last-child { margin-right: 0; }

.pagination__area__box ul li a { font-size: 1.3rem; display: block; border: solid 1px #ACACAC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; text-align: center; padding: 10px 0; }

@media screen and (max-width: 767.98px) { .pagination__area__box ul li a { font-size: 0.9rem; width: 30px; height: 30px; padding: 8px 0; } }

.pagination__area__box ul li.btn a.prev { position: relative; }

.pagination__area__box ul li.btn a.prev:before { content: ''; width: 10px; height: 10px; border-top: solid 1px #ACACAC; border-right: solid 1px #ACACAC; position: absolute; top: 15px; left: 15px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

@media screen and (max-width: 767.98px) { .pagination__area__box ul li.btn a.prev:before { width: 7px; height: 7px; top: 11px; left: 12px; } }

.pagination__area__box ul li.btn a.next { position: relative; }

.pagination__area__box ul li.btn a.next:before { content: ''; width: 10px; height: 10px; border-top: solid 1px #ACACAC; border-right: solid 1px #ACACAC; position: absolute; top: 15px; right: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (max-width: 767.98px) { .pagination__area__box ul li.btn a.next:before { width: 7px; height: 7px; top: 11px; right: 12px; } }

.article__item .meta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }

@media screen and (max-width: 767.98px) { .article__item .meta { margin-bottom: 24px; } }

.article__item .meta__cat.news a { background-color: #EF669B; border: solid 1px #EF669B; }

.article__item .meta__cat.news a:hover { color: #EF669B; }

.article__item .meta__cat a { font-size: 1.4rem; color: #FFFFFF; padding: 8px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; text-decoration: none; font-weight: bold; margin-bottom: 0; line-height: 1; }

.article__item .meta__cat a:hover { background-color: #FFFFFF !important; }

@media screen and (max-width: 767.98px) { .article__item .meta__cat a { width: auto; } }

.article__item .meta__date { font-size: 1.6rem; }

@media screen and (max-width: 767.98px) { .article__item .meta__date { font-size: 1.5rem; } }

.article__item .head-h2 { text-align: left; margin-top: 0; margin-bottom: 40px; }

@media screen and (max-width: 767.98px) { .article__item .head-h2 { line-height: 1.5; margin-bottom: 16px; } }

.article__item .head-h3 { text-align: left; margin-top: 80px; margin-bottom: 20px; }

@media screen and (max-width: 767.98px) { .article__item .head-h3 { margin-bottom: 16px; } }

.article__item p { font-weight: normal; margin-top: 0; margin-bottom: 40px; }

.article__item p.bold { font-weight: bold; }

.article__item p.margin0 { margin: 0; }

.article__item .img { margin-bottom: 50px; }

@media screen and (max-width: 767.98px) { .article__item .img { margin-bottom: 24px; } }

.article__item .img img { width: 100%; max-width: inherit; }

.article__item ul { padding: 0; margin-top: 0; margin-bottom: 40px; }

.article__item ul li { list-style: none; margin-bottom: 5px; }

.article__item a { font-weight: normal; display: inline-block; margin-bottom: 40px; text-decoration: underline; }

.article__item .tag__area { padding-top: 30px; border-top: solid 1px #707070; }

@media screen and (max-width: 767.98px) { .article__item .tag__area { padding-top: 24px; } }

.article__item .tag__area__cont__list ul li a { text-decoration: none; margin: 0; }

@media screen and (max-width: 767.98px) { .article__item .tag__area__cont__list ul li a { font-weight: bold; } }

@media screen and (max-width: 767.98px) { .article__item .back__link { margin-top: 50px; } }

.article__item .back__link a { margin: 0; }

.business.sec03 { background-color: #F5F5F5; padding: 80px 0; }

.more { position: relative; margin-top: 30px; }

@media screen and (max-width: 991.98px) { .more { margin-top: 40px; } }

.more:nth-child(odd) .more__img { text-align: right; }

.more:nth-child(odd) .more__cont { left: auto; right: 65%; }

@media screen and (max-width: 991.98px) { .more__img { width: 100%; } }

.more__img img { max-width: inherit; width: 68%; height: 580px; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 991.98px) { .more__img img { width: 100%; height: auto; } }

.more__cont { max-width: 490px; width: 30%; background-color: #FFFFFF; position: absolute; top: 50%; left: 65%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 40px 40px; }

@media screen and (max-width: 991.98px) { .more__cont { width: 90%; position: static; display: block; margin: -30px auto 0; padding: 10px 20px 30px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.more__cont .txt p { font-weight: normal; }

.more.sales-channel { margin-top: 80px; }

@media screen and (max-width: 991.98px) { .more.sales-channel { margin-top: 40px; } }

.more.sales-channel .more__img img { -o-object-position: center bottom; object-position: center bottom; }

.more.logistics .more__img img { -o-object-position: center 75%; object-position: center 75%; }

.more.regional .more__img img { -o-object-position: center bottom; object-position: center bottom; }

.page-img { margin-top: 20px; }

@media screen and (max-width: 767.98px) { .page-img { margin-top: 37px; } }

.page-img .img img { width: 100%; max-width: inherit; height: 450px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

@media screen and (max-width: 575.98px) { .page-img .img img { width: 100vw; margin-left: -3.19%; height: auto; } }

.products .ttl p { margin-top: 40px; text-align: left; }

.products-tangokingdombeer .sec05, .products-sausage .sec05 { margin-top: 140px; padding: 90px 0 70px; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .sec05, .products-sausage .sec05 { margin-top: 70px; padding: 50px 0; } }

.products-tangokingdombeer .sec06, .products-sausage .sec06 { padding-top: 140px; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .sec06, .products-sausage .sec06 { margin-top: 70px; } }

.products-tangokingdombeer .sec07, .products-sausage .sec07 { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .sec07, .products-sausage .sec07 { margin-top: 70px; } }

.products-sausage .performance .head-txt p { text-align: center; }

.page-link { margin-top: 80px; }

@media screen and (max-width: 767.98px) { .page-link { margin-top: 40px; } }

.page-link__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 991.98px) { .page-link__box { -webkit-box-align: normal; -webkit-align-items: normal; -moz-box-align: normal; -ms-flex-align: normal; align-items: normal; } }

@media screen and (max-width: 575.98px) { .page-link__box { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page-link__box__cont { width: 30%; text-align: center; margin-bottom: 35px; }

@media screen and (max-width: 991.98px) { .page-link__box__cont { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 575.98px) { .page-link__box__cont { display: block; -webkit-box-align: normal; -webkit-align-items: normal; -moz-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-pack: normal; -webkit-justify-content: normal; -moz-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; width: 100%; margin-bottom: 18px; } }

.page-link__box__cont:nth-child(4n) { margin: auto; }

.page-link__box__cont__btn { width: 100%; }

.page-link__box__cont__btn a { display: block; }

.page-link__box__cont__btn a:hover h4 { color: #FFFFFF; background-color: #141414; }

.page-link__box__cont__btn a h4 { margin: 0; padding: 30px 0; border: solid 2px #141414; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

@media screen and (max-width: 575.98px) { .page-link__box__cont__btn a h4 { padding: 15px; } }

.lineup__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; }

@media screen and (max-width: 767.98px) { .lineup__box { margin-top: 30px; } }

.lineup__box__cont { width: 22%; margin-right: 3.646%; margin-bottom: 40px; }

@media screen and (max-width: 991.98px) { .lineup__box__cont { margin-right: 4%; } }

@media screen and (max-width: 575.98px) { .lineup__box__cont { width: 47%; margin-right: 6%; margin-bottom: 15px; } }

@media screen and (max-width: 575.98px) { .lineup__box__cont:nth-child(2n) { margin-right: 0; } }

.lineup__box__cont:nth-child(4n) { margin-right: 0; }

.lineup__box__cont .txt h3 { text-align: left; margin-bottom: 0; margin-top: 0;}

.lineup__box__cont .txt p { font-weight: normal; margin-bottom: 0;}

.products-tangokingdombeer .flex__box, .products-sausage .flex__box { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 50px; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .flex__box, .products-sausage .flex__box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 30px; } }

.products-tangokingdombeer .flex__box__cont, .products-sausage .flex__box__cont { width: auto; margin-right: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 991.98px) { .products-tangokingdombeer .flex__box__cont, .products-sausage .flex__box__cont { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } }

.products-tangokingdombeer .flex__box__cont:last-child, .products-sausage .flex__box__cont:last-child { width: auto; margin-right: 50px; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .flex__box__cont:last-child, .products-sausage .flex__box__cont:last-child { margin: auto; } }

.products-tangokingdombeer .flex__box__cont table, .products-sausage .flex__box__cont table { margin: 0; }

.products-tangokingdombeer .flex__box__cont table tbody tr, .products-sausage .flex__box__cont table tbody tr { text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-bottom: 10px; }

@media screen and (max-width: 991.98px) { .products-tangokingdombeer .flex__box__cont table tbody tr, .products-sausage .flex__box__cont table tbody tr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .flex__box__cont table tbody tr, .products-sausage .flex__box__cont table tbody tr { margin: 15px 0; } }

.products-tangokingdombeer .flex__box__cont table tbody tr th, .products-sausage .flex__box__cont table tbody tr th { display: block; margin-right: 20px; width: 100px; }

.products-tangokingdombeer .flex__box__cont table tbody tr td, .products-sausage .flex__box__cont table tbody tr td { font-weight: normal; display: block; margin-right: 20px; }

@media screen and (max-width: 767.98px) { .products-tangokingdombeer .flex__box__cont table tbody tr td:last-child, .products-sausage .flex__box__cont table tbody tr td:last-child { width: 100%; } }

@media screen and (max-width: 575.98px) { .products-tangokingdombeer .flex__box__cont .img img, .products-sausage .flex__box__cont .img img { width: 100%; margin-left: 0; max-width: 100%; } }

.performance { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .performance { margin-top: 70px; } }

.performance .head-txt p { font-weight: normal; }

.performance .head-txt h3 { margin: 70px auto; }

@media screen and (max-width: 767.98px) { .performance .head-txt h3 { margin: 70px auto 37px; } }

.performance .head-txt h3:after { content: ''; display: block; width: 400px; height: 1px; background-color: #707070; margin: 13px auto 0; }

@media screen and (max-width: 767.98px) { .performance .head-txt h3:after { width: 250px; } }

.performance__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 767.98px) { .performance__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.performance__box__cont { margin-right: 60px; width: 50%; }

@media screen and (max-width: 767.98px) { .performance__box__cont { width: 100%; } }

.performance__box__cont:last-child { margin-right: 0; }

@media screen and (max-width: 767.98px) { .performance__box__cont:last-child { margin-top: 40px; } }

.performance__box__cont .txt h4 { margin-bottom: 10px; }

@media screen and (max-width: 767.98px) { .performance__box__cont .txt h4 { font-size: 2rem; margin: 10px auto; } }

.performance__box__cont .txt h5 { margin-top: 0; }

@media screen and (max-width: 767.98px) { .performance__box__cont .txt h5 { font-size: 1.6rem; margin-bottom: 10px; } }

.performance__box__cont .txt p { font-weight: normal; margin: 0; }

.scheme .sec03 { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .scheme .sec03 { margin-top: 30px; } }

.scheme .sec04 { margin-top: 70px; }

.scheme .sec04 .head-h2 { position: relative; }

.scheme .sec04 .head-h2:before { content: ''; background-color: #707070; width: 320px; height: 1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.scheme .sec04 .head-h2:after { content: ''; background-color: #707070; width: 320px; height: 1px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 767.98px) { .scheme .sec04 .head-h2:before { width: 35%; }
  .scheme .sec04 .head-h2:after { width: 35%; } }

.scheme .sec04 .img img { padding: 0 40px; }

@media screen and (max-width: 767.98px) { .scheme .sec04 .img img { padding: 0 20px; } }

.scheme .sec04 dl { margin: 50px 0 0; }

@media screen and (max-width: 767.98px) { .scheme .sec04 dl { margin-top: 30px; } }

.scheme .sec04 dl:first-of-type { margin-top: 90px; }

@media screen and (max-width: 767.98px) { .scheme .sec04 dl:first-of-type { margin-top: 50px; } }

.scheme .sec04 dl dt h4 { margin-bottom: 20px; }

@media screen and (max-width: 767.98px) { .scheme .sec04 dl dt h4 { margin-bottom: 15px; } }

.scheme .sec04 dl dd { margin-left: 0; font-weight: normal; }

.scheme .sec05 { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .scheme .sec05 { margin-top: 50px; } }

.scheme .sec05__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.scheme .sec05__box__cont:first-child { margin-right: 50px; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child { margin-right: 0; } }

.scheme .sec05__box__cont:first-child .txt h2 { margin: 0 0 30px; text-align: left; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child .txt h2 { margin: 0; } }

.scheme .sec05__box__cont:first-child .txt p { font-weight: normal; line-height: 1.8; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child .txt p { margin-top: 5px; } }

.scheme .sec05__box__cont:first-child .txt ul { margin: 0; padding: 0; column-count: 2;}

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child .txt ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.scheme .sec05__box__cont:first-child .txt ul li { list-style: none; letter-spacing: 2px; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child .txt ul li { width: 50%; }
  .scheme .sec05__box__cont:first-child .txt ul li:first-child { width: 100%; margin-bottom: 10px; } }

.scheme .sec05__box__cont:first-child .default-btn a { max-width: inherit; padding-left: 19px; padding-right: 19px; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:first-child .default-btn a { max-width: 400px; } }

.scheme .sec05__box__cont:last-child { width: 66%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:last-child { width: 100%; margin-top: 20px; } }

.scheme .sec05__box__cont:last-child .img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.scheme .sec05__box__cont:last-child .img img { width: 49%; margin-right: 10px; margin-bottom: 10px; }

@media screen and (max-width: 991.98px) { .scheme .sec05__box__cont:last-child .img img { width: 48%; } }

.scheme .sec05__box__cont:last-child .img img:nth-child(n+3) { margin-bottom: 0; }

.scheme .sec05__box__cont:last-child .img img:nth-child(2n) { margin-right: 0; }

.scheme .sec06 { margin-top: 100px; }

@media screen and (max-width: 991.98px) { .scheme .sec06 { margin-top: 50px; } }

.scheme .sec06__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 991.98px) { .scheme .sec06__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.scheme .sec06__box__cont:first-child { margin-right: 50px; }

@media screen and (max-width: 991.98px) { .scheme .sec06__box__cont:first-child { margin-right: 0; } }

.scheme .sec06__box__cont:first-child .txt h2 { text-align: left; margin: 0 0 30px; }

@media screen and (max-width: 991.98px) { .scheme .sec06__box__cont:first-child .txt h2 { margin: 0; } }

.scheme .sec06__box__cont:first-child .txt p { font-weight: normal; line-height: 1.8; }

@media screen and (max-width: 991.98px) { .scheme .sec06__box__cont:first-child .txt p { margin: 5px 0 20px; } }

.scheme .sec06__box__cont:last-child { width: 66%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 991.98px) { .scheme .sec06__box__cont:last-child { width: 100%; } }

.scheme .sec06__box__cont:last-child .img img { padding: 0 20px; }

.scheme .sec07 { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .scheme .sec07 { margin-top: 70px; } }

.scheme .sec07 .txt { margin-bottom: 50px; }

@media screen and (max-width: 767.98px) { .scheme .sec07 .txt { margin-bottom: 30px; } }

.scheme .sec07 .txt p { font-weight: normal; margin-top: 70px; }

@media screen and (max-width: 767.98px) { .scheme .sec07 .txt p { margin-top: 20px; } }

.scheme .sec07__btn__box .default-btn a { max-width: 510px; }

.scheme .sec07__btn__box .default-btn a h3 { margin: 0; }

.scheme .sec07__btn__box .contact-link-btn {  margin-top: 100px; border: 0;}

@media screen and (max-width: 767.98px) { .scheme .sec07__btn__box .contact-link-btn { margin-top: 70px; } }

.scheme .sec07__btn__box .contact-link-btn h3{margin: 0;}

.scheme .sec07__btn__box .contact-link-btn a { transition: .2s ease; padding: 40px 0; margin: 0; display: block; border: solid 2px #141414;}

.scheme .sec07__btn__box .contact-link-btn a:hover{color: #fff; background: #141414;}

@media screen and (max-width: 767.98px) { .scheme .sec07__btn__box .contact-link-btn a{ padding: 20px; } }

@media screen and (max-width: 767.98px) { .products-3-0 .page-link { background-color: #F5F5F5; margin-top: 30px; padding-top: 50px; } }

.products-3-0 .page-link__box { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.products-3-0 .page-link__box__cont { width: 30%; margin-right: 35px; }

@media screen and (max-width: 575.98px) { .products-3-0 .page-link__box__cont { width: 100%; margin-right: 0; } }

.products-3-0 .page-link__box__cont:last-child { margin-right: 0; }

.products-3-0 .products__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #FFFFFF; padding: 40px; margin-top: 50px; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box { padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.products-3-0 .products__box:first-child { margin-top: 0; }

.products-3-0 .products__box__cont { margin-right: 40px; width: 37%; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont { width: 100%; margin: 0; } }

.products-3-0 .products__box__cont .img .big { width: 100%; }

.products-3-0 .products__box__cont .img .big img { display: block; margin: 0 0 12px 0; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .img .big img { margin-bottom: 0; } }

.products-3-0 .products__box__cont .img .small .slick-track { margin-left: inherit; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .img .small { display: none; } }

.products-3-0 .products__box__cont .img .small img { width: 100%; display: block; margin: 0 8px 12px 0; }

.products-3-0 .products__box__cont .link-btn a { background-color: #141414; display: block; color: #FFFFFF; text-align: center; padding: 22px 10px 23px; }

.products-3-0 .products__box__cont .txt { text-align: left; }

.products-3-0 .products__box__cont .txt .head-h3 { text-align: left; margin: 0; }

.products-3-0 .products__box__cont .txt .head-h3 span { display: block; font-size: 1.4rem; font-weight: normal; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .txt .head-h3 span { font-size: 1.3rem; } }

.products-3-0 .products__box__cont .txt .head-h3 span em { font-style: normal; font-weight: bold; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .txt .head-h3 span em { font-size: 1.5rem; } }

.products-3-0 .products__box__cont .txt p { font-weight: normal; }

.products-3-0 .products__box__cont .table p { font-weight: bold; font-size: 1.3rem; margin: 0 0 5px 0; }

.products-3-0 .products__box__cont .table table { margin: 0 0 25px 0; width: 100%;  border-collapse: collapse; border-spacing: 0px;}

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .table table { margin-bottom: 20px; } }

.products-3-0 .products__box__cont .table table tbody tr { text-align: left; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .table table tbody tr { display: block; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.products-3-0 .products__box__cont .table table tbody tr th { width: auto; width: 175px; font-weight: bold; background-color: #F5F5F5; }

.products-3-0 .products__box__cont .table table tbody tr td { font-weight: normal; width: -webkit-calc(100% - 175px); width: -moz-calc(100% - 175px); width: calc(100% - 175px); }

.products-3-0 .products__box__cont .table table tbody tr th, .products-3-0 .products__box__cont .table table tbody tr td { font-size: 1.3rem; padding: 6px 10px 5px 10px; border: solid 1px #707070; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .table table tbody tr th, .products-3-0 .products__box__cont .table table tbody tr td { width: 100%; display: block;} }

.products-3-0 .products__box__cont .table.allergies table tbody tr th { min-width: 80%; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .table.allergies table tbody tr th { min-width: auto; } }

.products-3-0 .products__box__cont .table.allergies table tbody tr td { width: -webkit-calc(100% - 80%); width: -moz-calc(100% - 80%); width: calc(100% - 80%); text-align: center; }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont .table.allergies table tbody tr td { width: auto; } }

.products-3-0 .products__box__cont:last-child { margin-right: 0; width: -webkit-calc(100% - 37%); width: -moz-calc(100% - 37%); width: calc(100% - 37%); }

@media screen and (max-width: 767.98px) { .products-3-0 .products__box__cont:last-child { width: 100%; } }

.products-3-0 .tyuui p { margin: 20px 0 0; }

.products-3-0 .bg-grey { padding: 50px 0 40px; }

@media screen and (max-width: 767.98px) { .products-3-0 .bg-grey { padding: 27px 0 30px; } }

.products-3-0 .sec-ttl { padding: 70px 0 0; }

@media screen and (max-width: 767.98px) { .products-3-0 .sec-ttl { background-color: #F5F5F5; padding-bottom: 0; } }

.products-3-0 .sec-ttl h2 { margin: 0; }

.products-3-0 .sec-ttl#tango-kingdom-beer { padding-bottom: 70px; }

@media screen and (max-width: 767.98px) { .products-3-0 .sec-ttl#tango-kingdom-beer { padding-bottom: 0; } }

.shoplist .page-link__box { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 575.98px) { .shoplist .page-link__box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.shoplist .page-link__box__cont { width: 23%; margin-bottom: 0; }

@media screen and (max-width: 575.98px) { .shoplist .page-link__box__cont { width: 47%; max-width: 160px; margin-bottom: 15px; } }

.shoplist .page-link__box__cont:nth-child(4) { margin: 0; }

@media screen and (max-width: 575.98px) { .shoplist .page-link__box__cont:nth-child(4) { margin: 0 0 15px 0; } }

.shoplist .page-link__box__cont__btn { width: 100%; }

@media screen and (max-width: 575.98px) { .shoplist .page-link__box__cont__btn a h4 { font-size: 1.5rem; padding: 15px 5px; } }

.shoplist .sec-ttl { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .shoplist .sec-ttl { margin-top: 70px; } }

.shoplist .sec-ttl__align { text-align: center; }

.shoplist .sec-ttl__align h2 { display: inline-block; }

.shoplist .sec-ttl__align h2:after { content: ''; width: 100%; height: 2px; background-color: #141414; display: block; margin: auto; }

.shoplist .sec-ttl .left-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; }

.shoplist .sec-ttl .left-right h3 { margin-right: 40px; }

.shoplist .sec-ttl .left-right h3:last-child { margin-right: 0; }

.shoplist .sec-ttl .handle-txt { margin-top: 50px; }

@media screen and (max-width: 767.98px) { .shoplist .sec-ttl .handle-txt { margin-top: 10px; } }

.shoplist .sec-ttl p { font-weight: normal; text-align: center; }

.shoplist .left-right { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .shoplist .left-right { margin-top: 50px; } }

.shoplist span { display: inline-block; height: 15px; width: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; margin: -4px 0 0 10px; }

.shoplist span.pink { background-color: #EF669B; }

.shoplist span.purple { background-color: #5A4974; }

.shoplist span.green { background-color: #2c9620; }

.shoplist .location h4 { margin: 0; }

@media screen and (max-width: 767.98px) { .shoplist .location h4 { font-size: 1.5rem; } }

@media screen and (max-width: 767.98px) { .shoplist__table { overflow-x: scroll; } }

.shoplist__table table { width: 100%; text-align: left; border-collapse: collapse; position: relative; }

.shoplist__table table:after { content: ''; width: 100%; height: 15px; background-color: #FFFFFF; position: absolute; top: 48px; left: 0; }

@media screen and (max-width: 991.98px) { .shoplist__table table:after { top: 70px; } }

@media screen and (max-width: 767.98px) { .shoplist__table table:after { top: 48px; } }

@media screen and (max-width: 767.98px) { .shoplist__table table { width: 790px; } }

.shoplist__table table thead tr.item { border-bottom: solid 1px #141414; }

.shoplist__table table thead tr.item th { padding: 15px 10px 10px 10px; }

.shoplist__table table tbody tr td { font-weight: normal; background-color: #F5F5F5; }

.shoplist__table table tbody tr td.bold { font-weight: bold; }

.shoplist__table table tbody tr th, .shoplist__table table tbody tr td { padding: 15px 10px 15px 10px; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr th, .shoplist__table table tbody tr td { font-size: 1.3rem; } }

.shoplist__table table tbody tr.cont:first-child th, .shoplist__table table tbody tr.cont:first-child td { padding-top: 30px; }

.shoplist__table table tbody tr.cont:nth-child(even) td { background-color: #FFFFFF; }

.shoplist__table table tbody tr.cont th { width: 10.5%; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr.cont th { width: 90px; } }

.shoplist__table table tbody tr.cont td:nth-child(2) { width: 10.5%; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr.cont td:nth-child(2) { width: 90px; } }

.shoplist__table table tbody tr.cont td:nth-child(3) { width: 11%; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr.cont td:nth-child(3) { width: 100px; } }

.shoplist__table table tbody tr.cont td:nth-child(4) { width: 11%; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr.cont td:nth-child(4) { width: 100px; } }

.shoplist__table table tbody tr.cont td:nth-child(5) { width: 36%; }

@media screen and (max-width: 767.98px) { .shoplist__table table tbody tr.cont td:nth-child(5) { width: 200px; } }

.shoplist__table table tbody tr.cont td:nth-child(6) { width: auto; }

.shoplist__table .sticker span { margin: 0 5px 0 0; }

.shoplist__table .sticker span:last-child { margin-right: 0; }

.section-ttl { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .section-ttl { margin-top: 52px; } }

.section-ttl .page-img { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .section-ttl .page-img { margin-top: 30px; } }

.section-cont .txt .head-h3 { margin-top: 60px; margin-bottom: 35px; }

.section-cont .txt p { font-weight: normal; text-align: left; margin-bottom: 35px; }

@media screen and (max-width: 767.98px) { .section-cont .txt p { margin-bottom: 24px; } }

.section-cont .txt p.bold { font-weight: bold; font-size: 1.7rem; }

@media screen and (max-width: 767.98px) { .section-cont .txt p.bold { font-size: 1.5rem; } }

.section-cont .txt p.bold.num { position: relative; padding-left: 20px; line-height: 1.8; }

.section-cont .txt p.bold.num:before { content: '1、'; position: absolute; top: 0; left: 0; }

.section-cont .txt p.bold.num span { position: relative; }

.section-cont .txt p.bold.num span:before { content: '1、'; position: absolute; top: 0; left: -20px; }

.section-cont .txt p.bold span { display: block; }

.section-cont .txt p.signature { text-align: right; line-height: 2; }

.section-cont table { margin: 0; width: 100%; }

.section-cont table tbody tr { text-align: left; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; padding: 20px 0; border-top: solid 1px #C8C8C8; }

@media screen and (max-width: 767.98px) { .section-cont table tbody tr { padding: 18px 0; } }

@media screen and (max-width: 767.98px) { .section-cont table tbody tr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.section-cont table tbody tr:last-child { border-bottom: solid 1px #C8C8C8; }

.section-cont table tbody tr th { margin-right: 50px; display: block; width: 120px; line-height: 2; }

@media screen and (max-width: 767.98px) { .section-cont table tbody tr th { width: auto; margin: 0; } }

.section-cont table tbody tr td { font-weight: normal; line-height: 2; }

.section-cont table tbody tr td ul { padding: 0 0 0 15px; margin: 0; }

.section-cont table tbody tr td ul li { list-style: none; position: relative; padding-left: 18px; }

.section-cont table tbody tr td ul li:before { content: '・'; position: absolute; top: 0; left: 0; }

.section-cont table tbody tr td ul li a { display: block; padding-left: 0; }

.section-cont table tbody tr td ul li a:hover { opacity: 0.5; text-decoration: underline; }

@media screen and (max-width: 767.98px) { .section-cont table tbody tr td ul li a { text-decoration: underline; } }

.section-cont table tbody tr td ol { list-style: none; margin: 0; padding: 0 0 0 15px; }

.section-cont table tbody tr td ol li { position: relative; padding-left: 18px; }

.section-cont table tbody tr td ol li:before { content: '※'; position: absolute; top: 0; left: 0; }

.section-cont table tbody tr td ol li:nth-child(2):before { content: none; }

.section-cont table tbody tr td ol li a { padding: 0; }

@media screen and (max-width: 767.98px) { .section-cont table tbody tr td ol li a { text-decoration: underline; } }

.section-cont table tbody tr td a { display: block; padding-left: 15px; }

.section-cont table tbody tr td a:hover { opacity: 0.5; text-decoration: underline; }

.section-cont table tbody tr td span { font-weight: bold; }

.section-cont table tbody tr td span.block { font-weight: normal; margin: 15px 0; display: block; }

.maps { margin-top: 50px; }

@media screen and (max-width: 767.98px) { .maps { margin-top: 27px; } }

@media screen and (max-width: 767.98px) { .maps .map iframe { height: 157px; } }

.info { margin-top: 60px; }

@media screen and (max-width: 767.98px) { .info { margin-top: 30px; } }

.info:first-child { margin-top: 140px; }

@media screen and (max-width: 767.98px) { .info:first-child { margin-top: 70px; } }

.info .txt h2 { text-align: left; }

.info .txt h3 { text-align: left; }

.info .txt p { font-weight: normal; }

.form { margin-top: 130px; }

@media screen and (max-width: 767.98px) { .form { margin-top: 60px; } }

.form__txt h2 { text-align: left; }

.form__txt p { font-weight: normal; line-height: 1.8; }

.form__txt p span { display: block; color: #FF0000; }

.form__cont__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 60px; }

@media screen and (max-width: 767.98px) { .form__cont__item { margin-top: 30px; } }

.form__cont__item:nth-child(2) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

@media screen and (max-width: 767.98px) { .form__cont__item:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.form__cont__item:nth-child(4) { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767.98px) { .form__cont__item__checkbox { margin-top: 20px; } }

.form__cont__item__checkbox__cont { margin: 0 0 10px 30px; position: relative; }

@media screen and (max-width: 767.98px) { .form__cont__item__checkbox__cont { margin-left: 0; } }

.form__cont__item__checkbox__cont input[type=checkbox] { display: none; }

.form__cont__item__checkbox__cont input[type=checkbox]:checked + label:after { border-color: #FF0000; }

.form__cont__item__checkbox__cont label { display: inline-block; cursor: pointer; margin-left: 30px; }

.form__cont__item__checkbox__cont label:before, .form__cont__item__checkbox__cont label:after { content: ''; position: absolute; display: inline-block; }

.form__cont__item__checkbox__cont label:before { width: 20px; height: 20px; border: solid 1px #707070; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }

.form__cont__item__checkbox__cont label:after { top: 5px; left: 6px; width: 7px; height: 12px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; -webkit-transition: border-bottom-color,border-right-color .1s ease; -o-transition: border-bottom-color,border-right-color .1s ease; -moz-transition: border-bottom-color,border-right-color .1s ease; transition: border-bottom-color,border-right-color .1s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.form__cont__item__txt { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; margin-bottom: 40px; }

@media screen and (max-width: 767.98px) { .form__cont__item__txt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } }

.form__cont__item__txt label { width: 120px; display: block; margin-right: 30px; margin-top: 5px; }

@media screen and (max-width: 767.98px) { .form__cont__item__txt label { width: 100%; margin: 0 0 10px 0; } }

.form__cont__item__txt input { display: block; width: 75%; max-width: 620px; min-height: 36px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #707070; }

@media screen and (max-width: 767.98px) { .form__cont__item__txt input { width: 100%; } }

.form__cont__item__txt input:focus { outline: none; border-width: 2px; }

.form__cont__item__txt textarea { display: block; width: 75%; max-width: 620px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; resize: none; padding: 15px; }

@media screen and (max-width: 767.98px) { .form__cont__item__txt textarea { width: 100%; height: 120px; } }

.form__cont__item__txt textarea:focus { outline: none; border-width: 2px; }

.form__cont__item .txt p { font-weight: normal; }

.form__cont__item .privacy-agree { position: relative; margin-top: 20px; }

.form__cont__item .privacy-agree input[type=checkbox] { display: none; }

.form__cont__item .privacy-agree input[type=checkbox]:checked + label:after { border-color: #FF0000; }

.form__cont__item .privacy-agree label { display: inline-block; margin-left: 23px; font-weight: normal; }

.form__cont__item .privacy-agree label:before, .form__cont__item .privacy-agree label:after { content: ''; position: absolute; display: inline-block; }

.form__cont__item .privacy-agree label:before { width: 15px; height: 15px; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid #707070; }

.form__cont__item .privacy-agree label:after { width: 5px; height: 8px; top: 7px; left: 6px; border-right: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: border-bottom-color, border-right-color, 0.2s ease; -o-transition: border-bottom-color, border-right-color, 0.2s ease; -moz-transition: border-bottom-color, border-right-color, 0.2s ease; transition: border-bottom-color, border-right-color, 0.2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.form__cont__btn__submit { text-align: center; margin-top: 60px; }

.form__cont__btn__submit button { width: 430px; color: #FFFFFF; font-size: 1.8rem; letter-spacing: 18px; background-color: #C8C8C8; padding: 31px 0; border: none; -webkit-transition: .2s ease; -o-transition: .2s ease; -moz-transition: .2s ease; transition: .2s ease; }

@media screen and (max-width: 767.98px) { .form__cont__btn__submit button { width: 80%; padding: 25px 0; font-size: 1.5rem; } }

.form__cont__btn__submit button:hover { background-color: #141414; }

.privacy { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .privacy { margin-top: 30px; } }

.privacy p { font-weight: normal; line-height: 1.8; margin: 0 0 40px; }

@media screen and (max-width: 767.98px) { .privacy p { margin-bottom: 30px; } }

.main { position: relative; height: 760px; }

@media screen and (max-width: 767.98px) { .main { height: 550px; } }

.main__slick { padding: 0; margin: 0; height: 100%; }

.main__slick .slick-list { height: 100%; }

.main__slick .slick-list .slick-track { height: 100%; }

.main__slick .slick-list .slick-track .main__slick__item { margin: 0; list-style: none; opacity: 0; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }

.main__slick .slick-list .slick-track .main__slick__item.slick-active { opacity: 1; -webkit-transition: ease 9.0s; -o-transition: ease 9.0s; -moz-transition: ease 9.0s; transition: ease 9.0s; }

.main__slick .slick-list .slick-track .main__slick__item.slick-active .main__slick__item__img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: ease 9.0s; -o-transition: ease 9.0s; -moz-transition: ease 9.0s; transition: ease 9.0s;  }

@-webkit-keyframes animation-blur { 0% { -webkit-filter: blur(1px); filter: blur(1px); }
  20% { -webkit-filter: blur(0); filter: blur(0); }
  80% { -webkit-filter: blur(1px); filter: blur(1px); }
  100% { -webkit-filter: blur(2px); filter: blur(2px); } }

@-moz-keyframes animation-blur { 0% { filter: blur(1px); }
  20% { filter: blur(0); }
  80% { filter: blur(1px); }
  100% { filter: blur(2px); } }

@-o-keyframes animation-blur { 0% { filter: blur(1px); }
  20% { filter: blur(0); }
  80% { filter: blur(1px); }
  100% { filter: blur(2px); } }

@keyframes animation-blur { 0% { -webkit-filter: blur(1px); filter: blur(1px); }
  20% { -webkit-filter: blur(0); filter: blur(0); }
  80% { -webkit-filter: blur(1px); filter: blur(1px); }
  100% { -webkit-filter: blur(2px); filter: blur(2px); } }

.main__slick .slick-list .slick-track .main__slick__item.slick-active .main__slick__item__txt { opacity: 1; -webkit-transition: ease 1.0s; -o-transition: ease 1.0s; -moz-transition: ease 1.0s; transition: ease 1.0s; }

.main__slick .slick-list .slick-track .main__slick__item.slick-continue { opacity: 0; -webkit-transition: ease 9.0s; -o-transition: ease 9.0s; -moz-transition: ease 9.0s; transition: ease 9.0s; }

.main__slick .slick-list .slick-track .main__slick__item.slick-continue .main__slick__item__img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: ease 9.0s; -o-transition: ease 9.0s; -moz-transition: ease 9.0s; transition: ease 9.0s; }

.main__slick .slick-list .slick-track .main__slick__item.slick-continue .main__slick__item__txt { opacity: 0; -webkit-transition: ease 1.0s; -o-transition: ease 1.0s; -moz-transition: ease 1.0s; transition: ease 1.0s; }

.main__slick .slick-list .slick-track .main__slick__item .main__slick__item__img { -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100vw; height: 100%; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }

.main__slick .slick-list .slick-track .main__slick__item .main__slick__item__img.img-01 { background-image: url("../images/slider1.jpg"); }

.main__slick .slick-list .slick-track .main__slick__item .main__slick__item__img.img-02 { background-image: url("../images/image.jpg"); }

.main__slick .slick-list .slick-track .main__slick__item .main__slick__item__img.img-03 { background-image: url("../images/mg-9764.jpg"); }

.main__slick .slick-list .slick-track .main__slick__item .main__slick__item__img.img-04 { background-image: url("../images/slider4.jpg"); }

.main__slick .slick-list .slick-track .main__slick__item__txt { color: #141414; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; }

@media screen and (max-width: 767.98px) { .main__slick .slick-list .slick-track .main__slick__item__txt { left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.main__slick .slick-list .slick-track .main__slick__item__txt h2 { margin: 0; background-color: rgba(255, 255, 255, 0.8); padding: 44px 90px 37px 130px; }

@media screen and (max-width: 767.98px) { .main__slick .slick-list .slick-track .main__slick__item__txt h2 { padding: 24px 15px 18px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } }

.main__slick .slick-list .slick-track .main__slick__item__txt h2 span { display: block; text-align: center; font-size: 2rem; font-weight: 900; font-family: 'Acumin Pro Bold'; }

@media screen and (max-width: 767.98px) { .main__slick .slick-list .slick-track .main__slick__item__txt h2 span { font-size: 1.5rem; } }

.main__scroll { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; font-size: 15px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #FFFFFF !important; cursor: pointer; }

.main__scroll:hover { color: #FFFFFF; }

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

.main__scroll span { display: inline-block; width: 2px; height: 70px; background-color: #FFFFFF; margin: 40px auto 0; -webkit-animation: vertical-animation 1.5s infinite alternate ease-in-out; -moz-animation: vertical-animation 1.5s infinite alternate ease-in-out; -o-animation: vertical-animation 1.5s infinite alternate ease-in-out; animation: vertical-animation 1.5s infinite alternate ease-in-out; }

@-webkit-keyframes vertical-animation { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } }

@-moz-keyframes vertical-animation { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -moz-transform: translate(0, -30px); transform: translate(0, -30px); } }

@-o-keyframes vertical-animation { 0% { -o-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -o-transform: translate(0, -30px); transform: translate(0, -30px); } }

@keyframes vertical-animation { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px); } }

.home .sec01 { margin-top: 50px; }

@media screen and (max-width: 767.98px) { .home .sec01 { margin-top: 30px; } }

.home .sec02 { margin-top: 70px; }

@media screen and (max-width: 767.98px) { .home .sec02 { margin-top: 30px; } }

.home .sec03 { margin-top: 100px; background-color: #F5F5F5; }

@media screen and (max-width: 767.98px) { .home .sec03 { margin-top: 50px; } }

.home .sec03__main { background: url("../images/tateiwa.jpg") no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; height: 380px; }

@media screen and (max-width: 767.98px) { .home .sec03__main { height: 210px; } }

.home .sec03__cont h2 span { display: block; text-align: center; font-size: 1.5rem; }

.home .sec03__cont__flex .txt { padding: 0 60px; }

@media screen and (max-width: 767.98px) { .home .sec03__cont__flex .txt { padding: 0; } }

.home .sec03__cont__flex .txt p { font-size: 1.7rem; line-height: 1.8; font-weight: normal; }

.home .sec04 { background-color: #F5F5F5; padding-top: 80px; }

@media screen and (max-width: 767.98px) { .home .sec04 { padding-top: 50px; } }

.home .sec04__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767.98px) { .home .sec04__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.home .sec04__box__cont:first-child { width: 60%; margin-right: 40px; }

@media screen and (max-width: 767.98px) { .home .sec04__box__cont:first-child { width: auto; margin-right: 0; } }

.home .sec04__box__cont:first-child .img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 767.98px) { .home .sec04__box__cont:first-child .img img { width: 97vw; max-width: inherit; } }

.home .sec04__box__cont:last-child { width: 40%; }

@media screen and (max-width: 767.98px) { .home .sec04__box__cont:last-child { width: auto; margin-top: 30px; } }

.home .sec04__box__cont:last-child .label p { font-size: 1.3rem; border: solid 1px #707070; display: block; padding: 9px 0 8px; margin: auto; width: 180px; text-align: center; }

@media screen and (max-width: 767.98px) { .home .sec04__box__cont:last-child .label p { width: 140px; padding: 8px 0 7px; } }

.home .sec04__box__cont:last-child .txt h2 { text-align: center; }

.home .sec04__box__cont:last-child .txt h2 span { display: block; font-size: 1.5rem; }

.home .sec04__box__cont:last-child .txt p { font-weight: lighter; }

.home .sec05 { background-color: #F5F5F5; padding-top: 60px; }

@media screen and (max-width: 767.98px) { .home .sec05 { padding-top: 50px; } }

.home .sec05__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 767.98px) { .home .sec05__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.home .sec05__box__cont:first-child { width: 60%; margin-left: 40px; }

@media screen and (max-width: 767.98px) { .home .sec05__box__cont:first-child { width: auto; margin-left: 0; } }

.home .sec05__box__cont:first-child .img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media screen and (max-width: 767.98px) { .home .sec05__box__cont:first-child .img img { width: 100vw; max-width: inherit; } }

.home .sec05__box__cont:last-child { width: 40%; }

@media screen and (max-width: 767.98px) { .home .sec05__box__cont:last-child { width: auto; margin-top: 30px; } }

.home .sec05__box__cont:last-child .label p { font-size: 1.3rem; border: solid 1px #707070; display: block; padding: 9px 0 8px; margin: auto; width: 180px; text-align: center; }

@media screen and (max-width: 767.98px) { .home .sec05__box__cont:last-child .label p { width: 140px; padding: 8px 0 7px; } }

.home .sec05__box__cont:last-child .txt h2 { text-align: center; }

.home .sec05__box__cont:last-child .txt h2 span { display: block; font-size: 1.5rem; }

.home .sec05__box__cont:last-child .txt p { font-weight: lighter; }

.home .sec06 { background-color: #F5F5F5; padding-top: 160px; }

@media screen and (max-width: 767.98px) { .home .sec06 { padding-top: 60px; } }

.home .sec06__box { position: relative; }

.home .sec06__box__img { background: url(../images/_MG_9669-.jpg) no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 580px; width: 68%; }

@media screen and (max-width: 991.98px) { .home .sec06__box__img { width: 100%; height: 262px; background-position: center; } }

.home .sec06__box__cont { max-width: 40%; width: 490px; background-color: #FFFFFF; position: absolute; top: 50%; left: 60%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 40px 40px; }

@media screen and (max-width: 991.98px) { .home .sec06__box__cont { width: 90%; max-width: 100%; position: static; display: block; margin: -30px auto 0; padding: 10px 20px 30px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.home .sec06__box__cont .txt p { font-weight: normal; }

.home .sec07 { background-color: #F5F5F5; padding: 100px 0 80px; }

@media screen and (max-width: 767.98px) { .home .sec07 { padding-top: 50px; } }

.home .sec07__box { flex-wrap: wrap;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;  }

.home .sec07__box__cont.beer h4{font-size: 1.4rem; }

.home .sec07__box__cont .img{ flex-grow: 1;}
@media screen and (max-width: 767.98px) { .home .sec07__box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.home .sec07__box__cont { background-color: #FFFFFF; width: 23%; margin-right: 2%; padding: 5px 5px 0 5px; margin-bottom: 20px; display: flex; flex-direction: column;}

.home .sec07__box__cont:nth-child(4n){margin-right: 0;}

@media screen and (max-width: 767.98px) { .home .sec07__box__cont { width: 48%; margin-right: 4%; margin-bottom: 20px; padding: 3px 3px 0 3px; }
  .home .sec07__box__cont:nth-child(even) { margin-right: 0; } }

.home .sec07__box__cont:last-child { margin-right: 0; }

.home .sec07__box__cont h4 { text-align: center; font-size: 1.8rem; flex-grow: 1;}

@media screen and (max-width: 767.98px) { .home .sec07__box__cont h4 { font-size: 1.5rem; margin: 12px 0; } }

.home .sec08 { margin-top: 80px; }

@media screen and (max-width: 991.98px) { .home .sec08 { margin-top: 30px; } }

.home .sec08__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; }

@media screen and (max-width: 991.98px) { .home .sec08__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.home .sec08__box__inner { width: auto; margin-right: 60px; }

@media screen and (max-width: 991.98px) { .home .sec08__box__inner { width: 100%; margin-right: 0; } }

.home .sec08__box__inner h2 { text-align: left; }

@media screen and (max-width: 991.98px) { .home .sec08__box__inner h2 { text-align: center; } }

.home .sec08__box__inner:last-child { margin-right: 0; }

@media screen and (max-width: 991.98px) { .home .sec08__box__inner:last-child { margin-top: 30px; } }

@media screen and (max-width: 991.98px) { .home .sec08__box__inner:last-child { text-align: center; }
  .home .sec08__box__inner:last-child iframe { height: auto; min-height: 320px; width: auto; min-width: 400px; } }

@media screen and (max-width: 575.98px) { .home .sec08__box__inner:last-child iframe { max-width: 100%; min-width: 100%; } }

.home .sec08__box__inner .article-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start; }

.home .sec08__box__inner .article-list__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px #ACACAC; margin: 0; }

@media screen and (max-width: 767.98px) { .home .sec08__box__inner .article-list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } }

.home .sec08__box__inner .article-list__item:first-child { border-top: solid 1px #ACACAC; }

.home .sec08__box__inner .article-list__item .meta { margin-right: 17px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767.98px) { .home .sec08__box__inner .article-list__item .meta { margin-right: 0; margin-top: 12px; } }

.home .sec08__box__inner .article-list__item .meta__cat { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; padding: 3px 5px; }

.home .sec08__box__inner .article-list__item .meta__date { font-weight: normal; }

.home .sec08__box__inner .article-list__item a { width: 65%; }

@media screen and (max-width: 767.98px) { .home .sec08__box__inner .article-list__item a { width: auto; } }

.home .sec08__box__inner .article-list__item a p { font-size: 1.4rem; font-weight: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 45px; }

@media screen and (max-width: 767.98px) { .home .sec08__box__inner .article-list__item a p { font-size: 1.3rem; height: auto; max-height: 40px; } }

.home .sec09 { margin-top: 80px; }

@media screen and (max-width: 767.98px) { .home .sec09 { margin-top: 40px; } }

.home .sec09__box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 991.98px) { .home .sec09__box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -webkit-justify-content: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; } }

.home .sec09__box__cont:last-child a { margin-right: 0; }

.home .sec09__box a { display: block; margin: 0 15px 20px 0; }

.home .sec09__box a img { max-width: 267px; width: auto; height: 62px; -o-object-fit: cover; object-fit: cover; border: solid 1px #C8C8C8; }

@media screen and (max-width: 767.98px) { .home .sec09__box a img { height: auto; max-height: 57.5px; } }

.post__content a{
  word-break: break-all;
}
