article, aside, details, em, figcaption, figure, footer, header, hgroup, menu, nav, section, strong {
	font-style: normal;
	display: block
}
.loader, .loader:after, .loader:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-animation: loader 1.8s infinite ease-in-out;
	animation: loader 1.8s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
q:after, q:before {
	content: none
}
* {
	word-wrap: break-word;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent
}
.loader:after, .loader:before {
	position: absolute;
	top: 0;
	content: ''
}
.ie .about .ttl-back, .ie .about .ttl-front, .ie .gallery .ttl-back, .ie .gallery .ttl-front, .ie .voice .ttl-back, .ie .voice .ttl-front {
	line-height: 1.2!important
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	border: 0;
	outline: 0
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	border: 0;
	outline: 0
}
article, aside, details, em, figcaption, figure, footer, header, hgroup, menu, nav, section, strong {
	font-style: normal;
	display: block
}
nav ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
q:after, q:before {
	content: '';
	content: none
}
img {
	width: 100%;
	vertical-align: bottom
}
ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9
}
mark {
	font-weight: 700;
	font-style: italic;
	color: #000;
	background-color: #ff9
}
del {
	text-decoration: line-through
}
svg {
	width: 100%
}
abbr[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
hr {
	height: 1px;
	margin: 1em 0;
	padding: 0;
	display: block;
	border: 0;
	border-top: 1px solid #ccc
}
input, select {
	vertical-align: middle
}
::-moz-selection {
color:#01bce4;
background:0 0
}
::selection {
	color: #01bce4;
	background: 0 0
}
.hidden {
	overflow: hidden
}
.comp {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: .4
}
body, html {
	width: 100%;
	height: 100%;
	font-family: 'Yu Mincho', YuMincho, serif;
	font-size: 62.5%;
	min-width: 1200px;
	font-weight: 200;
	color: #000
}
h1, h2, h3, h4, h5 {
	font-weight: 100;
	line-height: 1
}
.pc-none {
	display: none
}
.frame {
	position: relative;
	margin: 0 auto;
	overflow: hidden
}
body, html {
	width: 100%;
	height: 100%;
	font-family: 'Yu Mincho', YuMincho, serif;
	font-size: 62.5%;
	min-width: 1200px;
	font-weight: 200;
	color: #000
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	display: block;
	cursor: pointer;
	color: #000;
	background: 0 0;
	-webkit-transition: all .8s cubic-bezier(.58, .03, .33, .91);
	transition: all .8s cubic-bezier(.58, .03, .33, .91)
}
a:hover {
	opacity: .6
}
.san-serif {
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.jp-spacing {
	font-weight: 100;
	line-height: 2.2;
	letter-spacing: 0
}
.white {
	color: #fff
}
.cat-blue:before {
	position: absolute;
	bottom: -26px;
	left: 0;
	width: 600px;
	height: 76px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-blue.jpg) 0 0 no-repeat
}
.blue {
	color: #0085a2
}
.cat-yellow:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 600px;
	height: 76px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-yellow.jpg) 0 0 no-repeat
}
.yellow {
	color: #cfaf01
}
.cat-orange:before {
	position: absolute;
	bottom: -26px;
	left: 0;
	width: 600px;
	height: 76px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-orange.jpg) 0 0 no-repeat
}
.orange {
	color: #c14502
}
.pink {
	color: #e84592
}
.bg-glay {
	background: #f4f4f4
}
.glay {
	color: #afafaf
}
.white {
	color: #fff
}
.btn-seemore {
	font-size: 1.8rem!important;
	font-style: italic;
	color: #01bce4
}
.is-in .in-elm01, .is-in .in-elm02, .is-in .in-elm03, .is-in .in-elm04, .is-in .in-elm05, .is-in .in-elm06, .is-in .in-elm07, .is-in .in-elm08, .is-in .in-elm09, .is-in .in-elm10 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}
.in-elm01 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm02 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm03 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm04 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm05 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm06 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm07 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm08 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm09 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm10 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.js-modal {
	cursor: pointer
}
.btn-seemore.box {
	width: 110px;
	padding: 7px 6px 9px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #01bce4;
	border: 1px solid transparent;
	border-radius: 4px
}
.btn-seemore.box:hover {
	opacity: 1;
	color: #01bce4;
	background: 0 0;
	border: 1px solid #01bce4
}
.btn-seemore.box.is-close {
	background: #7f959a
}
.btn-seemore.box.is-close:hover {
	letter-spacing: 1px;
	opacity: 1;
	color: #7f959a;
	background: 0 0;
	border: 1px solid #7f959a
}
.btn-seemore.underline {
	position: relative
}
.btn-seemore.underline:before {
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	background: #01bce4;
	-webkit-transition: all .4s cubic-bezier(.58, .03, .33, .91);
	transition: all .4s cubic-bezier(.58, .03, .33, .91)
}
.btn-seemore.bd-top:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	display: block;
	content: '';
	background: #01bce4;
	-webkit-transition: all .4s cubic-bezier(.58, .03, .33, .91);
	transition: all .4s cubic-bezier(.58, .03, .33, .91)
}
.ttl-wrap {
	position: absolute;
	height: 72px
}
.ttl-wrap .ttl {
	position: relative;
	z-index: 1;
	font-size: 6rem
}
.ttl-wrap .btn-seemore {
	position: relative;
	z-index: 1
}
#sp-header, #sp-menu, .sp-link-ad {
	display: none
}
#header {
	position: relative;
	width: 100%;
	padding: 14px 0 14px 20px;
	overflow: hidden;
	min-width: 1200px
}
#header .links {
	width: 440px
}
#header .links .link {
	position: relative;
	margin-right: 22px;
	padding: 20px 0;
	font-size: 1.4rem;
	float: left
}
#header .links .link:nth-child(1):before {
	background: #01bce4
}
#header .links .link:nth-child(2):before {
	background: #0085a2
}
#header .links .link:nth-child(3):before {
	background: #cfaf01
}
#header .links .link:nth-child(4):before {
	background: #c14502
}
#header .links .link:before {
	position: absolute;
	bottom: 12px;
	left: 0;
	width: 0;
	height: 3px;
	display: block;
	content: '';
	-webkit-transition: all .6s;
	transition: all .6s
}
#header .links .link:hover {
	opacity: 1
}
#header .links .link:hover:before {
	width: 100%
}
#header .links .link.is-current:before {
	width: 100%
}
#header ul.link-ad-box, #semi-header ul.link-ad-box { list-style-type:none; display:inline-block; float:right; margin-right:1.2%; }/************ 2017.11.10 add ************/
#header ul.link-ad-box li, #semi-header ul.link-ad-box li { display:inline-block; }/************ 2017.11.10 add ************/
#header .link-ad {
	position: relative;
	display:inline-block;
	/*width: 250px;*/
	height: 36px;
	/*margin: 12px 1.3% 0 0;*/
	margin-top:12px;
	padding: 8px 18px;
	/*float: right;*/
	overflow: hidden;
	background: #01bce4;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#header .link-ad:hover {
	background: #fff;
	opacity: 1
}
#header .link-ad:hover p {
	color: #01bce4
}
#header .link-ad:hover .btn-seemore {
	color: #01bce4
}
#header .link-ad:hover .btn-seemore:before {
	background: #01bce4
}
#header .link-ad p {
	/*margin-right: 14px;*/
	font-size: 1.4rem;
	/*font-style: italic;*/
	/*float: left;*/
	color: #fff;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	line-height: 1.4;
	font-weight: 600
}
#header .link-ad .btn-seemore {
	line-height: 1.5;
	margin-top: -8px;
	margin-right: 0;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#header .link-ad .btn-seemore:before {
	background: #fff
}
#semi-header {
	position: fixed;
	z-index: 200;
	min-width: 1200px;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	padding: 14px 0 14px 20px;
	overflow: hidden;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -110%, 0);
	transform: translate3d(0, -110%, 0);
	-webkit-transition: all .8s cubic-bezier(.58, .03, .33, .91);
	transition: all .8s cubic-bezier(.58, .03, .33, .91)
}
#semi-header.is-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#semi-header .semi-header-logo {
	width: 160px;
	margin-right: 40px;
	float: left
}
#semi-header .links {
	width: 440px;
	float: left
}
#semi-header .links .link {
	position: relative;
	margin-right: 22px;
	padding: 10px 0;
	font-size: 1.4rem;
	float: left;
	line-height: 1.5
}
#semi-header .links .link:nth-child(1):before {
	background: #01bce4
}
#semi-header .links .link:nth-child(2):before {
	background: #0085a2
}
#semi-header .links .link:nth-child(3):before {
	background: #cfaf01
}
#semi-header .links .link:nth-child(4):before {
	background: #c14502
}
#semi-header .links .link:before {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 0;
	height: 3px;
	display: block;
	content: '';
	-webkit-transition: all .6s;
	transition: all .6s
}
#semi-header .links .link:hover {
	opacity: 1
}
#semi-header .links .link:hover:before {
	width: 100%
}
#semi-header .links .link.is-current:before {
	width: 100%
}
#semi-header .link-ad {
	position: relative;
	display:inline-block;
	/*width: 304px;*/
	height: 36px;
	/*margin: 3px 1.3% 0 0;*/
	margin-top:3px;
	padding: 8px 18px;
	/*float: right;*/
	overflow: hidden;
	background: #01bce4;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#semi-header .link-ad:hover {
	opacity: 1;
	background: 0 0
}
#semi-header .link-ad:hover p {
	color: #01bce4
}
#semi-header .link-ad:hover .btn-seemore {
	color: #01bce4
}
#semi-header .link-ad:hover .btn-seemore:before {
	background: #01bce4
}
#semi-header .link-ad p {
	/*margin-right: 14px;*/
	font-size: 1.4rem;
	/*font-style: italic;*/
	/*float: left;*/
	color: #fff;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	line-height: 1.4;
	font-weight: 600
}
#semi-header .link-ad .btn-seemore {
	line-height: 1.3;
	margin-top: -4px;
	margin-right: 0;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#semi-header .link-ad .btn-seemore:before {
	background: #fff
}
.sec {
	position: relative;
	width: 100%;
	overflow: hidden
}
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.ie .sub-box {
	padding: 4px 0!important
}
.ie .sub-box .sub {
	line-height: 1!important
}
.ie #header .link-ad .btn-seemore {
	margin-top: -4px
}
.ie #header .link-ad, .ie #semi-header .link-ad {
	padding: 13px 18px
}
.ie #header p, .ie #semi-header p {
	line-height: 1!important
}
.ie .btn-seemore.box {
	padding: 9px 6px 7px!important
}
.ie #sec05 .ttl-wrap, .ie #sec06 .ttl-wrap {
	padding-top: 4px!important
}
.ie .about .ttl-back, .ie .about .ttl-front, .ie .gallery .ttl-back, .ie .gallery .ttl-front, .ie .voice .ttl-back, .ie .voice .ttl-front {
	line-height: 1.2!important
}
.ie #footer .copy {
	padding-bottom: 4px!important
}
.top #mv {
	position: relative;
	width: 97.599999999999994%;
	margin: 0 auto;
	overflow: hidden
}
.top #mv:before {
	padding-top: 51.3%;
	display: block;
	content: ''
}
.top #mv #mv-logo {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 24%;
	margin: auto;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.top #mv .bg {
	position: absolute;
	top: 0;
	width: 17.4%;
	height: 100%;
	background-repeat: repeat-y;
	background-size: 100% auto!important
}
.top #mv .bg01 {
	left: 0;
	background-image: url(../img/top/pic-mv-01.jpg)
}
.top #mv .bg02 {
	left: 0;
	margin-left: 17.4%;
	background-image: url(../img/top/pic-mv-02.jpg)
}
.top #mv .bg03 {
	right: 0;
	margin-right: 17.4%;
	background-image: url(../img/top/pic-mv-03.jpg)
}
.top #mv .bg04 {
	right: 0;
	background-image: url(../img/top/pic-mv-04.jpg)
}
.top #sec01 {
	padding: 140px 0 80px;
	text-align: center
}
.top #sec01 .lead-strong {
	margin-bottom: 36px;
	font-size: 3rem;
	line-height: 1.4;
	letter-spacing: 1.4px
}
.top #sec01 .lead {
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec02 {
	position: relative;
	width: 97.599999999999994%;
	margin: 0 auto;
	padding: 72px 0 0
}
.top #sec02 .bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 66px 0;
	background: url(../img/top/pic-sec02-bg.jpg) 0 0 no-repeat;
	background-size: cover
}
.top #sec02 .ttl-wrap {
	position: relative;
	width: 35.299999999999997%;
	margin-top: 13.800000000000001%;
	text-align: center;
	float: left
}
.top #sec02 .ttl-wrap .ttl {
	margin-bottom: 3px;
	font-size: 5.8rem;
	letter-spacing: 1.2px
}
.top #sec02 .ttl-wrap p {
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec02 .video-wrap {
	width: 60.299999999999997%;
	float: left
}
.top #sec03 {
	padding-top: 150px
}
.top #sec03 .sec-wrap {
	position: relative;
	width: 73%;
	min-width: 1168px;
	margin: 0 auto;
	z-index: 100
}
.top #sec03 .sec-wrap:before {
	padding-top: 74%;
	display: block;
	content: ''
}
.top #sec03 .sec-wrap .ttl-wrap {
	top: 0;
	width: 56%;
	margin: 0 0 60px 44%
}
.top #sec03 .sec-wrap .ttl-wrap .ttl {
	margin-left: 51%
}
.top #sec03 .sec-wrap .ttl-wrap .btn-seemore {
	position: absolute;
	top: 28px;
	right: 56px;
	margin: 0
}
.top #sec03 .sec-wrap .txt-wrap {
	position: absolute;
	top: 0;
	width: 50%;
	margin: 11% 0 28px 48%;
	z-index: 1
}
.top #sec03 .sec-wrap .txt-wrap .sub-box {
	z-index: 1;
	margin-bottom: 20px;
	overflow: hidden
}
.top #sec03 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 5.6rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left
}
.top #sec03 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 12px 0 12px 10px;
	font-size: 2.2rem;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.5
}
.top #sec03 .sec-wrap .txt-wrap .txt {
	font-size: 1.5rem;
	line-height: 1.8;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec03 .sec-wrap .btn-seemore {
	position: absolute;
	z-index: 1;
	top: 0;
	margin: 24.399999999999999% 0 0 48%
}
.top #sec03 .sec-wrap .img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}
.top #sec03 .sec-wrap .img01 {
	width: 17%;
	margin: 50% 0 0 56.799999999999997%
}
.top #sec03 .sec-wrap .img02 {
	width: 17%;
	margin: 50% 0 0 75.799999999999997%
}
.top #sec03 .sec-wrap .img03 {
	width: 34.5%;
	margin: 7% 0 0 0
}
.top #sec03 .sec-wrap .img04 {
	z-index: 1;
	width: 24.800000000000001%;
	margin: 43% 0 0 23.5%
}
.top #sec03 .big-type {
	position: absolute;
	top: 0;
	right: 20px;
	margin-top: 256px;
	width: 197px
}
.top #sec04 .sec-wrap {
	position: relative;
	width: 73%;
	min-width: 1168px;
	margin: 0 auto;
	z-index: 100
}
.top #sec04 .sec-wrap:before {
	padding-top: 72.599999999999994%;
	display: block;
	content: ''
}
.top #sec04 .sec-wrap .txt-wrap {
	position: absolute;
	top: 0;
	width: 56%;
	margin: 5.8% 0 0 9.6%
}
.top #sec04 .sec-wrap .txt-wrap .sub-box {
	margin-bottom: 20px;
	overflow: hidden
}
.top #sec04 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 5.6rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left
}
.top #sec04 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 12px 0 12px 10px;
	font-size: 2.2rem;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.5
}
.top #sec04 .sec-wrap .txt-wrap .txt {
	font-size: 1.5rem;
	line-height: 1.8;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec04 .sec-wrap .btn-seemore.box {
	position: absolute;
	z-index: 1;
	top: 0;
	margin: 31.699999999999999% 0 0 9.699999999999999%
}
.top #sec04 .sec-wrap .img {
	position: absolute;
	top: 0;
	left: 0
}
.top #sec04 .sec-wrap .img01 {
	width: 31%;
	margin: 9.300000000000001% 0 0 68.799999999999997%
}
.top #sec04 .sec-wrap .img02 {
	width: 48%;
	margin: 31.699999999999999% 0 0 26%
}
.top #sec04 .sec-wrap .img03 {
	width: 17.3%;
	margin: 42.399999999999999% 0 0 82.5%
}
.top #sec04 .sec-wrap .img04 {
	width: 20%;
	margin: 47.399999999999999% 0 0 10.5%
}
.top #sec04 .big-type {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	width: 151px
}
.top #sec05 {
	margin-bottom: 140px
}
.top #sec05 .sec-wrap {
	position: relative;
	width: 73%;
	min-width: 1168px;
	margin: 0 auto
}
.top #sec05 .sec-wrap:before {
	padding-top: 52%;
	display: block;
	content: ''
}
.top #sec05 .sec-wrap .ttl-wrap {
	top: 0;
	width: 64%;
	margin: 0 0 0 47%
}
.top #sec05 .sec-wrap .ttl-wrap .ttl {
	margin-left: 7%
}
.top #sec05 .sec-wrap .txt-wrap {
	position: absolute;
	top: 0;
	width: 50%;
	margin: 9.4% 0 0 49.200000000000003%
}
.top #sec05 .sec-wrap .txt-wrap .sub-box {
	margin-bottom: 20px;
	overflow: hidden
}
.top #sec05 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 5.6rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left
}
.top #sec05 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 10px 0 0 10px;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: 1px;
	display: inline-block;
	float: left
}
.top #sec05 .sec-wrap .txt-wrap .txt {
	padding-left: 10px;
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec05 .sec-wrap .btn-seemore.box {
	position: absolute;
	z-index: 1;
	top: 0;
	margin: 20% 0 0 50%
}
.top #sec05 .sec-wrap .img {
	position: absolute;
	top: 0;
	left: 0
}
.top #sec05 .sec-wrap .img01 {
	width: 17.199999999999999%;
	margin: 32% 0 0 63.799999999999997%
}
.top #sec05 .sec-wrap .img02 {
	width: 17.199999999999999%;
	margin: 32% 0 0 82.5%
}
.top #sec05 .sec-wrap .img03 {
	width: 43.100000000000001%;
	margin: 6.4% 0 0 0
}
.top #sec05 .sec-wrap .img04 {
	z-index: 1;
	width: 19.800000000000001%;
	margin: 28.600000000000001% 0 0 30.199999999999999%
}
.top #sec06 {
	margin-bottom: 98px
}
.top #sec06 .sec-wrap .ttl-wrap {
	position: relative;
	width: 600px;
	height: auto;
	margin-bottom: 24px;
	margin-left: 1%
}
.top #sec06 .sec-wrap .ttl-wrap .ttl {
	position: relative;
	margin-bottom: 12px
}
.top #sec06 .sec-wrap .ttl-wrap .txt {
	position: relative;
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec06 .sec-wrap .ttl-wrap .btn-seemore {
	position: absolute;
	top: 0;
	left: 0;
	margin: 28px 0 0 330px
}
.top #sec06 .sec-wrap #voice-slide {
	width: 97.4%;
	margin: 0 auto;
	overflow: hidden
}
.top #sec06 .sec-wrap #voice-slide .img {
	position: relative;
	display: block;
	float: left
}
.top #sec06 .sec-wrap #voice-slide .img:hover {
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap:before {
	opacity: .3
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	color: #fff;
	font-style: italic;
	-webkit-transition: all .8s;
	transition: all .8s
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.top #sec07 {
	max-width: 1168px;
	margin: 0 auto 150px;
	padding-left: 12.4%;
	overflow: hidden;
	min-width: 868px
}
.top #sec07-2 {
	max-width: 1168px;
	margin: 0 auto 150px;
	padding-left: 12.4%;
	overflow: hidden;
	min-width: 868px
}
@media screen and (max-width:1200px) {
.top #sec07 {
	width: 95%
}
.top #sec07-2 {
	width: 95%
}
}
.top #sec07 .thumb-ad {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 20%;
	margin-left: 17%
}
.top #sec07 .ttl-wrap {
	z-index: 1;
	top: 0;
	right: 0;
	width: 60.5%;
	height: 120px;
	margin: 1.8% 0 0 0
}
.top #sec07 .ttl-wrap .ttl01 {
	font-size: 6rem
}
.top #sec07 .ttl-wrap .ttl02 {
	margin-left: 25.399999999999999%;
	font-size: 6rem
}
.top #sec07 .txt-box {
	position: relative;
	margin: 12% 0 0 12%;
	padding: 100px 0 80px 200px
}
.top #sec07-2 .thumb-ad {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	/*width: 20%;
	margin-left: 17%*/
	width:37%;
	margin-left: 0
}
.top #sec07-2 .ttl-wrap {
	z-index: 1;
	top: 0;
	right: 0;
	width: 60.5%;
	height: 120px;
	margin: 1.8% 0 0 0
}
.top #sec07-2 .ttl-wrap .ttl01 {
	font-size: 6rem
}
.top #sec07-2 .ttl-wrap .ttl02 {
	margin-left: 25.399999999999999%;
	font-size: 6rem
}
.top #sec07-2 .txt-box {
	position: relative;
	/*margin: 12% 0 0 12%;*/
	margin: 6% 0 0 12%;
	padding: 100px 0 80px 200px
}
@media screen and (max-width:1200px) {
.top #sec07 .txt-box {
	padding: 80px 0 80px 240px
}
.top #sec07-2 .txt-box {
	padding: 80px 0 80px 240px
}
}
.top #sec07 .txt-box .txt {
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important;
	line-height: 1.8
}
.top #sec07 .txt-box .btn-seemore {
	position: absolute;
	right: 40px;
	bottom: 40px
}
.top #sec07-2 .txt-box .txt {
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important;
	line-height: 1.8
}
.top #sec07-2 .txt-box .btn-seemore {
	position: absolute;
	right: 40px;
	bottom: 40px
}
.top #sec08 {
	max-width: 1168px;
	min-width: 868px;
	margin: 0 auto 70px
}
@media screen and (max-width:1200px) {
.top #sec08 {
	width: 95%
}
}
.top #sec08 .list {
	position: relative;
	width: 48%;
	margin-right: 4%;
	padding-top: 20px;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #e4e4e4
}
.top #sec08 .list:nth-child(2) {
	margin-right: 0
}
.top #sec08 .list:nth-child(2) .bnr-img {
	width: 20%;
	height: 90px;
	margin: 0
}
.top #sec08 .list:nth-child(2) .txt {
	margin: 4% 0 0 4%
}
.top #sec08 .list .bnr-img {
	width: 28%;
	float: left;
	margin: 20px 0
}
.top #sec08 .list .txt {
	width: 67%;
	margin: 6% 0 0 4%;
	font-size: 1.5rem;
	float: left;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.top #sec08 .list .btn-seemore {
	position: absolute;
	top: -1px;
	right: 20px
}
.top #sec08 .list .img-list {
	padding: 30px 6%;
	clear: both;
	overflow: hidden
}
.top #sec08 .list .img-list p {
	width: 26%;
	margin: 0 3.6%;
	float: left
}
.mv-in-elm01 {
	opacity: 1;
	-webkit-transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm02 {
	opacity: 1;
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm03 {
	opacity: 1;
	-webkit-transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm04 {
	-webkit-transition: all .7s cubic-bezier(.52, .4, .1, .99);
	transition: all .7s cubic-bezier(.52, .4, .1, .99)
}
.mv-in-elm05 {
	-webkit-transition: all .7s cubic-bezier(.52, .4, .1, .99);
	transition: all .7s cubic-bezier(.52, .4, .1, .99);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.is-out .mv-in-elm01 {
	opacity: 1;
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0)
}
.is-out .mv-in-elm02 {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}
.is-out .mv-in-elm03 {
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0)
}
.is-out .mv-in-elm04, .is-out .mv-in-elm05 {
	clip: rect(0,0,130px,0)!important
}
.about #mv {
	position: relative;
	margin-bottom: 92px
}
.about #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left
}
.about #mv #mv-img {
	width: 73%;
	float: left
}
.about #mv #mv-ttl {
	position: relative;
	top: -50px;
	width: 1086px;
	height: 96px;
	margin: 0 0 0 9.4%;
	font-size: 11.6rem;
	clear: both;
	max-width: 1160px
}
.about #mv #mv-ttl .mv-in-elm04, .about #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,1160px,130px,0)
}
.about #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.about #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.about #sec01 {
	width: 72.599999999999994%;
	min-width: 1160px;
	margin: 0 auto 100px
}
.about #sec01 .ttl.orange {
	margin-bottom: 10px;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 2.2px
}
.about #sec01 .lead.orange {
	margin-bottom: 50px;
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important
}
.about #sec01 .img-wrap {
	width: 43%;
	margin-right: 11.300000000000001%;
	float: left
}
.about #sec01 .img-wrap .cap {
	margin: 10px 0 78px;
	display: block;
	font-size: 1.3rem
}
.about #sec01 .txt-wrap {
	width: 45.700000000000003%;
	padding-top: 0;
	float: left
}
.about #sec01 .txt-wrap .sub {
	margin-bottom: 36px;
	font-size: 2.4rem;
	line-height: 1.7
}
.about #sec01 .txt-wrap .txt {
	width: 83%;
	font-size: 1.5rem;
	line-height: 2.4
}
.about #sec01 .txt-wrap .img01 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 28%;
	margin: 0
}
.about #sec01 .txt-wrap .img.img02 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 17.2%;
	margin: 0 0 2.6% 0
}
.gallery #mv {
	position: relative;
	margin-bottom: 46px
}
.gallery #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left
}
.gallery #mv #mv-img {
	width: 73%;
	float: left
}
.gallery #mv #mv-ttl {
	position: relative;
	top: -70px;
	width: 380px;
	height: 128px;
	font-size: 11.6rem;
	margin: 0 0 0 9.4%;
	clear: both;
	overflow: hidden;
	max-width: 380px
}
.gallery #mv #mv-ttl .mv-in-elm04, .gallery #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,380px,130px,0)
}
.gallery #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.gallery #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.gallery .sub-box {
	margin-bottom: 40px;
	overflow: hidden
}
.gallery .sub-box .num {
	font-size: 6.6rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left
}
.gallery .sub-box .sub {
	padding: 11px 0 12px 10px;
	font-size: 3rem;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.5
}
.gallery .list-wrap {
	max-width: 960px
}
.gallery .list-wrap .gallery-list.drawer {
	height: 0;
	overflow: hidden
}
.gallery .list-wrap .gallery-list .list {
	width: 18.2%;
	margin-right: 2.2%;
	margin-bottom: 2%;
	float: left;
	cursor: pointer;
	position: relative
}
.gallery .list-wrap .gallery-list .list:nth-child(5n) {
	margin-right: 0
}
.gallery .list-wrap .gallery-list .list:hover {
	opacity: 1
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap:before {
	opacity: .3
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.gallery .list-wrap .gallery-list .list .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1
}
.gallery .list-wrap .gallery-list .list .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	font-style: italic;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s
}
.gallery .list-wrap .gallery-list .list .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.gallery .list-wrap .gallery-list .list .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.gallery .list-wrap .gallery-list .list .img {
	position: relative;
	z-index: 1;
	opacity: 0
}
.gallery .list-wrap .gallery-list .list .img.is-in {
	opacity: 1
}
.gallery .list-wrap .btn-seemore {
	margin-top: 34px;
	float: right;
	clear: both
}
.gallery .big-type {
	position: absolute;
	top: 0;
	margin-top: 0
}
.gallery #sec01 {
	padding-top: 140px;
	padding-bottom: 54px
}
.gallery #sec01 .sub-box {
	margin-left: 13.5%
}
@media screen and (max-width:1200px) {
.gallery #sec01 .sub-box {
	margin-left: 2.5%
}
}
.gallery #sec01 .sub-box .num {
	font-weight: 100
}
.gallery #sec01 .list-wrap {
	margin-left: 13.5%;
	overflow: hidden
}
@media screen and (max-width:1200px) {
.gallery #sec01 .list-wrap {
	margin-left: 2.5%
}
}
.gallery #sec01 .list-wrap .gallery-list {
	overflow: hidden
}
.gallery #sec01 .big-type {
	right: 40px;
	width: 10%;
	top: 80px
}
@media screen and (max-width:1200px) {
.gallery #sec01 .big-type {
	width: 14%
}
}
.gallery #sec02 {
	margin-bottom: 100px;
	padding-top: 160px
}
.gallery #sec02 .sub-box {
	margin-left: 26%
}
@media screen and (max-width:1200px) {
.gallery #sec02 .sub-box {
	margin-left: 16%
}
}
.gallery #sec02 .sub-box .num {
	font-weight: 100
}
.gallery #sec02 .list-wrap {
	margin-left: 26%;
	overflow: hidden
}
@media screen and (max-width:1200px) {
.gallery #sec02 .list-wrap {
	margin-left: 16%
}
}
.gallery #sec02 .list-wrap .gallery-list {
	overflow: hidden
}
.gallery #sec02 .big-type {
	width: 7.6%;
	top: 160px;
	max-width: 120px
}
@media screen and (max-width:1200px) {
.gallery #sec02 .big-type {
	width: 10%
}
}
.voice #mv {
	position: relative;
	margin-bottom: 46px
}
.voice #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left
}
.voice #mv #mv-img {
	width: 73%;
	float: left
}
.voice #mv #mv-ttl {
	position: relative;
	top: -58px;
	width: 614px;
	height: 118px;
	margin: 0 0 0 9.4%;
	clear: both;
	overflow: hidden;
	font-size: 11.6rem;
	max-width: 614px
}
.voice #mv #mv-ttl .mv-in-elm04, .voice #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,614px,130px,0)
}
.voice #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.voice #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.voice #sec01 {
	margin-bottom: 108px;
	padding-top: 4px
}
.voice #sec01 .sub-box {
	margin-bottom: 12px;
	margin-left: 1%;
	font-size: 3rem
}
.voice #sec01 .sub-box .sub {
	line-height: 1.5
}
.voice #sec01 .list-wrap {
	width: 97%;
	margin: 0 auto;
	overflow: hidden
}
.voice #sec01 .list-wrap .list {
	position: relative;
	width: 19.199999999999999%;
	margin-right: 1%;
	margin-bottom: 1.2%;
	float: left
}
.voice #sec01 .list-wrap .list:nth-child(5n) {
	margin-right: 0
}
.voice #sec01 .list-wrap .list:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.voice #sec01 .list-wrap .list:hover .hover-wrap:before {
	opacity: .3
}
.voice #sec01 .list-wrap .list:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.voice #sec01 .list-wrap .list .img {
	position: relative;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all .8s;
	transition: all .8s
}
.voice #sec01 .list-wrap .list .img.is-in {
	opacity: 1
}
.voice #sec01 .list-wrap .list .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 2
}
.voice #sec01 .list-wrap .list .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	font-style: italic
}
.voice #sec01 .list-wrap .list .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.voice #sec01 .list-wrap .list .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
#modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: all .8s;
	transition: all .8s;
	z-index: 200;
	width: 100%
}
#modal.is-in {
	pointer-events: visible;
	opacity: 1
}
#modal #change-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	width: 70%;
	max-width: 960px;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all .8s;
	transition: all .8s;
	z-index: 10;
	max-height: 98%;
	overflow: hidden
}
#modal #change-wrap.is-in {
	pointer-events: visible;
	opacity: 1
}
#modal #change-wrap .modal-img {
	width: 100%;
	height: 100%;
	text-align: center
}
#modal #change-wrap .modal-img img {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto
}
#modal #btn-modal-close {
	position: fixed;
	z-index: 10;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px
}
#modal #btn-modal-close:before {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#modal #btn-modal-close:after {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#modal .modal-arw {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 16%;
	height: 100%;
	margin: auto
}
#modal .modal-arw:before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	display: block;
	content: '';
	border: 1px solid transparent;
	border-top: 1px solid #000;
	border-right: 1px solid #000
}
#modal .modal-arw.prev {
	left: 0
}
#modal .modal-arw.prev:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}
#modal .modal-arw.next {
	right: 0
}
#modal .modal-arw.next:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.loader, .loader:after, .loader:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-animation: loader 1.8s infinite ease-in-out;
	animation: loader 1.8s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #0085a2;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
