@charset "utf-8";

/*
	contents-style.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* common
--------------------------------------------------------------------------------------------------------*/
.pc-block { display: block!important;}
.sp-block { display: none!important;}
.pc-inlineblock { display: inline-block!important;}
.sp-inlineblock { display: none!important;}

iframe[name='google_conversion_frame'] { position: absolute; top: 0;}
article img { vertical-align: bottom; height: auto;}

#pageTop { z-index: 5;}

/* footer
--------------------------------------------------------------------------------------------------------*/
footer #footermenu .pc-f-gmenu { width: 47.0%;}
footer #footermenu .pc-f-gmenu > div {
	display: flex;
	display: -webkit-flex;
	padding-top: 11px;
}
footer #footermenu .pc-f-gmenu > div p {
	border: none;
	padding-right: 2.92vw;
}
footer #footermenu .pc-f-gmenu > div ul {
	padding: 20px 0;
}
footer #footermenu .pc-f-pmenu { width: 39.0%;}
footer #footermenu .pc-f-pmenu ul li { font-size: 1.4rem; line-height: 1.85;}

@media (max-width: 1099px) {
	footer #footermenu .pc-f-gmenu,
	footer #footermenu .pc-f-pmenu { width: 50.0%;}
}

footer #footermenu ul li img { width: auto; height: auto;}
footer .caption-open { text-align: left;}
footer .caption-open dt { cursor: pointer;}
footer .caption-open dt::before { content: '▼';}
footer .caption-open dt.active::before { content: '▲';}
footer .caption-open dd { padding-top: 1.0rem; color: #fff; display: none;}
footer .caption-open dd ul { padding-left: 0.2em;}
footer .caption-open dd ul li { list-style-type: disc; margin-left: 1.5em; font-size: 12px; line-height: 1.85;}
@media only screen and (min-width: 1100px) {
	footer .footerInner .caption-open { color: #999; width: 1100px; margin: 0px auto;}
}
@media (max-width: 1099px) {
	footer .footerInner .caption-open { padding: 0 15px;}
}
footer #navArea { height: auto;}
footer #navArea #snsArea {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
footer #navArea #snsArea .footerbnr { margin-right: 7.61vw;}
@media (max-width: 767px) {
	footer #navArea #snsArea {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	footer #navArea #snsArea .footerbnr {
		margin: 0;
		flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
	}
}


/* #g-nav
--------------------------------------------------------------------------------------------------------*/
#global-nav,
#global-nav #g-nav ul {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#global-nav {
	padding: 0 2.41vw 0 2.04vw;
	line-height: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transform: translate(0, -100.0%);
	-webkit-transform: translate(0, -100.0%);
	z-index: 110;
	opacity: 0;
}
#global-nav.on {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
#global-nav p {
	margin-right: auto;
	padding: 0.19vw 0 0.65vw;
}
#global-nav #g-nav ul li:not(:last-child) { margin-right: 2.34vw;}


/* #bnr-area
--------------------------------------------------------------------------------------------------------*/
#bnr-area .inner { padding: 1.46vw 9.21vw 2.92vw;}
#bnr-area .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#bnr-area .inner ul li img { width: 38.65vw;}

/* #select-area
--------------------------------------------------------------------------------------------------------*/
#select-area .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#select-area .inner ul li img { width: 25.47vw;}

/* gradation
--------------------------------------------------------------------------------------------------------*/
#contents-top #sec-01 .inner,
#contents-top #sec-02 .inner { position: relative;}
#contents-top #sec-01 .inner::after,
#contents-top #sec-02 .inner::after,
#contents-concept #sec-01 .inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #350005;
	background: -moz-linear-gradient(left, #350005 0, #6b000a 100%);
	background: -webkit-linear-gradient(left, #350005 0, #6b000a 100%);
	background: linear-gradient(to right, #350005 0, #6b000a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#350005', endColorstr='#6b000a',GradientType=1 );
	transform: skew(0, -4.4deg);
	-webkit-transform: skew(0, -4.4deg);
	z-index: 1;
}
#contents-top #sec-01 .inner::after { height: 12.73vw;}
#contents-top #sec-02 .inner::after { height: 15.37vw;}
#contents-concept #sec-01 .inner::after,
#contents-concept #sec-02 .inner::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 8.18vw;
	background: #490006;
	background: -moz-linear-gradient(left, #490006 0%, #92000c 100%);
	background: -webkit-linear-gradient(left, #490006 0%,#92000c 100%);
	background: linear-gradient(to right, #490006 0%,#92000c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490006', endColorstr='#92000c',GradientType=1 );
}
#contents-concept #sec-01 .inner::after {
	bottom: 3.58vw;
	transform: skew(0, -9.5deg);
	-webkit-transform: skew(0, -9.5deg);
	z-index: 3;
}
#contents-concept #sec-02 .inner::after {
	bottom: 2.19vw;
	transform: skew(0, 9.5deg);
	-webkit-transform: skew(0, 9.5deg);
	z-index: 1;
}

#contents-top #sec-01 .inner .field,
#contents-top #sec-02 .inner .field,
#contents-concept #sec-01 .inner .item {
	position: relative;
	z-index: 4;
}


/* animated fade
--------------------------------------------------------------------------------------------------------*/
.animated {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
@-webkit-keyframes fadeIn {
	from { opacity: 0;}
	to { opacity: 1;}
}
@keyframes fadeIn {
	from { opacity: 0;}
	to { opacity: 1;}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0)}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
@keyframes fadeInRight {
	0% { opacity: 0; transform: translate3d(10%, 0, 0); -webkit-transform: translate3d(10%, 0, 0);}
	to { opacity: 1; transform: none; -webkit-transform: none;}
}
@-webkit-keyframes fadeInRight {
	0% { opacity: 0; transform: translate3d(10%, 0, 0); -webkit-transform: translate3d(10%, 0, 0);}
	to { opacity: 1; transform: none; -webkit-transform: none;}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
@keyframes fadeInLeft {
	0% { opacity: 0; transform: translate3d(-10%, 0, 0); -webkit-transform: translate3d(-10%, 0, 0);}
	to { opacity: 1; transform: none; -webkit-transform: none;}
}
@-webkit-keyframes fadeInLeft {
	0% { opacity: 0; transform: translate3d(-10%, 0, 0); -webkit-transform: translate3d(-10%, 0, 0);}
	to { opacity: 1; transform: none; -webkit-transform: none;}
}
.fadeInBlur {
	-webkit-animation-name: fadeInBlur;
	animation-name: fadeInBlur;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
}
@-webkit-keyframes fadeInBlur {
	0% { opacity: 0; transform: scale(1.06); -webkit-transform: scale(1.06); filter: blur(10px); -webkit-filter: blur(10px);}
	to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
}
@keyframes fadeInBlur {
	0% { opacity: 0; transform: scale(1.06); -webkit-transform: scale(1.06); filter: blur(10px); -webkit-filter: blur(10px);}
	to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
}
#contents-top #sec-01 .inner .field ul:nth-of-type(2).fadeInUp,
#contents-top #sec-02 .inner .field .about-area .about-photo li.fadeInUp,
#contents-top #sec-03 .inner .field .about-area .about-photo li.fadeInUp { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2;}
@-webkit-keyframes fadeInUp2 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0)}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}
@keyframes fadeInUp2 {
	0% { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%,0)}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}

/*
	contents-top
-----------------------*/
#contents-top #main-photo .inner h2 { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
#contents-top #main-photo .inner h1 { opacity: 0; animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}

#contents-top #main-photo .inner h1 { display: inline-block;}

#contents-top #sec-01 .inner h2,
#contents-top #sec-01 .inner h3,
#contents-top #sec-02 .inner .title > *,
#contents-top #sec-02 .inner .field .about-area .about-photo li,
#contents-top #sec-02 .inner .field .about-area .about-more,
#contents-top #sec-03 .inner .title > *,
#contents-top #sec-03 .inner .field .about-area .about-photo li,
#contents-top #sec-03 .inner .field .about-area .about-more { opacity: 0;}

#contents-top #sec-01 .inner h3 { opacity: 0; animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}

#contents-top #sec-01 .inner .field ul,
#contents-top #sec-02 .inner .title > h2,
#contents-top #sec-03 .inner .title > h2 { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}

/*
	contents-concept
-----------------------*/
#contents-concept #concept-main .inner h2 { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
#contents-concept #concept-main .inner h1 { opacity: 0; animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}

#contents-concept #concept-main .inner h1 { display: inline-block;}

#contents-concept #sec-01 .inner h2,
#contents-concept #sec-02 .inner h2 { opacity: 0;}

#contents-concept #sec-01 .inner .item h3,
#contents-concept #sec-02 .inner .item h3 { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}

#contents-concept #sec-01 .inner .item dl,
#contents-concept #sec-02 .inner .item dl { opacity: 0; animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}

#contents-concept #sec-01 .inner .photo ul li { opacity: 0; animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}
#contents-concept #sec-02 .inner .photo ul li { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}

#contents-concept #sec-01 .inner .photo ul li.ph-02 { animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
#contents-concept #sec-02 .inner .photo ul li.ph-02 { animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}

@media (max-width: 767px) {
	.fadeInBlur {
		-webkit-animation-name: fadeInBlur;
		animation-name: fadeInBlur;
		-webkit-animation-duration: 1.2s;
		animation-duration: 1.2s;
	}
	@-webkit-keyframes fadeInBlur {
		0% { opacity: 0; transform: scale(1.04); -webkit-transform: scale(1.04); filter: blur(5px); -webkit-filter: blur(5px);}
		to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
	}
	@keyframes fadeInBlur {
		0% { opacity: 0; transform: scale(1.04); -webkit-transform: scale(1.04); filter: blur(5px); -webkit-filter: blur(5px);}
		to { opacity: 1; transform: none; -webkit-transform: none; filter: blur(0); -webkit-filter: blur(0);}
	}
	#contents-concept #concept-main .inner h2 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
	#contents-concept #concept-main .inner h3 { animation-delay: 0.7s; -webkit-animation-delay: 0.7s;}
	#contents-concept #concept-main .inner h1 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
	#contents-concept #concept-main .inner p { animation-delay: 0.9s; -webkit-animation-delay: 0.9s;}
	#contents-concept #sec-02 .inner .photo ul li { opacity: 1.0;}
	#contents-concept #sec-01 .inner .sp-ph-01 img,
	#contents-concept #sec-01 .inner .sp-ph-02 img,
	#contents-concept #sec-02 .inner .sp-ph-03 img { opacity: 0;}
	#contents-concept #sec-01 .inner .item h3,
	#contents-concept #sec-02 .inner .item h3 { opacity: 0; animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
	#contents-concept #sec-01 .inner .item dl,
	#contents-concept #sec-02 .inner .item dl { opacity: 0; animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
}


