@charset "utf-8";
.packs:after,
.explan:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.packs,
.explan {
zoom: 1;
}
.para_down,
.para_up {
position: relative;
}

#visualSCT {
background-color: rgba(0,0,0,0.3);
}
#visualSCT .image {
position: relative;
z-index: -1;
}
#visualSCT .slider li {
background-position: center center;
background-size: cover;
width: 100%;
height: 814px;
}

#visualSCT .pack {
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
position: absolute;
right: 5%;
top: 50%;
width: 90%;
text-align: left;
word-wrap: break-word;
color: #fff;
}
.en #visualSCT .pack {
right: 10%;
width: 80%;
text-align: center;
}
#visualSCT .pack h2 {
margin: 0 0 45px 0;
font-size: 24px;
font-weight: 400;
line-height: 1.39;
white-space: nowrap;
}
.en #visualSCT .pack h2 {
white-space: normal;
}
#visualSCT .pack p {
font-size: 12px;
line-height: 2.35;
}
@media (min-width: 376px) {
	#visualSCT .pack {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	right: 5%;
	top: 50%;
	width: 90%;
	text-align: left;
	word-wrap: break-word;
	color: #fff;
	}
	#visualSCT .pack h2 {
	margin: 0 0 45px 0;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.39;
	white-space: nowrap;
	}
}
@media (min-width: 768px) {
	#visualSCT {}
	#visualSCT .slider {}
	#visualSCT .slider li {
	background-position: center center;
	height: 915px;
	}
	#visualSCT .pack {
	right: 215px;
	width: 325px;
	text-align: left;
	}
	#visualSCT .pack h2 {
	margin: 0 0 45px 0;
	font-size: 40px;
	line-height: 1.37;
	}
	#visualSCT .pack p {
	font-size: 14px;
	line-height: 2.16;
	}
}

#ukiyoeSCT {
padding-top: 50px;
background-color: #fff;
position: relative;
margin-bottom: 70px;
}
#ukiyoeSCT .cont {}
#ukiyoeSCT .explan {
position: relative;
margin-bottom: 230px;
padding: 60px 40px;
}
#ukiyoeSCT .explan::before {
content: '';
position: absolute;
left: 90px;
top: 160px;
display: block;
background-color: #f5f5f5;
width: 100%;
height: 100%;
z-index: -1;
}
#ukiyoeSCT .explan .block {
position: relative;
z-index: 1;
}
#ukiyoeSCT .explan .catch {
margin-bottom: 18px;
font-size: 12px;
font-weight: 600;
}
#ukiyoeSCT .explan h2 {
margin-bottom: 29px;
font-size: 28px;
font-weight: 500;
line-height: 1.44;
}
.en #ukiyoeSCT .explan h2 {
font-size: 36px;
line-height: 1.3;
}
#ukiyoeSCT .explan .lead {
margin-bottom: 34px;
font-size: 14px;
line-height: 2.16;
}
#ukiyoeSCT .explan .url {
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
#ukiyoeSCT .explan .url span {
position: relative;
box-sizing: border-box;
display: inline-block;
border: solid 1px #939393;
margin-top: 21px;
padding: 11px 14px;
width: 210px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 15px;
font-weight: 700;
}
.en #ukiyoeSCT .explan .url span {
padding: 9px 14px;
font-size: 18px;
}
#ukiyoeSCT .explan .url span::before {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 15px;
content: "\f061";
margin-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
#ukiyoeSCT .packs {
background-color: #76716f;
margin-left: -40px;
width: 100%;
height: 300px;
}
#ukiyoeSCT .packs .pak2,
#ukiyoeSCT .packs .pak1 {
display: none;
}
#ukiyoeSCT .images {
position: relative;
}
#ukiyoeSCT .img1 {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
top: -490px;
}
#ukiyoeSCT .img1 img {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
display: block;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
width: auto;
height: 385px;
}
#ukiyoeSCT .img2 {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
top: -315px;
}
#ukiyoeSCT .img2 img {
-webkit-transform: translateX(85px);
transform: translateX(85px);
display: block;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
width: auto;
height: 280px;
}
@media (min-width: 768px) {
	#ukiyoeSCT {
	position: relative;
	margin-bottom: 100px;
	padding-top: 0;
	}
	#ukiyoeSCT .cont {}
	#ukiyoeSCT .explan {
	position: relative;
	margin: 0 auto;
	padding: 210px 0 35px 0;
	max-width: 1080px;
	}
	#ukiyoeSCT .explan::before {
	left: 280px;
	top: 130px;
	height: 760px;
	}
	#ukiyoeSCT .explan .block {
	padding: 0 40px 0 55%;
	}
	#ukiyoeSCT .explan .catch {
	margin-bottom: 13px;
	font-size: 16px;
	}
	#ukiyoeSCT .explan h2 {
	margin-bottom: 31px;
	}
	#ukiyoeSCT .explan .lead {
	margin-bottom: 36px;
	font-size: 14px;
	line-height: 2.3;
	}
	#ukiyoeSCT .packs {
	position: relative;
	box-sizing: border-box;
	background-color: inherit;
	margin: 0 auto;
	padding: 0 0 0 0;
	max-width: 1080px;
	height: 600px;
	}
	#ukiyoeSCT .packs .block {
	position: absolute;
	right: 57%;
	top: 0;
	background-color: #76716f;
	width: 100%;
	height: 600px;
	color: #fff;
	}
	#ukiyoeSCT .images {}
	#ukiyoeSCT .img1 {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -1180px;
	}
	#ukiyoeSCT .img1 img {
	-webkit-transform: translateX(-270px);
	transform: translateX(-270px);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	height: 765px;
	}
	#ukiyoeSCT .img2 {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -550px;
	}
	#ukiyoeSCT .img2 img {
	-webkit-transform: translateX(255px);
	transform: translateX(255px);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	height: 556px;
	}
}
@media (min-width: 1160px) {
	#ukiyoeSCT .explan .block {
	padding: 0;
	width: 440px;
	float: right;
	}
	#ukiyoeSCT .packs {
	position: relative;
	box-sizing: border-box;
	background-color: inherit;
	margin: 0 auto;
	padding: 0 0 0 0;
	max-width: 1080px;
	height: 600px;
	}
	#ukiyoeSCT .packs .block {
	position: absolute;
	right: 57%;
	top: 0;
	background-color: #76716f;
	width: 100%;
	height: 600px;
	color: #fff;
	}
	#ukiyoeSCT .packs .pak1 {
	position: absolute;
	right: 125px;
	top: 240px;
	display: block;
	width: 340px;
	}
	#ukiyoeSCT .packs .pak2 {
	position: absolute;
	right: 0;
	top: 405px;
	display: block;
	width: 340px;
	}
	#ukiyoeSCT .packs .jp .nam {
	margin-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 11px;
	font-weight: 400;
	}
	#ukiyoeSCT .packs .jp .tit {
	margin-bottom: 12px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 700;
	}
	#ukiyoeSCT .packs .en .nam {
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 400;
	}
	#ukiyoeSCT .packs .en .tit {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 500;
	}
}

