@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lustria");
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:500");
/* ----------------------------------------
	Reset
---------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section, summary, time, mark, audio, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, main, section, summary {
	display: block;
}
*, *:before, *:after {
	box-sizing: border-box;
}
main {
	display: block;
}
.pc-none {
	display: inherit !important;
}

@media screen and (min-width: 768px) {
.pc-none {
	display: none !important;
}
}
.sp-none {
	display: none;
}

@media screen and (min-width: 768px) {
.sp-none {
	display: inherit !important;
}
}
.gray {
	background: #f2f2f2;
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
}
body {
	background: #fff;
	color: #000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
	font-size: 1.3rem;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media screen and (min-width: 768px) {
body {
	font-size: 1.5rem;
	font-size: 15px;
}
}
.bg-pic {
	background: url(images/pic01.jpg) center top no-repeat;
	height: 900px;
}
nav ul {
	list-style: none;
	margin: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
	content: "";
}
a {
	background: transparent;
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(17, 17, 17, .6);
	text-decoration: none;
	vertical-align: baseline;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	text-decoration: none;
}
a img {
	transition: .4s;
}
a img:hover {
	opacity: .6;
}
img {
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	border: 0;
	border-top: 1px solid #d6d6d6;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}

::-moz-selection {
 background: #444;
 color: #fff;
}
::selection {
	background: #444;
	color: #fff;
}

::-moz-selection {
 background: #444;
 color: #fff;
}
 input::-moz-selection, textarea::-moz-selection {
 color: #111;
}
input::selection, textarea::selection {
	color: #111;
}
 input::-moz-selection, textarea::-moz-selection {
 color: #111;
}
input, textarea {
	font-size: 100%;
	vertical-align: middle;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea {
	-webkit-appearance: none;
	border: 1px solid #d6d6d6;
	outline: none;
	padding: 8px;
}
textarea {
	resize: vertical;
}
input[type="submit"] {
	-webkit-appearance: none;
	border: none;
	cursor: pointer;
	overflow: visible;
	position: relative;
}

::-webkit-input-placeholder {
 color: rgba(17, 17, 17, .4);
}

::-ms-input-placeholder {
 color: rgba(17, 17, 17, .4);
}

::-moz-input-placeholder {
 color: rgba(17, 17, 17, .4);
}
.row {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}
.row {
	zoom: 1;
}

@media only screen and (min-width: 1024px) {
.row {
	width: 1200px;
}
}

@media screen and (min-width: 1024px) {
.flex {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}
}
.l-container {
	margin: 0 auto;
	padding-top: 70px;
	position: relative;
	width: 100%;
}

@media screen and (min-width: 1024px) {
.l-container {
	min-width: 1200px;
}
}

@media only screen and (min-width: 1024px) {
.l-main {
	float: left;
	width: 880px;
}
}

@media only screen and (min-width: 1024px) {
.l-side {
	float: right;
	width: 280px;
}
}
.l-content {
	letter-spacing: .1em;
}
.hover img {
	opacity: 1;
	transition: .4s;
}
.hover img:hover {
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
}

@media screen and (min-width: 1024px) {
.header-inner {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
}
.header-inner .global-nav {
	margin-left: auto;
	margin-right: 300px;
	margin-top: 20px;
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .header-inner .global-nav {
margin-right: 0;
padding-right: 310px;
} /* IE11 */
}

@media all and (-ms-high-contrast:none){
  .header-inner .global-nav {
      margin-right: 0;
padding-right: 310px;
  }
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .fixed .header-inner .global-nav {
margin-right: 0;
} /* IE11 */
}
.header-inner .global-nav ul {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
}

@media screen and (max-width: 1024px) {
.global-nav {
	display: none;
}
}
.head-tel {
	display: none;
}

@media screen and (min-width: 1024px) {
.head-tel {
	background: #930d23;
	color: #fff;
	display: inherit;
	height: 150px;
	padding: 20px 0 10px 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: 260px;
}
}
.head-tel a {
	color: #fff;
}
.head-tel .tel {
	background: #930d23;
	border-bottom: 1px dotted #fff;
	font-family: "Lustria", sans-serif;
	font-size: 3.3rem;
	font-size: 33px;
	line-height: .8em;
	margin: auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: 90%;
}
.head-tel .tel::before {
	content: "\f095";
	font-family: "FontAwesome";
	font-size: 1.3rem;
	font-size: 13px;
	padding-right: .3em;
	position: relative;
	top: -4px;
}
.head-tel .tel span {
	display: block;
	font-size: 1.2rem;
	font-size: 12px;
	padding-right: 10px;
	text-align: right;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.head-tel .mail a {
	background: #930d23;
	color: #fff;
	display: block;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: 80%;
}
.head-tel .mail a::after {
	background-color: #fff;
	bottom: 10px;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .3s;
	width: 0%;
}
.head-tel .mail a:hover::after {
	width: 100%;
}
.head-tel .mail a::before {
	content: "\f0e0";
	font-family: "FontAwesome";
	font-size: 1.3rem;
	font-size: 13px;
	padding-right: .3em;
	position: relative;
}
.logo-header {
	white-space: nowrap;
}
.logo-header img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	width: 130px;
}

@media screen and (min-width: 1024px) {
.logo-header img {
	width: 220px;
}
}
.fixed.l-header {
	height: 90px;
}

@media screen and (min-width: 1024px) {
.fixed.l-header {
	height: 70px;
}
}
.fixed.l-header h1 {
	font-size: 3.8rem;
	font-size: 38px;
}
.fixed.l-header .logo-header img {
	width: 130px;
}

@media screen and (min-width: 1024px) {
.fixed.l-header .logo-header img {
	width: 150px;
}
}
.fixed.l-header .head-tel {
	height: 115px;
	padding: 10px 0 10px 0;
}
.fixed.l-header .head-tel .tel {
	font-size: 3rem;
	font-size: 30px;
}
.fixed.l-header .head-tel .tel span {
	padding-right: 20px;
}
.fixed.l-header .head-tel .mail a {
	margin-top: 0;
}
.fb {
	margin-left: 20px;
}
.nav-primary li a {
	display: inherit;
	display: inline-block;
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: bold;
	margin-left: 30px;
	padding-top: 10px;
	position: relative;
	text-align: center;
}
.nav-primary li a::after {
	background-color: #000;
	bottom: 0px;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .3s;
	width: 0%;
}
.nav-primary li a:hover::after {
	width: 100%;
}
.nav-primary li {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.nav-primary li i {
	cursor: pointer;
	font-size: 2rem;
	font-size: 20px;
	margin-left: 5px;
}
#top-collection {
	display: inline-block;
	margin-top: -120px;
	padding-top: 120px;
}
.home .l-container {
	padding-top: 60px;
}

@media screen and (min-width: 768px) {
.home .l-container {
	padding-top: 0;
}
}
h2.heading {
	font-size: 2.3rem;
	font-size: 23px;
	font-weight: normal;
	position: relative;
	text-align: center;
}

@media screen and (min-width: 768px) {
h2.heading {
	font-size: 3.3rem;
	font-size: 33px;
	margin: 40px 0 0;
}
}
h2.heading::before {
	content: url(images/hari.svg);
	display: block;
	height: 58px;
	left: 50%;
	margin-left: -10px;
	position: relative;
	top: 20px;
	transition: .4s;
	width: 22px;
}

@media screen and (min-width: 768px) {
h2.heading::before {
	top: 10px;
}
}
.tit-en {
	font-family: "Lustria", sans-serif;
	margin-bottom: 30px;
	text-align: center;
}
.home .txt-concept {
	padding: 0 10px;
	text-align: left;
}

@media screen and (min-width: 768px) {
.home .txt-concept {
	text-align: center;
}
}
.home .sp-news {
	background: #f2f2f2;
	padding: 10px;
}
.home .sp-news dl dt {
	font-size: 1.7rem;
	font-size: 17px;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	text-align: center;
}
.home .sp-news dl dt::after {
	background: #000;
	bottom: -10px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	width: 40px;
}
.home .sp-news dl dd {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}
.home .sp-news dl dd .news-date {
	font-family: "Lustria", sans-serif;
	margin-right: 20px;
}
.home .top-concept {
	margin-top: 0px;
}

@media screen and (min-width: 768px) {
.home .top-concept {
	margin-top: 100px;
}
}
.home .slide-txt-sp {
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	left: 50%;
	margin-left: -80px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	text-shadow: black 0 0 8px, black 0px 0px 8px, black 0px 0px 8px;
	top: 50%;
	z-index: 100;
}
.home .slide-txt-sp span {
	display: inline-block;
	font-family: "Lustria", sans-serif;
	font-size: 3rem;
	font-size: 30px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}