.loader:after, .loader:before {
	position: absolute;
	top: 0;
	content: ''
}
.loader:before {
	left: -14px;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.loader:after {
	left: 14px
}
@-webkit-keyframes loader {
0%, 100%, 80% {
box-shadow:0 2.5em 0 -1.3em
}
40% {
box-shadow:0 2.5em 0 0
}
}
@keyframes loader {
0%, 100%, 80% {
box-shadow:0 2.5em 0 -1.3em
}
40% {
box-shadow:0 2.5em 0 0
}
}
#footer {
	padding-bottom: 10px
}
#footer .message {
	display: block;
	width: 520px;
	margin: 0 auto 62px;
	font-weight: 100;
	line-height: 1;
	text-align: center
}
#footer .message .sp {
	display: none
}
#footer .footer-logo {
	width: 10%;
	max-width: 160px;
	margin: 0 auto 50px
}
/*#footer .share-wrap {
	margin: 0 auto 40px;
	width: 190px
}*/
footer .share-wrap {
	text-align:center;
	margin-bottom:40px;
}
footer .share-wrap li {
	display:inline-block;
	margin:0 5px;
	width:30px;
}
footer .share-wrap li:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*----------------------------- add to-home 2020.3 --*/
footer #to-home {
	text-align:center;
	margin-bottom:30px;
}
footer #to-home .logo {
	border-top:1px solid #e4e4e4;
	padding-top:30px;
	width:200px;
	margin:0 auto 20px;
}
footer #to-home .logo img {
	width:100px;
}
@media screen and (max-width: 414px) {
}
#footer .share-wrap .fb_iframe_widget {
	vertical-align: top;
	margin: 0 20px 0 0
}
#footer .copy {
	margin: 0 0 0 22px;
	padding-bottom: 10px;
	font-size: 1.2rem;
	border-bottom: 3px solid #000;
	line-height: .5
}
#footer .ico-arw {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 30px;
	height: 30px
}
@media screen and (max-width:1024px) {
#header, #semi-header {
	min-width: 768px
}
#header .link-ad, #semi-header .link-ad {
	/*width: 220px;*/
	padding: 8px 0 0 22px
}
#header .link-ad p, #semi-header .link-ad p {
	margin-right: 10px;
	font-size: 1.2rem
}
#header .link-ad .btn-seemore, #semi-header .link-ad .btn-seemore {
	font-size: 1rem!important
}
.top #sec02 .ttl-wrap {
	padding: 0 2%;
	margin-top: 7%
}
.top #sec03 .sec-wrap, .top #sec04 .sec-wrap {
	min-width: 768px
}
.top #sec04 .sec-wrap .txt-wrap {
	margin: 7.8% 0 0 2.5%;
	width: 100%
}
#semi-header .semi-header-logo {
	width: 110px;
	margin-right: 15px;
	margin-top: 6px
}
.top #sec03 .sec-wrap .ttl-wrap .ttl {
	margin-left: 27%
}
.top #sec03 .sec-wrap .txt-wrap .sub-box .sub {
	width: 78%;
	padding: 0 0 0 3%
}
.top #sec03 .sec-wrap .btn-seemore {
	margin: 33.4% 0 0 48%
}
.top #sec04 .sec-wrap .btn-seemore.box {
	margin: 43% 0 0 2.5%
}
.top #sec03 .big-type, .top #sec04 .big-type {
	display: none
}
#semi-header .links {
	width: 360px
}
.top #sec04 .sec-wrap:before {
	padding-top: 112.6%
}
.top #sec04 .sec-wrap .img01 {
	margin: 35.3% 0 0 68.8%
}
.top #sec04 .sec-wrap .img02 {
	margin: 57.7% 0 0 26%
}
.top #sec04 .sec-wrap .img03 {
	margin: 69.5% 0 0 82.5%
}
.top #sec04 .sec-wrap .img04 {
	margin: 73.4% 0 0 10.5%
}
#semi-header .links .link {
	margin-right: 12px
}
.top #sec05 .sec-wrap {
	min-width: 768px
}
.top #sec05 .sec-wrap:before {
	padding-top: 64%
}
.top #sec05 .sec-wrap .ttl-wrap {
	width: 96%;
	margin: 0 0 0 17%
}
.top #sec05 .sec-wrap .img01 {
	margin: 45.8% 0 0 63.799999999999997%
}
.top #sec05 .sec-wrap .img02 {
	margin: 45.8% 0 0 82.5%
}
.top #sec05 .sec-wrap .img03 {
	margin: 15.4% 0 0 0
}
.top #sec05 .sec-wrap .img04 {
	margin: 39.6% 0 0 26.2%
}
.top #sec05 .sec-wrap .txt-wrap {
	margin: 12.4% 0 0 49.200000000000003%
}
.top #sec05 .sec-wrap .btn-seemore.box {
	margin: 33% 0 0 50%
}
.top #sec07 {
	min-width: 768px;
	padding-left: 0
}
.top #sec07 .ttl-wrap {
	width: 67.5%
}
.top #sec07 .thumb-ad {
	margin-left: 3%;
	width: 27%
}
.top #sec07-2 {
	min-width: 768px;
	padding-left: 0
}
.top #sec07-2 .ttl-wrap {
	width: 67.5%
}
.top #sec07-2 .thumb-ad {
	margin-left: 3%;
	width: 27%
}
.top #sec08 {
	min-width: 748px
}
#footer .footer-logo {
	width: 18%
}
.top #sec07 .ttl-wrap .ttl01, .top #sec07 .ttl-wrap .ttl02 {
	font-size: 5rem
}
.top #sec07-2 .ttl-wrap .ttl01, .top #sec07-2 .ttl-wrap .ttl02 {
	font-size: 5rem
}
body, html {
	width: 100%;
	height: 100%;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 62.5%;
	min-width: 768px;
	font-weight: 200;
	color: #000
}
.gallery .sub-box .sub {
	width: 80%;
	padding: 0 0 0 10px
}
.gallery #sec02 .sub-box {
	margin: 0 auto;
	width: 80%
}
.gallery #sec02 .list-wrap {
	margin: 0 0 0 2.5%
}
.gallery #mv #mv-ttl {
	font-size: 8rem;
	height: 140px;
	top: -50px;
	line-height: 1
}
.gallery #mv #mv-ttl .mv-in-elm04, .gallery #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,380px,140px,0);
	height: 100%
}
.gallery #sec01 .big-type, .gallery #sec02 .big-type {
	display: none
}
.gallery #sec01 {
	padding-top: 0;
	width: 97.5%
}
.gallery #sec02 {
	padding-top: 40px;
	width: 97.5%
}
.gallery #sec02 .sub-box {
	width: 90%;
	margin-left: 2.5%
}
.about #sec01 {
	min-width: 748px
}
.about #mv #mv-ttl {
	font-size: 7.2rem
}
.about #sec01 .txt-wrap .img01 {
	position: relative;
	margin: 0;
	width: 46%;
	margin-right: 2%;
	float: left;
	margin-top: 20px
}
.about #sec01 .txt-wrap .img.img02 {
	position: relative;
	margin: 0;
	float: left;
	width: 46%;
	margin-top: 20px
}
.voice #mv #mv-ttl {
	font-size: 8rem;
	height: 140px;
	top: -50px;
	line-height: 1
}
.voice #mv #mv-ttl .mv-in-elm04, .voice #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,500px,140px,0);
	height: 100%
}
}
@media screen and (max-width:767px) {
.pc-none {
	display: block
}
.sp-none {
	display: none
}
body, html {
	width: 100%;
	height: 100%;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 62.5%;
	min-width: 320px;
	font-weight: 200;
	color: #000
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	display: block;
	cursor: pointer;
	color: #000;
	background: 0 0;
	-webkit-transition: all .8s cubic-bezier(.58, .03, .33, .91);
	transition: all .8s cubic-bezier(.58, .03, .33, .91);
	-webkit-transition: all .8s cubic-bezier(.58, .03, .33, .91);
	transition: all .8s cubic-bezier(.58, .03, .33, .91)
}
a:hover {
	opacity: 1
}
.san-serif {
	font-family: 'Yu Gothic', YuGothic, serif
}
.jp-spacing {
	font-weight: 100;
	line-height: 2.2;
	letter-spacing: 0
}
.white {
	color: #fff
}
.cat-blue:before {
	position: absolute;
	bottom: -26px;
	left: auto;
	width: 80%;
	height: 50px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-blue.jpg) 0 0 no-repeat;
	background-size: 100%;
	right: 0
}
.blue {
	color: #0085a2
}
.cat-yellow:before {
	position: absolute;
	right: auto;
	bottom: 18px;
	width: 56%;
	height: 56px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-yellow.jpg) 0 0 no-repeat;
	background-size: 100%;
	left: 0
}
.yellow {
	color: #cfaf01
}
.cat-orange:before {
	position: absolute;
	bottom: -26px;
	left: auto;
	width: 90%;
	height: 56px;
	display: block;
	content: '';
	background: url(../img/top/bg-water-orange.jpg) 0 0 no-repeat;
	background-size: 100%;
	right: 0
}
.orange {
	color: #c14502
}
.pink {
	color: #e84592
}
.bg-glay {
	background: #f4f4f4
}
.glay {
	color: #afafaf
}
.white {
	color: #fff
}
.btn-seemore {
	font-size: 1.2rem!important;
	font-style: italic;
	color: #01bce4
}
.is-in .in-elm01, .is-in .in-elm02, .is-in .in-elm03, .is-in .in-elm04, .is-in .in-elm05, .is-in .in-elm06, .is-in .in-elm07, .is-in .in-elm08, .is-in .in-elm09, .is-in .in-elm10 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}
.in-elm01 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm02 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm03 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm04 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm05 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm06 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm07 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm08 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm09 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: .9s;
	transition-delay: .9s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.in-elm10 {
	opacity: 0;
	-webkit-transition: all 1.6s ease;
	transition: all 1.6s ease;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transform: translate3d(0, 40px, 0) scale(1.03);
	transform: translate3d(0, 40px, 0) scale(1.03)
}
.js-modal {
	cursor: pointer
}
.btn-seemore.box {
	width: 110px;
	padding: 7px 6px 9px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #01bce4;
	border: 1px solid transparent;
	border-radius: 4px
}
.btn-seemore.box:hover {
	opacity: 1;
	color: #fff;
	background: #01bce4;
	border: 1px solid #01bce4
}
.btn-seemore.box.is-close {
	background: #7f959a
}
.btn-seemore.box.is-close:hover {
	background: #7f959a;
	opacity: 1;
	color: #fff;
	border: 1px solid #7f959a
}
.btn-seemore.underline {
	position: relative
}
.btn-seemore.underline:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	background: #01bce4;
	-webkit-transition: all .4s cubic-bezier(.58, .03, .33, .91);
	transition: all .4s cubic-bezier(.58, .03, .33, .91)
}
.btn-seemore.bd-top:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	display: block;
	content: '';
	background: #01bce4;
	-webkit-transition: all .4s cubic-bezier(.58, .03, .33, .91);
	transition: all .4s cubic-bezier(.58, .03, .33, .91)
}
.ttl-wrap {
	position: absolute;
	height: 72px;
	width: 100%
}
.ttl-wrap .ttl {
	position: relative;
	z-index: 1;
	font-size: 4rem
}
.ttl-wrap .btn-seemore {
	position: relative;
	z-index: 1
}
#header {
	display: none
}
#sp-header {
	width: 95%;
	display: block;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255,255,255,.9);
	border-bottom: 1px solid rgba(0,0,0,.1);
	z-index: 50
}
#sp-header a .sp-header-logo {
	width: 124px;
	margin: 10px
}
#sp-header .btn-menu {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0
}
#sp-header .btn-menu:hover {
	opacity: 1
}
#sp-header .btn-menu:hover span {
	opacity: 1
}
#sp-header .btn-menu.is-close span {
	background: 0 0
}
#sp-header .btn-menu.is-close span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
#sp-header .btn-menu.is-close span:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#sp-header .btn-menu span {
	width: 30px;
	background: #000;
	height: 4px;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all .8s;
	transition: all .8s
}
#sp-header .btn-menu span:before {
	background: #000;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -8px;
	left: 0;
	border-radius: 4px;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#sp-header .btn-menu span:after {
	background: #000;
	content: '';
	display: block;
	border-radius: 4px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 8px;
	left: 0;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#semi-header {
	display: none
}
.sp-link-ad-box {position: relative;width: 100%;margin: 50px 0 0 0;padding: 10px 2.5% 6px;}
.sp-link-ad {
	/*position: relative;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 10px 2.5%;*/
	display: inline-block;
	overflow: hidden
}
.sp-link-ad p {
	margin-right: 10px;
	font-size: 1.2rem;
	/*font-style: italic;*/
	line-height: 1.4;
	float: left;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
.sp-link-ad .btn-seemore {
	margin-top: -2px;
	margin-right: 0;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#sp-menu {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
	z-index: 49;
	padding-top: 70px;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
#sp-menu .links {
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px
}
#sp-menu .links .link {
	position: relative;
	padding: 18px 0;
	font-size: 2rem;
	line-height: 1.5;
	display: block;
	text-align: center;
	clear: both
}
#sp-menu .links .link:nth-child(1):before {
	background: #01bce4
}
#sp-menu .links .link:nth-child(2):before {
	background: #0085a2
}
#sp-menu .links .link:nth-child(3):before {
	background: #cfaf01
}
#sp-menu .links .link:nth-child(4):before {
	background: #c14502
}
#sp-menu .links .link:before {
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 3px;
	display: block;
	content: '';
	background: #0085a2;
	-webkit-transition: all .6s;
	transition: all .6s
}
#sp-menu .links .link.is-current:nth-child(2):before {
	width: 64px
}
#sp-menu .links .link.is-current:nth-child(3):before {
	width: 108px
}
#sp-menu .links .link.is-current:nth-child(4):before {
	width: 190px
}
#sp-menu .link-ad {
	position: relative;
	width: 284px;
	height: 32px;
	margin: 4px auto;
	padding: 6px 18px;
	overflow: hidden;
	background: #01bce4;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#sp-menu .link-ad p {
	/*margin-right: 8px;*/
	font-size: 1.5rem;
	color: #fff;
	/*font-style: italic;*/
	line-height: 1.4;
	/*float: left;*/
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	text-align:center;
}
#sp-menu .link-ad .btn-seemore {
	margin-top: 0;
	margin-right: 0;
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}
#sp-menu .link-ad .btn-seemore:before {
	background: #fff
}
.sec {
	position: relative;
	width: 100%;
	overflow: hidden
}
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.top #mv {
	position: relative;
	width: 95%;
	margin: 0 auto;
	overflow: hidden
}
.top #mv:before {
	padding-top: 114.299999999999997%;
	display: block;
	content: ''
}
.top #mv #mv-logo {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 72%;
	margin: auto;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	z-index: 10
}
.top #mv .bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover!important;
	background-image: url(../img/top/sp-mainvisual.jpg)
}
.top #sec01 {
	padding: 75px 0 0;
	width: 95%;
	margin: 0 auto
}
.top #sec01 .lead-strong {
	margin-bottom: 21px;
	font-size: 1.6rem;
	line-height: 1.4;
	letter-spacing: 1px;
	text-align: center
}
.top #sec01 .lead {
	font-size: 1.3rem
}
.top #sec01 .lead br {
	display: none
}
.top #sec02 {
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding: 72px 0 0
}
.top #sec02 .bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 46px 0;
	background: url(../img/top/pic-sec02-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	text-align: center
}
.top #sec02 .ttl-wrap {
	position: relative;
	margin-top: 0;
	text-align: center;
	float: none;
	width: 100%;
	margin-bottom: 20px
}
.top #sec02 .ttl-wrap .ttl {
	margin-bottom: 3px;
	font-size: 3.8rem;
	letter-spacing: 1.2px
}
.top #sec02 .ttl-wrap p {
	font-size: 1.3rem;
	line-height: 1.5
}
.top #sec02 .video-wrap {
	width: 95%;
	float: none;
	margin: 0 auto
}
.top #sec03 {
	padding-top: 80px
}
.top #sec03 .sec-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-width: 0
}
.top #sec03 .sec-wrap:before {
	padding-top: 0;
	display: block;
	content: ''
}
.top #sec03 .sec-wrap .ttl-wrap {
	top: 0;
	width: 100%;
	margin: 0 0 20px;
	position: relative;
	height: 48px
}
.top #sec03 .sec-wrap .ttl-wrap .ttl {
	margin-left: 0;
	text-align: right;
	width: 90%
}
.top #sec03 .sec-wrap .ttl-wrap .btn-seemore {
	position: absolute;
	top: 13px;
	right: auto;
	margin: 0 0 0 80%;
	left: 0
}
.top #sec03 .sec-wrap .txt-wrap {
	position: relative;
	top: 0;
	width: 95%;
	margin: 0 auto;
	z-index: 1
}
.top #sec03 .sec-wrap .txt-wrap .sub-box {
	z-index: 1;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative
}
.top #sec03 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 4rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left;
	width: 16%;
	margin-right: 2%;
	max-width: 50px;
	margin-top: 2px
}
.top #sec03 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 0 10px 0 0;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.2;
	width: 82%;
	font-size: 2rem
}
.top #sec03 .sec-wrap .txt-wrap .txt {
	font-size: 1.4rem;
	line-height: 1.8;
	width: 100%;
	margin: 0 auto
}
.top #sec03 .sec-wrap .txt-wrap .txt br {
	display: none
}
.top #sec03 .sec-wrap .btn-seemore {
	position: relative;
	z-index: 1;
	top: 0;
	margin: 20px 0 20px 2.5%
}
.top #sec03 .sec-wrap .img {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0
}
.top #sec03 .sec-wrap .img01 {
	width: 27%;
	margin: 2% 0 0 41.799999999999997%
}
.top #sec03 .sec-wrap .img02 {
	width: 27%;
	margin: -27% 0 0 70.799999999999997%
}
.top #sec03 .sec-wrap .img03 {
	width: 68.5%;
	margin: 6% 0 0 2.5%
}
.top #sec03 .sec-wrap .img04 {
	width: 49.799999999999997%;
	margin: -13% 0 0 47.700000000000003%
}
.top #sec03 .big-type {
	position: absolute;
	top: 0;
	right: 20px;
	margin-top: 256px;
	display: none
}
.top #sec04 {
	margin-bottom: 75px
}
.top #sec04 .sec-wrap {
	position: relative;
	width: 95%;
	min-width: 300px;
	margin: 0 auto
}
.top #sec04 .sec-wrap:before {
	padding-top: 0;
	display: block;
	content: ''
}
.top #sec04 .sec-wrap .txt-wrap {
	position: relative;
	top: 0;
	width: 100%;
	margin: 40px 0 0 0
}
.top #sec04 .sec-wrap .txt-wrap .sub-box {
	margin-bottom: 20px;
	overflow: hidden
}
.top #sec04 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 4rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	width: 16%;
	max-width: 50px;
	margin-right: 2%;
	float: left
}
.top #sec04 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 0 10px 0 0;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.2;
	width: 82%;
	font-size: 2.2rem
}
.top #sec04 .sec-wrap .txt-wrap .txt {
	font-size: 1.4rem;
	line-height: 1.8
}
.top #sec04 .sec-wrap .txt-wrap .txt br {
	display: none
}
.top #sec04 .sec-wrap .btn-seemore.box {
	position: relative;
	z-index: 1;
	top: 0;
	margin: 4.5% 0 0 0
}
.top #sec04 .sec-wrap .img {
	position: relative;
	top: 0;
	left: 0
}
.top #sec04 .sec-wrap .img01 {
	width: 55.799999999999997%;
	margin: 8.300000000000001% 0 0 44.600000000000001%
}
.top #sec04 .sec-wrap .img02 {
	width: 71%;
	margin: 0
}
.top #sec04 .sec-wrap .img03 {
	width: 25.300000000000001%;
	margin: -25.600000000000001% 0 0 74.5%
}
.top #sec04 .sec-wrap .img04 {
	width: 20%;
	margin: 47.399999999999999% 0 0 10.5%;
	display: none
}
.top #sec04 .big-type {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	display: none
}
.top #sec05 {
	margin-bottom: 74px
}
.top #sec05 .sec-wrap {
	position: relative;
	width: 95%;
	min-width: 300px;
	margin: 0 auto
}
.top #sec05 .sec-wrap:before {
	padding-top: 0;
	display: block;
	content: ''
}
.top #sec05 .sec-wrap .ttl-wrap {
	top: 0;
	width: 100%;
	margin: 0;
	position: relative;
	height: 90px
}
.top #sec05 .sec-wrap .ttl-wrap .ttl {
	margin-left: 0;
	text-align: right
}
.top #sec05 .sec-wrap .txt-wrap {
	position: relative;
	top: 0;
	width: 100%;
	margin: 30px 0 0 0
}
.top #sec05 .sec-wrap .txt-wrap .sub-box {
	margin-bottom: 20px;
	overflow: hidden
}
.top #sec05 .sec-wrap .txt-wrap .sub-box .num {
	font-size: 5.6rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left
}
.top #sec05 .sec-wrap .txt-wrap .sub-box .sub {
	padding: 0;
	font-size: 2.2rem;
	line-height: 1.2;
	display: inline-block;
	float: left;
	letter-spacing: 1px
}
.top #sec05 .sec-wrap .txt-wrap .txt {
	padding-left: 0;
	font-size: 1.4rem
}
.top #sec05 .sec-wrap .txt-wrap .txt br {
	display: none
}
.top #sec05 .sec-wrap .btn-seemore.box {
	position: relative;
	z-index: 1;
	top: 0;
	margin: 20px 0 0 0
}
.top #sec05 .sec-wrap .img {
	position: relative;
	top: 0;
	left: 0
}
.top #sec05 .sec-wrap .img01 {
	width: 27.600000000000001%;
	margin: 7% 0 0 41.5%
}
.top #sec05 .sec-wrap .img02 {
	width: 27.600000000000001%;
	margin: -28% 0 0 72.400000000000006%
}
.top #sec05 .sec-wrap .img03 {
	width: 86.099999999999994%;
	margin: 7.4% 0 0 0
}
.top #sec05 .sec-wrap .img04 {
	z-index: 1;
	width: 39.799999999999997%;
	margin: -11.4% 0 0 60.200000000000003%
}
.top #sec06 {
	margin-bottom: 40px
}
.top #sec06 .sec-wrap {
	width: 95%;
	margin: 0 auto
}
.top #sec06 .sec-wrap .ttl-wrap {
	position: relative;
	width: 600px;
	height: auto;
	margin-bottom: 24px;
	margin-left: 0
}
.top #sec06 .sec-wrap .ttl-wrap .ttl {
	position: relative;
	margin-bottom: 12px
}
.top #sec06 .sec-wrap .ttl-wrap .txt {
	position: relative;
	font-size: 1.4rem;
	width: 48%
}
.top #sec06 .sec-wrap .ttl-wrap .btn-seemore {
	position: absolute;
	top: 0;
	left: 0;
	margin: 16px 0 0 39%
}
.top #sec06 .sec-wrap #voice-slide {
	width: 97.400000000000006%;
	margin: 0 auto;
	overflow: hidden
}
.top #sec06 .sec-wrap #voice-slide .img {
	position: relative;
	display: block;
	float: left
}
.top #sec06 .sec-wrap #voice-slide .img:hover {
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap:before {
	opacity: .3
}
.top #sec06 .sec-wrap #voice-slide .img:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	opacity: 1
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	color: #fff;
	font-style: italic;
	-webkit-transition: all .8s;
	transition: all .8s
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.top #sec06 .sec-wrap #voice-slide .img .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.top #sec07 {
	width: 100%;
	margin: 0 auto 60px;
	padding-left: 0;
	overflow: hidden;
	min-width: 0
}
.top #sec07 .thumb-ad {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 41%;
	margin: 0 0 0 2.5%;
	float: left
}
.top #sec07 .ttl-wrap {
	z-index: 1;
	top: 0;
	right: 0;
	width: 95%;
	height: 80px;
	margin: 0 auto 6%;
	position: relative
}
.top #sec07 .ttl-wrap .ttl01 {
	font-size: 4rem
}
.top #sec07 .ttl-wrap .ttl02 {
	margin-left: 9.4%;
	font-size: 4rem
}
.top #sec07 .txt-box {
	position: relative;
	margin: 0 auto;
	padding: 10px 0 60px 6%;
	background: 0 0;
	width: 53%;
	float: left
}
.top #sec07 .txt-box .txt {
	font-size: 1.4rem;
	line-height: 1.5
}
.top #sec07 .txt-box .txt br {
	display: none
}
.top #sec07 .txt-box .btn-seemore {
	position: absolute;
	right: 0;
	bottom: 28px
}
.top #sec07-2 {
	width: 100%;
	margin: 0 auto 60px;
	padding-left: 0;
	overflow: hidden;
	min-width: 0
}
.top #sec07-2 .thumb-ad {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	/*width: 41%;
	margin: 0 0 0 2.5%;
	float: left*/
	width: 95%;
	margin: 0 2.5% 0;
}
.top #sec07-2 .ttl-wrap {
	z-index: 1;
	top: 0;
	right: 0;
	width: 95%;
	/*height: 80px;*/
	height: 40px;
	margin: 0 auto 6%;
	position: relative
}
.top #sec07-2 .ttl-wrap .ttl01 {
	font-size: 4rem
}
.top #sec07-2 .ttl-wrap .ttl02 {
	margin-left: 9.4%;
	font-size: 4rem
}
.top #sec07-2 .txt-box {
	position: relative;
	margin: 0 auto;
	/*padding: 10px 0 60px 6%;*/
	padding: 10px 0 60px;
	background: 0 0;
	width:95%;
	/*width: 53%;
	float: left*/
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.top #sec07-2 .txt-box .txt {
	font-size: 1.4rem;
	line-height: 1.5
}

