/*====
reset
====*/

html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{
	border: 0;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

article,header,footer,aside,figure,figcaption,nav,section{
	display: block;
}

body{
	line-height: 1;
}

ol,ul{
	list-style: none;
	list-style-type: none;
}

main{
	display: block; /*for IE11 */
}

/*====
common settings
====*/

/*Overall*/
.clearfix:after{
	clear: both;
	content: "";
	display: block;
}

body{
	background-color: #fdeff2;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}

header,
main,
nav.gnav{
	margin: 0 auto;
	width: 1170px;
}

/*header*/
header .title{
	background-color: #fdeff2;
	font-size: 80px;
	text-align: center;
	padding: 30px 30px 30px 30px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/*global navigation*/
nav.gNavi{
 padding: 40px 0 30px;
}

nav.gNavi ul li a{
 border-bottom: 3px solid #FFBEFF;
 color: black;
 display: block;
 font-size: 20px;
 font-weight: bold;
 margin-left: 25px;
 padding-bottom: 8px;
 text-align: center;
 text-decoration: none;
 width: 200px;
}

nav.gNavi ul li a:hover{
 border-bottom-color: #FFA2FF;
}

nav.gNavi ul .current a{
 border-bottom-color: #FFFFFF;
}

nav ul li{
 display :inline-block;
}

/*footer*/
footer{
	padding: 20px 0 30px;
	background-color: #fdeff2;
	text-align: center;
}

footer .snsBtn li{
	display: inline-block;
	margin: 0 80px 20px;
}

fotter .copyright{
	font-size: 20px;
	font-weight: bold;
}

/*main contents*/
main{
	margin-bottom: 80px;
}

main p{
	line-height: 1.5;
	margin-bottom: 30px;
}

main a{
	text-decoration: none;
	color: #000000;
}

main li{
	line-height: 1.5;
}

main h1{
	background-color: #e7609e;
	color:#000000;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px 15px 15px 50px;
}

main h2{
	background-color: #e7609e;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px 15px 15px 50px;
}

/*main visual*/
#topMainVisual img{
	margin-bottom: 30px;
	width: 800px;
}

.linkVisual {
	width: 100px;
	height: 100px;
}

/*2 boxes*/
.topContentsBox{
	padding-top: 20px;
}

.leftBox{
	float: left;
	margin-right: 30px;
	width: 640px;
}

.rightBox{
	float: right;
	width: 500px;
}

/*2 boxes contents*/
.topCopy{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 25px;
}
.topWork{
}

/*4 boxes*/
.topLinkBox{
	clear: both;
	margin-top: 50px;
	width: 1540px;
}

.topLink{
	display: inline;
	line-height: 0px;
	margin-right: 100px;
	width: 370px;
}

.topLink:last-child{
	margin-right: 0px;
}