/*
	contents-top
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* article
--------------------------------------------------------------------------------------------------------*/
article#contents-top {
	background: url(../img/items/top/bg_main.jpg) no-repeat center -20px #000;
	background-size: 100% auto;
}

/* movie
--------------------------------------------------------------------------------------------------------*/
#contents-top .movie-outer {
    margin-top: -5%;
    margin-bottom: -5%;
}
#contents-top .movie {
    width: 100%;
    padding-bottom: 76.1%;
    position: relative;
    background-color: #000;
    color: #fff;
}
#contents-top .movie iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
#contents-top .movie_loading {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 300;
    text-align: center;
    line-height: 1;
}
#contents-top .movie_loading .movie_loading_inner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#contents-top .movie_loading .loading_catch {
    margin-bottom: 45px;
}
#contents-top .movie_loading .loadig_txt {
    font-size: 1.9rem;
    margin-bottom: 110px;
}
#contents-top .movie_loading .loading_icon {
    font-size: 1.6rem;
}
#contents-top .movie_loading .loading_icon img {
    margin-bottom: 18px;
}
#contents-top .movie_overlay {
    position: absolute;
    width: 100%;
    margin-top: 5%;
/*    padding-bottom: 66.1%;*/
    z-index: 100;
}
#contents-top .ytp-watermark {
    z-index: 200;
    position: absolute;
    /*    bottom: 17px;*/
    bottom: 5.89vw;
    right: 15px;
    z-index: 200;
}
#contents-top .ytp-watermark img {
    width: 73px;
    height: auto;
    vertical-align: middle;
opacity: 0.5;}
#contents-top .ytp-watermark:hover {
    opacity: 0.75;
}
#contents-top .btn_volume {
    display: inline-block;
    width: 38px;
    height: 25px;
    background: url('../img/items/top/btn_volume_off.png') no-repeat 70% center;
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 500;
    text-indent: -9999px;
    cursor: pointer;
    padding: 2.0rem 2.0rem 2.0rem 4.0rem;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
#contents-top .btn_volume.off {
}
#contents-top .btn_volume.on {
    background-image: url('../img/items/top/btn_volume_on.png');
}

/* main-photo
--------------------------------------------------------------------------------------------------------*/
#contents-top #main-photo .inner {
	padding: 1.09vw 6.88vw 2.19vw;
	text-align: center;
}
#contents-top #main-photo .inner h2 { margin-bottom: 7.61vw;}
#contents-top #main-photo .inner h1 { margin: 0 0 7.32vw 3.51vw;}
#contents-top #main-photo .inner p { text-align: left;}

#contents-top #main-photo .inner h1 img { width: 41.80vw;}
#contents-top #main-photo .inner h2 img { width: 86.09vw;}
#contents-top #main-photo .inner h3 img { width: 37.62vw;}
#contents-top #main-photo .inner p img { width: 11.49vw;}

/* main-bnr
--------------------------------------------------------------------------------------------------------*/
#contents-top #main-bnr { background-color: rgba(0, 0, 0, 0.8);}
#contents-top #main-bnr .inner { padding: 4.39vw 9.21vw;}
#contents-top #main-bnr .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: stretch;
}
#contents-top #main-bnr .inner ul li {
	margin: 0 2.18vw 2.18vw;
	flex: 0 0 44.0%;
	-webkit-flex: 0 0 44.0%;
}
#contents-top #main-bnr .inner ul li img { width: 100%; height: auto;}
#contents-top #main-bnr .inner ul li:nth-last-child(-n+2) { margin: 0 2.18vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
#contents-top #sec-01 { background-color: rgba(0, 0, 0, 0.8);}
#contents-top #sec-01.active { z-index: 100; position: relative; background-color: #000;}
#contents-top #sec-01 .inner { padding: 0 6.88vw 4.39vw;}
#contents-top #sec-01 .inner::before {
	content: '';
	position: absolute;
	bottom: -3.64vw;
	right: 0;
	width: 100%;
	height: 7.54vw;
	background: url(../img/items/top/art_sec_01.png) no-repeat right top;
	background-size: 50% auto;
	z-index: 1;
}
#contents-top #sec-01 .inner .title {
	position: absolute;
	top: 4.24vw;
	left: 8.27vw;
	z-index: 0;
}
#contents-top #sec-01 .inner .title h2 { margin-bottom: 0.95vw;}
#contents-top #sec-01 .inner .title h2 img { width: 60.46vw;}
#contents-top #sec-01 .inner .title h3 img { width: 51.02vw;}

#contents-top #sec-01 .inner .field {
	display: flex;
	display: -webkit-flex;
	align-items: baseline;
	-webkit-align-items: baseline;
}
#contents-top #sec-01 .inner .field ul {
	flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
}
_:-ms-lang(x), #contents-top #sec-01 .inner .field ul {
	flex: 0 0 38%;
	-webkit-flex: 0 0 38%;
}

#contents-top #sec-01 .inner .field ul:nth-of-type(1) { padding-left: 10.24vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(1) li:last-child { padding: 0.58vw 0 0 6.58vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(2) { padding-left: 10.76vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(2) li:last-child { padding: 0.58vw 0 0 9.00vw;}

#contents-top #sec-01 .inner .field ul:nth-of-type(1) li:nth-of-type(1) img { width: 26.28vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(1) li:nth-of-type(2) img { width: 14.64vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(2) li:nth-of-type(1) img { width: 32.65vw;}
#contents-top #sec-01 .inner .field ul:nth-of-type(2) li:nth-of-type(2) img { width: 14.49vw;}


/* page
--------------------------------------------------------------------------------------------------------*/
#contents-top #page {
	background: url(../img/items/top/bg_page.jpg) no-repeat center top #000;
	background-size: cover;
	padding: 0 0 3.77vw;
	position: relative;
}
#contents-top #page::after {
	content: '';
	position: absolute;
	bottom: -7.54vw;
	left: 0;
	width: 100%;
	height: 7.54vw;
	background-color: #000;
	transform: skew(0, 4.4deg);
	-webkit-transform: skew(0, 4.4deg);
}

/* sec-02
--------------------------------------------------------------------------------------------------------*/
#contents-top #sec-02 .inner {
	background: url(../img/items/top/bg_sec_02_item.png) no-repeat right 6.51vw;
	background-size: 57.46% auto;
	padding: 0 0 7.68vw;
}
#contents-top #sec-02 .inner .title {
	padding: 5.27vw 7.68vw 0;
	display: flex;
	display: -webkit-flex;
}
#contents-top #sec-02 .inner .title p { margin-right: 3.22vw;}
#contents-top #sec-02 .inner .title h2 { margin-top: 1.17vw;}
#contents-top #sec-02 .inner .field {
	padding: 1.68vw 0 0;
	display: flex;
	display: -webkit-flex;
}
#contents-top #sec-02 .inner .field > div { width: 50%;}
#contents-top #sec-02 .inner .field .slide-area { padding: 5.56vw 0 0;}
#contents-top #sec-02 .inner .field .slide-area img {
	width: 44.65vw;
	height: auto;
}
#contents-top #sec-02 .inner .field .about-area .about-photo { text-align: right;}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(1) {
	text-align: left;
	padding-left: 6.80vw;
}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(2) {
	margin-top: -6.44vw;
	padding-right: 6.29vw;
}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(3) {
	margin-top: -7.17vw;
	padding-right: 1.02vw;
}
#contents-top #sec-02 .inner .field .about-area .about-more {
	margin-top: -8.49vw;
	padding-left: 1.83vw;
	position: relative;
	z-index: 3;
}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items {
	padding-left: 0.73vw;
	margin-bottom: 0.80vw;
}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items p { margin-bottom: 1.09vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items h3 { margin-bottom: 1.68vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul {
	display: flex;
	display: -webkit-flex;
}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li {cursor: pointer;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li:first-child { margin-right: 2.34vw;}

#contents-top #sec-02 .inner .title p img { width: 11.71vw;}
#contents-top #sec-02 .inner .title h2 img { width: 46.41vw;}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(1) img { width: 21.96vw;}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(2) img { width: 20.49vw;}
#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(3) img { width: 45.02vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items p img { width: 20.05vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items h3 img { width: 19.98vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li:nth-of-type(1) img { width: 7.75vw;}
#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li:nth-of-type(2) img { width: 9.07vw;}
#contents-top #sec-02 .inner .field .about-area .about-more p.btn-more img { width: 22.18vw;}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
#contents-top #sec-03 .inner {
	padding: 4.09vw 0 5.49vw;
	position: relative;
}
#contents-top #sec-03 .inner::after {
	content: '';
	position: absolute;
	bottom: -7.72vw;
	right: 0;
	width: 100%;
	height: 7.54vw;
	background: url(../img/items/top/art_sec_03.png) no-repeat right top;
	background-size: 49.70% auto;
}
#contents-top #sec-03 .inner .title {
	padding: 0 8.05vw 0 5.71vw;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#contents-top #sec-03 .inner .title h2 { margin-top: 3.73vw;}
#contents-top #sec-03 .inner .field {
	display: flex;
	display: -webkit-flex;
	padding: 0 0 0 5.92vw;
}
#contents-top #sec-03 .inner .field > div { width: 50%;}
#contents-top #sec-03 .inner .field .about-area { padding: 3.00vw 0 0;}
#contents-top #sec-03 .inner .field .about-area .about-items {
	padding-left: 0.73vw;
	margin-bottom: 0.80vw;
}
#contents-top #sec-03 .inner .field .about-area .about-more {
	position: relative;
	z-index: 3;
}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items p { margin-bottom: 1.09vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items h3 { margin-bottom: 1.83vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul {
	display: flex;
	display: -webkit-flex;
}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li {cursor: pointer;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li:first-child { margin-right: 2.34vw;}
#contents-top #sec-03 .inner .field .about-area .about-more p.btn-more img { width: 22.18vw;}

#contents-top #sec-03 .inner .field .about-area .about-photo {
	text-align: right;
	margin: -9.07vw 0 0;
}
#contents-top #sec-03 .inner .field .slide-area {
	text-align: right;
	margin-top: 0;
}
#contents-top #sec-03 .inner .field .slide-area img {
	width: 44.65vw;
	height: auto;
	margin-left: auto;
}
#contents-top #sec-03 .inner .title p img { width: 11.71vw;}
#contents-top #sec-03 .inner .title h2 img { width: 49.92vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items p img { width: 20.05vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items h3 img { width: 19.91vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li:nth-of-type(1) img { width: 7.75vw;}
#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li:nth-of-type(2) img { width: 9.07vw;}
#contents-top #sec-03 .inner .field .about-area .about-photo li:nth-of-type(1) img { width: 33.82vw;}