.top #sec07-2 .txt-box .btn-seemore {
	position: absolute;
	right: 0;
	bottom: 28px
}
.top #sec08 {
	width: 95%;
	margin: 0 auto;
	min-width: 0
}
.top #sec08 .list {
	position: relative;
	width: 100%;
	margin-right: 0;
	padding-top: 20px;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #e4e4e4;
	margin-bottom: 45px
}
.top #sec08 .list:nth-child(2) {
	margin-right: 0
}
.top #sec08 .list:nth-child(2) .bnr-img {
	height: auto;
	float: none;
	width: 30%;
	min-width: 117px;
	margin: 0 auto
}
.top #sec08 .list .bnr-img {
	width: 50%;
	float: none;
	margin: 0 auto
}
.top #sec08 .list .txt {
	width: 80%;
	margin: 10px auto 0!important;
	font-size: 1.4rem;
	float: none;
	text-align: center;
	min-width: 270px
}
.top #sec08 .list .btn-seemore {
	position: absolute;
	top: -1px;
	right: 20px
}
.top #sec08 .list .img-list {
	padding: 30px 0;
	clear: both;
	overflow: hidden
}
.top #sec08 .list .img-list p {
	width: 29%;
	margin: 0;
	float: left;
	margin-right: 6%
}
.top #sec08 .list .img-list p:nth-child(3) {
	margin-right: 0
}
.mv-in-elm01 {
	opacity: 1;
	-webkit-transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm02 {
	opacity: 1;
	-webkit-transition: all 1.4s ease;
	transition: all 1.4s ease;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm03 {
	opacity: 1;
	-webkit-transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	transition: all 1.4s cubic-bezier(.71, .03, .36, .98);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mv-in-elm04 {
	-webkit-transition: all .7s cubic-bezier(.52, .4, .1, .99);
	transition: all .7s cubic-bezier(.52, .4, .1, .99)
}
.mv-in-elm05 {
	-webkit-transition: all .7s cubic-bezier(.52, .4, .1, .99);
	transition: all .7s cubic-bezier(.52, .4, .1, .99);
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.is-out .mv-in-elm01 {
	opacity: 1;
	-webkit-transform: translate3d(30px, 0, 0);
	transform: translate3d(30px, 0, 0)
}
.is-out .mv-in-elm02 {
	opacity: 0;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}
.is-out .mv-in-elm03 {
	opacity: 0;
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0)
}
.is-out .mv-in-elm04, .is-out .mv-in-elm05 {
	clip: rect(0,0,130px,0)!important
}
.about #mv {
	position: relative;
	margin-bottom: 46px
}
.about #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left;
	display: none
}
.about #mv #mv-img {
	width: 95%;
	float: none;
	margin: 0 auto
}
.about #mv #mv-ttl {
	position: relative;
	top: 0;
	width: 300px;
	height: 80px;
	margin: 30px auto 0;
	text-align: center;
	clear: both;
	font-size: 4rem;
	overflow: hidden;
	max-width: 380px
}
.about #mv #mv-ttl .mv-in-elm04, .about #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,300px,130px,0)
}
.about #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.about #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.about #sec01 {
	width: 95%;
	min-width: 300px;
	margin: 0 auto 82px
}
.about #sec01 .ttl.orange {
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 1.2px
}
.about #sec01 .lead.orange {
	margin-bottom: 30px;
	font-size: 1.4rem
}
.about #sec01 .img-wrap {
	width: 100%;
	margin-right: 0;
	float: left
}
.about #sec01 .img-wrap .cap {
	margin: 10px 0 30px;
	display: block;
	font-size: 1.4rem
}
.about #sec01 .txt-wrap {
	width: 100%;
	padding-top: 27px;
	float: left
}
.about #sec01 .txt-wrap .sub {
	margin-bottom: 36px;
	font-size: 2.4rem;
	line-height: 1.7
}
.about #sec01 .txt-wrap .txt {
	width: 100%;
	font-size: 1.2rem;
	line-height: 2.4;
	margin-bottom: 50px
}
.about #sec01 .txt-wrap .img01 {
	position: relative;
	right: 0;
	bottom: 0;
	width: 47%;
	margin: 0 6% 2.6% 0;
	float: left
}
.about #sec01 .txt-wrap .img.img02 {
	position: relative;
	right: 0;
	bottom: 0;
	width: 47%;
	margin: 0 0 2.6% 0;
	float: left
}
.gallery #mv {
	position: relative;
	margin-bottom: 46px
}
.gallery #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left;
	display: none
}
.gallery #mv #mv-img {
	width: 95%;
	float: none;
	margin: 0 auto
}
.gallery #mv #mv-ttl {
	position: relative;
	top: 0;
	width: 164px;
	height: 60px;
	margin: 30px auto 0;
	clear: both;
	overflow: hidden;
	font-size: 4.8rem;
	max-width: 380px
}
.gallery #mv #mv-ttl .mv-in-elm04, .gallery #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,380px,130px,0)
}
.gallery #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.gallery #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.gallery .sub-box {
	margin-bottom: 20px;
	overflow: hidden;
	width: 95%!important
}
.gallery .sub-box .num {
	font-size: 4rem;
	font-weight: 100;
	line-height: 1;
	display: inline-block;
	float: left;
	width: 18%;
	max-width: 56px
}
.gallery .sub-box .sub {
	padding: 0 0 12px 0;
	font-size: 2.2rem;
	letter-spacing: 1px;
	display: inline-block;
	float: left;
	line-height: 1.5;
	width: 76%
}
.gallery .list-wrap {
	width: 95%
}
.gallery .list-wrap .gallery-list.drawer {
	height: 0;
	overflow: hidden
}
.gallery .list-wrap .gallery-list .list {
	width: 47.200000000000003%;
	margin-right: 5.5%;
	margin-bottom: 6.5%;
	float: left;
	cursor: pointer;
	position: relative
}
.gallery .list-wrap .gallery-list .list:nth-child(5n) {
	margin-right: 5.5%
}
.gallery .list-wrap .gallery-list .list:nth-child(2n) {
	margin-right: 0
}
.gallery .list-wrap .gallery-list .list:hover {
	opacity: 1
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap:before {
	opacity: .3
}
.gallery .list-wrap .gallery-list .list:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.gallery .list-wrap .gallery-list .list .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 1;
	display: none
}
.gallery .list-wrap .gallery-list .list .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	font-style: italic;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s
}
.gallery .list-wrap .gallery-list .list .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.gallery .list-wrap .gallery-list .list .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.gallery .list-wrap .gallery-list .list .img {
	position: relative;
	z-index: 1;
	opacity: 0
}
.gallery .list-wrap .gallery-list .list .img.is-in {
	opacity: 1
}
.gallery .list-wrap .btn-seemore {
	float: none;
	clear: both;
	margin: 24px auto
}
.gallery .big-type {
	position: absolute;
	top: 0;
	margin-top: 0
}
.gallery #sec01 {
	margin-bottom: 10px;
	padding-top: 40px;
	padding-bottom: 54px
}
.gallery #sec01 .sub-box {
	margin-left: 2.5%
}
.gallery #sec01 .sub-box .num {
	font-weight: 100
}
.gallery #sec01 .list-wrap {
	margin-left: 0;
	overflow: hidden;
	margin: 0 auto
}
.gallery #sec01 .list-wrap .gallery-list {
	overflow: hidden
}
.gallery #sec01 .big-type {
	right: 40px;
	width: 10%;
	display: none
}
.gallery #sec02 {
	margin-bottom: 100px;
	padding-top: 16px
}
.gallery #sec02 .sub-box {
	margin-left: 2.5%
}
.gallery #sec02 .sub-box .num {
	font-weight: 100
}
.gallery #sec02 .list-wrap {
	margin-left: 0;
	overflow: hidden;
	margin: 0 auto;
	width: 95%
}
.gallery #sec02 .list-wrap .gallery-list {
	overflow: hidden
}
.gallery #sec02 .big-type {
	width: 7.6%;
	display: none
}
.voice #mv {
	position: relative;
	margin-bottom: 46px
}
.voice #mv #mv-logo {
	width: 26%;
	padding: 8.4% 5.2% 0;
	float: left;
	display: none
}
.voice #mv #mv-img {
	width: 95%;
	float: none;
	margin: 0 auto
}
.voice #mv #mv-ttl {
	position: relative;
	top: 0;
	width: 300px;
	height: 80px;
	margin: 30px auto 0;
	text-align: center;
	clear: both;
	font-size: 4.8rem;
	overflow: hidden;
	max-width: 380px
}
.voice #mv #mv-ttl .mv-in-elm04, .voice #mv #mv-ttl .mv-in-elm05 {
	clip: rect(0,614px,130px,0)
}
.voice #mv #mv-ttl .ttl-front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.voice #mv #mv-ttl .ttl-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .4
}
.voice #sec01 {
	margin-bottom: 108px;
	padding-top: 4px
}
.voice #sec01 .sub-box {
	margin-bottom: 12px;
	margin-left: 2.5%
}
.voice #sec01 .sub-box .sub {
	line-height: 1.5;
	font-size: 2rem
}
.voice #sec01 .list-wrap {
	width: 95%;
	margin: 0 auto;
	overflow: hidden
}
.voice #sec01 .list-wrap .list {
	position: relative;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left
}
.voice #sec01 .list-wrap .list:nth-child(5n) {
	margin-right: 1%
}
.voice #sec01 .list-wrap .list:nth-child(2n) {
	margin-right: 0
}
.voice #sec01 .list-wrap .list:hover .hover-wrap .view {
	letter-spacing: 2px;
	opacity: 1
}
.voice #sec01 .list-wrap .list:hover .hover-wrap:before {
	opacity: .3
}
.voice #sec01 .list-wrap .list:hover .hover-wrap:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
.voice #sec01 .list-wrap .list .img {
	position: relative;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all .8s;
	transition: all .8s
}
.voice #sec01 .list-wrap .list .img.is-in {
	opacity: 1
}
.voice #sec01 .list-wrap .list .hover-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 2;
	display: none
}
.voice #sec01 .list-wrap .list .hover-wrap .view {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: auto;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 8px;
	opacity: 0;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	font-style: italic
}
.voice #sec01 .list-wrap .list .hover-wrap:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	opacity: 0;
	background: #000;
	-webkit-transition: all .8s;
	transition: all .8s
}
.voice #sec01 .list-wrap .list .hover-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	display: block;
	content: '';
	opacity: 0;
	border: 1px solid #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