.home .flow {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

@media screen and (min-width: 768px) {
.home .flow {
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
}
.home .flow img {
	height: auto;
	width: 100%;
}
.home .flow dl {
	position: relative;
	width: 29%;
}

@media screen and (min-width: 768px) {
.home .flow dl {
	margin-bottom: 0;
	width: 16%;
}
}
.home .flow dl::after {
	content: url(images/flow.svg);
	display: block;
	left: -11px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	width: 7px;
}

@media screen and (min-width: 768px) {
.home .flow dl::after {
	left: -20px;
	margin-top: -80px;
	top: 50%;
	width: 10px;
}
}

@media screen and (min-width: 1024px) {
.home .flow dl::after {
	left: -25px;
	margin-top: -80px;
	top: 50%;
	width: 15px;
}
}
.home .flow dl:nth-child(1)::after {
	display: none;
}
.home .flow dl:nth-child(2) {
	margin: 0 15px;
}

@media screen and (min-width: 768px) {
.home .flow dl:nth-child(2) {
	margin: 0;
}
}
.home .flow dl:nth-child(4) {
	margin-right: 15px;
}

@media screen and (min-width: 768px) {
.home .flow dl:nth-child(4) {
	margin: 0;
}
}
.home .flow dl .txt-num {
	font-family: "Barlow Condensed", serif;
	font-size: 3.3rem;
	font-size: 33px;
	font-weight: 500;
	margin-left: -10px;
	margin-top: -30px;
	position: relative;
	position: relative;
	text-align: center;
	text-shadow: white 2px 2px 0px, white -2px 2px 0px, white 2px -2px 0px, white -2px -2px 0px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

@media screen and (min-width: 768px) {
.home .flow dl .txt-num {
	font-size: 4.3rem;
	font-size: 43px;
	margin-top: -40px;
}
}

@media screen and (min-width: 1024px) {
.home .flow dl .txt-num {
	font-size: 5.3rem;
	font-size: 53px;
	margin-top: -50px;
}
}
.home .flow dl .txt-num::after {
	background: #000;
	bottom: 10px;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 25px;
}
.home .flow dl .txt-flow {
	font-size: 1.4rem;
	font-size: 14px;
	text-align: center;
}

@media screen and (min-width: 768px) {
.home .flow dl .txt-flow {
	font-size: 2rem;
	font-size: 20px;
}
}
.home .flow dl .txt-flow span {
	display: block;
	font-size: .9rem;
	font-size: 9px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
.home .flow dl .txt-flow span {
	font-size: 1.5rem;
	font-size: 15px;
	line-height: inherit;
}
}
.home .point-wrap {
	margin-top: 30px;
	padding: 0 20px;
}

@media screen and (min-width: 768px) {
.home .point-wrap {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	padding: 0;
}
}
.home .point-wrap .point-box {
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
.home .point-wrap .point-box {
	margin-bottom: 0;
	width: 33.333%;
}
}
.home .point-wrap .point-box .point-img {
	position: relative;
}
.home .point-wrap .point-box .point-img::before {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 20px;
	left: 50%;
	position: absolute;
	width: 1px;
}
.home .point-wrap .point-box img {
	height: auto;
	width: 100%;
}
.home .point-wrap .point-box h3 {
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 20px;
	position: relative;
	text-align: center;
}

@media screen and (min-width: 1024px) {
.home .point-wrap .point-box h3 {
	font-size: 2.5rem;
	font-size: 25px;
}
}
.home .point-wrap .point-box h3::before {
	background: #000;
	content: "";
	display: block;
	height: 20px;
	left: 50%;
	position: absolute;
	top: -30px;
	width: 1px;
}

@media screen and (min-width: 768px) {
.home .point-wrap .point-box .txt-point {
	padding: 0 20px;
}
}
.home .products {
	margin: 70px 0 0;
	padding: 10px 0 30px;
}
.home .products .item-img {
	overflow: hidden;
}
.home .products div.item-img {
	position: relative;
}
.img_none_txt {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: fit-content;
	height: fit-content;
}

@media screen and (min-width: 768px) {
.home .products div.item-img .img_none_txt {
	font-size: 14px;
}
}

@media screen and (min-width: 1024px) {
.home .products div.item-img .img_none_txt {
	font-size: 19px;
}
}
.home .products img:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.home .products .item-wrap {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.home .products .item-wrap .item-box {
	margin-bottom: 55px;
	position: relative;
	width: 48%;
}

@media screen and (min-width: 768px) {
.home .products .item-wrap .item-box {
	width: 30%;
}
}

@media screen and (min-width: 1024px) {
.home .products .item-wrap .item-box {
	width: 30%;
}
.home .products .item-wrap .item-box:nth-child(3n) {
	margin-right: 0;
}
}
.home .products .item-wrap .item-box img {
	height: auto;
	width: 100%;
}
.home .products .item-wrap a {
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.home .products .item-wrap dl {
	background: #727171;
	min-height: 90px;
	position: relative;
	text-align: center;
}
.home .products .item-wrap dl:before {
	position: absolute;
	top: -30px;
	right: 0;
	left: 0;
	margin: auto;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #727171;
	border-left: 10px solid transparent;
}

@media screen and (min-width: 768px) {
.home .products .item-wrap dl {
}
}
.home .products .item-wrap dl dt {
	font-size: 1.4rem;
	font-size: 14px;
	line-height: 1.3em;
	position: relative;
	top: 15px;
}

@media screen and (min-width: 768px) {
.home .products .item-wrap dl dt {
	font-size: 1.8rem;
	font-size: 18px;
}
}
.home .products .item-wrap dl dd {
	bottom: 10px;
	margin-top: 10px;
	position: absolute;
	width: 100%;
}
.home .products .item-wrap .link-pd a {
	background: #f2f2f2;
	border: 1px solid #000;
	bottom: 0;
	color: #000;
	display: block;
	padding: 20px 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.home .products .item-wrap .link-pd a:hover {
	background: #727171;
	border: 1px solid #727171;
	color: #fff;
}
.home .blog {
	margin-bottom: -240px;
	margin-top: 60px;
	padding: 10px 0 230px;
}

@media screen and (min-width: 1024px) {
.home .blog .blog-wrap {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
}
.home .blog .blog-wrap .blog-box {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-bottom: 30px;
	position: relative;
}

@media screen and (min-width: 1024px) {
.home .blog .blog-wrap .blog-box {
	width: 48%;
}
}
.home .blog .blog-wrap .blog-box .blog-img {
	margin-right: 20px;
	width: 90px;
}

@media screen and (min-width: 1024px) {
.home .blog .blog-wrap .blog-box .blog-img {
	width: 170px;
}
}
.home .blog .blog-wrap .blog-box .blog-img img {
	height: auto;
	width: 100%;
}
.home .blog .blog-wrap .blog-box .date {
	color: #888;
	font-family: "Lustria", sans-serif;
}
.home .blog .blog-wrap .blog-box dl dt {
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
.home .blog .blog-wrap .blog-box dl dt {
	line-height: inherit;
}
}
.home .blog .blog-wrap .blog-box dl dd {
	line-height: 1.2em;
	word-break: break-all;
}

@media screen and (min-width: 768px) {
.home .blog .blog-wrap .blog-box dl dd {
	line-height: inherit;
}
}
/*　ボタン　*/
.btn a {
	color: #000;
	display: block;
	font-size: 2rem;
	font-size: 20px;
	letter-spacing: .1em;
	margin: 30px auto 0;
	padding: 25px 20px;
	position: relative;
	transition: all .3s;
	width: 100%;
}

@media screen and (min-width: 1024px) {
.btn a {
	font-size: 3rem;
	font-size: 30px;
	width: 85%;
}
}
.btn a span::before {
	content: "\f0e0";
	font-family: "FontAwesome";
	margin-right: .3em;
}
.btn a::before, .btn a::after {
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition: all .3s;
	width: 100%;
	z-index: 1;
}
.btn-one a::before {
	background: rgba(0, 0, 0, .3);
	left: 4px;
	opacity: 0;
	-webkit-transform: scale(.1, 1);
	transform: scale(.1, 1);
	z-index: 1;
}
.btn-one a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.btn-one a::after {
	border: 2px solid black;
	transition: all .3s;
}
.btn-one a:hover::after {
	opacity: 0;
	-webkit-transform: scale(1, .1);
	transform: scale(1, .1);
}
/* footer */
.f-contact {
	background: #fff;
	box-shadow: 0px 0px 6px 2px #666;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: -80px;
	margin-top: 100px;
	padding: 30px;
	position: relative;
	text-align: center;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
.f-contact {
	margin-bottom: -150px;
	padding: 40px;
}
}
.f-contact .tit-cont {
	font-size: 1.7rem;
	font-size: 17px;
	text-decoration: underline;
}

@media screen and (min-width: 1024px) {
.f-contact .tit-cont {
	font-size: 2.2rem;
	font-size: 22px;
}
}
.f-contact .tel {
	font-family: "Lustria", sans-serif;
	font-size: 2.2rem;
	font-size: 22px;
}

@media screen and (min-width: 1024px) {
.f-contact .tel {
	font-size: 3.6rem;
	font-size: 36px;
}
}
.f-contact .tel span {
	font-size: 1.8rem;
	font-size: 18px;
	margin-right: 10px;
}

@media screen and (min-width: 1024px) {
.f-contact .tel span {
	font-size: 2.2rem;
	font-size: 22px;
}
}
.f-contact .fax {
	font-family: "Lustria", sans-serif;
	font-size: 2.2rem;
	font-size: 22px;
	line-height: 1.0em;
}

@media screen and (min-width: 1024px) {
.f-contact .fax {
	font-size: 3.6rem;
	font-size: 36px;
}
}
.f-contact .fax span {
	font-size: 1.5rem;
	font-size: 15px;
	margin-right: 10px;
}

@media screen and (min-width: 1024px) {
.f-contact .fax span {
	font-size: 2rem;
	font-size: 20px;
}
}
.f-contact .f-contact-l {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
.f-contact .f-contact-l {
	border-bottom: none;
	border-right: 1px solid #ccc;
	padding-bottom: 0;
	width: 50%;
}
}
.f-contact .f-contact-r {
	margin-top: 20px;
}

@media screen and (min-width: 1024px) {
.f-contact .f-contact-r {
	margin-top: 0;
	width: 50%;
}
}
.bg-footer {
	background: url(images/footer.jpg) center top/cover no-repeat;
	height: 200px;
	position: relative;
	width: 100%;
	z-index: 0;
}
.bg-footer .filter {
	width: 100%;
	height: 100%;
	background: rgba(7,7,7,0.4);
}

@media screen and (min-width: 1024px) {
.bg-footer {
	height: 365px;
}
}
.l-footer {
	background: #000;
	color: #fff;
	padding: 50px 0 20px;
	text-align: center;
}
.l-footer nav {
	display: none;
	margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
.l-footer nav {
	display: inherit;
}
}
.l-footer nav ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.l-footer nav ul li {
	margin: 0 20px;
}
.l-footer a {
	color: #fff;
}
.l-footer a:hover {
	text-decoration: underline;
}
.l-footer .f-company dl dt {
	font-size: 2rem;
	font-size: 20px;
	margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
.l-footer .f-company dl dt {
	font-size: 3.1rem;
	font-size: 31px;
}
}
.sp-btm {
	bottom: 0;
	color: #000;
	position: fixed;
	width: 100%;
	z-index: 10;
}
.sp-btm ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.sp-btm ul li {
	list-style: none;
	width: 49.8%;
}
.sp-btm ul li a {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	position: relative;
}
.sp-btm ul li a:hover {
	text-decoration: none;
}
.sp-btm ul li.icon-tel a::before {
	content: "\f095";
	font-family: "FontAwesome";
}
.sp-btm ul li.icon-mail a::before {
	content: "\f0e0";
	font-family: "FontAwesome";
}
.sp-btm a {
	background: rgba(0, 0, 0, .8);
	display: block;
	padding: 7px;
}
/* ----------------------------------------
	セカンド共通
---------------------------------------- */
.tit-se {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	height: 150px;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.tit-products {
	background: url(images/tit_products.jpg) center top/cover no-repeat;
}
.tit-technical {
	background: url(images/tit_technical.jpg) center top/cover no-repeat;
}
.tit-company {
	background: url(images/tit_company.jpg) center top/cover no-repeat;
}
.tit-contact {
	background: url(images/tit_contact.jpg) center top/cover no-repeat;
}
.tit-blog {
	background: url(images/tit_blog.jpg) center top/cover no-repeat;
}
.tit-news {
	background: url(images/tit_news.jpg) center top/cover no-repeat;
}
.c-breadcrumb.row {
	padding: 30px 0 60px;
}

@media screen and (max-width: 768px) {
.c-breadcrumb.row {
	padding: 30px 0 30px;
}
}

@media screen and (min-width: 768px) {
.tit-se {
	height: 300px;
}
}

@media screen and (min-width: 1024px) {
.tit-se {
	height: 400px;
}
}
.tit-se h2 {
	font-size: 3rem;
	font-size: 30px;
	font-weight: normal;
	position: relative;
}

@media screen and (max-width: 768px) {
.tit-se h2 {
	font-size: 25px;
}
}

@media screen and (min-width: 768px) {
.tit-se h2 {
	font-size: 3.8rem;
	font-size: 38px;
}
}

@media screen and (min-width: 1024px) {
.tit-se h2 {
	font-size: 4.5rem;
	font-size: 45px;
}
}
.tit-se h2::after {
	background: #fff;
	content: "";
	display: block;
	height: 1px;
	left: -50px;
	position: absolute;
	top: 30px;
	width: 30px;
}

@media screen and (max-width: 768px) {
.tit-se h2::after {
	top: 20px;
	left: -35px;
	width: 25px;
}
}

@media screen and (min-width: 768px) {
.tit-se h2::after {
	top: 36px;
}
}

@media screen and (min-width: 1024px) {
.tit-se h2::after {
	top: 40px;
}
}
.tit-se h2::before {
	background: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: -50px;
	top: 30px;
	width: 30px;
}

@media screen and (max-width: 768px) {
.tit-se h2::before {
	top: 20px;
	right: -35px;
	width: 25px;
}
}

@media screen and (min-width: 768px) {
.tit-se h2::before {
	top: 36px;
}
}

@media screen and (min-width: 1024px) {
.tit-se h2::before {
	top: 40px;
}
}
.tit-se h2 span {
	display: block;
	font-family: "Lustria", sans-serif;
	font-size: 1.8rem;
	font-size: 18px;
	text-align: center;
}

@media screen and (max-width: 768px) {
.tit-se h2 span {
	font-size: 14px;
}
}
.fat-nav .share-btn {
	border: none !important;
	color: #fff;
	font-family: "Lustria", sans-serif;
	padding: 20px 0;
	text-align: center;
}
.fat-nav .share-btn dt {
	font-size: 2rem;
	font-size: 20px;
}
.fat-nav .share-btn ul {
	border: none !important;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	width: 70%;
}
.fat-nav .share-btn ul li {
	border: none !important;
	margin: 0 10px;
}
.fat-nav .share-btn ul .fa {
	font-size: 2rem;
	font-size: 20px;
}
/* ----------------------------------------
　お知らせ
---------------------------------------- */
#se-tit {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0;
	text-align: center;
	width: 97%;
}

@media screen and (max-width: 768px) {
#se-tit {
	padding: 30px 0;
}
}
#se-tit .tit-en {
	font-family: "Barlow Condensed", serif;
	font-size: 4rem;
	font-size: 40px;
	line-height: 1.3em;
	text-align: center;
}

@media screen and (max-width: 768px) {
#se-tit .tit-en {
	font-size: 2.8rem;
	font-size: 28px;
}
}
.phil-base ul {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	list-style: none;
	margin-bottom: 40px;
	margin-top: 20px;
	padding: 0 40px;
	position: relative;
}
.phil-base ul::after {
	background: #311301;
	content: "";
	display: block;
	height: 3px;
	left: 50%;
	margin-left: -300px;
	position: absolute;
	top: 100px;
	width: 60%;
}
.phil-base ul li {
	background: #311301;
	border-radius: 195px;
	color: #fff;
	font-size: 2.5rem;
	font-size: 25px;
	height: 195px;
	padding-top: 80px;
	position: relative;
	text-align: center;
	width: 195px;
	z-index: 1;
}
.phil-base ul li::before {
	content: "\f00c";
	display: block;
	font-family: "FontAwesome";
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 45px;
}
.phil-base ul li::after {
	bottom: 50px;
	content: url("images/line.png");
	display: block;
	left: 50%;
	margin-left: -25px;
	position: absolute;
}
.bg-bl-l {
	background: #e8f6f1;
	margin-top: 50px;
	padding: 60px 0;
}
.home .bg-bl-l {
	margin-top: 0;
}
#top-pickup {
	text-align: center;
}
.txt-slide {
	background: url(images/slide_txt.png) left top no-repeat;
	bottom: 3%;
	color: #fff;
	height: 120px;
	left: 50%;
	margin-left: -500px;
	margin-top: -60px;
	position: absolute;
	text-indent: -9000px;
	width: 710px;
	z-index: 100;
}
.top-bnr ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	margin-top: 90px;
}
.top-bnr ul li a {
	background: #fff;
	border: 1px solid #311301;
	color: #311301;
	display: block;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold;
	padding: 25px;
	padding-left: 110px;
	position: relative;
	text-align: left;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: 320px;
}
.top-bnr ul li:first-child a::before {
	content: "\f1c5";
	display: block;
	font-family: "FontAwesome";
	font-size: 4rem;
	font-size: 40px;
	font-weight: normal;
	left: 60px;
	position: absolute;
	top: 15px;
}
.top-bnr ul li:nth-child(2) a::before {
	content: "\f1c1";
	display: block;
	font-family: "FontAwesome";
	font-size: 4rem;
	font-size: 40px;
	font-weight: normal;
	left: 60px;
	position: absolute;
	top: 15px;
}
.top-bnr ul li:nth-child(3) a::before {
	content: "\f05a";
	display: block;
	font-family: "FontAwesome";
	font-size: 4.5rem;
	font-size: 45px;
	font-weight: normal;
	left: 60px;
	position: absolute;
	top: 13px;
}
.top-bnr ul span {
	color: #311301;
	display: block;
	font-family: "Lustria", sans-serif;
	font-size: 1.3rem;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.top-bnr ul li a:hover {
	background: #311301;
	color: #fff !important;
}
.top-bnr ul li a:hover span {
	color: #fff;
}
.thumbnail {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.thumbnail:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 768px) {
.thumbnail .trimming-size {
	height: 110px;
	width: 110px;
}
}
.thumbnail span {
	display: block;
	height: 150px;
	overflow: hidden;
	width: 200px;
}

@media screen and (max-width: 768px) {
.thumbnail span {
	height: 110px;
	width: 110px;
}
}
.list-info, .widget__posts {
	margin-bottom: 20px;
	width: 100%;
}
.list-info ul, .widget__posts ul {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
.list-info ul, .widget__posts ul {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-top: 10px;
}
}
.list-info li, .widget__posts li {
	background: url(images/blog_frame.png) left top no-repeat;
}

@media screen and (max-width: 768px) {
.list-info li, .widget__posts li {
	-webkit-flex: 0 0 48%;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	margin-bottom: 20px;
	width: 48%;
}
}
.list-info li .frame-tright {
	background: url(images/blog_frame_r.png) right top no-repeat;
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
.list-info li .frame-tright {
	padding-top: 10px;
}
}
.list-info li .frame-bleft {
	background: url(images/blog_frame_bl.png) left bottom no-repeat;
}
.list-info li .frame-bright {
	background: url(images/blog_frame_br.png) right bottom no-repeat;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.list-info li .frame-bright {
	padding-bottom: 10px;
}
}
.list-info li:nth-child(2) {
	margin-left: 5px;
}

@media screen and (max-width: 768px) {
.list-info li:nth-child(2) {
	margin-left: 0px;
}
}
.list-info li:nth-child(3) {
	margin-left: 5px;
	margin-right: 5px;
}

@media screen and (max-width: 768px) {
.list-info li:nth-child(3) {
	margin: 0;
}
}
.list-info a, .widget__posts a {
	color: #666;
	text-decoration: none;
	transition: .8s;
}
.list-info__thumb {
	-webkit-flex: 0 0 200;
	-ms-flex: 0 0 200;
	flex: 0 0 200;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	transition: .8s;
	width: 200px;
	width: 200px;
}

@media screen and (max-width: 768px) {
.list-info__thumb {
	-webkit-flex: 0 0 90%;
	-ms-flex: 0 0 90%;
	flex: 0 0 90%;
	height: auto;
	width: 90%;
}
}
/*
.list-info a:hover img {
		-webkit-transform: scale(1.1);
}
.thumbnail:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
}


*/
list-info a:hover .list-info__thumb a:hover, .widget__posts a:hover .list-info__thumb img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.btn-more {
	text-align: center;
}
.btn-more a {
	background: #311301;
	border-radius: 40px;
	color: #fff;
	font-family: "Lustria", sans-serif;
	padding: 25px 80px;
	position: relative;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-more a::after {
	color: #fff;
	content: "\f105";
	font-family: "FontAwesome";
	padding-left: .3em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-more a:hover {
	background: #570000;
}
.btn-bl a {
	background: #311301;
}
.btn-bl a:hover {
	background: #f34533;
}
.list-info__main dl {
	padding: 0 10px;
}
.list-info__main p {
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
.list-info__main p {
	font-size: 1.3rem;
	font-size: 13px;
	line-height: 1.3em;
}
}
.list-info__main dd {
	font-weight: bold;
}
.list-info__main dt {
	background: #ccc;
	color: #fff;
	color: #999;
	font-family: "Lustria", sans-serif;
	font-size: 1.3rem;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
	width: 200px;
}

@media screen and (max-width: 768px) {
.list-info__main dt {
	width: 90%;
}
}
.btn-more-blog a {
	border: 1px solid #ccc;
	border-radius: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 200px;
}

@media screen and (max-width: 768px) {
.btn-more-blog a {
	width: 90%;
}
}
.btn-more-blog a::after {
	content: "\f061";
	display: block;
	font-family: "FontAwesome";
	position: absolute;
	right: 20%;
	top: 9px;
}

@media screen and (max-width: 768px) {
.btn-more-blog a::after {
	right: 5px;
}
}
.btn-more-blog a:hover {
	background: #ccc;
	color: #fff;
}
.home .bg-bl {
	margin-bottom: 0 !important;
}
.bg-bl {
	background: #311301;
	color: #fff;
	margin-top: 80px;
	padding: 100px 0 80px;
	position: relative;
}
.bg-bl::after {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 70px 60px 0 60px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -70px;
	position: absolute;
	top: 0%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 0;
	z-index: 0;
}

@media screen and (max-width: 768px) {
.bg-bl::after {
	border-width: 50px 40px 0 40px;
	margin-left: -40px;
}
}
.bg-bl::before {
	color: #f7a701;
	content: "\f07a";
	font-family: "FontAwesome";
	font-size: 2.3rem;
	font-size: 23px;
	left: 50%;
	margin-left: -20px;
	margin-right: .4em;
	position: absolute;
	top: 0;
	z-index: 10;
}

@media screen and (max-width: 768px) {
.bg-bl::before {
	margin-left: -12px;
}
}
.bg-bl h3 {
	color: #fff;
}
.bg-bl .subtit-en {
	color: #fff;
}
.bg-wh {
	background: #fff;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 40px 0;
	text-align: center;
	width: 1000px;
}
.btn-wh a {
	background: #fff;
	color: #311301;
}
.btn-wh a::after {
	color: #311301;
}
.btn-wh a:hover {
	background: #f34533;
	color: #fff;
}
.btn-wh a:hover::after {
	color: #fff;
}
.f-contact ul {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	margin-top: 30px;
}
.f-contact ul li {
	background: #fff;
	border: 1px solid #311301;
	border-radius: 10px;
	-webkit-flex: 0 0 48%;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	height: 110px;
	text-align: center;
	width: 48%;
}
.f-contact ul li a {
	background: #ccc;
	background: #fff;
	border-radius: 10px;
	color: #311301;
	display: block;
	height: 108px;
	padding-top: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.f-contact ul li a:hover {
	background: #311301;
	color: #fff;
}
.f-contact ul li a::before {
	content: "\f0e0";
	font-family: "FontAwesome";
	font-size: 2.3rem;
	font-size: 23px;
	margin-right: .4em;
}
.f-contact ul .ftel {
	color: #311301;
	font-family: "Lustria", sans-serif;
	font-size: 3.3rem;
	font-size: 33px;
	font-weight: bold;
	line-height: .9em;
	padding-top: 25px;
}
.f-contact ul .ftel::before {
	content: "\f095";
	font-family: "FontAwesome";
	font-size: 2.3rem;
	font-size: 23px;
}
.f-contact ul span {
	color: #666;
	display: block;
	font-family: inherit !important;
	font-size: 1.4rem;
	font-size: 14px;
	font-weight: normal;
}
.f-contact ul .fmail {
	font-size: 1.9rem;
	font-size: 19px;
}
.space-btm-n {
	margin-bottom: 0 !important;
	margin-top: 100px;
}
.gmap {
	height: 300px;
	width: 500px;
}

@media screen and (max-width: 768px) {
.gmap {
	margin-bottom: 1px;
	width: 100%;
}
}
.copyright {
	font-family: "Lustria", sans-serif;
	font-size: .9rem;
	font-size: 9px;
	letter-spacing: .1em;
	margin-top: 30px;
	text-align: center;
}

@media screen and (min-width: 768px) {
.copyright {
	font-size: 1.1rem;
	font-size: 11px;
}
}
.pagetop {
	bottom: 60px;
	position: fixed;
	right: 10px;
	z-index: 1000 !important;
}
.pagetop a {
	background-color: rgba(0, 0, 0, .4);
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 2.8rem;
	font-size: 28px;
	height: 50px;
	line-height: 46px;
	opacity: .7;
	text-align: center;
	transition: .4s;
	width: 50px;
}
.pagetop a:hover {
	background-color: black;
}

@media only screen and (min-width: 1024px) {
.pagetop {
	right: 20px;
}
}
/*会員になるには */
.member-c {
	background: #e8f6f1;
	border-radius: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.0em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 25px;
	text-align: center;
	width: 580px;
}
.step-wrap {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}
.step-wrap div {
	-webkit-flex: 0 0 33.3%;
	-ms-flex: 0 1 33.3%;
	flex: 1 1 33.3%;
	text-align: center;
	width: 33.3%;
}
.step-wrap::after {
	background: #311301;
	content: "";
	display: block;
	height: 3px;
	left: 120px;
	position: absolute;
	top: 55px;
	width: 70%;
	z-index: -1;
}
.step-circle {
	background: #311301;
	border-radius: 110px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	height: 110px;
	line-height: 1.0em;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	text-align: center;
	width: 110px;
}
.step-circle span {
	display: block;
	font-family: "Lustria", sans-serif;
	font-size: 3.8rem;
	font-size: 38px;
	line-height: 1.0em;
}
.step-box {
	padding: 0 20px;
}
.step-box img {
	margin-bottom: 20px;
}
.step-box dt {
	height: 150px;
}
.step-box dd {
	text-align: left;
}
#step01 dt {
	padding-top: 25px;
}
#step03 dt {
	padding-top: 10px;
}
#step03 dd span {
	color: #bf0000;
}
.tel-wrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	text-align: center;
	width: 330px;
}
.tel-wrap dl {
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	padding: 15px 0;
}
.tel-wrap dl dt {
	color: #311301;
	font-family: "Lustria", sans-serif;
	font-size: 3rem;
	font-size: 30px;
	font-weight: bold;
	line-height: .9em;
}
.tel-wrap dl dt::before {
	content: "\f095";
	font-family: "FontAwesome";
	font-size: 2rem;
	font-size: 20px;
}
/* お問い合わせ */
.form-required {
	color: #930d23;
}
.error-msg {
	background: #f8e7e5;
	border-radius: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}

@media screen and (max-width: 768px) {
.error-msg {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
	width: 100%;
}
}
.page-id-63 .dl-twl {
	margin-right: 30px;
}
.mw_wp_form {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px 30px 10px;
}

@media screen and (max-width: 768px) {
.mw_wp_form {
	padding: 0 10px;
}
}

@media screen and (min-width: 768px) {
.mw_wp_form {
	padding: 50px;
}
}

@media screen and (min-width: 1024px) {
.mw_wp_form {
	width: 1000px;
}
}
.mw_wp_form .dl-tw {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	width: 100%;
}

@media screen and (min-width: 768px) {
.mw_wp_form .dl-tw {
	width: 70%;
}
}
.mw_wp_form .dl-tw input[type="text"] {
	width: 70%;
}
.mw_wp_form .dl-tw span {
	width: 50px;
}
.mw_wp_form .dl-tw .dl-twl {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}
.mw_wp_form .dl-tw .dl-twr {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}
.mw_wp_form .required dt::before {
	background: #bf0000;
	border-radius: 30px;
	color: #fff;
	content: "必須";
	font-size: 1.1rem;
	font-size: 11px;
	margin-right: .3em;
	padding: 3px 10px;
}
.mw_wp_form .any dt::before {
	background: #f2f2f2;
	border-radius: 30px;
	color: #ccc;
	content: "任意";
	font-size: 1.1rem;
	font-size: 11px;
	margin-right: .3em;
	padding: 3px 10px;
}
.mw_wp_form ul {
	list-style: none;
}
.mw_wp_form .error {
	padding-left: 10px;
	padding-top: 3px;
}
.page-id-36 .mw_wp_form {
	margin-left: 250px;
}
.page-id-36 .form-send {
	margin-right: 250px;
}
.mw_wp_form dl {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-flow: flex-start;
	-ms-flex-flow: flex-start;
	flex-flow: flex-start;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.mw_wp_form dl {
	display: block;
}
}
.mw_wp_form dt {
	-webkit-flex: 0 0 30%;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	margin-bottom: 10px;
	margin-right: 20px;
}

@media screen and (min-width: 768px) {
.mw_wp_form dt {
	text-align: left;
}
}
.mw_wp_form dd {
	-webkit-flex: 0 0 70%;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	width: 70%;
}

@media screen and (max-width: 768px) {
.mw_wp_form dd {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}
}
.mw_wp_form input[type="text"], .mw_wp_form input[type="email"], .mw_wp_form input[type="tel"], .mw_wp_form textarea {
	max-width: 500px;
}

@media screen and (max-width: 768px) {
.mw_wp_form input[type="text"], .mw_wp_form input[type="email"], .mw_wp_form input[type="tel"], .mw_wp_form textarea {
	max-width: 100%;
}
}
.mw_wp_form select {
	-webkit-appearance: none;
	background: #f2f2f2;
	background: #f2f2f2;
	border: none;
	border-radius: 5px;
	font-size: 1.4rem;
	font-size: 14px;
	margin-bottom: 4px;
	padding: 15px 10px;
	vertical-align: middle;
	width: 100%;
	width: 200px;
}
.zip-wrap {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	margin-bottom: 10px;
}
.form-send input {
	background: #311301;
	color: #fff;
	display: block;
	font-size: 1.7rem;
	font-size: 17px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 25px 80px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.form-send input:hover {
	background: #000;
}
.txt-thanks {
	font-size: 1.6rem;
	font-size: 16px;
	margin: 50px;
	text-align: center;
}

@media screen and (max-width: 768px) {
.txt-thanks {
	margin: 30px 10px 50px;
}
}
.mw_wp_form input[type="text"], .mw_wp_form input[type="email"], .mw_wp_form input[type="tel"], .mw_wp_form textarea {
	background: #f2f2f2;
	border: none;
	margin-bottom: 4px;
	padding: 15px 10px;
	vertical-align: middle;
	width: 100%;
}
.mw_wp_form input[type="text"]:focus, .mw_wp_form input[type="email"]:focus, .mw_wp_form input[type="tel"]:focus, .mw_wp_form textarea:focus {
	background: #f8e7e5;
}
 .mw_wp_form input[type="text"]:focus::-webkit-input-placeholder, .mw_wp_form input[type="email"]:focus::-webkit-input-placeholder, .mw_wp_form input[type="tel"]:focus::-webkit-input-placeholder, .mw_wp_form textarea:focus::-webkit-input-placeholder {
 color: transparent;
}
 .mw_wp_form input[type="text"]:focus::-moz-placeholder, .mw_wp_form input[type="email"]:focus::-moz-placeholder, .mw_wp_form input[type="tel"]:focus::-moz-placeholder, .mw_wp_form textarea:focus::-moz-placeholder {
 color: transparent;
}
 .mw_wp_form input[type="text"]:focus:-moz-placeholder, .mw_wp_form input[type="email"]:focus:-moz-placeholder, .mw_wp_form input[type="tel"]:focus:-moz-placeholder, .mw_wp_form textarea:focus:-moz-placeholder {
 color: transparent;
}
 .mw_wp_form input[type="text"]:focus:-ms-input-placeholder, .mw_wp_form input[type="email"]:focus:-ms-input-placeholder, .mw_wp_form input[type="tel"]:focus:-ms-input-placeholder, .mw_wp_form textarea:focus:-ms-input-placeholder {
 color: transparent;
}
/*　フォトギャラリー */
.txt-gallery {
	margin-bottom: 20px;
	text-align: center;
}
.item-list {
	margin-top: 60px;
}
.item-list ul {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-align: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
}
.item-list ul li {
	-webkit-flex: 0 0 220px;
	-ms-flex: 0 0 220px;
	flex: 0 0 220px;
	height: 220px;
	margin-bottom: 60px;
	margin-right: 30px;
	width: 220px;
}
.item-list ul li p {
	height: 220px;
	overflow: hidden;
	position: relative;
	width: 220px;
}
.item-list ul li p img {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.item-list ul li span {
	display: block;
	position: relative;
}
 .item-list ul li:nth-chil .item-list ul li:nth-child(8n), .item-list ul li:nth-child(12n) {
 margin-right: 0;
}
.item-list .btn-more {
	margin-top: 40px;
}
.tit-cate, .tit-cate-wh {
	color: #311301;
	font-size: 2.2rem;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 20px;
	position: relative;
	text-align: center;
}
.tit-cate::after, .tit-cate-wh::after {
	background: #311301;
	bottom: -5px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	margin-left: -35px;
	position: absolute;
	width: 70px;
}
.detail-bx {
	background: #fff;
	border-top: 3px solid #311301;
	margin-left: 25px;
	margin-top: -20px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 250px;
}
.detail-bx dd {
	margin-top: 20px;
	text-align: left;
}
.detail-bx .btn-more {
	margin-top: 30px;
}
.tit-detail {
	color: #311301;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.tit-detail::after {
	background: #311301;
	bottom: -10px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	margin-left: -25px;
	position: absolute;
	width: 50px;
}
.item-image {
	height: 200px;
	overflow: hidden;
	width: 300px;
}
.item-image img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.item-image img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*　お知らせ */
.list-column {
	/*width: 1000px;
	min-width: 800px;*/
	margin-left: auto;
	margin-right: auto;
}
.list-column img {
	max-width: 300px;
}
.list-column ul {
	list-style: none;
}
.list-column ul li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.list-column ul li:nth-child(3n), .list-column ul li:nth-child(6n), .list-column ul li:nth-child(9n) {
	margin-right: 0;
}
.list-column__thumb {
	height: 200px;
	overflow: hidden;
	position: relative;
	width: 300px;
}

@media screen and (max-width: 768px) {
.list-column__thumb {
	height: auto;
	width: 100%;
}
}
.list-column__thumb img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;/* position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;*/
}

@media screen and (max-width: 768px) {
.list-column__thumb img {
	height: auto;
	width: 100%;
}
}
.list-column__thumb img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.t-year {
	display: block;
	font-size: 1.2rem;
	font-size: 12px;
}
.list-column a {
	display: block;
	padding: 20px 30px 20px 20px;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

@media screen and (max-width: 768px) {
.list-column a {
	padding: 20px 30px 20px 10px;
}
}
.list-column a::after {
	content: "\f061";
	display: block;
	font-family: "FontAwesome";
	margin-top: -10px;
	position: absolute;
	right: 5%;
	top: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.list-column a:hover::after {
	right: 4%;
}
.list-column dl {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	margin-bottom: 10px;
}
.list-column dt {
	background: #988f88;
	color: #fff;
	height: 25px;
	margin-right: 10px;
	text-align: center;
	width: 100px;
}
.list-column dd {
	font-size: 1.5rem;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0em;
	margin-top: 10px;
	text-decoration: underline;
}
/*　お知らせ */
.list-archive-wrap {
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}



@media screen and (min-width: 768px) {
.list-archive-wrap {
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	justify-content: space-between;
}

.list-archive-wrap::after{
	display: block;
	width: 22%;
	content: "";     
}

.list-archive-wrap::before{
	display: block;
	width: 22%;
	content: "";   
	order: 1;  
}
}
.list-archive-wrap a {
	color: #000;
	text-decoration: underline;
}
.list-archive-wrap .triming {
	height: 0;
	padding-top: 90%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: auto;
}
.list-archive-wrap .triming:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 768px) {
.list-archive-wrap {
	margin-left: 0;
	width: 100%;
}
}
.list-archive-wrap .txt-archive-blog {
	margin-bottom: 20px;
}
.list-archive {
	width: 22%;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
.list-archive:nth-child(2) {
	margin: 0 30px;
}
}

@media screen and (min-width: 768px) {
.list-archive:nth-child(4) {
	margin-left: 30px;
}
}

@media screen and (max-width: 768px) {
.list-archive {
	border-bottom: none;
	margin-left: 0;
	margin-top: 20px;
	width: 48%;
}
}
.list-archive .thumb img {
	height: auto;
	width: 100%;
}

@media screen and (max-width: 768px) {
.list-archive .thumb {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}
}
.list-archive .post-date {
	font-family: "Lustria", sans-serif;
	font-size: 1.3rem;
	font-size: 13px;
}
.post-date {
	color: #aaa;
}
.post-footer {
	border-bottom: none;
	border-top: none;
}
.btn-share {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
.btn-share li {
	border: none;
	list-style: none;
	margin: 0 10px;
	text-align: center;
}
.btn-share li a {
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	height: 40px;
	padding-top: 5px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	width: 40px;
}
.btn-share li a:hover {
	opacity: .8;
}
.btn-share .facebook a {
	background: #3b5998;
}
.btn-share .twitter a {
	background: #55acee;
}
.btn-share .gplus a {
	background: #dd4b39;
}
.thumb {
	overflow: hidden;
}

@media screen and (max-width: 768px) {
.thumb {
	height: auto;
	width: 100%;
}
}
.thumb img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.thumb img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.postid-116 .c-breadcrumb {
	margin-bottom: 40px;
}
.post-title {
	border-bottom: 1px dotted #ccc;
	display: inline-block;
	margin-bottom: 30px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
}
.title-post {
	font-size: 1.6rem;
	font-size: 16px;
	margin-bottom: 5px;
}
/* リンク集 */
.link-wrap {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	margin-top: 30px;
}
.link-wrap dt {
	-webkit-flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	font-size: 1.8rem;
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
}
.link-wrap dt a {
	text-decoration: underline;
}
.link-wrap dt::before {
	color: #311301;
	content: "\f108";
	font-family: "FontAwesome";
	font-size: 20px;
	left: 0px;
	position: absolute;
	top: -10%;
}
.link-wrap dd {
	-webkit-flex: 0 0 70%;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
}
/*動画でみるスノーケルセンター */
.wave-sec {
	background: url(images/wave_mid.png) center top repeat-x #311301;
	margin-top: 60px;
	padding-top: 50px;
}
.wave-sec-inner {
	background: url(images/wave_btm.png) center bottom repeat-x #311301;
	padding-bottom: 50px;
}
.tit-cate-wh {
	color: #fff;
	margin-bottom: 40px;
}
.tit-cate-wh::after {
	background: #fff;
	bottom: -5px;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	margin-left: -35px;
	position: absolute;
	width: 70px;
}
#youtube {
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}
.youtube-wrap {
	margin: 0 auto 70px;
	width: 800px;
}

@media only screen and (max-width: 768px) {
#youtube-wrapper {
	width: 90%;
}
}
#youtube iframe {
	height: 100% !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 100% !important;
}
/*　体験学習 */
.tit-cate-wave {
	color: #fff;
	font-size: 2.5rem;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}
.tit-cate-wave::before {
	content: url(images/l_wave.png);
	display: inline-block;
	margin-right: 1em;
	position: relative;
	top: -5px;
	width: 47px;
}
.tit-cate-wave::after {
	content: url(images/l_wave.png);
	display: inline-block;
	margin-left: 1em;
	position: relative;
	top: -5px;
	width: 47px;
}
.item-carousel-wrap .slick-track {
/*@include flexbox();
	@include justify-content(center);
	@include align-items(center);
	background: #f2f2f2;*/
}
.list-activity ul {
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: stretch;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	-ms-flex-pack: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	list-style: none;
}
.list-activity ul li {
	-webkit-flex: 0 0 300px;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	margin-bottom: 40px;
	margin-right: 40px;
	width: 300px;
}
.txt-detail-bx {
	margin-top: 20px;
}
.txt-detail-bx .btn-more {
	margin-top: 20px;
}
/* wp */
.footer-nav li {
	margin: 0 10px;
}
.footer-nav a {
	display: inline-block;
	padding: 10px;
}

@media screen and (max-width: 768px) {
.txt-archive-blog {
	font-size: 1.3rem;
	font-size: 13px;
	line-height: 1.2em;
}
}
.list-archive .text {
	background: #e5e5e5;
	padding: 20px;
}
.list-archive .text .c-btn a:hover {
	background: none;
}
.list-archive .text h1 {
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 8px;
}
.post {
	margin-bottom: 80px;
}
.post-title {
	font-size: 2.4rem;
	font-size: 24px;
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
.post-title {
	font-size: 2rem;
	font-size: 20px;
}
}
.post-title a {
	display: block;
	text-decoration: none;
}
.post-info {
	font-weight: bold;
	margin-bottom: 10px;
}
.post-content {
	margin-bottom: 40px;
}
.post-content h2, .post-content h3, .post-content h4 {
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 1em;
}
.post-content h2 {
	font-size: 2.4rem;
	font-size: 24px;
}
.post-content h3 {
	font-size: 2rem;
	font-size: 20px;
}
.post-content h4 {
	font-size: 1.8rem;
	font-size: 18px;
}
.post-content p, .post-content ul, .post-content ol, .post-content blockquote, .post-content table {
	margin-bottom: 1em;
}
.post-content p:last-child, .post-content ul:last-child, .post-content ol:last-child, .post-content blockquote:last-child, .post-content table:last-child {
	margin-bottom: 0;
}
.post-content p a[target="_blank"]:after, .post-content ul a[target="_blank"]:after, .post-content ol a[target="_blank"]:after, .post-content blockquote a[target="_blank"]:after, .post-content table a[target="_blank"]:after {
	content: "\f08e";
	font-family: "FontAwesome";
}
.post-content ul, .post-content ol {
	margin-left: 2em;
}
.post-content li {
	color: #111;
	padding-bottom: 10px;
}
.post-content li:last-child {
	padding-bottom: 0;
}
.post-content li span {
	color: #111;
}
.post-content a {
	text-decoration: underline;
	word-wrap: break-word;
}
.post-content a:hover {
	text-decoration: none;
}
.post-content img {
	display: block;
	height: auto;
	/*margin: 0 auto 1em;*/
	max-width: 100%;
}
.post-content blockquote {
	background: #f2f2f2;
	font-style: italic;
	padding: 1em;
	position: relative;
	z-index: 1;
}
.post-content blockquote:before {
	color: #fff;
	content: "\f10d";
	display: inline;
	font-family: "FontAwesome";
	font-size: 4rem;
	font-size: 40px;
	left: 5px;
	line-height: 1;
	padding-right: .5em;
	position: absolute;
	top: 5px;
	z-index: -1;
}
.post-content blockquote p {
	margin-bottom: 0;
	z-index: 1;
}
.post-content hr {
	border-color: #d6d6d6;
	margin-bottom: 3em;
}
.post-content table {
	border-bottom: 1px dotted #d6d6d6;
	width: 100%;
}
.post-content table th, .post-content table td {
	display: block;
	text-align: left;
	vertical-align: top;
}
.post-content table th {
	background: #f2f2f2;
	border-bottom: 1px dotted #d6d6d6;
	border-top: 1px dotted #d6d6d6;
	padding: 10px;
	white-space: nowrap;
}
.post-content table td {
	padding: 10px 10px 20px;
}

@media only screen and (min-width: 1024px) {
.post-content table {
	display: table;
}
.post-content table th, .post-content table td {
	border-top: 1px dotted #d6d6d6;
	display: table-cell;
	padding: 16px;
	vertical-align: top;
}
.post-content table th {
	font-weight: normal;
	text-align: left;
	width: 25%;
}
}
.pager {
	border-spacing: 5px 0;
	display: table;
	margin-bottom: 40px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}
.pager span {
	display: table-cell;
	vertical-align: middle;
}
.pager span a {
	background: #727171;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-decoration: none;
	transition: .4s;
}
.pager span a:hover {
	background: #000;
}
.pager .pager-prev a::before {
	content: "\f0d9";
	font-family: "FontAwesome";
	margin-right: 10px;
}
.pager .pager-next a::after {
	content: "\f0da";
	font-family: "FontAwesome";
	margin-left: 10px;
}

@media only screen and (min-width: 1024px) {
.pager {
	display: block;
}
.pager span {
	display: inline-block;
	margin: 0 10px;
}
.pager span a {
	padding: 5px 16px;
}
}
.wp-pagenavi {
	clear: both;
	float: left;
	margin-bottom: 40px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}
.wp-pagenavi span, .wp-pagenavi a {
	background: #f2f2f2;
	border: none !important;
	border-radius: 20px;
	color: #111;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	margin: 0 8px 0 0;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
}
.wp-pagenavi a:hover {
	background: #f8d300;
	color: #fff;
}
.wp-pagenavi .current {
	background: #f8d300;
	color: #fff;
	font-weight: bold;
}
.l-header {
	background: #fff;
	height: 60px;
	position: fixed;
	top: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	width: 100%;
	z-index: 100;
}

@media screen and (min-width: 1024px) {
.l-header {
	height: 80px;
}
}
.l-header h1 {
	font-size: 2.5rem;
	font-size: 25px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

@media screen and (min-width: 768px) {
.l-header h1 {
	font-size: 3.5rem;
	font-size: 35px;
	margin-top: 10px;
}
}

@media screen and (min-width: 1024px) {
.l-header h1 {
	font-size: 4.5rem;
	font-size: 45px;
	margin-top: 0;
}
}
.l-header::after {
	clear: both;
	content: "";
	display: block;
}
.h-tel {
	line-height: 1.7em;
}
.title-cat {
	font-family: "Raleway", sans-serif;
	font-size: 2.5rem;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 40px;
	padding-top: 40px;
	text-align: center;
}
.title-section a, .title-news a, .title-page a {
	text-decoration: none;
}
.list-news {
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-ms-flex-align: start;
	margin-bottom: 20px;
}
.list-news .text-inner {
	font-size: 1.1rem;
	font-size: 11px;
	line-height: 1.3em;
}

@media screen and (min-width: 768px) {
.list-news .text-inner {
	font-size: inherit;
	line-height: inherit;
}
}
.list-news .date {
	font-size: 1.2rem;
	font-size: 12px;
}

@media screen and (min-width: 768px) {
.list-news .date {
	font-size: inherit;
}
}
.list-news .list-news-img {
	margin-right: 20px;
}

@media screen and (min-width: 768px) {
.list-news .list-news-img {
	margin-right: 0;
	overflow: hidden;
}
}
.list-news .list-news-img img {
	height: auto;
	width: 100px;
}

@media screen and (min-width: 768px) {
.list-news .list-news-img img {
	height: auto;
	width: 100%;
}
}
.list-news .list-news-img img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.section-news-home .list-news:nth-child(5) {
	margin-right: 0px;
}
.thumb-news {
	margin-right: 10px;
	transition: .4s;
}
.logo-footer {
	margin-bottom: 20px;
}
.widget {
	margin-bottom: 40px;
}
.widget a {
	display: block;
}
.widget .screen-reader-text {
	display: none;
}
.widget-title {
	border-bottom: 1px solid #d6d6d6;
	font-size: 1.6rem;
	font-size: 16px;
	font-weight: bold !important;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.4;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.widget-content ul {
	list-style: none;
	margin-left: 0px;
}
.widget-content ul li a {
	list-style: none;
	padding-top: 10px;
	position: relative;
}
.widget-content ul li a::before {
	color: #ccc;
	content: "\f105";
	display: inline;
	font-family: "FontAwesome";
	padding-right: .3em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
.widget-content ul li:first-child a {
	padding-top: 0;
}
.widget-content select {
	-webkit-appearance: pop-up;
	-moz-appearance: pop-up;
	appearance: pop-up;
	background: #f2f2f2;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	height: 40px;
	padding: 10px;
	width: 100%;
}
.widget-categories li {
	color: #111;
	padding-top: 10px;
}
.widget-categories li:first-child {
	padding-top: 0;
}
.search-field {
	-webkit-appearance: none;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	outline: none;
	padding: 8px;
	width: 75%;
}
.search-submit {
	background: #727171;
	color: #fff;
	padding: 5px 10px;
	transition: .4s;
	width: 20%;
}
.search-submit:hover {
	background: #000;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	font-size: 1.5rem;
	font-size: 15px;
	text-align: left;
}
#wp-calendar th, #wp-calendar td {
	border-top: 1px solid #d6d6d6;
	padding: 5px 0;
	vertical-align: middle;
}
#wp-calendar th {
	background: #fcf2da;
}
#wp-calendar td {
	text-align: center;
}
#wp-calendar td a {
	background: #f8d300;
	border-right: 1px solid #fff;
	color: #fff;
	display: block;
	text-decoration: none;
	transition: .4s;
}
#wp-calendar td a:hover {
	background: #f34533;
}
/* error */
.error404 .title-page {
	font-family: #f-en;
	font-weight: normal;
	margin-top: 30px;
	text-align: center;
}
.error404 .btn-more {
	margin-top: 60px;
}
/* swiper */
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 0;
	top: -30px;
}
/* swiper */
.swiper-container {
	height: 100%;
	width: 100%;
}