/* slider
--------------------------------------------------------------------------------------------------------*/
#contents-top #page section .inner .field .slide-area .slick-list {
	z-index: 2;
	font-size: 0;
}
#contents-top #page section .inner .field .slide-area a.slick-arrow {
	position: absolute;
	width: 5.12vw;
	height: 5.12vw;
	background-color: #101010;
	bottom: -5.12vw;
	color: #101010;
	transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	z-index: 1;
	font-size: 0;
}
#contents-top #page section .inner .field .slide-area a.slick-arrow:hover { opacity: 0.6;}
#contents-top #page section .inner .field .slide-area a.slick-arrow::before {
	content: '';
	display: block;
	width: 2.19vw;
	height: 2.19vw;
	border-top: 2px solid #c40522;
	border-left: 2px solid #c40522;
}
#contents-top #page section .inner .field .slide-area a.slick-prev::before {
	transform: translate(80.0%, 58.0%) rotate(-45deg);
	-webkit-transform: translate(80.0%, 58.0%) rotate(-45deg);
}
#contents-top #page section .inner .field .slide-area a.slick-next::before {
	transform: translate(40.0%, 58.0%) rotate(135deg);
	-webkit-transform: translate(40.0%, 58.0%) rotate(135deg);
}
#contents-top #page #sec-02 .inner .field .slide-area a.slick-arrow { left: 0;}
#contents-top #page #sec-02 .inner .field .slide-area a.slick-next { left: 5.33vw;}
#contents-top #page #sec-03 .inner .field .slide-area a.slick-arrow { right: 0;}
#contents-top #page #sec-03 .inner .field .slide-area a.slick-prev { right: 5.33vw;}
#contents-top #page section .inner .field .slide-area .slick-dots {
	position: absolute;
    left: 0;
    bottom: -50px;
	display: block;
	width: 44.65vw;
	padding-top: 1.87vw;
	text-align: center;
}
#contents-top #page section .inner .field .slide-area .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
}
#contents-top #page section .inner .field .slide-area .slick-dots li button,
#contents-top #page section .inner .field .slide-area .slick-dots li button::before {
	width: 1.0rem;
	height: 1.0rem;
	cursor: pointer;
}
#contents-top #page section .inner .field .slide-area .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	border: 0;
	outline: none;
	background: transparent;
}
#contents-top #page section .inner .field .slide-area .slick-dots li button::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	border-radius: 50%;
	background-color: #fff;
}
#contents-top #page section .inner .field .slide-area .slick-dots li button:hover::before { background-color: #e60011;}
#contents-top #page section .inner .field .slide-area .slick-dots li.slick-active button::before { background-color: #e60011;}

@media (max-width: 767px) {
	#contents-top #page section .inner .field .slide-area .slick-dots {
		position: static;
		display: block;
		width: 100%;
		padding-top: 1.87vw;
	}
	#contents-top #page section .inner .field .slide-area .slick-dots li {
		margin: 0 2.12vw;
	}
	#contents-top #page section .inner .field .slide-area .slick-dots li button:focus::before { background-color: #fff;}
	#contents-top #page section .inner .field .slide-area .slick-dots li button:hover::before { background-color: #fff;}
	#contents-top #page section .inner .field .slide-area .slick-dots li.slick-active button:focus::before { background-color: #e60011;}
}

/* concept
--------------------------------------------------------------------------------------------------------*/
#contents-top #concept .inner {
	padding: 4.17vw 0 9.95vw 6.88vw;
	position: relative;
}
#contents-top #concept .inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7.54vw;
	background: url(../img/items/top/art_concept.png) no-repeat left top;
	background-size: 50% auto;
}
#contents-top #concept .inner h2 { padding: 0 0 0 0.58vw;}
#contents-top #concept .inner .field {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 3.54vw 0 0;
}
#contents-top #concept .inner .field p { margin: 9.22vw 2.24vw 0 0;}
#contents-top #concept .inner .field .items { width: 66.03vw;}
#contents-top #concept .inner .field .items ul {
	position: relative;
	height: 19.43vw;
}
#contents-top #concept .inner .field .items a:nth-of-type(1) ul { margin-bottom: 0.87vw;}
#contents-top #concept .inner .field .items a:nth-of-type(1) ul li { text-align: right;}
#contents-top #concept .inner .field .items ul li {
	position: relative;
	z-index: 1;
	padding: 4.17vw 4.24vw 0 2.63vw;
}
#contents-top #concept .inner .field .items a:nth-of-type(2) ul li:nth-of-type(2) { padding: 7.68vw 0 0 6.36vw;}

#contents-top #concept .inner .field .items ul li:nth-of-type(1) {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	z-index: 0;
}
#contents-top #concept .inner .field .items ul li:nth-of-type(1) img {
	width: 100%;
	height: auto;
}
#contents-top #concept .inner .field .items ul li:nth-of-type(3) { padding-top: 1.39vw;}

#contents-top #concept .inner h2 img { width: 57.83vw;}
#contents-top #concept .inner .field p img { width: 24.74vw;}
#contents-top #concept .inner .field .items a:nth-of-type(1) ul li:nth-of-type(2) img { width: 25.94vw;}
#contents-top #concept .inner .field .items a:nth-of-type(1) ul li:nth-of-type(3) img { width: 10.02vw;}
#contents-top #concept .inner .field .items a:nth-of-type(2) ul li:nth-of-type(2) img { width: 28.67vw;}
#contents-top #concept .inner .field .items a:nth-of-type(2) ul li:nth-of-type(3) img { width: 11.78vw;}




/*
	contents-concept
---------------------------------------------------------------------------------------------------------------------------------------------*/
#contents-concept {
	background-color: #000;
	overflow: hidden;
}

/* concept-main
--------------------------------------------------------------------------------------------------------*/
#contents-concept #concept-main {
	background: url(../img/items/concept/bg_main.jpg) no-repeat center top;
	background-size: cover;
}
#contents-concept #concept-main .inner {
	padding: 1.61vw 0 21.08vw;
	text-align: center;
	position: relative;
}
#contents-concept #concept-main .inner::after {
	content: '';
	position: absolute;
	background: url(../img/items/concept/bg_art.png) no-repeat center bottom;
	background-size: cover;
	bottom: -1.09vw;
	left: 0;
	width: 100%;
	height: 1.09vw;
}
#contents-concept #concept-main .inner h1 { margin-top: 3.66vw;}
#contents-concept #concept-main .inner h3 { margin-bottom: 2.19vw;}

#contents-concept #concept-main .inner h1 img { width: 44.80vw; margin-left: 2.41vw;}
#contents-concept #concept-main .inner h2 img { width: 86.38vw;}
#contents-concept #concept-main .inner h3 img { width: 32.86vw;}
#contents-concept #concept-main .inner p img { width: 36.16vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
#contents-concept #sec-01 {
	background: url(../img/items/concept/bg_sec_01.png) no-repeat center top;
	background-size: 100% auto;
}
#contents-concept #sec-01 .inner {
	padding: 4.83vw 6.95vw 13.39vw;
	position: relative;
}
#contents-concept #sec-01 .inner h2 { margin-bottom: 1.75vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(2) {
	margin-top: -3.00vw;
	padding-left: 36.82vw;
}
#contents-concept #sec-01 .inner .item:nth-of-type(1) h3 { margin-bottom: 2.34vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(2) h3 { margin-bottom: 2.78vw;}
#contents-concept #sec-01 .inner .photo ul li {
	position: absolute;
	z-index: 4;
}
#contents-concept #sec-01 .inner .photo ul li:nth-of-type(1) {
	top: 1.09vw;
	right: 1.46vw;
}
#contents-concept #sec-01 .inner .photo ul li:nth-of-type(2) {
	top: 46.92vw;
	left: 13.76vw;
}

#contents-concept #sec-01 .inner h2 img { width: 57.97vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(1) h3 img { width: 43.11vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(1) dl dt img { width: 33.16vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(1) dl dd img { width: 34.18vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(2) h3 img { width: 19.83vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(2) dl dt img { width: 17.49vw;}
#contents-concept #sec-01 .inner .item:nth-of-type(2) dl dd img { width: 28.40vw;}

#contents-concept #sec-01 .inner .photo ul li:nth-of-type(1) img { width: 38.50vw;}
#contents-concept #sec-01 .inner .photo ul li:nth-of-type(2) img { width: 26.42vw;}


/* sec-02
--------------------------------------------------------------------------------------------------------*/
#contents-concept #sec-02 {
	background: url(../img/items/concept/bg_sec_02.png) no-repeat center top;
	background-size: 100% auto;
	margin: -13.10vw 0 6.49vw;
}
#contents-concept #sec-02 .inner {
	text-align: right;
	padding: 16.39vw 6.95vw 33.82vw;
	position: relative;
}
#contents-concept #sec-02 .inner h2 { margin-bottom: 1.90vw;}
#contents-concept #sec-02 .inner h3 { margin-bottom: 1.39vw;}

#contents-concept #sec-02 .inner .photo ul li {
	position: absolute;
	z-index: 2;
}
#contents-concept #sec-02 .inner .photo ul li:nth-of-type(1) {
	top: 11.23vw;
	left: 4.53vw;
}
#contents-concept #sec-02 .inner .photo ul li:nth-of-type(2) {
	top: 47.21vw;
	left: 50.58vw;
}
#contents-concept #sec-02 .inner h2 img { width: 65.30vw;}
#contents-concept #sec-02 .inner .item h3 img { width: 39.23vw;}
#contents-concept #sec-02 .inner .item dl dt img { width: 37.33vw;}
#contents-concept #sec-02 .inner .item dl dd img { width: 37.33vw;}

#contents-concept #sec-02 .inner .photo ul li:nth-of-type(1) img { width: 38.06vw;}
#contents-concept #sec-02 .inner .photo ul li:nth-of-type(2) img { width: 32.06vw;}



/*
	contents-page-01
---------------------------------------------------------------------------------------------------------------------------------------------*/
#contents-page-01 #bnr-area { background-color: #1c1c1c;}
#contents-page-01 #bnr-area .inner { padding: 1.46vw 9.21vw;}

