<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* 
CSS Document 
ページ共通CSS
ヘッダ, フッタ, サイド
*/

body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	color:#231815;
	font-size:16px;
	line-height:1.6;
	}

.sp {display:none;}
	
/*テキストリンク*/
a {
	color:#231815;
	}
	
a:hover {
	}
	
/*コンテナ*/
.constBox {
	margin-left:auto;
	margin-right:auto;
	max-width:950px;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	}
	
#container {margin-top:45px;}

#container section:nth-of-type(n+2) {
	margin-top:110px;
	}
	
/*ナビゲーション*/
header {
	padding:10px 0 0;
	}
header nav.tableLayout &gt; * {
	vertical-align:middle;
	text-align:center;
	padding:0 5px;
	}

header a.logo {
	width:71px;
	padding-left:0;
	}
	
header a.tweetButton {
	width:32px;
	padding-right:0;
	}
	
/*フッター*/
footer {
	border-top:1px solid #979797;
	margin-top:80px;
	padding-top:30px;
	text-align:center;
	}
footer .linkArea {
	font-size:13px;
	}
footer .kamedaLogo {
	margin-top:25px;
	margin-bottom:25px;
	}
footer #cp {font-size:11px;padding-bottom:10px;}

#pagetopButton {
	position:fixed;
	width:39px;
	bottom:110px;
	right:4%;
	z-index:100;
	opacity:0;
	transition:opacity 0.5s linear;
	}
#pagetopButton.on {
	opacity:1;
}
	
/*メインビジュアル*/
#mvis .top {
	position:relative;
	height:545px;
	margin-top:60px;
	margin-bottom:60px;
	}
	
.ie9 #mvis .top{
	opacity:0;
	}
	
#mvis .top .logo {
	position:absolute;
	bottom:0;
	right:20px;
	}
#mvis .top .logo .waza {
	opacity:0;
	}
#mvis .top .logo .kodawari {
	position:relative;
	}
#mvis .top .logo .kodawari span {
	position:absolute;
	diplay:block;
	left:0;
	top:0;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.3s ease-out 0.4s;
	}
#mvis .top .logo img.hanko {
	position:absolute;
	bottom:10px;
	left:30px;
	opacity:0;
	}
.ie9 #mvis .top .logo .waza,
.ie9 #mvis .top .logo img.hanko {
	opacity:1;
	}
.ie9 #mvis .top .logo .kodawari span {
	max-height:none;
	}
	
#mvis .top .logo.goal .waza {
	animation:randing 0.2s ease-in 0s 1;
	animation-direction:normal;
	animation-fill-mode:forwards;
	animation-play-state:running;
	}
#mvis .top .logo.goal .kodawari span {
	max-height:100%;
	}
#mvis .top .logo.goal img.hanko {
	animation:randing 0.3s ease-in 0.8s 1;
	animation-direction:normal;
	animation-fill-mode:forwards;
	animation-play-state:running;
	}

@keyframes randing {
0% {
	opaicyt:0;
	transform:scale(1.5);
	}
30% {
	opacity:1;
	}
90% {
	transform:scale(0.9);
	}
95% {
	transform:scale(1.1);
	}
100% {
	transform:scale(1);
	opacity:1;
	}
}
	
#mvis .top .pkg {
	position:absolute;
	bottom:50%;
	left:50%;
	transform:translate(-115px, 163px);
	opacity:0;
	transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s linear;
	}
.ie9 #mvis .top .pkg,
#mvis .top .pkg.goal {
	opacity:1;
	bottom:0;
	left:20px;
	transform:translate(0, 0);
	}
	
#mvis .top .sumi {
	position:absolute;
	top:30px;
	left:27%;
	width:14.9%;
	padding-top:20%;
	}
#mvis .top .sumi img {position:absolute;opacity:0;}
#mvis .top .sumi img:nth-of-type(1) {
	width:58.45%;
	right:0;
	top:0;
	}
#mvis .top .sumi img:nth-of-type(2) {
	width:69.7%;
	left:0;
	top:21%;
	}
.ie9 #mvis .top .sumi img,
#mvis .top .sumi img.goal {opacity:1;}
	
#mvis .top h1 {
	width:230px;
	padding-top:100%;
	margin:0 auto;
	position:relative;
	left:30px;
	}
#mvis .top h1 span {
	position:absolute;
	display:block;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	}
.ie9 #mvis .top h1 span,
#mvis .top h1 span.goal {
	max-height:100%;
	}
#mvis .top h1 span:nth-of-type(1) {
	right:0;
	top:0;
	}
#mvis .top h1 span:nth-of-type(2) {
	right:70px;
	top:120px;
	}
#mvis .top h1 span:nth-of-type(3) {
	left:0;
	top:195px;
	}

#mvis .bottom {
	background:url(../img/mvis_bg_repeat.jpg) repeat-x;
	background-size:auto 100%;
	}
#mvis .bottom .inner {
	padding:70px 0;
	background:url(../img/mvis_bg.jpg) no-repeat right bottom;
	background-size:auto 100%;
	}
#mvis .bottom ul li {
	float:left;
	width:15.3%;
	margin-right:4.2%;
	}
	
/*アニメーション*/
.fadeIn {opacity:1 !important;}



	
/*コンテンツ共通*/
#container h2 {margin-bottom:45px;}


/*about*/
#about section .left {
	width:10%;
	padding-right:0.5%;
	background:url(../img/line_dot.png) repeat-y right;
	position:relative;
	text-align:center;
	}