@media screen and (min-width: 768px) {
.swiper-container {
	display: none;
}
}
.swiper-container img {
	height: 100%;
	width: 100%;
}
.swiper-slide {
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	display: flex;
	display: -webkit-flex;
	/* Center slide text vertically */
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	font-size: 18px;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
}
.swiper-button-next, .swiper-button-prev {
	display: none;
}

@media screen and (max-width: 768px) {
.swiper-pagination-bullet {
	width: 35px !important;
}
}
.swiper-pagination-bullet-active {
	background: #52b98d !important;
	filter: alpha(opacity=100);
	opacity: 1;
}
.swiper-pagination {
	position: relative !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -5px !important;
}
/*　Slick */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}
.clear {
	clear: both;
}
.mt0 {
	margin-top: 0;
}
.mr0 {
	margin-right: 0;
}
.mb0 {
	margin-bottom: 0;
}
.ml0 {
	margin-left: 0;
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mr30 {
	margin-right: 30px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml30 {
	margin-left: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mr40 {
	margin-right: 40px;
}
.mb40 {
	margin-bottom: 40px;
}
.ml40 {
	margin-left: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mr50 {
	margin-right: 50px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml50 {
	margin-left: 50px;
}
.mt60 {
	margin-top: 60px;
}
.mr60 {
	margin-right: 60px;
}
.mb60 {
	margin-bottom: 60px;
}
.ml60 {
	margin-left: 60px;
}
.mt70 {
	margin-top: 70px;
}
.mr70 {
	margin-right: 70px;
}
.mb70 {
	margin-bottom: 70px;
}
.ml70 {
	margin-left: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mr80 {
	margin-right: 80px;
}
.mb80 {
	margin-bottom: 80px;
}
.ml80 {
	margin-left: 80px;
}
.mt90 {
	margin-top: 90px;
}
.mr90 {
	margin-right: 90px;
}
.mb90 {
	margin-bottom: 90px;
}
.ml90 {
	margin-left: 90px;
}
.mt100 {
	margin-top: 100px;
}
.mr100 {
	margin-right: 100px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml100 {
	margin-left: 100px;
}
.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pr20 {
	padding-right: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pr30 {
	padding-right: 30px;
}
.pb30 {
	padding-bottom: 30px;
}
.pl30 {
	padding-left: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pr40 {
	padding-right: 40px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl40 {
	padding-left: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pr50 {
	padding-right: 50px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl50 {
	padding-left: 50px;
}
.pt60 {
	padding-top: 60px;
}
.pr60 {
	padding-right: 60px;
}
.pb60 {
	padding-bottom: 60px;
}
.pl60 {
	padding-left: 60px;
}
.pt70 {
	padding-top: 70px;
}
.pr70 {
	padding-right: 70px;
}
.pb70 {
	padding-bottom: 70px;
}
.pl70 {
	padding-left: 70px;
}
.pt80 {
	padding-top: 80px;
}
.pr80 {
	padding-right: 80px;
}
.pb80 {
	padding-bottom: 80px;
}
.pl80 {
	padding-left: 80px;
}
.pt90 {
	padding-top: 90px;
}
.pr90 {
	padding-right: 90px;
}
.pb90 {
	padding-bottom: 90px;
}
.pl90 {
	padding-left: 90px;
}
.pt100 {
	padding-top: 100px;
}
.pr100 {
	padding-right: 100px;
}
.pb100 {
	padding-bottom: 100px;
}
.pl100 {
	padding-left: 100px;
}
/*　FatNav */
.hamburger {
	box-sizing: border-box;
	display: block;
	height: 50px;
	padding: 20px 0 0 0;
	position: fixed;
	right: 0px;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	top: 0px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	width: 50px;
	z-index: 9997;
}

@media screen and (min-width: 768px) {
.hamburger {
	padding: 30px 0 0 0;
}
}

@media only screen and (min-width: 1024px) {
.hamburger {
	display: none;
}
}
.hamburger__icon {
	margin-bottom: 10px;
	margin-top: 12px;
	position: relative;
}
.hamburger__icon:before, .hamburger__icon:after {
	content: "";
	position: absolute;
}
.hamburger__icon:before {
	top: -10px;
}
.hamburger__icon:after {
	top: 10px;
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
	background-color: #000;
	display: block;
	height: 1px;
	transition-duration: .4s;
	transition-property: background-color, transform, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, -webkit-transform;
	width: 30px;
}
.hamburger.active .hamburger__icon {
	background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
	background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
	-webkit-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
}
.fat-nav {
	background: rgba(0, 0, 0, .9);
	display: none;
	height: 100%;
	left: 0;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto;
	/*opacity: .9;*/
	padding-top: 80px;
	position: fixed;
	top: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	transition-duration: .4s;
	transition-property: transform, -webkit-transform;
	transition-property: transform;
	transition-property: -webkit-transform;
	width: 100%;
	z-index: 9996;
}
.fat-nav.active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fat-nav ul {
	margin: 0 auto;
	text-align: center;
	width: 96%;
}
.fat-nav li, .fat-nav a {
	color: #fff;
	line-height: 3.5em;
}
.fat-nav li {
	border-bottom: 1px dotted #ccc;
	font-size: 1.6rem;
	font-size: 16px;
	list-style-type: none;
	text-align: center;
}
.fat-nav li a {
	text-decoration: none;
}
.fat-nav .inner {
	display: table-cell;
	vertical-align: middle;
}
.fat-nav__wrapper {
	display: table;
	height: 100%;
	margin: auto;
	table-layout: fixed;
	width: 100%;
}

/*　スライダー　スクロール */
@media screen and (min-width: 768px) {
.scroll div {
	bottom: 100px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
}

@media screen and (min-width: 768px) {
.scroll div:before {
	content: "SCROLL";
	font-family: "Lustria", sans-serif;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	height: 0;
	left: -25px;
	letter-spacing: .1em;
	position: absolute;
	text-shadow: black 0 0 8px, black 0px 0px 8px, black 0px 0px 8px;
	top: -20px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	width: fit-content;
	z-index: 0;
}
}
.scroll div img {
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	display: none !important;
	display: block;
	margin: auto;
}

@media screen and (min-width: 768px) {
.scroll div img {
	display: inherit !important;
}
}
 @-webkit-keyframes sdb {
 0% {
 -ms-filter: "alpha( opacity=0 )";
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 20% {
 -ms-filter: "alpha( opacity=100 )";
 filter: alpha(opacity=100);
 opacity: 1;
}
 80% {
 -ms-filter: "alpha( opacity=100 )";
 filter: alpha(opacity=100);
 opacity: 1;
}
 100% {
 -ms-filter: "alpha( opacity=0 )";
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translate(0px, 10px);
}
}
 @keyframes sdb {
 0% {
 -ms-filter: "alpha( opacity=0 )";
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 20% {
 -ms-filter: "alpha( opacity=100 )";
 filter: alpha(opacity=100);
 opacity: 1;
}
 80% {
 -ms-filter: "alpha( opacity=100 )";
 filter: alpha(opacity=100);
 opacity: 1;
}
 100% {
 -ms-filter: "alpha( opacity=0 )";
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translate(0px, 10px);
 transform: translate(0px, 10px);
}
}
#loader-bg {
	background: white;
	height: 100vh;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100vw;
	z-index: 9999;
}
#loader {
 --transform: translate(-50%, -50%);
	color: #ccc;
	left: 50%;
	position: fixed;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10000;
}
.fslide.vegas-container {
	position: relative;
	top: 80px;
}

@media screen and (min-width: 768px) {
header.fslide, header.fslide .inner {
	height: calc(100vh - 0px);
}
}
.logo-area .inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100vw;
}
.logo-area {
	color: #fff;
}
.logo-area .slide-txt {
	display: none;
}

@media screen and (min-width: 768px) {
.logo-area .slide-txt {
	display: inline;
	font-size: 4rem;
	font-size: 40px;
	position: relative;
	text-shadow: black 0 0 8px, black 0px 0px 8px, black 0px 0px 8px;
	top: -50px;
}
}

@media screen and (min-width: 1024px) {
.logo-area .slide-txt {
	font-size: 5rem;
	font-size: 50px;
}
}

@media screen and (min-width: 768px) {
.logo-area .slide-txt span {
	display: inline-block;
	font-family: "Lustria", sans-serif;
	font-size: 6.5rem;
	font-size: 65px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}
}

@media screen and (min-width: 768px) and (min-width: 1024px) {
.logo-area .slide-txt span {
	font-size: 7.5rem;
	font-size: 75px;
}
}
.logo-area .slide-news {
	background: rgba(0, 0, 0, .7);
	bottom: 0;
	position: absolute;
	width: 100%;
}
.logo-area .slide-news dl {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	padding: 20px;
}
.logo-area .slide-news dl dt {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	-ms-flex-align: center;
	font-size: 1.8rem;
	font-size: 18px;
	margin-right: 40px;
	position: relative;
}
.logo-area .slide-news dl dt::after {
	background: #fff;
	content: "";
	display: block;
	height: 1px;
	margin-left: 30px;
	width: 20px;
}
.logo-area .slide-news dl dd {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	line-height: 1.9em;
}
.logo-area .slide-news dl dd .news-date {
	font-family: "Lustria", sans-serif;
	margin-right: 20px;
}
.logo-area .slide-news a {
	color: #fff;
}
.logo-area .slide-news a:hover {
	text-decoration: underline;
}
.slide-news .flex {
	justify-content: space-between;
	align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.slide-news .flex {
	display: flex;
}
}
.slide-news .c-btn-normal {
	margin-top: 0;
	text-align: left;
	width: auto;
	margin-right: 50px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.slide-news .c-btn-normal {
	margin-right: 20px;
}
}
.slide-news .c-btn-normal a {
	font-size: 16px;
	padding: 10px 30px;
}
.slide-news .c-btn-normal a:hover {
	text-decoration: none;
}
/*　top collection */
.collection {
	font-family: "Lustria", sans-serif;
}
.collection .collection-inner {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-bottom: 50px;
}
.collection .number {
	display: inline-block;
	margin-top: 10px;
	position: relative;
}
.collection .number::after {
	background-color: #fff;
	bottom: 0px;
	content: "";
	height: 1px;
	left: 50%;
	margin-left: -40px;
	position: absolute;
	width: 80px;
}

@media screen and (min-width: 768px) {
.collection .number::after {
	margin-left: -40px;
	width: 20%;
}
}
.collection h3 {
	font-size: 2.4rem;
	font-size: 24px;
	font-weight: 400;
}
.collection .price {
	font-size: 2rem;
	font-size: 20px;
}
.collection .price span {
	font-size: 1.4rem;
	font-size: 14px;
}
.collection .c-btn.c-btn-normal {
	margin-top: 100px;
}
.item-link {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
	position: relative;
}

@media only screen and (min-width: 768px) {
.item-link {
	-webkit-flex: 0 0 33.333%;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
}
}
.item-link:hover .item-link__title {
	-webkit-filter: blur(10px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: blur(10px);
	filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feGaussianBlur stdDeviation=\"10\" /></filter></svg>#filter");
	opacity: 0;
}
.item-link:hover .item-link__main {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

@media screen and (min-width: 768px) {
.item-link:hover .item-link__main p, .item-link:hover .item-link__main h3 {
	-webkit-transform: translate(0, -20px);
	transform: translate(0, -20px);
}
}

@media screen and (min-width: 768px) {
.item-link:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
}
.item-link__title--hearing {
	background: rgba(199, 167, 0, .9);
}
.item-link img {
	display: block;
	height: auto;
	transition: .8s;
	width: 100%;
}
.item-link__main {
	text-align: center;
}

@media screen and (min-width: 768px) {
.item-link__main {
	-webkit-align-items: center;
	align-items: center;
	background: rgba(0, 0, 0, .57);
	color: #fff;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-flex-align: center;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: center;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 30% 0;
	position: absolute;
	text-align: center;
	top: 0;
	transition: .8s;
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.item-link__main .c-btn .c-btn-line {
	background-color: #000;
}
}

@media screen and (max-width: 768px) {
.item-link__main .c-btn .c-btn-line::before {
	background-color: #000;
}
}
.item-link__main h3 {
	font-size: 18px !important;
	line-height: 1.6em;
}

@media screen and (min-width: 768px) {
.item-link__main h3 {
	font-size: 27px !important;
	line-height: inherit;
}
}

@media screen and (max-width: 768px) {
.item-link__main .number {
	margin-bottom: 10px;
}
}

@media screen and (max-width: 768px) {
.item-link__main .number::after {
	background-color: #000;
}
}
.item-link__main p, .item-link__main h3 {
	transition: .8s;
	width: 94%;
}

@media only screen and (min-width: 1024px) {
.item-link__main p {
	font-size: 1.6rem;
	line-height: 2.8;
	margin-bottom: 20px;
}
}

/* btn */
@-webkit-keyframes btnline {
 0% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 33% {
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 66% {
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @keyframes btnline {
 0% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 33% {
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 66% {
 -webkit-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scale(1, 1);
 transform: scale(1, 1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
.c-btn a {
	color: #fff;
	display: inline-block;
	margin-top: 40px;
	padding: 15px 40px;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	white-space: nowrap;
}
.c-btn a:hover {
/*background: rgba(255, 255, 255, 0.3);*/
}
.c-btn-line {
	background-color: white;
	bottom: 0;
	display: block;
	height: 1px;
	margin: auto;
	max-width: 30px;
	position: absolute;
	right: 10%;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10%;
}
.c-btn-line.c-black {
	background-color: #000 !important;
	right: 0;
}
.c-btn-line::before {
	background-color: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	transition: .3s ease;
	width: 10px;
}
.c-btn-line.c-black::before {
	background-color: #000;
}
a:hover .c-btn-line {
	-webkit-animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);
	animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);
}
a:hover .c-btn-line::before {
	opacity: 1;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.c-btn-text {
	color: #000 !important;
	margin-top: 10px !important;
	text-align: right;
}
.c-btn-text a {
	border: none;
	color: #000 !important;
	margin: 0 !important;
	padding: 0px 30px !important;
}
.c-center {
	text-align: center;
}
.c-center a {
	text-decoration: none;
}
.c-btn-normal {
	margin-top: 40px;
	text-align: center;
	width: 100%;
}
.c-btn-normal a {
	background: #727171;
	box-shadow: 0 0 0px transparent;
	color: #fff;
	display: inline-block;
	padding: 25px 80px;
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	transition-duration: .3s;
	transition-property: color;
	vertical-align: middle;
}
.c-btn-normal a::before {
	background: #000;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	transition-duration: .3s;
	transition-property: transform, -webkit-transform;
	transition-property: transform;
	transition-property: -webkit-transform;
	transition-timing-function: ease-out;
	z-index: -1;
}
.c-btn-normal a:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/* slick */
.shop-list {
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 1024px) {
.shop-list {
	margin: auto;
	min-width: 1100px;
	padding-left: 0;
	padding-right: 0;
}
}
.shop-list .slick-slide {
	margin: 0 10px;
}

@media screen and (min-width: 768px) {
.shop-list .slick-slide {
	margin: 0 30px;
}
}
.shop-list .slick-arrow::before {
	background: transparent;
	border-radius: 50%;
	color: #fff;
	content: "\f105";
	display: block;
	font-family: "FontAwesome";
	font-size: 30px;
	font-size: 3rem;
	height: 28px;
	line-height: 27px;
	position: relative;
	transition: .4s;
	width: 28px;
}
.shop-list .slick-prev {
	left: -25px !important;
}

@media screen and (min-width: 768px) {
.shop-list .slick-prev {
	left: 0 !important;
}
}
.shop-list .slick-next {
	right: -25px !important;
}

@media screen and (min-width: 768px) {
.shop-list .slick-next {
	right: 0 !important;
}
}
.shop-list .slick-prev, .shop-list .slick-next {
	top: 50% !important;
}
.slick-slide img {
	height: auto;
	width: 100%;
}
.slick-slider {
	box-sizing: border-box;
	display: block;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.slick-list {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: hand;
	cursor: pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	display: block;
	left: 0;
	position: relative;
	top: 0;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	border: 1px solid transparent;
	display: block;
	height: auto;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-arrow {
	background: none;
	border: none;
	color: transparent;
	cursor: pointer;
	outline: none;
	position: absolute;
	z-index: 10;
}
.slick-prev {
	left: 20px !important;
}

@media screen and (max-width: 768px) {
.slick-prev.slick-arrow {
	top: 20%;
}
}
.slick-next {
	right: 20px !important;
}

@media screen and (max-width: 768px) {
.slick-next.slick-arrow {
	top: 20%;
}
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.slick-slider {
	min-width: 100%;
}
}
.slick-slide img {
	height: auto;
	width: 100%;
}
.item-slide .slick-arrow {
	height: 28px;
	width: 28px;
}
.slick-arrow {
	background: none;
	border: none;
	color: transparent;
	cursor: pointer;
	outline: none;
	position: absolute;
	z-index: 10;
}
.collection .slick-arrow::before {
	content: url(images/arrow.svg) !important;
	display: block;
	font-family: inherit !important;
	height: 58px;
	line-height: 27px;
	position: relative;
	transition: .4s;
	width: 28px;
}
.slick-arrow:hover::before {
/*background: #FFAA17;*/
}
.slick-dots li button::before {
	color: #000 !important;
	content: "■" !important;
}
.slick-dots li.slick-active button::before {
	color: #000 !important;
	opacity: 1.0;
}
/*second*/
.eyecatch {
	position: relative;
	overflow: hidden;
	background: #000;
}
.eyecatch img {
	height: 400px;
	width: 100%;
	opacity: 0.8;
	-o-object-fit: cover;
	object-fit: cover;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.eyecatch img {
	height: 320px;
}
}

@media screen and (max-width: 768px) {
.eyecatch img {
	height: 280px;
}
}
.eyecatch .title_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	color: #fff;
	line-height: 1.5;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.eyecatch .title_wrap {
	line-height: 1.3;
}
}

@media screen and (max-width: 768px) {
.eyecatch .title_wrap {
	line-height: 1.3;
}
}
.eyecatch .page_title {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 45px;
	font-weight: 300;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.eyecatch .page_title {
	font-size: 35px;
}
}

@media screen and (max-width: 768px) {
.eyecatch .page_title {
	font-size: 27px;
}
}
.eyecatch .page_title:before, .eyecatch .page_title:after {
	content: "";
	display: block;
	height: 1px;
	background: #fff;
	width: 35px;
	margin: 0 10px;
}

@media screen and (max-width: 768px) {
.eyecatch .page_title:before, .eyecatch .page_title:after {
	width: 20px;
	margin: 0 7px;
}
}
.eyecatch .sub_title {
	text-align: center;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
.eyecatch .sub_title {
	font-size: 16px;
}
}
#breadcrumbs {
	margin: 30px 0 50px;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
#breadcrumbs {
	font-size: 12px;
}
}
/*/////second*/
/*products*/
.products {
	padding-bottom: 230px;
	margin-bottom: -240px;
}
.bd_heading {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 26px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 45px auto 0;
	font-size: 26px;
	padding: 20px 30px;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
.bd_heading {
	font-size: 18px;
	padding: 13px 20px;
}
}
p.pd_top_txt {
	line-height: 55px;
	text-align: center;
	font-size: 19px;
}

@media screen and (max-width: 768px) {
p.pd_top_txt {
	font-size: 13px;
}
}
p.pd_top_txt span {
	font-size: 16px;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.products .flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
}
.products .img_wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 30px 0 10px;
}

@media screen and (max-width: 768px) {
.products .img_wrapper {
	margin: 30px 0 70px;
}
}
.products .img_wrapper .img_wrap {
	position: relative;
	margin-bottom: 70px;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.products .img_wrapper .img_wrap {
	width: 50%;
}
}

@media screen and (max-width: 768px) {
.products .img_wrapper .img_wrap {
	margin-bottom: 30px;
}
}
.products .img_wrapper .img_wrap img {
	width: 99.9%;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.products .img_wrapper .img_wrap img {
	width: 99.7%;
}
}

@media screen and (max-width: 768px) {
.products .img_wrapper .img_wrap img {
	width: 100%;
}
}
.products .img_wrapper .img_wrap p {
	text-align: center;
	margin-top: 25px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
.products .img_wrapper .img_wrap p {
	margin-top: 5px;
	font-size: 13px;
}
}
.products .img_wrapper .img_wrap .img_none_txt {
	margin-top: auto;
	top: -28px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
.products .img_wrapper .img_wrap .hosashi {
	top: -23px;
	font-size: 13px;
}
}
.r_title {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #930D23;
	color: #fff;
	font-family: 'Lustria', serif;
	-webkit-transform: skew(-20deg);
	transform: skew(-20deg);
	font-size: 20px;
	width: 230px;
	height: 45px;
}

@media screen and (max-width: 768px) {
.r_title {
	font-size: 16px;
	width: 200px;
	height: 35px;
}
}
.r_title::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -18px;
	margin: auto;
	content: "";
	display: block;
	width: 32px;
	height: 1px;
	background: #000;
}
.point dd.point_txt {
	font-size: 16px;
	margin: 5px 0 0 30px;
	line-height: 32px;
	width: 80%;
	letter-spacing: 0;
}

@media screen and (max-width: 768px) {
.point dd.point_txt {
	font-size: 13px;
	margin: 10px 0 0;
	line-height: 25px;
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.point dt.point_title {
	padding: 0 10px;
}
}
.products_sumple {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 30px 0 40px;
	margin: 75px 0 65px;
}

@media screen and (max-width: 768px) {
.products_sumple {
	padding: 20px 10px;
	margin: 75px 0 90px;
}
}
.products_sumple .sample_title {
	border-bottom: 1px solid #000;
	font-size: 19px;
	margin-bottom: 25px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.products_sumple .sample_title {
	font-size: 16px;
	margin-bottom: 15px;
}
}
.products_sumple p.sample_txt {
	font-size: 16px;
}

@media screen and (max-width: 768px) {
.products_sumple p.sample_txt {
	font-size: 13px;
}
}
.products_sumple::before {
	position: absolute;
	top: -15px;
	right: 0;
	left: 0;
	margin: auto;
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: #000;
}
.products .img_wrap .img_none_txt {
	font-size: 16px;
	margin-top: auto;
}
div#tikuonki .img_wrap img {
	margin-right: 1px;
	width: 100%;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
div#tikuonki .img_wrap {
	width: 100%;
}
}

@media screen and (max-width: 1024px) and (min-width:768px) {
div#tikuonki .img_wrap img {
	width: 50%;
	object-fit: contain;
}
div#tikuonki .img_wrap p {
	margin-top: -50px;
}
}
/*//////products*/

/*tab*/
/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
/*タブのスタイル*/
.tab_item {
	width: 33%;
	height: 70px;
	background-color: #fff;
	line-height: 50px;
	font-size: 16px;
	color: #000;
	transition: all .3s ease;
	border: 0.5px solid #f2f2f2;
	box-sizing: border-box;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #727171 50%);
	background-position: 0 0;
	background-size: 201% auto;
}
.tab_item a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 30px;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.tab_item a {
	line-height: 23px;
	padding-left: 15px;
}
}

@media screen and (max-width: 768px) {
.tab_item a {
	padding-left: 10px;
}
}
.tab_item a:before {
	content: "\f054";
	font-family: FontAwesome;
	margin-right: 10px;
	font-size: 11px;
}
.tab_item:hover {
	background-position: -99% 0;
}
.tab_item a:hover {
	color: #fff;
}
/*選択されているタブのスタイルを変える*/
.tab_item.target_page {
	background-color: #727171;
}
.tab_item.target_page a {
	color: #fff;
}

@media screen and (max-width: 1024px) and (min-width:768px) {
.tab_item {
	font-size: 12px;
	padding-left: 15px;
}
}

@media screen and (max-width: 768px) {
.tab_item {
	font-size: 12px;
	width: 50%;
	line-height: 20px;
	padding: 10px;
}
.tab_item p:before {
	font-size: 10px;
}
}
/*/////tab*/


/*technical*/
.technical {
	padding-bottom: 230px;
	margin-bottom: -240px;
}
.technical .top_txt {
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}

@media screen and (max-width: 768px) {
.technical .top_txt {
	font-size: 13px;
	line-height: 30px;
	text-align: left;
}
}
.technical .tec_ul {
	list-style: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.technical .tec_ul {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
}
.technical .tec_ul li {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px 60px 0;
	position: relative;
	width: 29%;
	height: 300px;
	background: #fff;
	margin-top: 65px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.technical .tec_ul li {
	width: 45%;
	height: 270px;
}
}

@media screen and (max-width: 768px) {
.technical .tec_ul li {
	width: 48%;
	padding: 40px 20px 0;
	height: 200px;
}
}
.technical .tec_ul li:nth-of-type(9) .tec_dl dd p {
	padding-top: 20px;
}

@media screen and (max-width: 768px) {
.technical .tec_ul li:nth-of-type(9) .tec_dl dd p {
	padding-top: 15px;
}
}
.technical .tec_ul li .tec_dl dt p {
	position: absolute;
	top: -55px;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-family: "Barlow Condensed", serif;
	font-size: 53px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

@media screen and (max-width: 768px) {
.technical .tec_ul li .tec_dl dt p {
	font-size: 40px;
	top: -40px;
}
}
.technical .tec_ul li .tec_dl dt p::after {
	content: "";
	display: block;
	width: 23px;
	height: 2px;
	background: #000;
	margin: -10px auto 0;
}

@media screen and (max-width: 768px) {
.technical .tec_ul li .tec_dl dt p::after {
	width: 18px;
}
}

@media screen and (max-width: 768px) {
.technical .tec_ul li .tec_dl dd img {
	width: 100%;
}
}
.technical .tec_ul li .tec_dl dd p {
	padding-top: 40px;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 768px) {
.technical .tec_ul li .tec_dl dd p {
	font-size: 14px;
	padding-top: 20px;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.technical .flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
}

@media screen and (max-width: 768px) {
.technical .flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
}
/*/////technical*/

/*company*/
.company .com_top_ul {
	width: 100%;
	position: relative;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	padding: 30px 205px;
	margin-top: 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company .com_top_ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 100px;
}
}

@media screen and (max-width: 768px) {
.company .com_top_ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px 50px;
	margin-top: 0;
}
}
.company .com_top_ul::after {
	position: absolute;
	bottom: -30px;
	right: 0;
	left: 0;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	border-top: 15px solid #f2f2f2;
	border-right: 10px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid transparent;
}
.company .com_top_ul li {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
.company .com_top_ul li {
	width: 50%;
}
}
.company .com_top_ul li a {
	position: relative;
}
.company .com_top_ul li a::before {
	content: "\f054";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 11px;
	transition: .5s ease;
}
.company .com_top_ul li a::after {
	background-color: #000;
	bottom: -3px;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .3s;
	width: 0%;
}
.company .com_top_ul li a:hover::after {
	width: 100%;
}
.company #policy .ul_wrap {
	text-align: center;
}
.company #policy ul {
	display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 90px;
	list-style: none;
	text-align: center;
}
.company #policy ul li {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #policy ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
}

@media screen and (max-width: 768px) {
.company #policy ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 30px;
}
}
.company #policy ul li span {
	display: block;
	font-size: 43px;
	padding-right: 10px;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	font-family: 'Iowan Old Style', serif;
}

@media screen and (max-width: 768px) {
.company #policy ul li span {
	font-size: 23px;
	padding-right: 5px;
}
}
.company #policy ul li p {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-size: 23px;
	border-bottom: 1px solid #000;
}

@media screen and (max-width: 768px) {
.company #policy ul li p {
	padding-top: 7px;
	font-size: 15px;
	text-align: left;
}
}
.company #greeting .flex {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 60px 0;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #greeting .flex {
	margin: 30px 0;
}
}
.company #greeting .flex .img_wrap {
	margin-right: 30px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #greeting .flex .img_wrap {
	margin-right: 0;
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.company #greeting .flex .img_wrap {
	margin-right: 0;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #greeting .flex .img_wrap img {
	display: block;
	margin: auto;
}
}

@media screen and (max-width: 768px) {
.company #greeting .flex .img_wrap img {
	width: 100%;
}
}
.company #greeting .flex .img_wrap p {
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
}
.company #greeting .flex .img_wrap p span {
	padding-right: 15px;
	font-size: 16px;
}
.company #greeting .flex .txt {
	width: 575px;
	font-size: 16px;
	line-height: 50px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #greeting .flex .txt {
	width: 100%;
	margin-top: 20px;
	font-size: 14px;
	line-height: 40px;
}
}