#contents-page-01 #page-01-main .inner::after,
#contents-page-01 #sec-01 .inner::after,
#contents-page-01 #sec-02 .inner::after,
#contents-page-01 #sec-03 .inner::after {
	content: '';
	position: absolute;
	background: url(../img/items/page01/bg_art.png) no-repeat center bottom;
	background-size: cover;
	bottom: -1.09vw;
	left: 0;
	width: 100%;
	height: 1.09vw;
}
#contents-page-01 #sec-03 .inner::after { bottom: -0.545vw;}

/* page-01-main
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #page-01-main {
	background: url(../img/items/page01/bg_main.jpg) no-repeat center top;
	background-size: cover;
}
#contents-page-01 #page-01-main .inner {
	padding: 3.66vw 6.95vw 0.73vw;
	text-align: right;
	position: relative;
}
#contents-page-01 #page-01-main .inner h2 { margin-bottom: 1.46vw;}
#contents-page-01 #page-01-main .inner p:nth-of-type(1) { margin-bottom: 1.09vw;}
#contents-page-01 #page-01-main .inner h3 { margin-bottom: 0;}
#contents-page-01 #page-01-main .inner p:nth-of-type(2){
	text-align: left;
	margin: -2.92vw 0 0 -4.39vw;
}
#contents-page-01 #page-01-main .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
#contents-page-01 #page-01-main .inner ul:nth-of-type(1) { margin-top: -2.12vw;}

#contents-page-01 #page-01-main .inner h2 img { width: 39.89vw;}
#contents-page-01 #page-01-main .inner p:nth-of-type(1) img { width: 19.03vw;}
#contents-page-01 #page-01-main .inner h3 img { width: 19.03vw;}
#contents-page-01 #page-01-main .inner ul:nth-of-type(1) li:nth-of-type(1) img { width: 47.95vw;}
#contents-page-01 #page-01-main .inner ul:nth-of-type(1) li:nth-of-type(2) img { width: 9.07vw;}
#contents-page-01 #page-01-main .inner ul:nth-of-type(2) li:nth-of-type(1) img { width: 30.96vw;}
#contents-page-01 #page-01-main .inner ul:nth-of-type(2) li:nth-of-type(2) img { width: 22.47vw;}
#contents-page-01 #page-01-main .inner p:nth-of-type(2) img { width: 12.00vw;}


/* sec-01
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #sec-01  { background-color: #1c1c1c;}
#contents-page-01 #sec-01 .inner {
	padding: 3.66vw 0 1.46vw;
	position: relative;
}
#contents-page-01 #sec-01 .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
#contents-page-01 #sec-01 .inner ul li:nth-of-type(2) { margin: 0 6.95vw 0 6.00vw;}

#contents-page-01 #sec-01 .inner ul li:nth-of-type(1) img { width: 27.37vw;}
#contents-page-01 #sec-01 .inner ul li:nth-of-type(2) img { width: 27.23vw;}
#contents-page-01 #sec-01 .inner ul li:nth-of-type(3) img { width: 15.00vw;}


/* sec-02
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #sec-02 {
	background: #1c1c1c;
	background: -moz-linear-gradient(top, #1c1c1c 0%, #000 100%);
	background: -webkit-linear-gradient(top, #1c1c1c 0%, #000 100%);
	background: linear-gradient(to bottom, #1c1c1c 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000',GradientType=0 );
}
#contents-page-01 #sec-02 .inner {
	padding: 3.66vw 0 4.17vw 6.73vw;
	display: flex;
	display: -webkit-flex;
	position: relative;
}
#contents-page-01 #sec-02 .inner .about {
	line-height: 1.0;
	margin: 0.95vw 1.09vw 0 0;
}
#contents-page-01 #sec-02 .inner .about dl {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 3.51vw auto;
	padding: 0.51vw 0 0 5.12vw;
}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) { background-image: url(../img/items/page01/ic_01.png);}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(2) { background-image: url(../img/items/page01/ic_02.png);}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(3) { background-image: url(../img/items/page01/ic_03.png);}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(4) { background-image: url(../img/items/page01/ic_04.png);}

#contents-page-01 #sec-02 .inner .about dl:not(:last-of-type) { margin-bottom: 0.87vw;}
#contents-page-01 #sec-02 .inner .about dl dt { margin-bottom: 0.87vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dt { margin-bottom: 0.21vw;}
#contents-page-01 #sec-02 .inner .about p { margin-top: 2.70vw;}

#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dt img { width: 32.28vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(2) dt img { width: 27.15vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(3) dt img { width: 17.64vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(4) dt img { width: 28.11vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dd img { width: 23.35vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(2) dd img { width: 28.69vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(3) dd img { width: 34.62vw;}
#contents-page-01 #sec-02 .inner .about dl:nth-of-type(4) dd img { width: 25.98vw;}
#contents-page-01 #sec-02 .inner .about p img { width: 24.15vw;}
#contents-page-01 #sec-02 .inner .photo img { width: 49.63vw;}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #sec-03 {
	background: url(../img/items/page01/bg_sec_03.jpg) no-repeat center top;
	background-size: 100% auto;
}
#contents-page-01 #sec-03 .inner {
	padding: 2.48vw 2.63vw 2.63vw 5.34vw;
	position: relative;
}
#contents-page-01 #sec-03 .inner h2,
#contents-page-01 #sec-03 .inner h3,
#contents-page-01 #sec-03 .inner p { text-align: right;}
#contents-page-01 #sec-03 .inner h2 { margin-top: 0; padding-right: 1.39vw;}
#contents-page-01 #sec-03 .inner h3 { padding-right: 2.34vw;}
#contents-page-01 #sec-03 .inner .item ul {
	display: flex;
	display: -webkit-flex;
}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(1) { margin-right: 18.08vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(3) { margin-top: 1.75vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) { margin-top: -1.61vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) li:nth-of-type(1) { margin: 0 22.18vw 0 -0.58vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) li:nth-of-type(2) { margin-right: 6.44vw;}
#contents-page-01 #sec-03 .inner p { padding-right: 2.34vw;}

#contents-page-01 #sec-03 .inner h3 img { width: 46.63vw;}
#contents-page-01 #sec-03 .inner h2 img { width: 51.31vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(1) img { width: 23.93vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(2) img { width: 24.96vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(3) img { width: 22.62vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) li:nth-of-type(1) img { width: 17.49vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) li:nth-of-type(2) img { width: 22.47vw;}
#contents-page-01 #sec-03 .inner .item ul:nth-of-type(2) li:nth-of-type(3) img { width: 19.83vw;}
#contents-page-01 #sec-03 .inner p img { width: 15.88vw;}


/* sec-04
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #sec-04 {
	background: url(../img/items/page01/bg_sec_04.jpg) no-repeat 29.50vw bottom #000;
	background-size: 40.92vw auto;
}
#contents-page-01 #sec-04 .inner {
	padding: 2.48vw 0 1.90vw 6.95vw;
	position: relative;
}
#contents-page-01 #sec-04 .inner .icon {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin: 0 0 0.51vw -0.87vw;
}
#contents-page-01 #sec-04 .inner .icon p { margin-right: 0.43vw;}
#contents-page-01 #sec-04 .inner .about { line-height: 1.0;}
#contents-page-01 #sec-04 .inner .about dl {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 3.51vw auto;
	padding: 0.65vw 0 0 4.17vw;
}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(1) { background-image: url(../img/items/page01/ic_01.png);}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(2) { background-image: url(../img/items/page01/ic_02.png);}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(3) { background-image: url(../img/items/page01/ic_03.png);}
#contents-page-01 #sec-04 .inner .about dl:not(:last-of-type) { margin-bottom: 1.24vw;}
#contents-page-01 #sec-04 .inner .about dl dt { margin-bottom: 1.09vw;}
#contents-page-01 #sec-04 .inner .about .get-links {
	width: 32.72vw;
	margin: 2.04vw auto 0 0;
	border: 1px solid #b3b3b3;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 1.31vw 5.05vw 1.31vw 3.95vw;
}
#contents-page-01 #sec-04 .inner .about .get-links ul {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#contents-page-01 #sec-04 .inner .about .get-links ul li:nth-of-type(1) { margin-right: 0;}
#contents-page-01 #sec-04 .inner .about .photo {
	position: absolute;
	left: 69.25vw;
	bottom: 2.04vw;
}

#contents-page-01 #sec-04 h2 img { width: 86.31vw;}
#contents-page-01 #sec-04 .inner .icon p img { width: 9.07vw;}
#contents-page-01 #sec-04 .inner .icon h3 img { width: 29.06vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(1) dt img { width: 20.13vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(2) dt img { width: 17.71vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(3) dt img { width: 19.10vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(1) dd img { width: 18.51vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(2) dd img { width: 16.17vw;}
#contents-page-01 #sec-04 .inner .about dl:nth-of-type(3) dd img { width: 28.55vw;}
#contents-page-01 #sec-04 .inner .about .get-links ul:nth-of-type(1) li:nth-of-type(1) img { width: 10.83vw;}
#contents-page-01 #sec-04 .inner .about .get-links ul:nth-of-type(1) li:nth-of-type(2) img { width: 10.83vw;}
#contents-page-01 #sec-04 .inner .about .get-links ul:nth-of-type(2) li:nth-of-type(1) img { width: 9.66vw;}
#contents-page-01 #sec-04 .inner .about .get-links ul:nth-of-type(2) li:nth-of-type(2) img { width: 9.66vw;}
#contents-page-01 #sec-04 .inner .about .photo img { width: 24.15vw;}

/* sec-05
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #sec-05 {
	background-color: #eee;
	line-height: 1.0;
}
#contents-page-01 #sec-05 .inner { padding: 1.83vw 6.95vw 2.19vw;}
#contents-page-01 #sec-05 .inner h2 { margin-bottom: 1.61vw;}
#contents-page-01 #sec-05 .inner dl {
	display: flex;
	display: -webkit-flex;
	align-items: baseline;
	-webkit-align-items: baseline;
}
#contents-page-01 #sec-05 .inner dl:nth-of-type(1) { margin-bottom: 1.09vw;}
#contents-page-01 #sec-05 .inner dl dt { margin-right: 0.87vw;}

#contents-page-01 #sec-05 .inner h2 img { width: 8.41vw;}
#contents-page-01 #sec-05 .inner dl:nth-of-type(1) dt img { width: 20.57vw;}
#contents-page-01 #sec-05 .inner dl:nth-of-type(1) dd img { width: 33.82vw;}
#contents-page-01 #sec-05 .inner dl:nth-of-type(2) dt img { width: 20.20vw;}
#contents-page-01 #sec-05 .inner dl:nth-of-type(2) dd img { width: 15.22vw;}


/* select-area
--------------------------------------------------------------------------------------------------------*/
#contents-page-01 #select-area {
	background: url(../img/items/page01/bg_select.jpg) no-repeat center top;
	background-size: cover;
}
#contents-page-01 #select-area .inner { padding: 4.31vw 0 3.29vw;}
#contents-page-01 #select-area .inner ul {
	justify-content: center;
	-webkit-justify-content: center;
}
#contents-page-01 #select-area .inner ul li { margin-left: 0.36vw;}


