#container .messages {
	-webkit-transform:translateY(110px);
	-ms-transform:translateY(110px);
	transform:translateY(110px)
}
#container:not(.init) #main .container {
	background:#c2cedb url(../images/sp/gradation.jpg)
}
#container:not(.init) #main .container.bg:before {
	opacity:1;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	transition:opacity 2s
}
#container:not(.init) #main .container:before {
	content:"";
	position:absolute;
	width:375px;
	height:3000px;
	background-image:url(../images/sp/gradation.jpg);
	background-size:375px 3000px;
	background-position-y:top;
	top:0;
	left:0;
	opacity:0
}
#container:not(.init) #main .container section.fv {
	width:100%;
	height:523px;
	position:relative
}
#container:not(.init) #main .container section.fv h1 {
	position:absolute;
	bottom:35px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	width:138px;
	height:140px;
	background:url(../images/sp/attento_logo.png);
	background-repeat: no-repeat;
	opacity:0;
}
#container:not(.init) #main .container section.fv h1.show {
	opacity:1;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	transition:opacity 2s
}
#container:not(.init) #main .container section.fv h2 {
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.fv h2 a {
	display:block;
	width:73px;
	height:50px;
	background:url(../images/sp/elleair.svg)
}
#container:not(.init) #main .container section.fv .image {
	position:absolute;
	top:234px;
	left:50%;
	z-index:1;
	-webkit-transform:translate(-50%,-50%) scale(1.15,1.15);
	-ms-transform:translate(-50%,-50%) scale(1.15,1.15);
	transform:translate(-50%,-50%) scale(1.15,1.15);
	opacity:0
}
#container:not(.init) #main .container section.fv .image.show {
	-webkit-transition:opacity 2s,-webkit-transform 4s;
	transition:opacity 2s,-webkit-transform 4s;
	-o-transition:transform 4s,opacity 2s;
	transition:transform 4s,opacity 2s;
	transition:transform 4s,opacity 2s,-webkit-transform 4s;
	opacity:1;
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	-ms-transform:translate(-50%,-50%) scale(1,1);
	transform:translate(-50%,-50%) scale(1,1)
}
#container:not(.init) #main .container section.fv .image img {
	width:200px;
	height:205px
}
#container:not(.init) #main .container section.message {
	position:relative;
	padding-bottom:117px;
	margin-bottom:-10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
#container:not(.init) #main .container section.message h1 {
	margin-top:-10px;
	width:235px;
	height:85px;
	position:relative;
	background:url(../images/sp/lead.svg)
}
#container:not(.init) #main .container section.message p {
	display:none
}

#container:not(.init) #main .container section.opinions {
	color:#124499;
	padding-top:26px;
	padding-bottom:117px;
	position:relative
}
#container:not(.init) #main .container section.opinions:before {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#e4007f;
	top:0;
	left:calc(50% - 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.opinions:after {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#124499;
	top:0;
	left:calc(50% + 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.opinions p.text {
	text-align:center;
	font-size:13px;
	line-height:28px
}
#container:not(.init) #main .container section.opinions h1 {
	margin-bottom:36px;
	text-align:center;
	font-size:22px;
	line-height:33px
}
#container:not(.init) #main .container section.opinions a.officialTwitter {
	margin-top:25px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
#container:not(.init) #main .container section.opinions a.officialTwitter .thumbnail {
	width:50px;
	height:50px;
	background-image:url(../images/sp/attentoTwitterIcon.png)
}
#container:not(.init) #main .container section.opinions a.officialTwitter .thumbnail img {
	width:100%;
	height:100%;
	border:solid 2px #124499;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:50px;
	-webkit-transition:border-width .15s;
	-o-transition:border-width .15s;
	transition:border-width .15s
}
#container:not(.init) #main .container section.opinions a.officialTwitter p.name {
	margin-top:7px;
	font-size:15px;
	line-height:32px;
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s
}
#container:not(.init) #main .container section.opinions a.officialTwitter p.account {
	margin-top:5px;
	font-size:13px;
	opacity:.5;
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s
}
#container:not(.init) #main .container section.opinions a.officialTwitter.hover .thumbnail img {
	border-width:1px;
	-webkit-transition:border-width .15s;
	-o-transition:border-width .15s;
	transition:border-width .15s
}
#container:not(.init) #main .container section.opinions a.officialTwitter.hover p.name {
	opacity:.5;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
#container:not(.init) #main .container section.opinions a.officialTwitter.hover p.account {
	opacity:1;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