@media screen and (max-width: 768px) {
.company #greeting .flex .txt {
	width: 100%;
	font-size: 13px;
	line-height: 30px;
	margin-top: 10px;
}
}
.company #history ul {
	list-style: none;
	margin: 20px 0 75px;
}

@media screen and (max-width: 768px) {
.company #history ul {
	margin: 0 10px 80px;
}
}
.company #history ul li {
	position: relative;
	width: 850px;
	font-size: 16px;
	margin: auto;
	padding-bottom: 35px;
	border-left: 1px solid #000;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #history ul li {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.company #history ul li {
	width: 100%;
	font-size: 14px;
	padding-bottom: 25px;
}
}
.company #history ul li:last-of-type {
	padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
.company #history ul li:last-of-type {
	padding-bottom: 10px;
}
}
.company #history ul li::before {
	position: absolute;
	top: 5px;
	left: -8px;
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: #000;
	border-radius: 50%;
	z-index: 3;
}

@media screen and (max-width: 768px) {
.company #history ul li::before {
	left: -7px;
	width: 14px;
	height: 14px;
}
}
.company #history ul li:first-of-type dl {
	position: relative;
}
.company #history ul li:first-of-type dl::before {
	position: absolute;
	top: 0;
	left: -7px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
}
.company #history ul li dl {
	padding-left: 30px;
}