/*
	contents-page-02
---------------------------------------------------------------------------------------------------------------------------------------------*/
#contents-page-02 #bnr-area .inner { padding: 1.46vw 9.21vw;}

#contents-page-02 #page-02-main .inner::after,
#contents-page-02 #sec-01 .inner::after,
#contents-page-02 #sec-02 .inner::after {
	content: '';
	position: absolute;
	background: url(../img/items/page02/bg_art.png) no-repeat center bottom;
	background-size: cover;
	bottom: -1.09vw;
	left: 0;
	width: 100%;
	height: 1.09vw;
}

/* page-02-main
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #page-02-main {
	background: url(../img/items/page02/bg_main.jpg) no-repeat center top;
	background-size: cover;
	line-height: 1.0;
}
#contents-page-02 #page-02-main .inner {
	padding: 3.80vw 6.95vw 3.14vw;
	text-align: right;
	position: relative;
}
#contents-page-02 #page-02-main .inner h2 { margin-bottom: 4.31vw;}
#contents-page-02 #page-02-main .inner p:nth-of-type(1) { margin-bottom: 1.09vw;}
#contents-page-02 #page-02-main .inner h3 { margin-bottom: 1.17vw;}
#contents-page-02 #page-02-main .inner p:nth-of-type(2){
	text-align: left;
	margin: -4.68vw 0 0 -4.53vw;
}
#contents-page-02 #page-02-main .inner ul {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
#contents-page-02 #page-02-main .inner ul:nth-of-type(1) { margin-bottom: 0;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(1) li:nth-of-type(1) { margin: -8.19vw 19.25vw 0 0;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(2) li:nth-of-type(1) { margin-right: 1.90vw;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(2) li:nth-of-type(2) { margin-right: -1.53vw;}

#contents-page-02 #page-02-main .inner h2 img { width: 43.19vw;}
#contents-page-02 #page-02-main .inner p:nth-of-type(1) img { width: 19.03vw;}
#contents-page-02 #page-02-main .inner h3 img { width: 19.03vw;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(1) li:nth-of-type(1) img { width: 27.37vw;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(1) li:nth-of-type(2) img { width: 9.07vw;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(2) li:nth-of-type(1) img { width: 21.22vw;}
#contents-page-02 #page-02-main .inner ul:nth-of-type(2) li:nth-of-type(2) img { width: 20.86vw;}
#contents-page-02 #page-02-main .inner p:nth-of-type(2) img { width: 12.00vw;}



/* sec-02
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #sec-01 {
	background: #1c1c1c;
	background: -moz-linear-gradient(top, #1c1c1c 0%, #000 100%);
	background: -webkit-linear-gradient(top, #1c1c1c 0%, #000 100%);
	background: linear-gradient(to bottom, #1c1c1c 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000',GradientType=0 );
}
#contents-page-02 #sec-01 .inner {
	padding: 1.31vw 0 2.70vw 6.95vw;
	display: flex;
	display: -webkit-flex;
	position: relative;
}
#contents-page-02 #sec-01 .inner .about {
	line-height: 1.0;
	padding-top: 6.44vw;
	margin-right: 3.00vw;
}
#contents-page-02 #sec-01 .inner .about dl {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 3.51vw auto;
	padding: 0.65vw 0 0 5.12vw;
}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) { background-image: url(../img/items/page02/ic_01.png);}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(2) { background-image: url(../img/items/page02/ic_02.png);}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(3) { background-image: url(../img/items/page02/ic_03.png);}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(4) { background-image: url(../img/items/page02/ic_04.png);}

#contents-page-02 #sec-01 .inner .about dl:not(:last-of-type) { margin-bottom: 0.87vw;}
#contents-page-02 #sec-01 .inner .about dl dt { margin-bottom: 0.87vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dt { margin-bottom: 0.21vw;}
#contents-page-02 #sec-01 .inner .about p { margin-top: 4.02vw;}

#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dt img { width: 32.79vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(2) dt img { width: 24.59vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(3) dt img { width: 27.15vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(4) dt img { width: 28.11vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dd img { width: 23.35vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(2) dd img { width: 28.11vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(3) dd img { width: 28.69vw;}
#contents-page-02 #sec-01 .inner .about dl:nth-of-type(4) dd img { width: 25.98vw;}
#contents-page-02 #sec-01 .inner .about p img { width: 24.15vw;}
#contents-page-02 #sec-01 .inner .photo img { width: 44.80vw;}

/* sec-02
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #sec-02 {
	background: url(../img/items/page02/bg_sec_02.jpg) no-repeat center top;
	background-size: cover;
	margin-top: 1.09vw;
}
#contents-page-02 #sec-02 .inner {
	text-align: right;
	position: relative;
	padding: 0.95vw 2.78vw 0 2.85vw;
}
#contents-page-02 #sec-02 .inner .item { margin-top: -9.07vw;}
#contents-page-02 #sec-02 .inner .item ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#contents-page-02 #sec-02 .inner .item ul li:nth-of-type(2) {
	margin: 4.68vw -1.61vw 0 0;
	padding-right: 0;
}
#contents-page-02 #sec-02 .inner p { padding-right: 1.46vw;}

#contents-page-02 #sec-02 .inner h2 img { width: 36.53vw;}
#contents-page-02 #sec-02 .inner .item ul li:nth-of-type(1) img { width: 29.79vw;}
#contents-page-02 #sec-02 .inner .item ul li:nth-of-type(2) img { width: 40.33vw;}
#contents-page-02 #sec-02 .inner p img { width: 22.47vw;}


/* sec-03
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #sec-03 .inner {
	position: relative;
	display: flex;
	display: -webkit-flex;
	padding: 1.02vw 0 0 0;
}
#contents-page-02 #sec-02 .inner::after { z-index: 3;}
#contents-page-02 #sec-03 .inner .field {
	position: relative;
	height: 35.87vw;
}
#contents-page-02 #sec-03 .inner .field:nth-of-type(1) {
	flex-basis: 50%;
	-webkit-flex-basis: 50%;
	z-index: 1;
}
#contents-page-02 #sec-03 .inner .field:nth-of-type(2) {
	flex-basis: 57.46%;
	-webkit-flex-basis: 57.46%;
	z-index: 2;
	margin-left: -5.46%;
	overflow: hidden;
}
_:-ms-lang(x), #contents-page-02 #sec-03 .inner .field:nth-of-type(2) { margin-left: -5.0%;}
#contents-page-02 #sec-03 .inner .field ul li:nth-of-type(1) {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#contents-page-02 #sec-03 .inner .field ul li:nth-of-type(2) {
	position: relative;
	z-index: 4;
}
#contents-page-02 #sec-03 .inner .field:nth-of-type(1) ul li:nth-of-type(2) { padding: 27.15vw 0 0 6.00vw;}
#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul li:nth-of-type(2) { padding: 10.76vw 0 0 7.61vw;}

#contents-page-02 #sec-03 .inner .field:nth-of-type(1) ul li:nth-of-type(1) img { width: 53.66vw;}
#contents-page-02 #sec-03 .inner .field:nth-of-type(1) ul li:nth-of-type(2) img { width: 28.55vw;}
#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul li:nth-of-type(1) img { width: 55.71vw;}
#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul li:nth-of-type(2) img { width: 31.25vw;}


/* sec-04
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #sec-04 {
	background-color: #eee;
	line-height: 1.0;
}
#contents-page-02 #sec-04 .inner { padding: 2.04vw 6.95vw 2.41vw 6.58vw;}
#contents-page-02 #sec-04 .inner h2 { margin-bottom: 1.61vw;}
#contents-page-02 #sec-04 .inner dl {
	display: flex;
	display: -webkit-flex;
	align-items: baseline;
	-webkit-align-items: baseline;
	margin-bottom: 1.09vw;
}
#contents-page-02 #sec-04 .inner dl dt { margin-right: 0.87vw;}
#contents-page-02 #sec-04 .inner dl:last-child { margin-bottom: 0;}
#contents-page-02 #sec-04 .inner dl:last-child dt { margin-right: 1.46vw;}
#contents-page-02 #sec-04 .inner dl:last-child dd { padding-left: 0;}

#contents-page-02 #sec-04 .inner h2 img { width: 8.41vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(1) dt img { width: 20.57vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(1) dd img { width: 33.74vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(2) dt img { width: 20.20vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(3) dt img { width: 36.08vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(3) dd img { width: 10.46vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(4) dt img { width: 25.18vw;}
#contents-page-02 #sec-04 .inner dl:nth-of-type(4) dd img { width: 39.67vw;}



/* select-area
--------------------------------------------------------------------------------------------------------*/
#contents-page-02 #select-area {
	background: url(../img/items/page02/bg_select.jpg) no-repeat center top;
	background-size: cover;
}
#contents-page-02 #select-area .inner { padding: 4.31vw 0 3.29vw;}
#contents-page-02 #select-area .inner ul {
	justify-content: center;
	-webkit-justify-content: center;
}
#contents-page-02 #select-area .inner ul li { margin-left: 0.36vw;}




/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
/* common
--------------------------------------------------------------------------------------------------------*/
	.pc-block { display: none!important;}
	.sp-block { display: block!important;}
	.pc-inlineblock { display: none!important;}
	.sp-inlineblock { display: inline-block!important;}

	article img { max-width: 100%; height: auto;}
	article img.sp-block { margin: 0 auto;}

/* footer
--------------------------------------------------------------------------------------------------------*/
	footer #footermenu .pc-f-gmenu,
	footer #footermenu .pc-f-pmenu { width: 100.0%;}
	footer #footermenu .pc-f-gmenu { text-align: center; padding: 0 15px; margin-bottom: 20px;}
	footer #footermenu .pc-f-gmenu > div {
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 0;
		text-align: center;
	}
	footer #footermenu .pc-f-gmenu > div p { margin: 0; padding: 37px 0 0;}
	footer #footermenu .pc-f-gmenu > div p img { width: 20.625vw;}
	footer #footermenu .caption-open { margin-bottom: 10px;}
	footer #footermenu .caption-open ul li { line-height: 1.85;}