#container:not(.init) #main .container section.opinions .list {
	margin-top:48px;
	overflow:hidden;
	-webkit-transition:height .4s;
	-o-transition:height .4s;
	transition:height .4s
}
#container:not(.init) #main .container section.opinions .list ul {
	padding-left:26px;
	padding-bottom:20px;
	overflow:scroll;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%)
}
#container:not(.init) #main .container section.opinions .list ul.show {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:-webkit-transform 1s cubic-bezier(.2,.4,.2,1);
	transition:-webkit-transform 1s cubic-bezier(.2,.4,.2,1);
	-o-transition:transform 1s cubic-bezier(.2,.4,.2,1);
	transition:transform 1s cubic-bezier(.2,.4,.2,1);
	transition:transform 1s cubic-bezier(.2,.4,.2,1),-webkit-transform 1s cubic-bezier(.2,.4,.2,1)
}
#container:not(.init) #main .container section.opinions .list ul.scrolling {
	overflow:hidden
}
#container:not(.init) #main .container section.opinions .list ul li {
	width:305px;
	margin-right:9px;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0
}
#container:not(.init) #main .container section.opinions .list ul li:last-of-type {
	margin-right:0
}
#container:not(.init) #main .container section.opinions .list ul li a {
	border-radius:2px;
	display:block;
	height:calc(100% - 100px);
	background-color:rgba(255,255,255,.2);
	position:relative;
	padding-bottom:100px
}
#container:not(.init) #main .container section.opinions .list ul li a .who {
	padding-left:18px;
	padding-right:60px;
	padding-top:35px;
	position:relative
}
#container:not(.init) #main .container section.opinions .list ul li a .who p.name {
	font-size:15px;
	line-height:22px;
	position:relative;
	display:inline-block;
	padding-right:25px;
	text-align:justify;
	text-justify:inter-ideograph;
	text-justify:inter-character
}
#container:not(.init) #main .container section.opinions .list ul li a .who.verified p.name:after {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	top:5px;
	right:0;
	background-image:url(../images/verified.svg)
}
#container:not(.init) #main .container section.opinions .list ul li a .who p.account {
	margin-top:3px;
	margin-bottom:-3px;
	font-size:13px;
	opacity:.5
}
#container:not(.init) #main .container section.opinions .list ul li a .who .thumbnail {
	position:absolute;
	top:39px;
	right:18px;
	width:35px;
	height:35px;
	background-image:url(../images/sp/attentoTwitterIcon.png)
}
#container:not(.init) #main .container section.opinions .list ul li a .who .thumbnail img {
	width:100%;
	height:100%;
	border:solid 2px #124499;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:35px
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet {
	color:#666;
	padding-left:18px;
	padding-right:18px;
	overflow:hidden;
	-webkit-transition:height .4s;
	-o-transition:height .4s;
	transition:height .4s
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet p {
	padding-top:43px;
	font-size:15px;
	line-height:33px;
	text-align:justify;
	text-justify:inter-ideograph;
	text-justify:inter-character;
	margin-bottom:-10px
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet p span {
	color:#124499
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet p span.feature {
	color:#e4007f
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet p+.images {
	margin-top:30px
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images {
	margin-top:52px;
	width:100%;
	height:140px;
	border-radius:2px;
	position:relative;
	overflow:hidden
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images .image {
	position:absolute;
	background-size:cover;
	background-color:#666;
	background-position:center center
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images .image.mov:before {
	content:"";
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-image:url(../images/sp/mov.svg)
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type1 .image {
	width:100%;
	height:100%
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type2 .image {
	width:calc((100% - 3px)/ 2);
	height:100%;
	right:0;
	top:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type2 .image:first-of-type {
	left:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type3 .image {
	width:calc((100% - 3px)/ 2);
	height:calc((100% - 3px)/ 2)
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type3 .image:first-of-type {
	height:100%;
	left:0;
	top:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type3 .image:nth-child(2) {
	right:0;
	top:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type3 .image:nth-child(3) {
	right:0;
	bottom:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type4 .image {
	width:calc((100% - 3px)/ 2);
	height:calc((100% - 3px)/ 2)
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type4 .image:first-of-type {
	left:0;
	top:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type4 .image:nth-child(2) {
	right:0;
	top:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type4 .image:nth-child(3) {
	left:0;
	bottom:0
}
#container:not(.init) #main .container section.opinions .list ul li a .tweet .images.type4 .image:nth-child(4) {
	right:0;
	bottom:0
}
#container:not(.init) #main .container section.opinions .list ul li a footer {
	position:absolute;
	left:0;
	bottom:0;
	height:31px;
	padding-left:41px
}
#container:not(.init) #main .container section.opinions .list ul li a footer:before {
	content:"";
	position:absolute;
	width:34px;
	height:31px;
	bottom:0;
	left:0;
	opacity:.5;
	background-image:url(../images/sp/tweetIcon.svg)
}
#container:not(.init) #main .container section.opinions .list ul li a footer:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-8px;
	width:35px;
	height:8px;
	opacity:.2;
	background-image:url(../images/sp/tweetBump.svg)
}
#container:not(.init) #main .container section.opinions .list ul li a footer span {
	font-size:12px;
	opacity:.5
}
#container:not(.init) #main .container section.opinions .list ul li a:before {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	left:18px;
	top:18px;
	background:#e4007f;
	border-radius:4px
}
#container:not(.init) #main .container section.opinions .list ul li a:after {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	left:24px;
	top:18px;
	background:#124499;
	border-radius:4px
}
#container:not(.init) #main .container section.opinions .list ul li.more {
	padding-right:26px
}
#container:not(.init) #main .container section.opinions .list ul li.more a .tweet {
	height:318px
}
#container:not(.init) #main .container section.opinions .list ul li.more a .tweet p {
	padding-top:0;
	padding-right:56px;
	font-size:15px;
	color:#124499;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:0
}
#container:not(.init) #main .container section.opinions .list ul li.more a .tweet p:after {
	content:"";
	position:absolute;
	width:17px;
	height:17px;
	right:17px;
	top:8px;
	background-image:url(../images/sp/twitterArrow.svg)
}
#container:not(.init) #main .container section.opinions .list ul li.more a:before {
	content:"";
	position:absolute;
	width:calc(100% - 56px);
	height:3px;
	background:#124499;
	top:auto;
	bottom:0;
	left:0;
	border-radius:2px
}
#container:not(.init) #main .container section.opinions .list ul li.more a:after {
	content:"";
	position:absolute;
	width:51px;
	height:3px;
	background:#e4007f;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.opinions .list ul li.more a footer:after,#container:not(.init) #main .container section.opinions .list ul li.more a footer:before {
	content:none
}
#container:not(.init) #main .container section.opinions a.tweet {
	display:block;
	padding-left:18px;
	width:305px;
	height:150px;
	margin-left:26px;
	background:#fff;
	border-radius:2px;
	position:relative;
	margin-top:23px;
	-webkit-transition:background-color .8s;
	-o-transition:background-color .8s;
	transition:background-color .8s
}
#container:not(.init) #main .container section.opinions a.tweet.hover {
	-webkit-transition:background-color .15s;
	-o-transition:background-color .15s;
	transition:background-color .15s;
	background-color:rgba(255,255,255,.2)
}
#container:not(.init) #main .container section.opinions a.tweet p {
	font-size:15px;
	line-height:26px;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
#container:not(.init) #main .container section.opinions a.tweet p:after {
	content:"";
	position:absolute;
	width:17px;
	height:17px;
	right:17px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	background-image:url(../images/sp/twitterArrow.svg)
}
#container:not(.init) #main .container section.opinions a.tweet:before {
	content:"";
	position:absolute;
	width:calc(100% - 56px);
	height:3px;
	background:#124499;
	bottom:0;
	left:0;
	border-radius:2px
}
#container:not(.init) #main .container section.opinions a.tweet:after {
	content:"";
	position:absolute;
	width:51px;
	height:3px;
	background:#e4007f;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.interview {
	position:relative;
	color:#fff
}
#container:not(.init) #main .container section.interview .video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	background:rgb(204 204 204 / 0%);
}
#container:not(.init) #main .container section.interview .video.hidden {
	display:none
}
#container:not(.init) #main .container section.interview .video video {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
#container:not(.init) #main .container section.interview.fixed .video {
	position:fixed
}
#container:not(.init) #main .container section.interview>h1 {
	padding-top:46px;
	position:relative;
	z-index:1;
	font-size:18px;
	line-height:26px;
	padding-left:26px
}
#container:not(.init) #main .container section.interview>h2 {
	margin-top:22px;
	position:relative;
	z-index:1;
	font-size:13px;
	line-height:20px;
	padding-left:26px
}
#container:not(.init) #main .container section.interview>h2 hr {
	border:none;
	width:16px;
	height:12px;
	margin:0
}
#container:not(.init) #main .container section.interview ul.topics {
	position:relative;
	z-index:1;
	padding-left:26px;
	margin-top:181px;
	padding-bottom:25px
}
#container:not(.init) #main .container section.interview ul.topics li {
	margin-top:29px;
	position:relative;
	width:calc((100% - 26px)/ 2)
}
#container:not(.init) #main .container section.interview ul.topics li.hover span.no {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:1
}
#container:not(.init) #main .container section.interview ul.topics li.hover p.text {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:.5
}
#container:not(.init) #main .container section.interview ul.topics li.hover:after {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:1
}
#container:not(.init) #main .container section.interview ul.topics li span.no {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	font-size:11px;
	opacity:.5
}
#container:not(.init) #main .container section.interview ul.topics li p.text {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	margin-top:10px;
	font-size:13px;
	line-height:20px;
	padding-bottom:17px;
	padding-right:31px;
	word-break:keep-all
}
#container:not(.init) #main .container section.interview ul.topics li span.arrow {
	position:absolute;
	width:21px;
	height:21px;
	right:0;
	bottom:19.5px;
	background-image:url(../images/sp/arrowInterview.svg)
}
#container:not(.init) #main .container section.interview ul.topics li:before {
	content:"";
	position:absolute;
	width:calc(100% - 26px);
	height:3px;
	background:#fff;
	bottom:0;
	left:0;
	opacity:.5;
	border-radius:2px
}
#container:not(.init) #main .container section.interview ul.topics li:after {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	content:"";
	position:absolute;
	width:21px;
	height:3px;
	background:#fff;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.interview .ad {
	position:relative;
	z-index:1;
	margin-left:26px;
	width:calc((100% - 52px)/ 2 - 0px);
	margin-top:33px
}
#container:not(.init) #main .container section.interview .ad.hover .zoom p {
	opacity:.5;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
#container:not(.init) #main .container section.interview .ad.hover .zoom:after {
	opacity:1;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