@media screen and (max-width: 768px) {
.company #history ul li dl {
	padding-left: 20px;
}
}
.company #history ul li dl dt {
	width: 175px;
}
.company #overview table {
	width: 785px;
	margin: auto;
	font-size: 16px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #overview table {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.company #overview table {
	width: 100%;
	font-size: 14px;
}
}
.company #overview table tr {
	border-bottom: 1px dotted #C9CACA;
	letter-spacing: 0;
}
.company #overview table tr th {
	width: 245px;
	text-align: left;
	padding-left: 15px;
	font-weight: normal;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #overview table tr th {
	width: 20%;
	padding: 20px 0 10px 10px;
}
}

@media screen and (max-width: 768px) {
.company #overview table tr th {
	width: 100%;
	display: block;
	padding: 20px 0 10px 10px;
}
}
.company #overview table tr td {
	padding: 20px 0;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #overview table tr td {
	width: 80%;
	padding: 0 0 20px 10px;
}
}

@media screen and (max-width: 768px) {
.company #overview table tr td {
	width: 100%;
	display: block;
	padding: 0 0 20px 10px;
}
}
.company #overview table tr td ul {
	padding-left: 20px;
}
.company #overview .img {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 50px auto 80px;
	text-align: center;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.company #overview .img img {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.company #overview .img img {
	width: 100%;
}
}
.company #overview .map p {
	margin-top: 25px;
	text-align: center;
}
.company #overview .map p a {
	font-size: 14px;
	text-decoration: underline;
	transition: .5s ease;
}
.company #overview .map p a:hover {
	opacity: 0.5;
}
/*/////company*/