#modernSCT {
position: relative;
padding-top: 50px;
}
#modernSCT .cont {}
#modernSCT .explan {
margin-bottom: 160px;
padding: 60px 40px;
position: relative;
}
#modernSCT .explan::before {
content: '';
position: absolute;
left: 145px;
top: 0;
display: block;
background-color: #f5f5f5;
width: 100%;
height: 100%;
z-index: -1;
}
#modernSCT .explan .block {
position: relative;
z-index: 3;
}
#modernSCT .explan .catch {
margin-bottom: 18px;
font-size: 12px;
font-weight: 600;
}
#modernSCT .explan h2 {
margin-bottom: 29px;
font-size: 28px;
font-weight: 500;
line-height: 1.44;
}
.en #modernSCT .explan h2 {
font-size: 36px;
line-height: 1.3;
}
#modernSCT .explan .lead {
margin-bottom: 34px;
font-size: 14px;
line-height: 2.16;
}
#modernSCT .explan .url {
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
}
#modernSCT .explan .url span {
position: relative;
box-sizing: border-box;
display: inline-block;
border: solid 1px #939393;
margin-top: 21px;
padding: 11px 14px;
width: 210px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 15px;
font-weight: 700;
}
#modernSCT .explan .url span::before {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 15px;
content: "\f061";
margin-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
#modernSCT .packs {
background-color: #ee0000;
width: 100%;
height: 400px;
}
#modernSCT .packs .pak2,
#modernSCT .packs .pak1 {
display: none;
}
#modernSCT .images {
position: relative;
}
#modernSCT .img1 {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
top: -520px;
z-index: 2;
}
#modernSCT .img1 img {
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
display: block;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
width: auto;
height: 400px;
}
#modernSCT .img2 {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
top: -265px;
z-index: 1;
}
#modernSCT .img2 img {
-webkit-transform: translateX(115px);
transform: translateX(115px);
display: block;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
width: auto;
height: 265px;
}
@media (min-width: 768px) {
	#modernSCT {
	position: relative;
	margin-bottom: 100px;
	padding-top: 0;
	}
	#modernSCT .cont {}
	#modernSCT .explan {
	position: relative;
	margin: 0 auto;
	padding: 210px 0 200px 0;
	max-width: 1080px;
	}
	#modernSCT .explan::before {
	left: 280px;
	top: 130px;
	height: 760px;
	}
	#modernSCT .explan .block {
	padding: 0 40px 0 55%;
	float: right;
	}
	#modernSCT .explan .catch {
	margin-bottom: 13px;
	font-size: 16px;
	}
	#modernSCT .explan h2 {
	margin-bottom: 31px;
	}
	#modernSCT .explan .lead {
	margin-bottom: 36px;
	font-size: 14px;
	line-height: 2.3;
	}
	#modernSCT .packs {
	position: relative;
	box-sizing: border-box;
	background-color: #ee0000;
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 400px;
	}
	#modernSCT .packs .block {
	position: relative;
	margin: 0 auto;
	width: 1080px;
	height: 400px;
	color: #fff;
	}
	#modernSCT .images {}
	#modernSCT .img1 {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -1140px;
	}
	#modernSCT .img1 img {
	-webkit-transform: translateX(-450px);
	transform: translateX(-450px);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	height: 800px;
	}
	#modernSCT .img2 {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -495px;
	}
	#modernSCT .img2 img {
	-webkit-transform: translateX(240px);
	transform: translateX(240px);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	height: 530px;
	}
}
@media (min-width: 1160px) {
	#modernSCT .explan .block {
	padding: 0;
	width: 440px;
	float: right;
	}
	#modernSCT .packs {
	position: relative;
	box-sizing: border-box;
	background-color: #ee0000;
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 400px;
	}
	#modernSCT .packs .block {
	position: relative;
	margin: 0 auto;
	width: 1080px;
	height: 400px;
	color: #fff;
	}
	#modernSCT .packs .pak1 {
	position: absolute;
	left: 0;
	top: 65px;
	display: block;
	width: 340px;
	}
	#modernSCT .packs .pak2 {
	position: absolute;
	left: 120px;
	top: 235px;
	display: block;
	width: 340px;
	}
	#modernSCT .packs .jp .nam {
	margin-bottom: 5px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 11px;
	font-weight: 400;
	}
	#modernSCT .packs .jp .tit {
	margin-bottom: 12px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 700;
	}
	#modernSCT .packs .en .nam {
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 400;
	}
	#modernSCT .packs .en .tit {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 500;
	}
}