#modal {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: all .8s;
	transition: all .8s;
	z-index: 50;
	width: 100%
}
#modal.is-in {
	pointer-events: visible;
	opacity: 1
}
#modal #change-wrap {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 100%;
	margin: 0 auto;
	display: table;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all .8s;
	transition: all .8s;
	z-index: 10
}
#modal #change-wrap.is-in {
	pointer-events: visible;
	opacity: 1
}
#modal #change-wrap .modal-img {
	width: 100%;
	vertical-align: middle;
	display: table-cell
}
#modal #btn-modal-close {
	position: fixed;
	z-index: 20;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px
}
#modal #btn-modal-close:before {
	position: absolute;
	top: 20px;
	left: 4px;
	width: 80%;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#modal #btn-modal-close:after {
	position: absolute;
	top: 20px;
	left: 4px;
	width: 80%;
	height: 1px;
	display: block;
	content: '';
	background: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center center;
	transform-origin: center center
}
#modal .modal-arw {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20%;
	height: 100%;
	margin: auto;
	z-index: 10
}
#modal .modal-arw:before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: auto;
	display: block;
	content: '';
	border: 1px solid transparent;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff
}
#modal .modal-arw.prev {
	left: 0
}
#modal .modal-arw.prev:before {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}
#modal .modal-arw.next {
	right: 0
}
#modal .modal-arw.next:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #0085a2;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
.loader:before {
	left: -14px;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.loader:after {
	left: 14px
}
@-webkit-keyframes loader {
0%, 100%, 80% {
box-shadow:0 2.5em 0 -1.3em
}
40% {
box-shadow:0 2.5em 0 0
}
}
@keyframes loader {
0%, 100%, 80% {
box-shadow:0 2.5em 0 -1.3em
}
40% {
box-shadow:0 2.5em 0 0
}
}
#footer {
	padding-bottom: 10px
}
#footer .message {
	margin-bottom: 62px;
	width: 210px;
	font-weight: 100;
	line-height: 1.3;
	text-align: center;
	margin: 0 auto
}
#footer .message .sp {
	display: block
}
#footer .message .pc {
	display: none
}
#footer .footer-logo {
	width: 38%;
	margin: 32px auto 50px
}
#footer .copy {
	margin: 0 0 0 2.5%;
	padding-bottom: 8px;
	font-size: 1rem;
	border-bottom: 3px solid #000;
	line-height: .5
}
#footer .ico-arw {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 30px;
	height: 30px
}
}