/*contact*/
.mw_wp_form dl {
	justify-content: center;
	align-items: flex-start;
}
.mw_wp_form dl dt {
	width: 215px;
	font-size: 16px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #000;
	padding-top: 15px;
}
.mw_wp_form dl dt .form-required {
	padding: 1px 5px;
	margin-right: 20px;
	font-size: 12px;
	color: #C30D23;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	border: 2px solid #C30D23;
	border-radius: 10%;
}
.mw_wp_form dd p {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.mw_wp_form dl .address-dt, .mw_wp_form dl .tel-dt {
	padding-left: 65px;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.mw_wp_form dl .address-dt, .mw_wp_form dl .tel-dt {
	padding-left: 0;
}
}
.tac-btn {
	text-align: center;
	display: flex;
	justify-content: space-around;
}
.tac-btn input[type="submit"] {
	width: 265px;
	height: 65px;
	background: #727171;
	color: #fff;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
	font-size: 16px;
	margin-top: 65px;
	border-radius: 0;
}

@media screen and (max-width: 768px) {
.tac-btn input[type="submit"] {
	margin: 65px 5px 0;
}
}
.tac-btn input[type="submit"]:hover {
	opacity: 0.5;
}
p.tac_confirm {
	text-align: center;
}

@media screen and (max-width: 768px) {
p.tac_confirm {
	text-align: left;
	padding-bottom: 15px;
}
}
.mw_wp_form_confirm dl dt {
	padding-top: 0;
	-webkit-flex: 0 0 35%;
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
}
.mw_wp_form_confirm dl dd {
	flex: 0 0 25%;
	width: 25%;
}
.mw_wp_form_confirm dl .address_wrap {
	flex: 0 0 25%;
	width: 25%;
}
.comp_txt {
	text-align: center;
	line-height: 35px;
}

@media screen and (max-width: 768px) {
.comp_txt {
	text-align: left;
	line-height: 30px;
	font-size: 12px;
	margin: 0 5px 0;
}
.comp_txt br {
	display: none;
}
}
/*/////contact*/

/*archive-month*/
.archive-month {
	font-size: 18px;
	margin: 10px 0 40px;
	text-align: center;
}

@media screen and (max-width: 768px) {
.archive-month {
	margin: 10px 0 15px;
}
}
/*/////archive-month*/


/*　native */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

.triming-blog img{
	  -o-object-fit: cover;
                object-fit: cover;
          	object-position: center center;
                aspect-ratio: 4 / 3;
                width: 100%;
                height: auto;
                transition: .5s;
}