#newsSCT {
background-color: #fff;
}
#newsSCT .cont {
margin-bottom: -40px;
padding: 40px 40px 0 40px;
}
#newsSCT h3 {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
}
#newsSCT .list {
margin-bottom: 55px;
}
#newsSCT dl {
border-bottom: solid 1px #eee;
padding: 15px 0 12px 0;
}
#newsSCT dl:last-child {
border-bottom: none;
}
#newsSCT dt {
margin-bottom: 3px;
font-size: 12px;
color: #666;
}
#newsSCT dd {
font-size: 13px;
line-height: 1.94;
}
@media (min-width: 768px) {
	#newsSCT .cont {
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: -150px;
	padding: 90px 40px 0 40px;
	max-width: 1160px;
	}
	#newsSCT h3 {
	margin-bottom: 30px;
	font-size: 24px;
	}
	#newsSCT .list {
	margin-bottom: 100px;
	}
	#newsSCT dl {
	border-bottom: solid 1px #eee;
	padding: 15px 0 12px 0;
	}
	#newsSCT dl:last-child {
	border-bottom: none;
	}
	#newsSCT dt {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.94;
	float: left;
	}
	#newsSCT dd {
	margin-left: 115px;
	font-size: 14px;
	}
}

#bannerSCT .cont {
padding: 120px 40px 25px 40px;
}
#bannerSCT .banner {
list-style: none;
}
#bannerSCT .banner li {
position: relative;
width: 100%;
margin-bottom: 50px;
padding-top: 55.988%;
font-size: 18px;
font-weight: 500;
text-align: center;
}
#bannerSCT .banner li a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
color: #fff;
}
#bannerSCT .banner li:nth-child(1) a {
background: url("../img/new_bnr1.jpg") no-repeat center center;
background-size: cover;
}
#bannerSCT .banner li:nth-child(2) a {
background: url("../img/new_bnr2.jpg") no-repeat center center;
background-size: cover;
}
#bannerSCT .banner li span {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
@media (min-width: 768px) {
	#bannerSCT .cont {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 55px 40px 100px 40px;
	max-width: 1160px;
	}
	#bannerSCT .banner li {
	position: relative;
	padding-top: 27.994%;
	margin-bottom: 0;
	width: 50%;
	max-width: 500px;
	font-size: 24px;
	}
	#bannerSCT .banner li:first-child {
	float: left;
	}
	#bannerSCT .banner li:last-child {
	float: right;
	}
}