#container:not(.init) #main .container section.interview .ad.lateAug .image {
	background-image:url(../images/sp/posterLateAug.jpg)
}
#container:not(.init) #main .container section.interview .ad.earlyAug .image {
	background-image:url(../images/sp/posterEarlyAug.jpg)
}
#container:not(.init) #main .container section.interview .ad .image {
	border-radius:2px;
	overflow:hidden;
	width:100%;
	position:relative
}
#container:not(.init) #main .container section.interview .ad .image img {
	width:100%
}
#container:not(.init) #main .container section.interview .ad .zoom {
	width:100%;
	position:relative;
	padding-bottom:17px
}
#container:not(.init) #main .container section.interview .ad .zoom p {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	margin-top:10px;
	margin-bottom:1px;
	font-size:13px;
	line-height:20px;
	word-break:keep-all
}
#container:not(.init) #main .container section.interview .ad .zoom span.remarks {
	font-size:11px;
	line-height:17px;
	opacity:.5
}
#container:not(.init) #main .container section.interview .ad .zoom span.mark {
	position:absolute;
	width:30px;
	height:30px;
	right:0;
	bottom:20px;
	background-image:url(../images/sp/zoom.svg)
}
#container:not(.init) #main .container section.interview .ad .zoom:before {
	content:"";
	position:absolute;
	width:calc(100% - 35px);
	height:3px;
	background:#fff;
	bottom:0;
	left:0;
	opacity:.5;
	border-radius:2px
}
#container:not(.init) #main .container section.interview .ad .zoom:after {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	content:"";
	position:absolute;
	width:30px;
	height:3px;
	background:#fff;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.interview .profile {
	position:relative;
	z-index:1;
	padding-top:76px;
	padding-bottom:115px;
	padding-left:26px;
	padding-right:26px;
	text-align:justify;
	text-justify:inter-ideograph;
	text-justify:inter-character
}
#container:not(.init) #main .container section.interview .profile h1 {
	font-size:13px;
	line-height:28px;
	position:relative
}
#container:not(.init) #main .container section.interview .profile p {
	font-size:13px;
	line-height:28px;
	opacity:.5
}
#container:not(.init) #main .container section.interview .profile ul {
	margin-bottom:-8px
}
#container:not(.init) #main .container section.interview .profile ul li a {
	position:relative;
	display:inline-block;
	font-size:13px;
	line-height:28px;
	opacity:.5;
	padding-left:22px;
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s
}
#container:not(.init) #main .container section.interview .profile ul li a.hover {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:1
}
#container:not(.init) #main .container section.interview .profile ul li a:before {
	content:"";
	position:absolute;
	width:13px;
	height:14px;
	left:0;
	top:7px
}
#container:not(.init) #main .container section.interview .profile ul li.w a:before {
	background-image:url(../images/sp/homeIcon.svg)
}
#container:not(.init) #main .container section.interview .profile ul li.t a:before {
	background-image:url(../images/sp/twitterIcon.svg)
}
#container:not(.init) #main .container section.interview .profile ul li.i a:before {
	background-image:url(../images/sp/instagramIcon.svg)
}
#container:not(.init) #main .container section.interview .profile ul li.y a:before {
	background-image:url(../images/sp/youtubeIcon.svg)
}
#container:not(.init) #main .container section.products {
	color:#124499;
	padding-left:26px;
	padding-right:26px;
	padding-top:117px;
	padding-bottom:117px;
	position:relative;
	background:#fff
}
#container:not(.init) #main .container section.products:before {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#e4007f;
	top:0;
	left:calc(50% - 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.products:after {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#124499;
	top:0;
	left:calc(50% + 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.products:before {
	top:117px
}
#container:not(.init) #main .container section.products:after {
	top:117px
}
#container:not(.init) #main .container section.products h1 {
	font-size:22px;
	line-height:33px;
	text-align:center;
	margin-top:33px
}
#container:not(.init) #main .container section.products ul {
	margin-top:127px;
	margin-bottom:-83px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#container:not(.init) #main .container section.products ul li {
	width:calc((100% - 9px)/ 2);
	margin-right:9px;
	margin-bottom:83px;
	text-align:center
}
#container:not(.init) #main .container section.products ul li:nth-child(2n) {
	margin-right:0
}
#container:not(.init) #main .container section.products ul li .image {
	width:100%;
	height:0;
	padding-top:54.140127388%;
	background:rgba(0,54,146,.05);
	border-radius:2px;
	position:relative
}
#container:not(.init) #main .container section.products ul li .image img {
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.products ul li.chouusugata .image img {
	width:77px
}
#container:not(.init) #main .container section.products ul li.usugata .image img {
	width:77px
}
#container:not(.init) #main .container section.products ul li.tsuukisei .image img {
	width:77px
}
#container:not(.init) #main .container section.products ul li.more a {
	display:block;
	width:100%;
	height:0;
	padding-top:54.140127388%;
	background:rgba(0,54,146,.05);
	border-radius:2px;
	position:relative;
	-webkit-transition:background-color .8s;
	-o-transition:background-color .8s;
	transition:background-color .8s
}
#container:not(.init) #main .container section.products ul li.more a.hover {
	-webkit-transition:background-color .15s;
	-o-transition:background-color .15s;
	transition:background-color .15s;
	background-color:rgba(0,54,146,.15)
}
#container:not(.init) #main .container section.products ul li.more a p {
	width:calc(100% - 36px);
	padding-right:36px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
#container:not(.init) #main .container section.products ul li.more a p:after {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	top:calc(50% + 1px);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:11px;
	background-image:url(../images/sp/arrowBlue.svg)
}
#container:not(.init) #main .container section.products ul li.more a:before {
	content:"";
	position:absolute;
	width:calc(100% - 36px);
	height:3px;
	background:#124499;
	bottom:0;
	left:0;
	border-radius:2px
}
#container:not(.init) #main .container section.products ul li.more a:after {
	content:"";
	position:absolute;
	width:33px;
	height:3px;
	background:#e4007f;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.products ul li p.who {
	margin-top:12px;
	font-size:15px;
	line-height:25px;
	word-break:keep-all
}
#container:not(.init) #main .container section.products ul li p.name {
	margin-top:8px;
	font-size:12px;
	line-height:19px;
	word-break:keep-all
}
#container:not(.init) #main .container section.products ul li p.times {
	margin-top:14px;
	display:inline-block;
	font-size:11px;
	padding:2px;
	padding-top:1px;
	border-radius:2px;
	background:rgba(0,54,146,.1)
}
#container:not(.init) #main .container section.products ul li p.times em {
	font-style:normal;
	font-size:15px
}
#container:not(.init) #main .container section.products ul li p.remarks {
	margin-top:15px;
	font-size:11px;
	line-height:17px;
	word-break:keep-all
}
#container:not(.init) #main .container section.activity {
	color:#124499;
	padding-left:26px;
	padding-right:26px;
	padding-bottom:117px;
	position:relative;
	background:#fff
}
#container:not(.init) #main .container section.activity:before {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#e4007f;
	top:0;
	left:calc(50% - 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.activity:after {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#124499;
	top:0;
	left:calc(50% + 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.activity>h1 {
	padding-top:33px;
	font-size:22px;
	line-height:33px;
	text-align:center
}
#container:not(.init) #main .container section.activity>p {
	margin-top:34px;
	font-size:15px;
	line-height:33px;
	text-align:center
}
#container:not(.init) #main .container section.activity ul {
	margin-top:41px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#container:not(.init) #main .container section.activity ul li {
	width:calc((100% - 9px)/ 2);
	margin-right:9px;
	margin-bottom:49px
}
#container:not(.init) #main .container section.activity ul li:nth-child(2n) {
	margin-right:0
}
#container:not(.init) #main .container section.activity ul li.kaigoseikatsu a .image {
	background-image:url(../images/sp/kaigoseikatsu.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:43px 52px
}
#container:not(.init) #main .container section.activity ul li.medicalcarestation a .image {
	background-image:url(../images/sp/medicalcarestation.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:101.5px 9px
}
#container:not(.init) #main .container section.activity ul li.orangeproject a .image {
	background-image:url(../images/sp/orangeproject.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:108px 13px
}
#container:not(.init) #main .container section.activity ul li.more a {
	display:block;
	width:100%;
	height:0;
	padding-top:54.140127388%;
	background:rgba(0,54,146,.05);
	border-radius:2px;
	position:relative;
	-webkit-transition:background-color .8s;
	-o-transition:background-color .8s;
	transition:background-color .8s
}
#container:not(.init) #main .container section.activity ul li.more a.hover {
	background-color:rgba(0,54,146,.15);
	-webkit-transition:background-color .15s;
	-o-transition:background-color .15s;
	transition:background-color .15s
}
#container:not(.init) #main .container section.activity ul li.more a p {
	width:calc(100% - 36px);
	padding-right:36px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
