@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');
#taizo { color: #000000; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; overflow: hidden; }
.container { max-width: 930px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
.container .container { padding-left: 0; padding-right: 0; }
.head { text-align: center; padding: 30px 15px; }
.head img { width: 220px; display: block; margin-left: auto; margin-right: auto; }
.link-tab { display: flex; }
.link-tab a { width: 50%; background: #e5e3e2; color: #c2c1c1!important; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 20px; letter-spacing: .05em; text-decoration: none; text-align: center; }
.link-tab a.active { background: #e6001b; color: #fff!important; }
.return_top { display: block; text-align: center; padding: 20px 15px; font-size: 26px; letter-spacing: .13em; line-height: 1; font-weight: bold; color: #000015; background: #c2c1c1; text-decoration: none; margin-top: 120px; }
.foot { background: #ffffff; padding: 50px 0; }
.foot img { display: block; }
.foot .flex { display: flex; align-items: center; justify-content: space-between; font-size: 13px; letter-spacing: .11em; }
.fv .contents { max-width: 1330px; margin-left: auto; margin-right: auto; }
.hero-slider { padding-left: 60px; padding-right: 60px; margin-bottom: 0; }
.hero-slider .arrow-prev { position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; cursor: pointer; }
.hero-slider .arrow-next { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; cursor: pointer; }
.about { padding: 90px 0; }
.about .wrapper { display: flex; flex-wrap: wrap; align-items: center; margin-left: -20px; margin-right: -20px; }
.about .wrapper .photo { width: 40%; text-align: center; padding: 20px; }
.about .wrapper .contents { width: 60%; padding: 20px; }
.about .wrapper .contents h2 { margin-bottom: 30px; }
.about .wrapper .contents p { font-size: 18px; line-height: 1.83; letter-spacing: .1em; }
.products01 { padding: 80px 0 150px; }
.products01 .main { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.products01 .main .contents { width: 400px; position: relative; z-index: 1; }
.products01 .main .contents .cards { width: 570px; background: rgba(255,255,255,.9); padding: 50px 50px 70px; }
.products01 .main .photo { width: 80%; }
.buttons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.buttons li { padding: 15px; }
.moviews { margin-top: 110px; }
.moviews .title { margin-bottom: 40px; text-align: center; }
.moviews .movie-list { display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; justify-content: center; }
.moviews .movie-list li { padding: 0 20px; width: 50%; }
.moviews .movie-list .wrap { position: relative; padding-top: 56.5%; overflow: hidden; border-radius: 15px; }
.moviews .movie-list .wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.moviews .movie-list .name { font-size: 22px; letter-spacing: .1em; margin-top: 20px; text-align: center; }
.products02 .main { display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; align-items: center; margin-bottom: 50px; }
.products02 .main .photo { width: 65%; padding: 0 30px; }
.products02 .main .contents { width: 35%; padding: 0 30px; text-align: center; }
.products02 .main .contents p { text-align: left; display: inline-block; font-family: serif; font-size: 21px; letter-spacing: .1em; line-height: 1.72; margin-top: 35px; }
.products02 dl { display: flex; border: 3px solid #c9a54d; margin: 0 auto; width: 963px; max-width: 100%; margin-bottom: 65px; }
.products02 dl dt { background: #c9a54d; width: 48%; display: flex; align-items: center; justify-content: center; }
.products02 dl dd { width: 52%; padding: 15px 25px; font-size: 18px; letter-spacing: .1em; line-height: 1.7;}
.lightbox .lb-image { border: none!important; }
.lightboxOverlay { width: 100%!important; position: fixed!important; }
@media (min-width: 768px) {
	.sp { display: none!important; }
}
@media (max-width: 767px) {
	html,
	body { min-width: 300px!important; }
	.pc { display: none!important; }
	.head { padding: 20px 15px; }
	.head img { width: 160px; }
	.link-tab a { height: 55px; font-size: 14px; }
	.return_top { font-size: 18px; padding: 15px 15px; margin-top: 40px; }
	.foot .flex { flex-wrap: wrap; }
	.foot a { width: 100%; display: block; margin-bottom: 20px; }
	.foot img { margin-left: auto; margin-right: auto; width: 130px; }
	.foot p { font-size: 10px; text-align: center; width: 100%; }

	.hero-slider { padding-left: 30px; padding-right: 30px; }
	.hero-slider .arrow-prev { height: 30px; left: 10px; }
	.hero-slider .arrow-next { height: 30px; right: 10px; }
	.about { padding: 50px 0; }
	.about .wrapper .photo { width: 100%; padding-top: 0; padding-bottom: 0; }
	.about .wrapper .photo img { width: 70%; }
	.about .wrapper .contents { width: 100%; padding-bottom: 0; }
	.about .wrapper .contents p { font-size: 14px; }
	.about .wrapper .contents h2 { margin-bottom: 20px; }
	.about .wrapper .contents h2 img { height: 60px; }
	.products01 { padding: 60px 0 60px; }
	.products01 .main { margin-bottom: 0; }
	.products01 .main { flex-wrap: wrap; }
	.products01 .main .contents { width: 100%; order: 2; }
	.products01 .main .contents .cards { width: 100%; padding: 40px 15px 30px; }
	.products01 .main .photo { width: 100%; order: 1; }
	.products02 .main { margin-bottom: 30px; }
	.products02 .main .contents { width: 100%; display: flex; flex-wrap: wrap; }
	.products02 .main .contents .l { width: 30%; padding-right: 20px; }
	.products02 .main .contents p { width: 100%; font-size: 16px; }
	.products02 .main .photo { padding: 0; width: 70%; }
	.products02 dl { flex-wrap: wrap; margin-bottom: 30px; }
	.products02 dl dt { width: 100%; padding: 15px; justify-content: flex-start; }
	.products02 dl dd { width: 100%; padding: 15px; font-size: 14px; }
	.buttons { padding: 0 15px; }
	.buttons li { padding: 8px 15px; }
	.moviews { margin-top: 50px; }
	.moviews .title { margin-bottom: 25px; }
	.moviews .movie-list li { width: 100%; margin-bottom: 30px; }
	.moviews .movie-list .name { font-size: 14px; margin-top: 10px; }
}