#zaidanSCT {
position: relative;
background-color: #f5f5f5;
}
#zaidanSCT .before {
position: absolute;
left: 0;
top: 30px;
display: block;
background-color: #f5f5f5;
width: 100%;
height: 450px;
}
#zaidanSCT .after {
position: absolute;
left: 0;
top: 0;
display: block;
background: url("../img/zai_bg_sp.jpg") no-repeat left center;
background-size: cover;
width: 100%;
height: 450px;
}
#zaidanSCT .cont {
position: relative;
padding: 300px 15px 30px 15px;
z-index: 1;
}
#zaidanSCT .explan {
background-color: #fff;
padding: 50px 35px 50px 35px;
}
#zaidanSCT .explan h2 {
margin-bottom: 29px;
font-size: 28px;
font-weight: 500;
line-height: 1.44;
}
.en #zaidanSCT .explan h2 {
font-size: 32px;
line-height: 1.3;
}
#zaidanSCT .explan .lead {
margin-bottom: 34px;
font-size: 14px;
line-height: 2.16;
}
#zaidanSCT .explan .url {
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
}
#zaidanSCT .explan .url span {
position: relative;
box-sizing: border-box;
display: inline-block;
border: solid 1px #939393;
margin-top: 21px;
padding: 11px 14px;
width: 210px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 15px;
font-weight: 700;
}
#zaidanSCT .explan .url span::before {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 15px;
content: "\f061";
margin-right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
@media (min-width: 768px) {
	#zaidanSCT {
	position: relative;
	background-color: inherit;
	}
	#zaidanSCT .before {
	position: absolute;
	left: 100px;
	top: 80px;
	display: block;
	background-color: #f5f5f5;
	width: 100%;
	height: 600px;
	}
	#zaidanSCT .after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: url("../img/zai_bg.jpg") no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 600px;
	}
	#zaidanSCT .cont {
	position: relative;
	margin: 0 auto;
	padding: 90px 0 50px 0;
	max-width: 1080px;
	z-index: 1;
	}
	#zaidanSCT .explan {
	box-sizing: border-box;
	background-color: #fff;
	padding: 60px 60px 85px 60px;
	width: 550px;
	float: right;
	}
	#zaidanSCT .explan h2 {
	margin-bottom: 31px;
	}
	#zaidanSCT .explan .lead {
	margin-bottom: 36px;
	font-size: 14px;
	line-height: 2.3;
	}
}

#instagramSCT .cont {
position: relative;
padding: 45px 31px 48px 31px;
z-index: 1;
}
#instagramSCT h3 {
margin: 0 9px 13px 9px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 20px;
font-weight: 400;
}
#instagramSCT h3::before {
content: '';
position: relative;
top: 5px;
display: inline-block;
background: url("../img/icn_insta.png") no-repeat center center;
background-size: cover;
margin-right: 15px;
width: 25px;
height: 25px;
}
#instagramSCT ul {
list-style: none;
}
#instagramSCT li {
box-sizing: border-box;
width: 33.33333%;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding: 9px;
float: left;
}
#instagramSCT li:last-child {
display: none;
}
#instagramSCT li a {
position: relative;
display: block;
padding-top: 100%;
width: 100%;
overflow: hidden;
}
#instagramSCT li img {
transform: translateY(-50%) translateX(-50%);
position: absolute;
left: 50%;
top: 50%;
display: block;
width: 100%;
height: auto;
}
@media (min-width: 768px) {
	#instagramSCT .cont {
	margin: 0 auto;
	box-sizing: border-box;
	padding: 80px 40px 80px 40px;
	max-width: 1160px;
	}
	#instagramSCT h3 {
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: normal;
	}
	#instagramSCT h3::before {
	content: '';
	position: relative;
	top: 5px;
	display: inline-block;
	background: url("../img/icn_insta.png") no-repeat center center;
	background-size: cover;
	margin-right: 15px;
	width: 25px;
	height: 25px;
	}
	#instagramSCT ul {
	margin: 0 -10px;
	list-style: none;
	}
	#instagramSCT li {
	box-sizing: border-box;
	width: 20%;
	padding: 10px;
	float: left;
	}
	#instagramSCT li:last-child {
	display: block;
	}
}