/* global-nav
--------------------------------------------------------------------------------------------------------*/
	#global-nav { transform: none;}
	#global-nav .global-logo { display: none;}
	#global-nav #sptoggle {
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
		width: 42px;
		height: 42px;
		border-radius: 2px;
		background-color: rgba(0, 0, 0, 0.9);
		cursor: pointer;
		z-index: 1;
	}
	#global-nav #sptoggle span {
		position: absolute;
		left: 11px;
		width: 20px;
		height: 1px;
		background-color: #fff;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}
	#global-nav #sptoggle span:nth-of-type(1) { top: 12px;}
	#global-nav #sptoggle span:nth-of-type(2) { top: 20px;}
	#global-nav #sptoggle span:nth-of-type(3) { top: 28px;}
	#global-nav #sptoggle.active span:nth-of-type(1) {
		transform: translate(0, 8px) rotate(-45deg);
		-webkit-transform: translate(0, 8px) rotate(-45deg);
	}
	#global-nav #sptoggle.active span:nth-of-type(2) {
		opacity: 0;
	}
	#global-nav #sptoggle.active span:nth-of-type(3) {
		transform: translate(0, -8px) rotate(45deg);
		-webkit-transform: translate(0, -8px) rotate(45deg);
	}

	#global-nav #g-nav {
		position: fixed;
		top: 0;
		right: -70.0vw;
		width: 70.0vw;
		height: 100%;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}
	#global-nav #g-nav.active {
		right: 0;
	}
	#global-nav #g-nav ul {
		background-color: #fff;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		padding: 7.2rem 0 1.5rem;
	}
	#global-nav #g-nav ul li {
		width: 100%;
	}
	#global-nav #g-nav ul li:not(:last-child) {
		margin: 0;
	}
	#global-nav #g-nav ul li:first-child a { padding: 0 0 1.5rem; text-align: center;}
	#global-nav #g-nav ul li a {
		padding: 2.0rem 0 2.0rem 3.0rem;
		display: block;
	}

/* #bnr-area
--------------------------------------------------------------------------------------------------------*/
/*
	#bnr-area .inner { padding: 9.375vw 3.125vw 4.6875vw;}
	#bnr-area .inner ul li img { width: 45.3125vw;}
*/
	#bnr-area .inner { padding: 9.375vw 15px 4.6875vw;}
	#bnr-area .inner ul li { flex: 0 0 48.5%; -webkit-flex: 0 0 48.5%; }
	#bnr-area .inner ul li img { width: 100%;}

/* #select-area
--------------------------------------------------------------------------------------------------------*/
	#select-area .inner ul { flex-direction: column; -webkit-flex-direction: column;}
	#select-area .inner ul li:first-child { margin-bottom: 0.78125vw;}
	#select-area .inner ul li img { width: 98.125vw;}


/* gradation
--------------------------------------------------------------------------------------------------------*/
	#contents-top #sec-01 .inner::after { height: 19.53125vw;}
	#contents-top #sec-02 .inner::after { height: 33.75vw; bottom: 5.15625vw;}


/*
	contents-top
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* article
--------------------------------------------------------------------------------------------------------*/
	article#contents-top {
		background: url(../img/items/sp/top/bg_main.jpg) no-repeat center top #000;
		background-size: 100% auto;
	}

/* movie
--------------------------------------------------------------------------------------------------------*/
	#contents-top .movie-outer {
		margin: 0;
	}
	#contents-top .movie {
	    width: 100%;
	    padding-bottom: 92.5%;
	    position: relative;
	    background-color: #000;
	    z-index: 500;
	    color: #fff;
	}
	#contents-top .movie iframe {
	    position: absolute;	    
	    width: 100%;
	    height: 100%;
	    z-index: 100;
	}
	#contents-top .movie_loading {
	    display: none;
	}
	#contents-top .btn_volume {
		right: auto;
	    bottom: auto;
	    right: 3.125vw;
	}
	#contents-top .movie_overlay {
		/*z-index: 1;*/
	}
	#contents-top .ytp-watermark {
		display: none;
	}


/* main-photo
--------------------------------------------------------------------------------------------------------*/
	#contents-top #main-photo .inner { padding: 1.875vw 0 4.375vw;}
	#contents-top #main-photo .inner h1 { margin: 9.0625vw 0 10.15625vw 2.1875vw;}
	#contents-top #main-photo .inner h2 { margin: 0;}
	#contents-top #main-photo .inner h1 img { width: 54.21875vw;}
	#contents-top #main-photo .inner h2 img { width: 99.21875vw;}
	#contents-top #main-photo .inner h3 img { width: 43.125vw;}
	#contents-top #main-photo .inner p { padding-left: 3.125vw;}
	#contents-top #main-photo .inner p img { width: 31.25vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
	#contents-top #sec-01.active { z-index: 1;}
	#contents-top #sec-01 .inner { padding: 7.03125vw 3.125vw 8.4375vw;}


	#contents-top #sec-01 .inner .title { position: static;}
	#contents-top #sec-01 .inner .title h2 img { width: 85.9375vw;}

	#contents-top #sec-01 .inner .field { margin-top: -13.75vw; align-items: flex-end; -webkit-align-items: flex-end;}

	#contents-top #sec-01 .inner .field ul:nth-of-type(1),
	#contents-top #sec-01 .inner .field ul:nth-of-type(2) { padding: 0;}
	#contents-top #sec-01 .inner .field ul:nth-of-type(1) { flex: 0 0 47%;}
	#contents-top #sec-01 .inner .field ul:nth-of-type(2) { flex: 0 0 53%;}
	#contents-top #sec-01 .inner .field ul:nth-of-type(1) li:last-child,
	#contents-top #sec-01 .inner .field ul:nth-of-type(2) li:last-child { padding: 0;}
	#contents-top #sec-01 .inner .field ul:nth-of-type(1) li:nth-of-type(1) img { width: 40.0vw;}
	#contents-top #sec-01 .inner .field ul:nth-of-type(2) li:nth-of-type(1) img { width: 39.375vw; margin: 0 0 0 auto;}

	