/*=======================================================

collabo-info

=======================================================*/
#collabo-info-wrap {
	padding: 0 80px;
	margin: 250px 0 200px;
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#collabo-info-wrap section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#collabo-info-wrap section ul.collabo-info-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#collabo-info-wrap section ul.collabo-info-list > li {
	position: relative;
	float: left;
	width: 48%;
	margin-right: 4%;
	padding-top: 20px;
	border-top: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style-type:none;
}
#collabo-info-wrap section ul.collabo-info-list > li:last-child {
	margin-right: 0;
}
#collabo-info-wrap section ul.collabo-info-list > li .collabo-img {
	float: left;
	width: 28%;
	margin: 20px 0;
}
#collabo-info-wrap section ul.collabo-info-list > li .collabo-txt {
	float: right;
	width: 67%;
	margin: 6% 0 0 4%;
	font-size: 1.5rem;
	font-family: Meiryo, Meiryo, 'Yu Gothic', YuGothic, sans-serif!important;
}
#collabo-info-wrap section ul.collabo-info-list > li:first-child .collabo-txt {
	width: 100%;
	margin: 6% 0 0 0;
	text-align:center;
}
#collabo-info-wrap section ul.collabo-info-list > li:nth-child(2) .collabo-txt {
	margin: 4% 0 0 4%;
}
#collabo-info-wrap .btn-seemore {
	position: absolute;
	top: -1px;
	right: 20px;
	font-style: italic;
	color: #01bce4;
	text-decoration: none;
}
#collabo-info-wrap .btn-seemore:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	display: block;
	content: '';
	background: #01bce4;
	-webkit-transition: all .4s cubic-bezier(.58, .03, .33, .91);
	transition: all .4s cubic-bezier(.58, .03, .33, .91)
}
#collabo-info-wrap .btn-seemore:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#collabo-info-wrap ul.img-list {
	padding: 30px 6%;
}
#collabo-info-wrap ul.img-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#collabo-info-wrap ul.img-list li {
	width: 26%;
	margin: 0 3.6%;
	float: left;
	list-style-type:none;
}