#about section .left span {
	position:absolute;
	top:0;
	right:-30px;
	width:16px;
	}
#about section .right {
	padding-left:100px;
	
	}
#about section .right figure {
	text-align:center;
	position:relative;
	max-width:400px;
	margin:0 auto;
	}
#about section .right figure img:first-child {
	position:absolute;
	left:-30px;
	top:0;
	}

#about section .right .tableLayout &gt; *:last-child {
	padding-left:70px;
	}

#about section.tableLayout p {margin-top:40px;}

#about section .right .tableLayout figure {
	height:303px;
	line-height:303px;
	}
#about section .right .tableLayout figure img {vertical-align:middle;}

/*lineup*/
#lineup .item:nth-of-type(n+2) {
	margin-top:60px;
	}
#lineup .item figure {
	text-align:center;
	width:30%;
	padding:0 0.5%;
	}
#lineup .item figure span {
	display:inline-block;
	max-width:177px;
	}
#lineup .item h3 img {
	height:27px;
	}
@media(max-width:840px) {
#lineup .item h3 img {height:22px;}
}
@media(max-width:500px) {
#lineup .item h3 img {height:4.5vw;width:auto;}
}
#lineup .item .txt {
	margin:15px 0 0;
	line-height:1.8em;
	}
#lineup .item .icon {
	margin-top:15px;
	}
#lineup .item .icon img {
	width:44px;
	margin-right:5px;
	}
#lineup .item .btnArea {
	text-align:right;
	margin-top:30px;
	}
#lineup .item .btnArea a {
	display:inline-block;
	width:340px;
	}
	
	
/*推奨環境*/
.requirements header a.logo {
	text-align:left;
	}
.requirements header a.logo img {
	width:66px;
	}
	
.requirements h2 {
	width:450px;
	}
.requirements p.mt15 {margin-top:20px;}
.requirements dl {margin-top:20px;}
	
	
@media (max-width:768px) {
body {
	font-size:13px;
	}
	
.pc {display:none !important;}
.sp {display:block !important;}
	
/*コンテナ*/
#container section:nth-of-type(n+2) {
	margin-top:50px;	
	}
.constBox {
	padding-left:4%;
	padding-right:4%;
	}
	
/*ナビゲーション*/
header nav a.logo {
	width:50%;
	text-align:left;
	}
header nav a.logo img {
	width:30.4% !important;
	}
header nav a.tweetButton {
	width:50%;
	text-align:right;
	}
header nav a.tweetButton img {
	width:16%;
	}
	
/*メインビジュアル*/
#mvis .top {
	height:auto;
	margin-top:15px;
	margin-bottom:30px;
	}
	
#mvis .top .logo {
	bottom:auto;
	top:5%;
	width:26.6%;
	}
#mvis .top .logo img.hanko {
	width:20%;
	left:15%;
	}
	
#mvis .top .pkg {
	transform: none;
	width: 30%;
	left:35%;
	bottom:30%;
	}
	
#mvis .top .sumi {
	width:18.9%;
	left:14.4%;
	top:4%;
	}
	
#mvis .top h1 {
	padding-top:80%;
	width:28%;
	left:2%;
	}
#mvis .top h1 span {
	width:33%;
	}
#mvis .top h1 span:nth-of-type(2) {
	right:31%;
	top:20%;
	}
#mvis .top h1 span:nth-of-type(3) {
	left:0;
	top:34%;
	}
	
	
#mvis .bottom .inner {
	padding:30px 0;
	}

#mvis nav.sp {font-size:0;line-height:1;}
#mvis nav.sp a {
	display:inline-block;
	width:48%;
	margin-right:2%;
	margin-bottom:5px;
	}
#mvis nav.sp a:nth-of-type(2n) {
	margin-right:0;
	}
	
/*about*/
#about section .left {
	padding-right:3%;
	width:17%;
	}
#about section .left span {
	width:20%;
	right:-33%;
	}
	
#about section .right {padding-left:9%;}

#about section .right figure img:first-child {
	width:30%;
	left:0;
	top:0;
	}
#about section .right figure img:last-child {
	max-width:75%;
	position:relative;
	z-index: 1;
	margin-top:50px;
	}
	
#about section .right .tableLayout,
#about section .right .tableLayout &gt; * {
	display:block;
	width:auto;
	padding:0 !important;
	}
#about section .right .tableLayout &gt; :last-child {margin-top:40px;}
#about section .right .tableLayout figure {
	width:auto;
	height:auto;
	line-height:1em;
	}
	

/*lineup*/
#lineup .item:nth-of-type(n+2) {
	margin-top:30px;	
	}
#lineup .item.tableLayout,
#lineup .item.tableLayout &gt; * {
	display:block;
	width:auto;
	}
	
#lineup .item h3 {width:auto;margin-top:30px;}
#lineup .item figure span {
	width:50%;
	}
#lineup .item .txt {
	margin:7px 0 15px;	
	}

#lineup .item .btnArea {text-align:center;}
#lineup .item .btnArea a {
	width:80%;
	}
	
/*footer*/
footer .linkArea {font-size:11px;padding:0 40px;}
footer .linkArea a {display:inline-block;vertical-align:middle;}
footer #cp {margin-top:25px;}
#pagetopButton {
	bottom:70px;	
	}
	
/*推奨環境*/
.requirements h2 {
	width:auto;
	}
	
}</pre></body></html>