/* sec-02
--------------------------------------------------------------------------------------------------------*/
	#contents-top #sec-02 .inner {
		background: url(../img/items/sp/top/bg_sec_02_item.png) no-repeat right 5.0vw;
		background-size: 74.84375vw auto;
		padding: 0 0 3.125vw;
	}
	#contents-top #sec-02 .inner .title,
	#contents-top #sec-02 .inner .field { flex-direction: column; -webkit-flex-direction: column;}
	#contents-top #sec-02 .inner .title { padding: 8.75vw 0 0; text-align: center;}
	#contents-top #sec-02 .inner .title p { margin-right: 0;}
	#contents-top #sec-02 .inner .title p img { width: 17.1875vw;}
	#contents-top #sec-02 .inner .title h2 { margin-top: 4.84375vw;}
	#contents-top #sec-02 .inner .title h2 img { width: 86.875vw;}
	#contents-top #sec-02 .inner .field { padding: 0;}
	#contents-top #sec-02 .inner .field > div { width: 100%;}
	#contents-top #sec-02 .inner .field .slide-area { padding: 2.65625vw 0 0;}
	#contents-top #sec-02 .inner .field .slide-area img { width: 100%; height: auto;}
	#contents-top #sec-02 .inner .field .about-area .about-more { margin-top: 0; padding-left: 0;}
	#contents-top #sec-02 .inner .field .about-area .about-photo { margin-top: 9.375vw;}
	#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(1) { text-align: right; padding: 0;}
	#contents-top #sec-02 .inner .field .about-area .about-photo li:nth-of-type(1) img { width: 97.03125vw;}

	#contents-top #sec-02 .inner .field .about-area .about-more .about-items { padding: 0 0 0 7.5vw; margin: -20.0vw 0 0;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items p { margin-bottom: 2.03125vw;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items h3 { margin-bottom: 0;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul {display: block;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li:nth-of-type(1) img,
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items ul li:nth-of-type(2) img {width: 28.125vw;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items p img { width: 47.96875vw;}
	#contents-top #sec-02 .inner .field .about-area .about-more .about-items h3 img { width: 47.8125vw;}
	#contents-top #sec-02 .inner .field .about-area .about-more p.btn-more { margin-top: 7.34375vw; text-align: center;}
	#contents-top #sec-02 .inner .field .about-area .about-more p.btn-more img { width: 88.75vw;}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
	#contents-top #sec-03 .inner { padding: 12.5vw 0 9.375vw;}
	#contents-top #sec-03 .inner .title,
	#contents-top #sec-03 .inner .field { flex-direction: column; -webkit-flex-direction: column;}
	#contents-top #sec-03 .inner .title { padding: 0; text-align: center;}
	#contents-top #sec-03 .inner .title p { margin-right: 0;}
	#contents-top #sec-03 .inner .title p img { width: 17.1875vw;}
	#contents-top #sec-03 .inner .title h2 { margin-top: 4.21875vw; order: 1; -webkit-order: 1;}
	#contents-top #sec-03 .inner .title h2 img { width: 93.75vw;}
	#contents-top #sec-03 .inner .field { padding: 0;}

	#contents-top #sec-03 .inner .field > div { width: 100%;}
	#contents-top #sec-03 .inner .field .slide-area { margin: 3.59375vw 0 0 0; text-align: center;}
	#contents-top #sec-03 .inner .field .slide-area img { width: 100%; height: auto;}
	#contents-top #sec-03 .inner .field .about-area { padding: 0;}
	#contents-top #sec-03 .inner .field .about-area .about-photo { margin: 7.8125vw 0 0; padding: 0; text-align: center;}
	#contents-top #sec-03 .inner .field .about-area .about-photo li:nth-of-type(1) img { width: 62.34375vw;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul {display: block;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li {width: 28.125vw;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li:nth-of-type(2) img {width: 100%;}
	#contents-top #sec-03 .inner .field .about-area .about-more { padding: 2.8125vw 0 0;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items { padding: 0 7.5vw; margin: 0; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; justify-content: space-between; -webkit-justify-content: space-between;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items p,
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items h3 { margin: 0;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items .about-title { line-height: 1.0;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items .about-title p { margin-bottom: 3.28125vw;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items .about-title p img { width: 47.96875vw; vertical-align: top;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items .about-title h3 img { width: 47.96875vw; vertical-align: top;}
	#contents-top #sec-03 .inner .field .about-area .about-more .about-items ul li:nth-of-type(1) img { width: 28.125vw;}
	#contents-top #sec-03 .inner .field .about-area .about-more p.btn-more { margin-top: 3.75vw; text-align: center;}
	#contents-top #sec-03 .inner .field .about-area .about-more p.btn-more img { width: 88.75vw;}


/* slider
--------------------------------------------------------------------------------------------------------*/
	#contents-top #page section .inner .field .slide-area .slick-dots {
		position: static;
		display: block;
		width: 100%;
		padding-top: 1.87vw;
	}
	#contents-top #page section .inner .field .slide-area .slick-dots li {
		margin: 0 2.12vw;
	}

/* concept
--------------------------------------------------------------------------------------------------------*/
	#contents-top #concept .inner { padding: 1.25vw 0 18.4375vw;}
	#contents-top #concept .inner .title { padding: 0 3.125vw;  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
	#contents-top #concept .inner .title h2 { margin-top: 6.875vw; padding: 0;}

	#contents-top #concept .inner .title p img { width: 32.1875vw;}
	#contents-top #concept .inner .title h2 img { width: 59.6875vw;}
	#contents-top #concept .inner .field ul li:first-child { margin-bottom: 2.8125vw;}
	#contents-top #concept .inner .field ul li img { width: 100.0vw;}

/*
	contents-concept
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* concept-main
--------------------------------------------------------------------------------------------------------*/
	#contents-concept #concept-main { background-image: url(../img/items/sp/concept/bg_main.jpg); background-size: cover;}
	#contents-concept #concept-main .inner { padding: 0 0 14.53125vw;}
	#contents-concept #concept-main .inner::after { background-image: url(../img/items/sp/concept/bg_art.png); bottom: -2.34375vw; height: 2.34375vw;}
	#contents-concept #concept-main .inner h1 { margin: 3.125vw 0 0 1.09375vw;}
	#contents-concept #concept-main .inner h3 { margin: -2.96875vw 0 2.19vw;}

	#contents-concept #concept-main .inner h1 img { width: 60.46875vw; margin-left: 2.8125vw;}
	#contents-concept #concept-main .inner h2 img { width: 92.1875vw;}
	#contents-concept #concept-main .inner h3 img { width: 47.65625vw;}
	#contents-concept #concept-main .inner p img { width: 62.34375vw;}

	#contents-concept #sec-01 .inner::after,
	#contents-concept #sec-02 .inner::after { height: 17.1875vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
	#contents-concept #sec-01 { background-image: url(../img/items/sp/concept/bg_sec_01.png); background-size: cover;}
	#contents-concept #sec-01 .inner { padding: 10.625vw 0 35.15625vw;}
	#contents-concept #sec-01 .inner h2 { margin-bottom: 6.5625vw;}
	#contents-concept #sec-01 .inner h2 img { width: 90.78125vw;}
	#contents-concept #sec-01 .inner .item { padding: 0 0 0 7.34375vw; line-height: 1.0;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) h3 { margin-bottom: 1.875vw;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) h3 img { width: 85.0vw;}
	#contents-concept #sec-01 .inner .item dl { text-align: left;}
	#contents-concept #sec-01 .inner .item dl dt { margin-bottom: 0;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) dl dt img { width: 70.78125vw;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) dl dd img { width: 82.03125vw;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) .photo { margin-top: 3.90625vw;}
	#contents-concept #sec-01 .inner .item:nth-of-type(1) .photo img { width: 57.34375vw;}
	#contents-concept #sec-01 .inner .item:nth-of-type(4) { margin-top: -9.6875vw;}
	#contents-concept #sec-01 .inner .item .box { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
	#contents-concept #sec-01 .inner .item .box .about { padding-top: 17.1875vw; margin-right: -5.625vw;}
	#contents-concept #sec-01 .inner .item .box .about h3 { margin-bottom: 3.4375vw;}
	#contents-concept #sec-01 .inner .item .box .about h3 img { width: 42.34375vw;}
	#contents-concept #sec-01 .inner .item .box .about dl dt { margin-bottom: 0;}
	#contents-concept #sec-01 .inner .item .box .about dl dt img { width: 37.34375vw;}
	#contents-concept #sec-01 .inner .item .box .about dl dd img { width: 42.8125vw;}
	#contents-concept #sec-01 .inner .item .box .photo img { width: 59.375vw;}

/* sec-02
--------------------------------------------------------------------------------------------------------*/
	#contents-concept #sec-02 { background-image: url(../img/items/sp/concept/bg_sec_02.png); background-size: cover;}
	#contents-concept #sec-02 .inner { padding: 27.03125vw 0 13.28125vw; text-align: left;}
	#contents-concept #sec-02 .inner h2 { margin-bottom: 3.75vw;}
	#contents-concept #sec-02 .inner h2 img { width: 91.5625vw;}
	#contents-concept #sec-02 .inner h3 { margin-bottom: 3.28125vw;}
	#contents-concept #sec-02 .inner .item { text-align: right; padding: 0 5.3125vw 0 0;}
	#contents-concept #sec-02 .inner .item h3 img { width: 83.75vw;}
	#contents-concept #sec-02 .inner .item dl dt { margin-bottom: 0;}
	#contents-concept #sec-02 .inner .item dl dt img { width: 79.6875vw;}
	#contents-concept #sec-02 .inner .item dl dd { padding-right: 0;}
	#contents-concept #sec-02 .inner .item dl dd img { width: 61.25vw;}
	#contents-concept #sec-02 .inner .photo ul li:nth-of-type(1) { margin: -27.65625vw 0 0 0.78125vw; text-align: left; position: relative; top: 0; left: 0;}
	#contents-concept #sec-02 .inner .photo ul li:nth-of-type(1) img { width: 94.84375vw;}


/*
	contents-page-01
---------------------------------------------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #page-01-main .inner::after,
	#contents-page-01 #sec-01 .inner::after,
	#contents-page-01 #sec-02 .inner::after,
	#contents-page-01 #sec-03 .inner::after { background-image: url(../img/items/sp/page01/bg_art.png); bottom: -3.125vw; height: 3.125vw;}
	
	#contents-page-01 #bnr-area .inner { padding: 3.125vw 15px 4.6875vw;}

	#contents-page-01 #select-area { background-image: url(../img/items/sp/page01/bg_select.jpg); background-position: center 80%}
	#contents-page-01 #select-area .inner { padding: 9.375vw 1.875vw 6.875vw;}


/* page-01-main
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #page-01-main { background-image: url(../img/items/sp/page01/bg_main.jpg); background-color: #000; background-size: 100% auto;}
	#contents-page-01 #page-01-main .inner { padding: 48.4375vw 0 4.0625vw 6.5625vw; text-align: left;}
	#contents-page-01 #page-01-main .inner p:nth-of-type(1) { margin-bottom: 5.15625vw;}
	#contents-page-01 #page-01-main .inner p:nth-of-type(1) img { width: 32.96875vw}
	#contents-page-01 #page-01-main .inner h2 { margin-bottom: 5.3125vw;}
	#contents-page-01 #page-01-main .inner h2 img { width: 85.46875vw;}
	#contents-page-01 #page-01-main .inner p:nth-of-type(2) { margin: 0 0 1.875vw; padding-right: 3.90625vw; text-align: right;}
	#contents-page-01 #page-01-main .inner p:nth-of-type(2) img { width: 46.40625vw;}
	#contents-page-01 #page-01-main .inner h3 { margin-bottom: 3.90625vw; padding-right: 3.4375vw; text-align: right;}
	#contents-page-01 #page-01-main .inner h3 img { width: 46.875vw;}
	#contents-page-01 #page-01-main .inner ul { justify-content: flex-start; -webkit-justify-content: flex-start;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(1) { margin: -20.0vw 0 0;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(1) li:nth-of-type(1) { margin-right: 0;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(1) li:nth-of-type(1) img { width: 86.40625vw;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(2) { margin: -13.4375vw 0 0 -1.875vw;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(2) li:nth-of-type(1) { margin-top: 0;}
	#contents-page-01 #page-01-main .inner ul:nth-of-type(2) li:nth-of-type(1) img { width: 86.71875vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #sec-01 .inner { padding: 11.25vw 0 7.03125vw;}
	#contents-page-01 #sec-01 .inner ul { justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit- align-items: flex-start; padding: 0 0 0 8.28125vw;}
	#contents-page-01 #sec-01 .inner ul li:nth-of-type(1) img { width: 34.84375vw;}
	#contents-page-01 #sec-01 .inner ul li:nth-of-type(2) { margin: 0 0 0 9.375vw;}
	#contents-page-01 #sec-01 .inner ul li:nth-of-type(2) img { width: 37.34375vw;}
	#contents-page-01 #sec-01 .inner p { margin-top: 7.8125vw; padding-left: 8.75vw;}
	#contents-page-01 #sec-01 .inner p img { width: 61.25vw;}

/* sec-02
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #sec-02 .inner { padding: 12.65625vw 0 12.5vw; flex-direction: column; -webkit-flex-direction: column;}
	#contents-page-01 #sec-02 .inner .photo img { width: 94.0625vw;}
	#contents-page-01 #sec-02 .inner .about { margin-top: 10.625vw; padding-left: 5.9375vw; order: 1; -webkit-order: 1;}
	#contents-page-01 #sec-02 .inner .about dl { padding: 1.40625vw 0 0 10.3125vw; background-size: 7.5vw auto;}
	#contents-page-01 #sec-02 .inner .about dl:not(:last-of-type) { margin-bottom: 3.4375vw;}
	#contents-page-01 #sec-02 .inner .about dl dt { margin-bottom: 2.5vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dt { margin-bottom: 1.25vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dt img { width: 68.90625vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(2) dt img { width: 57.96875vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(3) dt img { width: 	37.65625vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(4) dt img { width: 60.0vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(1) dd img { width: 74.84375vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(2) dd img { width: 67.96875vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(3) dd img { width: 68.59375vw;}
	#contents-page-01 #sec-02 .inner .about dl:nth-of-type(4) dd img { width: 62.1875vw;}
	#contents-page-01 #sec-02 .inner .about p { margin-top: 10.625vw;}
	#contents-page-01 #sec-02 .inner .about p img { width: 87.5vw;}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #sec-03 { margin-top: 2.65625vw;  background-image: url(../img/items/sp/page01/bg_sec_03.jpg); background-size: cover;}
	#contents-page-01 #sec-03 .inner { padding: 5.78125vw 0 4.6875vw;}
	#contents-page-01 #sec-03 .inner h2 img { width: 82.1875vw;}
	#contents-page-01 #sec-03 .inner .item { padding-left: 36.09375vw;}
	#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(1) { margin: 0;}
	#contents-page-01 #sec-03 .inner .item ul:nth-of-type(1) li:nth-of-type(1) img { width: 62.03125vw;}
	#contents-page-01 #sec-03 .inner p { padding-right: 3.125vw;}
	#contents-page-01 #sec-03 .inner p img { width: 51.25vw;}

/* sec-04
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #sec-04 { background: #000;}
	#contents-page-01 #sec-04 .inner { padding: 12.5vw 0 13.75vw;}
	#contents-page-01 #sec-04 h2 img { width: 90.78125vw;}
	#contents-page-01 #sec-04 .inner .icon { margin: 0; padding: 0 0 0 12.5vw; justify-content: flex-start; -webkit-justify-content: flex-start;}
	#contents-page-01 #sec-04 .inner .icon p img { width: 19.375vw;}
	#contents-page-01 #sec-04 .inner .icon h3 img { width: 47.65625vw;}
	#contents-page-01 #sec-04 .inner .about p { text-align: left; padding: 8.28125vw 0 0 5.78125vw;}
	#contents-page-01 #sec-04 .inner .about p img { width: 84.0625vw;}
	#contents-page-01 #sec-04 .inner .about .get-wrap { padding: 0 3.125vw; margin: 4.375vw 0 0;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links { width: 100%; margin: 0; padding: 5.15625vw 6.5625vw 4.6875vw 5.78125vw;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul li:nth-of-type(1) { margin-right: 0;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul li:nth-of-type(1) img { vertical-align: middle;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul:nth-of-type(1) li:nth-of-type(1) img { width: 39.21875vw;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul:nth-of-type(1) li:nth-of-type(2) img { width: 27.34375vw;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul:nth-of-type(2) li:nth-of-type(1) img { width: 34.84375vw;}
	#contents-page-01 #sec-04 .inner .about .get-wrap .get-links ul:nth-of-type(2) li:nth-of-type(2) img { width: 22.34375vw;}

/* sec-05
--------------------------------------------------------------------------------------------------------*/
	#contents-page-01 #sec-05 .inner { padding: 3.75vw 0 4.6875vw 3.125vw;}
	#contents-page-01 #sec-05 .inner h2 { margin-bottom: 2.65625vw;}
	#contents-page-01 #sec-05 .inner h2 img { width: 20.9375vw;}
	#contents-page-01 #sec-05 .inner dl { flex-direction: column; -webkit-flex-direction: column;}
	#contents-page-01 #sec-05 .inner dl:nth-of-type(1) { margin-bottom: 1.40625vw;}
	#contents-page-01 #sec-05 .inner dl dt { margin: 0;}
	#contents-page-01 #sec-05 .inner dl dd { padding-left: 4.0625vw;}
	#contents-page-01 #sec-05 .inner dl:nth-of-type(1) dt img { width: 57.1875vw;}
	#contents-page-01 #sec-05 .inner dl:nth-of-type(1) dd img { width: 87.5vw;}
	#contents-page-01 #sec-05 .inner dl:nth-of-type(2) dt img { width: 56.09375vw;}
	#contents-page-01 #sec-05 .inner dl:nth-of-type(2) dd img { width: 48.59375vw;}



/*
	contents-page-02
---------------------------------------------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #page-02-main .inner::after,
	#contents-page-02 #sec-01 .inner::after,
	#contents-page-02 #sec-02 .inner::after,
	#contents-page-02 #sec-03 .inner::after { background-image: url(../img/items/sp/page02/bg_art.png); bottom: -3.125vw; height: 3.125vw;}
	
	#contents-page-02 #select-area { background-image: url(../img/items/sp/page02/bg_select.jpg); background-position: center 90%;}
	#contents-page-02 #select-area .inner { padding: 9.375vw 1.875vw 6.875vw;}

	#contents-page-02 #bnr-area { background-color: #000;}
	#contents-page-02 #bnr-area .inner { padding: 3.125vw 15px 4.6875vw;}

/* page-02-main
--------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #page-02-main { background-image: url(../img/items/sp/page02/bg_main.jpg); background-color: #000; background-size: 100% auto;}
	#contents-page-02 #page-02-main .inner { padding: 61.40625vw 0 1.875vw 4.6875vw; text-align: left;}
	#contents-page-02 #page-02-main .inner p:nth-of-type(1) { margin-bottom: 3.75vw;}
	#contents-page-02 #page-02-main .inner p:nth-of-type(1) img { width: 32.96875vw}
	#contents-page-02 #page-02-main .inner h2 { margin-bottom: 15.15625vw;}
	#contents-page-02 #page-02-main .inner h2 img { width: 92.1875vw;}
	#contents-page-02 #page-02-main .inner .title-wrap { padding-left: 0.9375vw; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
	#contents-page-02 #page-02-main .inner .title-wrap .title { margin-right: 3.4375vw;}
	#contents-page-02 #page-02-main .inner .title-wrap .title p { margin-bottom: 2.1875vw;}
	#contents-page-02 #page-02-main .inner .title-wrap .title p img { width: 46.40625vw;}
	#contents-page-02 #page-02-main .inner .title-wrap .title h3 { margin-bottom: 0;}
	#contents-page-02 #page-02-main .inner .title-wrap .title h3 img { width: 46.875vw;}
	#contents-page-02 #page-02-main .inner ul:nth-of-type(1),
	#contents-page-02 #page-02-main .inner ul:nth-of-type(1) li:nth-of-type(1),
	#contents-page-02 #page-02-main .inner .title-wrap ul:nth-of-type(1),
	#contents-page-02 #page-02-main .inner .title-wrap ul:nth-of-type(1) li:nth-of-type(1) { margin: 0;}
	#contents-page-02 #page-02-main .inner .title-wrap ul:nth-of-type(1) li:nth-of-type(1) img { width: 28.125vw;}
	#contents-page-02 #page-02-main .inner ul.photo { margin: -17.5vw 0 0; padding: 0 6.5625vw 0 0; justify-content: flex-end; -webkit-justify-content: flex-end;}
	#contents-page-02 #page-02-main .inner ul.photo li:nth-of-type(1) img { width: 50.9375vw;}

/* sec-01
--------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #sec-01 .inner { padding: 11.5625vw 0 9.6875vw; flex-direction: column; -webkit-flex-direction: column;}
	#contents-page-02 #sec-01 .inner .about { padding: 0 0 0 4.84375vw; margin: 0;}
	#contents-page-02 #sec-01 .inner .about dl { padding: 1.40625vw 0 0 11.25vw; background-size: 7.5vw auto;}
	#contents-page-02 #sec-01 .inner .about dl:not(:last-of-type) { margin-bottom: 3.75vw;}
	#contents-page-02 #sec-01 .inner .about dl dt { margin-bottom: 2.8125vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dt { margin-bottom: 2.1875vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dt img { width: 70.0vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(2) dt img { width: 52.5vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(3) dt img { width: 57.96875vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(4) dt img { width: 60.0vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(1) dd img { width: 74.84375vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(2) dd img { width: 65.46875vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(3) dd img { width: 67.96875vw;}
	#contents-page-02 #sec-01 .inner .about dl:nth-of-type(4) dd img { width: 62.1875vw;}
	#contents-page-02 #sec-01 .inner .photo { margin-top: 0;}
	#contents-page-02 #sec-01 .inner .photo img { width: 95.625vw;}
	#contents-page-02 #sec-01 .inner .btn-more { margin-top: 4.0625vw; text-align: center;}
	#contents-page-02 #sec-01 .inner .btn-more img { width: 87.5vw;}

/* sec-02
--------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #sec-02 { background-image: url(../img/items/sp/page02/bg_sec_02.jpg); margin-top: 3.125vw;}
	#contents-page-02 #sec-02 .inner { padding: 3.125vw 0 0; text-align: left;}
	#contents-page-02 #sec-02 .inner h2 img { width: 48.90625vw;}
	#contents-page-02 #sec-02 .inner .item { margin-top: 3.90625vw;}
	#contents-page-02 #sec-02 .inner .item ul { display: block;}
	#contents-page-02 #sec-02 .inner .item ul li:nth-of-type(1) img { width: 44.84375vw;}
	#contents-page-02 #sec-02 .inner p { margin-top: -1.25vw; padding: 0;}
	#contents-page-02 #sec-02 .inner p img { width: 60.9375vw;}

/* sec-03
--------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #sec-03 { margin-top: 3.125vw;}
	#contents-page-02 #sec-03 .inner { padding: 0; flex-direction: column; -webkit-flex-direction: column; background-color: transparent;}
	#contents-page-02 #sec-03 .inner .field { height: auto;}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(1),
	#contents-page-02 #sec-03 .inner .field:nth-of-type(2) { flex-basis: 100%; -webkit-flex-basis: 100%; }
	#contents-page-02 #sec-03 .inner .field:nth-of-type(2) { margin: -11.40625vw 0 0 0; overflow: visible;}
	#contents-page-02 #sec-03 .inner .field ul { height: 71.875vw; position: relative;}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul { height: 71.40625vw;}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(1) ul li:nth-of-type(1) {
		background: url(../img/items/sp/page02/bg_sec_03-01.jpg) no-repeat center top;
		background-size: 100% auto;
		padding: 46.875vw 0 0 6.5625vw;
	}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul li:nth-of-type(1) {
		background: url(../img/items/sp/page02/bg_sec_03-02.png) no-repeat center top;
		background-size: 100% auto;
		padding: 22.96875vw 0 0 4.0625vw;
		text-align: left;
	}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(1) ul li:nth-of-type(1) img { width: 70.0vw;}
	#contents-page-02 #sec-03 .inner .field:nth-of-type(2) ul li:nth-of-type(1) img { width: 70.0vw;}

/* sec-04
--------------------------------------------------------------------------------------------------------*/
	#contents-page-02 #sec-04 .inner { padding: 6.25vw 0 6.40625vw 3.125vw;}
	#contents-page-02 #sec-04 .inner h2 { margin-bottom: 2.65625vw;}
	#contents-page-02 #sec-04 .inner h2 img { width: 20.9375vw;}
	#contents-page-02 #sec-04 .inner dl { flex-direction: column; -webkit-flex-direction: column; margin-bottom: 2.5vw;}
	#contents-page-02 #sec-04 .inner dl dt { margin: 0;}
	#contents-page-02 #sec-04 .inner dl:last-child dt { margin: 0 0 1.25vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(3) dt { margin-bottom: 0;}
	#contents-page-02 #sec-04 .inner dl dd,
	#contents-page-02 #sec-04 .inner dl:last-child dd { padding-left: 4.0625vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(1) dt img { width: 51.65625vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(1) dd img { width: 87.5vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(2) dt img { width: 49.71875vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(2) dd img { width: 48.59375vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(3) dt img { width: 87.65625vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(4) dt img { width: 63.0vw;}
	#contents-page-02 #sec-04 .inner dl:nth-of-type(4) dd img { width: 86.875vw;}

/*
	contents-style.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}