@media screen and (max-width: 1024px) {
#collabo-info-wrap {
	padding: 0 4%;
	margin: 150px 0;
}
}
@media screen and (max-width: 768px) {
	#collabo-info-wrap {
	margin: 100px 0;
}
}
@media screen and (max-width: 414px) {
	#collabo-info-wrap section ul.collabo-info-list > li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-top:30px;
}
#collabo-info-wrap section ul.collabo-info-list > li .collabo-txt br { display:none; }
#collabo-info-wrap section ul.collabo-info-list > li .collabo-txt {
	margin: 4% 0 0 4%;
}
#collabo-info-wrap ul.img-list {
	padding: 30px 0;
}
#collabo-info-wrap ul.img-list li {
	width: 29%;
	margin:0 6% 0 0;
}
#collabo-info-wrap ul.img-list li:last-child {
	margin-right:0;
}
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* フローティングバナー */
.float_bnr {
  position: fixed;
  margin: 15px 20px;
  z-index: 99998;
  bottom: 50px;
  right: 0px;
}

.float_bnr_close {
  font-weight: bold;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 99999;
  padding: 4px 8px;
  border: none;
  background-color: #f8f8f8;
  border-radius: 25px;
  cursor: pointer;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

.hide {
  display: none;
  opacity: 0;
  animation: fadeOut 0.3s ease-out 0s forwards;
}

@keyframes fadeOut {
  0% {
    display: block;
    opacity: 0;
  }
  1% {
    display: none;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .float_bnr {
    text-align: center;
    bottom: 0px;
    width: 60%;
  }
  .float_bnr_close {
    top: -16px;
    right: -18px;
    padding: 6px 12px;
    font-size: 21px;
  }
}/*# sourceMappingURL=common.css.map */