#container:not(.init) #main .container section.activity ul li.more a p:after {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	top:calc(50% + 1px);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:11px;
	background-image:url(../images/sp/arrowBlue.svg)
}
#container:not(.init) #main .container section.activity ul li.more a:before {
	content:"";
	position:absolute;
	width:calc(100% - 36px);
	height:3px;
	background:#124499;
	bottom:0;
	left:0;
	border-radius:2px
}
#container:not(.init) #main .container section.activity ul li.more a:after {
	content:"";
	position:absolute;
	width:33px;
	height:3px;
	background:#e4007f;
	bottom:0;
	right:0;
	border-radius:2px
}
#container:not(.init) #main .container section.activity ul li a {
	display:block;
	text-align:center
}
#container:not(.init) #main .container section.activity ul li a.hover .image {
	background-color:rgba(0,54,146,.15);
	-webkit-transition:background-color .15s;
	-o-transition:background-color .15s;
	transition:background-color .15s
}
#container:not(.init) #main .container section.activity ul li a.hover span.detail {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:.5
}
#container:not(.init) #main .container section.activity ul li a .image {
	width:100%;
	height:0;
	padding-top:54.140127388%;
	background:rgba(0,54,146,.05);
	border-radius:2px;
	-webkit-transition:background-color .8s;
	-o-transition:background-color .8s;
	transition:background-color .8s
}
#container:not(.init) #main .container section.activity ul li a p.text {
	margin-top:13px;
	font-size:13px;
	line-height:22px;
	margin-bottom:11px;
	word-break:keep-all
}
#container:not(.init) #main .container section.activity ul li a span.detail {
	font-size:13px;
	position:relative;
	padding-right:20px;
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s
}
#container:not(.init) #main .container section.activity ul li a span.detail:after {
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	top:0;
	right:0;
	background-image:url(../images/sp/arrowBlue.svg)
}
#container:not(.init) #main .container section.activity section.community {
	background:rgba(0,54,146,.05);
	border-radius:2px
}
#container:not(.init) #main .container section.activity section.community section {
	position:relative;
	text-align:center;
	padding-bottom:44px;
	padding-top:47px
}
#container:not(.init) #main .container section.activity section.community section h1 {
	font-size:18px;
	line-height:26px
}
#container:not(.init) #main .container section.activity section.community section p {
	margin-top:17px;
	font-size:15px;
	line-height:32px
}
#container:not(.init) #main .container section.activity section.community section:after {
	content:"";
	position:absolute;
	width:31px;
	height:1px;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:#124499
}
#container:not(.init) #main .container section.activity section.community section:last-of-type:after {
	content:none
}
#container:not(.init) #main .container section.end {
	color:#124499;
	padding-left:26px;
	padding-right:26px;
	padding-bottom:117px;
	padding-top:33px;
	position:relative;
	background:#fff
}
#container:not(.init) #main .container section.end:before {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#e4007f;
	top:0;
	left:calc(50% - 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.end:after {
	z-index:1;
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#124499;
	top:0;
	left:calc(50% + 3.75px);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
#container:not(.init) #main .container section.end p {
	text-align:center;
	font-size:15px;
	line-height:33px;
	word-break:keep-all
}
#container:not(.init) #main .container section.end p+p {
	margin-top:13px
}
#container:not(.init) #main .container section.end p:first-of-type {
	font-size:22px;
	padding-bottom:34px
}
#container:not(.init) #main .container section.end .logo {
	margin-top:213px;
	width:166px;
	height:119px;
	position:relative;
	left:50%;
	-webkit-transform:translate(-50%,30px);
	-ms-transform:translate(-50%,30px);
	transform:translate(-50%,30px);
	background-image:url(../images/sp/foot_logo.png);
	opacity:0
}
#container:not(.init) #main .container section.end .logo.show {
	-webkit-transition:opacity 2s,-webkit-transform 3s;
	transition:opacity 2s,-webkit-transform 3s;
	-o-transition:transform 3s,opacity 2s;
	transition:transform 3s,opacity 2s;
	transition:transform 3s,opacity 2s,-webkit-transform 3s;
	opacity:1;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
#container:not(.init) #main .container section.end .elleair {
	width:92px;
	height:48px;
	margin-top:15px;
	position:relative;
	left:50%;
	-webkit-transform:translate(-50%,30px);
	-ms-transform:translate(-50%,30px);
	transform:translate(-50%,30px);
	opacity:0
}
#container:not(.init) #main .container section.end .elleair a {
	display:block;
	width:92px;
	height:48px;
	background-image:url(../images/sp/endElleair.svg)
}
#container:not(.init) #main .container section.end .elleair.show {
	-webkit-transition:opacity 2s,-webkit-transform 3s;
	transition:opacity 2s,-webkit-transform 3s;
	-o-transition:transform 3s,opacity 2s;
	transition:transform 3s,opacity 2s;
	transition:transform 3s,opacity 2s,-webkit-transform 3s;
	opacity:1;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
