@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.ms-section{
	text-align:center;
}

/* ナビゲーション */
#nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}
#nav li {
	float:left;
	width:25%;
	text-align:center;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
#nav li a {
	display:block;
	padding:15px;
	color:#000;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.5);
	border-left:1px solid rgba(0,0,0,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
}
#nav li.active a {
	background:rgba(255,255,255,0.7);
}

/* ツールチップ */
.multiscroll-tooltip {
	white-space: nowrap;
}

.section1{
	background-color: #fff;
        height: 100%;
	text-align:center;
}

.section2{
        margin-top: 200px;
        height: 100%;
        padding: 15% 5%;
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.1);
	text-align: left;
}

.section3{
        margin: 0%;
        padding: 200px 10% 5%;
        height: 100%;
	background:rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.1);
	text-align: left;
}

.section3 p{
	font-size: 1.2vw;

}
.section4{
	background:rgba(255,255,255,1);
	text-align:center;
	border:1px solid rgba(0,0,0,0.1);
}

.section4 p{
	line-height: 40px;
	margin-bottom: 80px;
}
.section4 a{
	width: 320px;
	height: 72px;
	background: url("../img/contact001.png") no-repeat;
	text-indent: -9999px;
	display: block;
	text-align:center;
}

.section4 a:hover {
	background-image: url("../img/contact001_LO.png");
}