#container:not(.init) .messages {
	position:fixed;
	bottom:-8px;
	right:-15px;
	z-index:0;
	padding-left:27px;
	padding-top:1px;
	width:109px;
	height:102px;
	background:url(../images/sp/messageSheet.svg) no-repeat;
	-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.15));
	filter:drop-shadow(0 0 4px rgba(0,0,0,.15));
	-webkit-transform:translateY(110px);
	-ms-transform:translateY(110px);
	transform:translateY(110px);
	-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.4,.5,1);
	transition:-webkit-transform .4s cubic-bezier(.4,.4,.5,1);
	-o-transition:transform .4s cubic-bezier(.4,.4,.5,1);
	transition:transform .4s cubic-bezier(.4,.4,.5,1);
	transition:transform .4s cubic-bezier(.4,.4,.5,1),-webkit-transform .4s cubic-bezier(.4,.4,.5,1)
}
#container:not(.init) .messages.show {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:-webkit-transform .5s cubic-bezier(.3,.2,.4,1);
	transition:-webkit-transform .5s cubic-bezier(.3,.2,.4,1);
	-o-transition:transform .5s cubic-bezier(.3,.2,.4,1);
	transition:transform .5s cubic-bezier(.3,.2,.4,1);
	transition:transform .5s cubic-bezier(.3,.2,.4,1),-webkit-transform .5s cubic-bezier(.3,.2,.4,1)
}
#container:not(.init) .messages ul {
	background:url(../images/sp/messages/messageHolder.svg) no-repeat
}
#container:not(.init) .messages ul li {
	width:82px;
	height:85px;
	display:none
}
#container:not(.init) .messages ul li.current {
	display:block
}
#container:not(.init) .messages ul li.active svg path {
	opacity:1
}
#container:not(.init) .messages ul li.active svg path:nth-child(2) {
	-webkit-transition:opacity .6s linear 0s;
	-o-transition:opacity .6s linear 0s;
	transition:opacity .6s linear 0s
}
#container:not(.init) .messages ul li.active svg path:nth-child(3) {
	-webkit-transition:opacity .6s linear .1s;
	-o-transition:opacity .6s linear .1s;
	transition:opacity .6s linear .1s
}
#container:not(.init) .messages ul li.active svg path:nth-child(4) {
	-webkit-transition:opacity .6s linear .2s;
	-o-transition:opacity .6s linear .2s;
	transition:opacity .6s linear .2s
}
#container:not(.init) .messages ul li.active svg path:nth-child(5) {
	-webkit-transition:opacity .6s linear .3s;
	-o-transition:opacity .6s linear .3s;
	transition:opacity .6s linear .3s
}
#container:not(.init) .messages ul li.active svg path:nth-child(6) {
	-webkit-transition:opacity .6s linear .4s;
	-o-transition:opacity .6s linear .4s;
	transition:opacity .6s linear .4s
}
#container:not(.init) .messages ul li svg path {
	opacity:0
}
#container:not(.init) .messages ul li svg path:nth-child(2) {
	-webkit-transition:opacity .4s linear 0s;
	-o-transition:opacity .4s linear 0s;
	transition:opacity .4s linear 0s
}
#container:not(.init) .messages ul li svg path:nth-child(3) {
	-webkit-transition:opacity .4s linear 50ms;
	-o-transition:opacity .4s linear 50ms;
	transition:opacity .4s linear 50ms
}
#container:not(.init) .messages ul li svg path:nth-child(4) {
	-webkit-transition:opacity .4s linear .1s;
	-o-transition:opacity .4s linear .1s;
	transition:opacity .4s linear .1s
}
#container:not(.init) .messages ul li svg path:nth-child(5) {
	-webkit-transition:opacity .4s linear .15s;
	-o-transition:opacity .4s linear .15s;
	transition:opacity .4s linear .15s
}
#container:not(.init) .messages ul li svg path:nth-child(6) {
	-webkit-transition:opacity .4s linear .2s;
	-o-transition:opacity .4s linear .2s;
	transition:opacity .4s linear .2s
}
#container:not(.init) .messages ul li.m01 {
	background-image:url(../images/sp/messages/message01.svg)
}
#container:not(.init) .messages ul li.m02 {
	background-image:url(../images/sp/messages/message02.svg)
}
#container:not(.init) .messages ul li.m03 {
	background-image:url(../images/sp/messages/message03.svg)
}
#container:not(.init) .messages ul li.m04 {
	background-image:url(../images/sp/messages/message04.svg)
}
#container:not(.init) .messages ul li.m05 {
	background-image:url(../images/sp/messages/message05.svg)
}
#container:not(.init) .messages ul li.m06 {
	background-image:url(../images/sp/messages/message06.svg)
}
#container:not(.init) .messages ul li.m07 {
	background-image:url(../images/sp/messages/message07.svg)
}
#container:not(.init) .messages ul li.m08 {
	background-image:url(../images/sp/messages/message08.svg)
}
#container:not(.init) .messages ul li.m09 {
	background-image:url(../images/sp/messages/message09.svg)
}
#container:not(.init) .messages ul li.m10 {
	background-image:url(../images/sp/messages/message10.svg)
}
#container:not(.init) .messages ul li.m11 {
	background-image:url(../images/sp/messages/message11.svg)
}
.videos .video {
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	top:0;
	left:0;
	display:none;
	opacity:0;
	overflow:hidden;
	background:#000;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.videos .video.show {
	height:100%;
	opacity:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.videos .video .container {
	width:100%
}
.videos .video .container iframe {
	position:relative;
	width:100%;
	height:calc(100vw * 9 / 16)
}
.videos .video .close {
	position:fixed;
	width:58px;
	height:33px;
	top:16px;
	right:26px;
	background-image:url(../images/sp/close.svg)
}
.poster {
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	top:0;
	left:0;
	display:none;
	opacity:0;
	overflow:hidden;
	background:#000;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.poster.show {
	height:100%;
	opacity:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.poster .container {
	width:100%;
	height:100%
}
.poster .container img {
	display:block;
	-o-object-fit:contain;
	object-fit:contain;
	width:100%;
	height:100%;
	opacity:0
}
.poster .container img.show {
	opacity:1;
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s
}
.poster .close {
	position:fixed;
	width:58px;
	height:33px;
	top:16px;
	right:26px;
	background-image:url(../images/sp/close.svg)
}
html:not(.sp).tablet * {
	letter-spacing:.05em!important
}
html:not(.sp).ie #container:not(.init) #main .container section.message h1 {
	width:540px;
	height:57px
}
html:not(.sp).ie #container:not(.init) #main .container section.message p {
	width:488px!important;
	height:709px!important
}
html:not(.sp).ie #container:not(.init) #main .container section.opinions .list ul li {
	width:calc((100% - 6px * 2 - 1px)/ 3)
}
html:not(.sp) #container .messages {
	opacity:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) {
	min-width:1024px
}
html:not(.sp) #container:not(.init) #main .container {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	background-image:url(../images/pc/bgbottom.jpg)
}
html:not(.sp) #container:not(.init) #main .container:before {
	content:none
}
html:not(.sp) #container:not(.init) #main .container.bg section.fv:before {
	opacity:1;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	transition:opacity 2s
}
html:not(.sp) #container:not(.init) #main .container.bg section.fv:after {
	opacity:1;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	transition:opacity 2s
}
html:not(.sp) #container:not(.init) #main .container section.fv {
	height:100%;
	max-height:70vw;
	background-image:url(../images/pc/bgtops.jpg)
}
@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.fv {
	max-height:716.8px
}
}@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.fv {
	background-image:url(../images/pc/bgtop.jpg)
}
}html:not(.sp) #container:not(.init) #main .container section.fv:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/pc/bgtops.jpg);
	background-position:center bottom;
	background-size:1920px 1373px;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.fv:before {
	background-image:url(../images/pc/bgtop.jpg)
}
}html:not(.sp) #container:not(.init) #main .container section.fv:after {
	content:"";
	position:absolute;
	width:100%;
	height:4000px;
	background-image:url(../images/pc/bgbottoms.jpg);
	background-size:contain;
	background-position-y:top;
	z-index:0;
	top:100%;
	opacity:0
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.fv:after {
	background-image:url(../images/pc/bgbottom.jpg)
}
}html:not(.sp) #container:not(.init) #main .container section.fv h1 {
	top:52.286773794%;
	bottom:auto;
	left:calc(50% - 100vw * 243 / 1280);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:calc(100vw * 273 / 1280);
	height:calc(100vw * 276 / 1280);
	background:url(../images/attento_logo.png);
	background-repeat: no-repeat;
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.fv h1 {
	left:calc(50% - 1600px * 243 / 1280);
	width:calc(1600px * 273 / 1280);
	height:calc(1600px * 276 / 1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.fv h1 {
	left:calc(50% - 1024px * 243 / 1280);
	width:calc(1024px * 273 / 1280);
	height:calc(1024px * 276 / 1280)
}
}html:not(.sp) #container:not(.init) #main .container section.fv h1.show {
	opacity:1;
	-webkit-transition:opacity 2s;
	-o-transition:opacity 2s;
	transition:opacity 2s
}
html:not(.sp) #container:not(.init) #main .container section.fv h2 {
	top:40px;
	left:40px;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.fv h2 {
	left:calc(40px + (100vw - 1600px)/ 2)
}
}html:not(.sp) #container:not(.init) #main .container section.fv h2 a {
	width:115px;
	height:61px;
	background:url(../images/pc/elleair.svg)
}
html:not(.sp) #container:not(.init) #main .container section.fv .image {
	top:56.242274412%;
	left:calc(50% + 100vw * 181 / 1280);
	-webkit-transform:translate(-50%,-50%) scale(1.1,1.1);
	-ms-transform:translate(-50%,-50%) scale(1.1,1.1);
	transform:translate(-50%,-50%) scale(1.1,1.1)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.fv .image {
	left:calc(50% + 1600px * 181 / 1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.fv .image {
	left:calc(50% + 1024px * 181 / 1280)
}
}html:not(.sp) #container:not(.init) #main .container section.fv .image.show {
	opacity:1;
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	-ms-transform:translate(-50%,-50%) scale(1,1);
	transform:translate(-50%,-50%) scale(1,1)
}
html:not(.sp) #container:not(.init) #main .container section.fv .image img {
	width:calc(100vw * 430 / 1280);
	height:calc(100vw * 450 / 1280)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.fv .image img {
	width:calc(1600px * 430 / 1280);
	height:calc(1600px * 450 / 1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.fv .image img {
	width:calc(1024px * 430 / 1280);
	height:calc(1024px * 450 / 1280)
}
}html:not(.sp) #container:not(.init) #main .container section.message {
	position:relative;
	padding-bottom:249px;
	display:block;
	width:calc(100% - (64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 10px));
	padding-left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 10px)
}
html:not(.sp) #container:not(.init) #main .container section.message:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.message:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.message:before {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px);
	top:calc(11 * 100vw / 1280 + 30px - 30 * 100vw/1280)
}
html:not(.sp) #container:not(.init) #main .container section.message:after {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px);
	top:calc(11 * 100vw / 1280 + 30px - 30 * 100vw/1280)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.message {
	width:calc(1600px - (64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 10px));
	padding-left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 10px)
}
html:not(.sp) #container:not(.init) #main .container section.message:before {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px);
	top:calc(11 * 1600px / 1280 + 30px - 30 * 1600px/1280)
}
html:not(.sp) #container:not(.init) #main .container section.message:after {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px);
	top:calc(11 * 1600px / 1280 + 30px - 30 * 1600px/1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.message {
	width:calc(1024px - (64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 10px));
	padding-left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 10px)
}
html:not(.sp) #container:not(.init) #main .container section.message:before {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px);
	top:calc(11 * 1024px / 1280 + 30px - 30 * 1024px/1280)
}
html:not(.sp) #container:not(.init) #main .container section.message:after {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px);
	top:calc(11 * 1024px / 1280 + 30px - 30 * 1024px/1280)
}
}html:not(.sp) #container:not(.init) #main .container section.message h1 {
	z-index:1;
	margin-top:0;
	width:1000px;
	background:url(../images/pc/lead.svg);
	background-repeat:no-repeat;
	height:calc(57 * 100vw/1280);
	margin-top:calc(30px - 30 * 100vw/1280)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.message h1 {
	height:calc(57 * 1600px/1280);
	margin-top:calc(30px - 30 * 1600px/1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.message h1 {
	height:calc(57 * 1024px/1280);
	margin-top:calc(30px - 30 * 1024px/1280)
}
}html:not(.sp) #container:not(.init) #main .container section.message p {
	z-index:1;
	position:relative
}
html:not(.sp) #container:not(.init) #main .container section.message p:last-of-type {
	width:1000px;
	background:url(../images/pc/text.svg);
	background-repeat:no-repeat;
	height:calc(709 * 100vw/1280);
	display: none;
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.message p:last-of-type {
	height:calc(709 * 1600px/1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.message p:last-of-type {
	height:calc(709 * 1024px/1280)
}
}html:not(.sp) #container:not(.init) #main .container section.opinions {
	width:calc(100% - (64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50));
	padding-right:64px;
	padding-bottom:216px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.opinions:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions:before {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.opinions:after {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.opinions {
	width:calc(1600px - (64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50))
}
html:not(.sp) #container:not(.init) #main .container section.opinions:before {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.opinions:after {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.opinions {
	width:calc(1024px - (64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50))
}
html:not(.sp) #container:not(.init) #main .container section.opinions:before {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.opinions:after {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
}html:not(.sp) #container:not(.init) #main .container section.opinions p.text {
	text-align:left;
font-size: 20px;
    line-height: 40px;
}
html:not(.sp) #container:not(.init) #main .container section.opinions p.text.emp {
	padding-top:32px;
	font-size:22px;
	line-height:48px
}
html:not(.sp) #container:not(.init) #main .container section.opinions h1 {
	margin-top:-18px;
	margin-bottom:36px;
	text-align:left;
	font-size:28px;
	line-height:52px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter {
	position:absolute;
	margin-top:0;
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	-ms-flex-align:end;
	align-items:flex-end;
	right:64px;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	padding-bottom:6px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter .thumbnail {
	width:83px;
	height:83px;
	background-image:url(../images/pc/attentoTwitterIcon.png)
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter .thumbnail {
	background-image:url(../images/pc/attentoTwitterIconl.png)
}
}html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter .thumbnail img {
	border-radius:83px;
	border-width:3px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter p.name {
	margin-top:9px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter p.account {
	margin-top:-3px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter.hover .thumbnail img {
	border-width:1px;
	-webkit-transition:border-width .15s;
	-o-transition:border-width .15s;
	transition:border-width .15s
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter.hover p.name {
	opacity:.5;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.officialTwitter.hover p.account {
	opacity:1;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list {
	margin-top:75px;
	-webkit-transition:none;
	-o-transition:none;
	transition:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul {
	padding-left:0;
	padding-bottom:10px;
	overflow:hidden;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	margin-bottom:-51px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul.show {
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li {
	width:calc((100% - 6px * 2)/ 2);
	margin-right:6px;
	margin-bottom:51px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li:nth-child(3n) {
	margin-right:0
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a {
	height:calc(100% - 81px);
	padding-bottom:81px;
	-webkit-transition:background-color .8s;
	-o-transition:background-color .8s;
	transition:background-color .8s
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a.hover {
	-webkit-transition:background-color .15s;
	-o-transition:background-color .15s;
	transition:background-color .15s;
	background-color:#fff
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a.hover footer:after {
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s;
	opacity:1
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .who {
	padding-top:36px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .who.verified p.name:after {
	top:4px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .who .thumbnail {
	right:17px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .tweet {
	-webkit-transition:none;
	-o-transition:none;
	transition:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .tweet p {
	padding-top:43px;
	margin-bottom:-10px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .tweet p+.images {
	margin-top:30px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .tweet .images {
	margin-top:52px;
	height:129px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a .tweet .images .image.mov:before {
	width:53px;
	height:53px;
	background-image:url(../images/pc/mov.svg)
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a footer:before {
	background-image:url(../images/pc/tweetIcon.svg)
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a footer span {
	font-size:13px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a footer:after {
	-webkit-transition:opacity .8s;
	-o-transition:opacity .8s;
	transition:opacity .8s;
	background-image:url(../images/pc/tweetBump.svg)
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a:before {
	width:5px;
	height:5px;
	border-radius:5px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li a:after {
	width:5px;
	height:5px;
	left:25px;
	border-radius:5px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more {
	padding-right:0
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a .tweet {
	height:100px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a .tweet p {
	padding-top:0;
	padding-right:51px;
	font-size:18px
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a .tweet p:after {
	width:20px;
	height:20px;
	right:14px;
	top:7px;
	background-image:url(../images/sp/arrowBlue.svg)
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a:before {
	width:calc(100% - 51px);
	height:3px;
	background:#124499;
	top:auto;
	bottom:0;
	left:0
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a:after {
	width:47px;
	height:3px;
	background:#e4007f;
	top:auto;
	left:auto;
	bottom:0;
	right:0
}
html:not(.sp) #container:not(.init) #main .container section.opinions .list ul li.more a footer:before {
	content:none
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.tweet {
	display:block;
	padding-left:0;
	width:100%;
	height:146px;
	margin-left:0;
	margin-top:41px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.tweet p {
	font-size:18px;
	line-height:32px;
	width:calc(100% - 51px);
	height:100%;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	position:relative;
	padding-right:51px
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.tweet p:after {
	width:20px;
	height:20px;
	right:14px;
	background-image:url(../images/pc/arrowBlue.svg)
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.tweet:before {
	width:calc(100% - 51px)
}
html:not(.sp) #container:not(.init) #main .container section.opinions a.tweet:after {
	width:47px
}
html:not(.sp) #container:not(.init) #main .container section.interview {
	width:calc(100% - 64px);
	padding-left:64px;
	z-index:1
}
html:not(.sp) #container:not(.init) #main .container section.interview:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.interview:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.interview:before {
	left:64px;
	top:84px;
	background-color:#fff
}
html:not(.sp) #container:not(.init) #main .container section.interview:after {
	left:74px;
	top:84px;
	background-color:#fff
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview {
	width:calc(100% - 64px - (100% - 1600px));
	padding-left:calc(64px + (100% - 1600px)/ 2);
	padding-right:calc((100% - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.interview:before {
	left:calc(64px + (100% - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.interview:after {
	left:calc(64px + (100% - 1600px)/ 2 + 10px)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview {
	width:calc(1024px - 64px);
	padding-left:64px;
	padding-right:0
}
}html:not(.sp) #container:not(.init) #main .container section.interview .video video {
	pointer-events:none
}
@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview .video {
	width:1024px
}
}html:not(.sp) #container:not(.init) #main .container section.interview.fixed>h1 {
	position:fixed
}
@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview.fixed>h1 {
	right:calc(52px + 100vw - 1024px)
}
}html:not(.sp) #container:not(.init) #main .container section.interview.fixed>h2 {
	position:fixed
}
@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview.fixed>h2 {
	right:calc(194px + 100vw - 1024px)
}
}html:not(.sp) #container:not(.init) #main .container section.interview>h1 {
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	position:absolute;
	padding-top:82px;
	font-size:28px;
	line-height:50px;
	padding-left:0;
	padding-right:0;
	right:52px;
	top:0
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview>h1 {
	right:calc(52px + (100vw - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview>h1 {
	right:52px
}
}html:not(.sp) #container:not(.init) #main .container section.interview>h1 span {
	position:relative
}
html:not(.sp) #container:not(.init) #main .container section.interview>h2 {
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	margin-top:0;
	position:absolute;
	font-size:22px;
	line-height:32px;
	padding-top:82px;
	padding-left:0;
	right:194px;
	top:0
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview>h2 {
	right:calc(194px + (100vw - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview>h2 {
	right:194px
}
}html:not(.sp) #container:not(.init) #main .container section.interview>h2 span {
	position:relative
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics {
	position:relative;
	z-index:1;
	padding-left:0;
	margin-top:calc(100vh - 210px);
	padding-bottom:33px
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li {
	margin-top:84px;
	width:calc(280 * (100vw - 128px - 50px)/ (1280 - 128 - 50));
	cursor:pointer
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li {
	width:calc(280 * (1600px - 128px - 50px)/ (1280 - 128 - 50))
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li {
	width:calc(280 * (1024px - 128px - 50px)/ (1280 - 128 - 50))
}
}html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li.hover:after {
	opacity:1
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li span.no {
	position:absolute;
	top:3px;
	right:0
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li p.text {
	margin-top:-4px;
	font-size:24px;
	line-height:26px;
	padding-bottom:16px;
	padding-right:36px
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li span.arrow {
	width:26px;
	height:26px;
	bottom:21px;
	background-image:url(../images/pc/arrowInterview.svg)
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li:before {
	width:calc(100% - 31px);
	opacity:.2
}
html:not(.sp) #container:not(.init) #main .container section.interview ul.topics li:after {
	width:26px;
	opacity:.5
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad {
	margin-top:51px;
	margin-left:0;
	width:calc(280 * (100vw - 128px - 50px)/ (1280 - 128 - 50));
	cursor:pointer
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview .ad {
	width:calc(280 * (1600px - 128px - 50px)/ (1280 - 128 - 50))
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview .ad {
	width:calc(280 * (1024px - 128px - 50px)/ (1280 - 128 - 50))
}
}html:not(.sp) #container:not(.init) #main .container section.interview .ad.hover .zoom p {
	opacity:.5;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad.hover .zoom:after {
	opacity:1;
	-webkit-transition:opacity .15s;
	-o-transition:opacity .15s;
	transition:opacity .15s
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad.lateAug .image {
	background-image:url(../images/pc/posterLateAug.jpg)
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.interview .ad.lateAug .image {
	background-image:url(../images/pc/posterLateAugl.jpg)
}
}html:not(.sp) #container:not(.init) #main .container section.interview .ad.earlyAug .image {
	background-image:url(../images/pc/posterEarlyAug.jpg)
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.interview .ad.earlyAug .image {
	background-image:url(../images/pc/posterEarlyAugl.jpg)
}
}html:not(.sp) #container:not(.init) #main .container section.interview .ad .image {
	border-radius:2px;
	overflow:hidden;
	width:100%;
	position:relative
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad .image img {
	width:100%
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad .zoom p {
	margin-top:9px;
	margin-bottom:0;
	font-size:18px;
	line-height:26px;
	padding-right:45px
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad .zoom span.mark {
	width:45px;
	height:45px;
	bottom:21px;
	background-image:url(../images/pc/zoom.svg)
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad .zoom:before {
	width:calc(100% - 50px);
	opacity:.2
}
html:not(.sp) #container:not(.init) #main .container section.interview .ad .zoom:after {
	width:45px;
	opacity:.5
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile {
	padding-top:111px;
	padding-bottom:215px;
	padding-right:0;
	padding-left:0;
	width:calc(280 * (100vw - 128px - 50px)/ (1280 - 128 - 50))
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.interview .profile {
	width:calc(280 * (1600px - 128px - 50px)/ (1280 - 128 - 50))
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.interview .profile {
	width:calc(280 * (1024px - 128px - 50px)/ (1280 - 128 - 50))
}
}html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li a {
	padding-left:21px
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li a:before {
	left:1px;
	height:13px
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li.w a:before {
	background-image:url(../images/pc/homeIcon.svg)
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li.t a:before {
	background-image:url(../images/pc/twitterIcon.svg)
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li.i a:before {
	background-image:url(../images/pc/instagramIcon.svg)
}
html:not(.sp) #container:not(.init) #main .container section.interview .profile ul li.y a:before {
	background-image:url(../images/pc/youtubeIcon.svg)
}
html:not(.sp) #container:not(.init) #main .container section.products {
	z-index:1;
	width:calc(100% - (64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50));
	padding-right:64px;
	padding-top:215px
}
html:not(.sp) #container:not(.init) #main .container section.products:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.products:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.products:before {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px);
	top:216px
}
html:not(.sp) #container:not(.init) #main .container section.products:after {
	left:calc(64px + 50px + 280 * (100vw - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px);
	top:216px
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.products {
	width:calc(1600px - (64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1600px)/ 2);
	padding-right:calc(64px + (100vw - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.products:before {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + (100vw - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.products:after {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px + (100vw - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.products {
	width:calc(100% - (64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1024px)/ 2);
	padding-right:calc(64px + (100% - 1024px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.products:before {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.products:after {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
}html:not(.sp) #container:not(.init) #main .container section.products h1 {
	font-size:28px;
	line-height:52px;
	text-align:left;
	margin-top:-13px
}
html:not(.sp) #container:not(.init) #main .container section.products ul {
	margin-top:131px;
	margin-bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap
}
html:not(.sp) #container:not(.init) #main .container section.products ul li {
	width:calc((100% - 6px * 3)/ 4);
	margin-right:6px;
	margin-bottom:0;
	text-align:left
}
html:not(.sp) #container:not(.init) #main .container section.products ul li:nth-child(2n) {
	margin-right:6px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li:last-of-type {
	margin-right:0
}
html:not(.sp) #container:not(.init) #main .container section.products ul li .image {
	height:107px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.chouusugata .image img {
	width:98px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.usugata .image img {
	width:98px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.tsuukisei .image img {
	width:98px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.more a {
	width:100%;
	height:107px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.more a p {
	width:calc(100% - 42px);
	padding-right:42px;
	font-size:15px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.more a p:after {
	width:17px;
	height:17px;
	top:calc(50%);
	right:9px;
	background-image:url(../images/pc/arrowMore.svg)
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.more a:before {
	width:calc(100% - 37px)
}
html:not(.sp) #container:not(.init) #main .container section.products ul li.more a:after {
	width:33px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li p.who {
	margin-top:14px;
	font-size:18px;
	line-height:26px;
	padding-right:16px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li p.name {
	margin-top:9px;
	font-size:13px;
	line-height:20px;
	padding-right:16px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li p.times {
	margin-top:13px
}
html:not(.sp) #container:not(.init) #main .container section.products ul li p.remarks {
	margin-top:15px
}
html:not(.sp) #container:not(.init) #main .container section.activity {
	z-index:1;
	padding-right:64px;
	padding-bottom:215px;
	width:calc(100% - (64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50))
}
html:not(.sp) #container:not(.init) #main .container section.activity:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.activity:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.activity:before {
	left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50) - 50px);
	top:35px
}
html:not(.sp) #container:not(.init) #main .container section.activity:after {
	left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px);
	top:35px
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.activity {
	width:calc(1600px - (64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1600px)/ 2);
	padding-right:calc(64px + (100vw - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.activity:before {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + (100vw - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.activity:after {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px + (100vw - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.activity {
	width:calc(1024px - (64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50)) - 64px);
	padding-left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1024px)/ 2);
	padding-right:calc(64px + (100% - 1024px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.activity:before {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.activity:after {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
}html:not(.sp) #container:not(.init) #main .container section.activity>h1 {
	font-size:28px;
	line-height:52px;
	text-align:left;
	margin-top:-13px
}
html:not(.sp) #container:not(.init) #main .container section.activity>p {
	margin-top:61px;
	text-align:left
}
html:not(.sp) #container:not(.init) #main .container section.activity ul {
	margin-top:41px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li {
	width:calc((100% - 6px * 3)/ 4);
	margin-right:6px;
	margin-bottom:0;
	text-align:left;
	margin-bottom:49px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li:nth-child(2n) {
	margin-right:6px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li:last-of-type {
	margin-right:0
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li.kaigoseikatsu a .image {
	background-image:url(../images/pc/kaigoseikatsu.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:55px 67px
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.activity ul li.kaigoseikatsu a .image {
	background-image:url(../images/pc/kaigoseikatsul.png)
}
}html:not(.sp) #container:not(.init) #main .container section.activity ul li.medicalcarestation a .image {
	background-image:url(../images/pc/medicalcarestation.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:131px 12px
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.activity ul li.medicalcarestation a .image {
	background-image:url(../images/pc/medicalcarestationl.png)
}
}html:not(.sp) #container:not(.init) #main .container section.activity ul li.orangeproject a .image {
	background-image:url(../images/pc/orangeproject.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:138px 17px
}
@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
	html:not(.sp) #container:not(.init) #main .container section.activity ul li.orangeproject a .image {
	background-image:url(../images/pc/orangeprojectl.png)
}
}html:not(.sp) #container:not(.init) #main .container section.activity ul li.more a {
	width:100%;
	height:107px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li.more a p {
	width:calc(100% - 42px);
	padding-right:42px;
	font-size:15px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li.more a p:after {
	width:17px;
	height:17px;
	top:calc(50%);
	right:9px;
	background-image:url(../images/pc/arrowMore.svg)
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li.more a:before {
	width:calc(100% - 37px)
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li.more a:after {
	width:33px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li a {
	text-align:left
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li a .image {
	height:107px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li a p.text {
	margin-top:14px;
	padding-right:16px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li a span.detail {
	padding-right:24px
}
html:not(.sp) #container:not(.init) #main .container section.activity ul li a span.detail:after {
	width:15px;
	height:15px;
	top:1px;
	background-image:url(../images/pc/arrowDetail.svg)
}
html:not(.sp) #container:not(.init) #main .container section.activity section.community section {
	text-align:left
}
html:not(.sp) #container:not(.init) #main .container section.activity section.community section p {
	margin-top:19px
}
html:not(.sp) #container:not(.init) #main .container section.activity section.community section:after {
	left:1px;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.end {
	z-index:1;
	width:100%;
	padding-left:0;
	padding-right:0;
	padding-bottom:215px;
	padding-top:0
}
html:not(.sp) #container:not(.init) #main .container section.end:before {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#e4007f;
	top:0;
	left:calc(50% - 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.end:after {
	z-index:1;
	content:"";
	position:absolute;
	width:7px;
	height:7px;
	border-radius:7px;
	background:#124499;
	top:0;
	left:calc(50% + 5px);
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
html:not(.sp) #container:not(.init) #main .container section.end:before {
	left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.end:after {
	left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.end:before {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + (100vw - 1600px)/ 2)
}
html:not(.sp) #container:not(.init) #main .container section.end:after {
	left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px + (100vw - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.end:before {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px)
}
html:not(.sp) #container:not(.init) #main .container section.end:after {
	left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) - 50px + 10px)
}
}html:not(.sp) #container:not(.init) #main .container section.end p {
	text-align:left;
	font-size:28px;
	line-height:72px;
	width:calc(100% - (64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50)));
	padding-left:calc(64px + 50px + 280 * (100% - 128px - 50px)/ (1280 - 128 - 50))
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) #main .container section.end p {
	width:calc(1600px - (64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50)));
	padding-left:calc(64px + 50px + 280 * (1600px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1600px)/ 2)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) #main .container section.end p {
	width:calc(1024px - (64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50)));
	padding-left:calc(64px + 50px + 280 * (1024px - 128px - 50px)/ (1280 - 128 - 50) + (100% - 1024px)/ 2)
}
}html:not(.sp) #container:not(.init) #main .container section.end p:first-of-type {
	margin-top:-18px;
	font-size:42px
}
html:not(.sp) #container:not(.init) #main .container section.end p+p {
	margin-top:37px
}
html:not(.sp) #container:not(.init) #main .container section.end .logo {
	margin-top:181px;
	width:257px;
	height:180px;
	-webkit-transform:translate(-50%,20px);
	-ms-transform:translate(-50%,20px);
	transform:translate(-50%,20px);
	background-image:url(../images/foot_logo.png);
	background-repeat: no-repeat;
}
html:not(.sp) #container:not(.init) #main .container section.end .logo.show {
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
html:not(.sp) #container:not(.init) #main .container section.end .elleair {
	width:140px;
	height:70px;
	margin-top:25px;
	-webkit-transform:translate(-50%,20px);
	-ms-transform:translate(-50%,20px);
	transform:translate(-50%,20px)
}
html:not(.sp) #container:not(.init) #main .container section.end .elleair a {
	width:140px;
	height:70px;
	background-image:url(../images/pc/endElleair.svg)
}
html:not(.sp) #container:not(.init) #main .container section.end .elleair.show {
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0)
}
html:not(.sp) #container:not(.init) .messages {
	top:calc((100% - 532px)/ 2);
	left:calc(100vw*99/1280);
	padding-top:171px;
	padding-bottom:171px;
	-webkit-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s;
	opacity:0;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
	bottom:auto;
	right:auto;
	padding-left:0;
	width:auto;
	height:auto;
	background:0 0;
	-webkit-filter:none;
	filter:none;
	width:calc(100vw * 171/1280);
	height:calc(100vw * 190/1280);
	min-width:171px;
	min-height:190px
}
@media (min-width:1600px) {
	html:not(.sp) #container:not(.init) .messages {
	left:calc(1600px*99/1280 + (100vw - 1600px)/ 2);
	width:calc(1600px * 171/1280);
	height:calc(1600px * 190/1280)
}
}@media (max-width:1024px) {
	html:not(.sp) #container:not(.init) .messages {
	left:calc(1024px*99/1280);
	width:calc(1024px * 171/1280);
	height:calc(1024px * 190/1280)
}
}html:not(.sp) #container:not(.init) .messages.show {
	opacity:1;
	-webkit-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s
}
html:not(.sp) #container:not(.init) .messages.bottom {
	z-index:2;
	position:absolute
}
html:not(.sp) #container:not(.init) .messages.bottomfixed {
	z-index:2;
	position:fixed
}
html:not(.sp) #container:not(.init) .messages ul {
	background:url(../images/pc/messages/messageHolder.svg) no-repeat
}
html:not(.sp) #container:not(.init) .messages ul li {
	width:100%;
	height:100%;
	display:none
}
html:not(.sp) #container:not(.init) .messages ul li.current {
	display:block
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path {
	opacity:1
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path:nth-child(2) {
	-webkit-transition:opacity .6s linear 0s;
	-o-transition:opacity .6s linear 0s;
	transition:opacity .6s linear 0s
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path:nth-child(3) {
	-webkit-transition:opacity .6s linear .1s;
	-o-transition:opacity .6s linear .1s;
	transition:opacity .6s linear .1s
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path:nth-child(4) {
	-webkit-transition:opacity .6s linear .2s;
	-o-transition:opacity .6s linear .2s;
	transition:opacity .6s linear .2s
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path:nth-child(5) {
	-webkit-transition:opacity .6s linear .3s;
	-o-transition:opacity .6s linear .3s;
	transition:opacity .6s linear .3s
}
html:not(.sp) #container:not(.init) .messages ul li.active svg path:nth-child(6) {
	-webkit-transition:opacity .6s linear .4s;
	-o-transition:opacity .6s linear .4s;
	transition:opacity .6s linear .4s
}
html:not(.sp) #container:not(.init) .messages ul li svg path {
	opacity:0
}
html:not(.sp) #container:not(.init) .messages ul li svg path:nth-child(2) {
	-webkit-transition:opacity .4s linear 0s;
	-o-transition:opacity .4s linear 0s;
	transition:opacity .4s linear 0s
}
html:not(.sp) #container:not(.init) .messages ul li svg path:nth-child(3) {
	-webkit-transition:opacity .4s linear 50ms;
	-o-transition:opacity .4s linear 50ms;
	transition:opacity .4s linear 50ms
}
html:not(.sp) #container:not(.init) .messages ul li svg path:nth-child(4) {
	-webkit-transition:opacity .4s linear .1s;
	-o-transition:opacity .4s linear .1s;
	transition:opacity .4s linear .1s
}
html:not(.sp) #container:not(.init) .messages ul li svg path:nth-child(5) {
	-webkit-transition:opacity .4s linear .15s;
	-o-transition:opacity .4s linear .15s;
	transition:opacity .4s linear .15s
}
html:not(.sp) #container:not(.init) .messages ul li svg path:nth-child(6) {
	-webkit-transition:opacity .4s linear .2s;
	-o-transition:opacity .4s linear .2s;
	transition:opacity .4s linear .2s
}
html:not(.sp) #container:not(.init) .messages ul li.m01 {
	background-image:url(../images/pc/messages/message01.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m02 {
	background-image:url(../images/pc/messages/message02.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m03 {
	background-image:url(../images/pc/messages/message03_2.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m04 {
	background-image:url(../images/pc/messages/message04.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m05 {
	background-image:url(../images/pc/messages/message05.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m06 {
	background-image:url(../images/pc/messages/message06.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m07 {
	background-image:url(../images/pc/messages/message07.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m08 {
	background-image:url(../images/pc/messages/message08.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m09 {
	background-image:url(../images/pc/messages/message09.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m10 {
	background-image:url(../images/pc/messages/message10.svg)
}
html:not(.sp) #container:not(.init) .messages ul li.m11 {
	background-image:url(../images/pc/messages/message11.svg)
}
html:not(.sp) .videos .video {
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	top:0;
	left:0;
	display:none;
	opacity:0;
	overflow:hidden;
	background:#000;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
html:not(.sp) .videos .video.show {
	height:100%;
	opacity:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
html:not(.sp) .videos .video .close {
	width:116px;
	height:66px;
	top:33px;
	right:32px;
	cursor:pointer;
	background-image:url(../images/pc/close.svg)
}
html:not(.sp) .poster {
	position:absolute;
	height:auto;
	min-height:100vh
}
html:not(.sp) .poster .container {
	padding:64px;
	height:auto
}
html:not(.sp) .poster .close {
	width:116px;
	height:66px;
	top:33px;
	right:32px;
	cursor:pointer;
	background-image:url(../images/pc/close.svg)
}


@media only screen and (max-width: 1600px) {
	html:not(.sp) #container:not(.init) #main .container section.fv h1 {

    background-size: 90%;
}
	

	
}