@charset 'UTF-8';

.main {
	position:relative;
}

.main .inner {
	max-width:1400px;
	margin:0 auto 100px;
	padding:35px 0 0;
}

.main .breadcrumb {
	letter-spacing:-0.5em;
}

.main .breadcrumb li {
	display:inline-block;
	margin:0 5px 0 0;
	font-size:120%;
	letter-spacing:0;
	vertical-align:top;
}

.main .breadcrumb li a {
	margin:0 5px 0 0;
	color:#2398a7;
	text-decoration:underline;
}

.main .breadcrumb li:first-child a {
	padding:0 0 0 18px;
	background:url(/common/img/ico_bread.png) no-repeat left center;
}

.main .sns01 {
	position:fixed;
	top:120px;
	right:35px;
	z-index:9999;
}

.main .sns02 {
	position:fixed;
	top:182px;
	right:35px;
	z-index:9999;
}

.main .sns03 {
	position:fixed;
	top:244px;
	right:35px;
	z-index:9999;
}

.main h2 {
	padding:50px 0 0;
	font-size:500%;
	font-weight:400;
}

.main h2 span {
	margin:0 0 0 10px;
	font-size:40%;
	vertical-align:baseline;
}



.main .ctBox {
	max-width:1277px;
	margin:0 auto;
	padding:60px 10px 0;
	box-sizing:border-box;
}

.main .ctBox .left {
	float:left;
	width:714px;
}

.main .ctBox .right {
	float:right;
	width:476px;
}

.main .ctBox h3 {
	margin:0 0 32px;
	font-size:260%;
	text-align:center;
}

.main .ctBox ul {
	letter-spacing:-0.5em;
	text-align:center;
}

.main .ctBox ul li {
	display:inline-block;
	width:238px;
	margin:0 0 25px;
	letter-spacing:0;
	vertical-align:top;
}

.main .ctBox ul li a {
	display:block;
}

.main .ctBox ul li h4 {
	margin:3px 0;
	font-size:200%;
}

.main .ctBox ul li p {
	font-size:160%;
	white-space:nowrap;
}

#anc01,#anc02,#anc03,#anc04,#anc05,#anc06,#anc07 {
	margin-top:-100px;
	padding-top:100px;
}

@media screen and (max-width: 1400px) {
	
.main .breadcrumb {
	padding:0 30px;
}

.main h2 {
	padding:50px 30px 0;
}

.main .ctBox {
	padding:25px 30px;
}

}

@media screen and (max-width: 1300px) {

.main .ctBox .left {
	float:none;
	width:auto;
	margin:0 auto 85px;
}

.main .ctBox .right {
	float:none;
	width:auto;
	margin:0 auto;
}
}


@media screen and (max-width: 640px) {

.main {
	position:relative;
}

.main .inner {
	max-width:inherit;
	margin:0 auto;
	padding:5% 0 20%;
}

.main h2 {
	margin:0 4.68%;
	padding:0;
	font-size:210%;
	font-weight:400;
}

.main h2 span {
	margin:0 0 0 5px;
	font-size:48%;
	vertical-align:baseline;
}


.main .ctBox {
	max-width:inherit;
	width:90.625%;
	margin:0 auto -5%;
	padding:12% 0 0;
	box-sizing:border-box;
}

.main .ctBox h3 {
	margin:0 0 6%;
	font-size:140%;
	text-align:center;
}

.main .ctBox ul {
	letter-spacing:-0.5em;
	text-align:center;
}

.main .ctBox ul li {
	display:inline-block;
	width:36.38%;
	margin:0 6.8% 6.8%;
	letter-spacing:0;
	vertical-align:top;
}

.main .ctBox ul li a {
	display:block;
}

.main .ctBox ul li h4 {
	margin:2% 0;
	font-size:120%;
}

.main .ctBox ul li p {
	font-size:80%;
	white-space:inherit;
}

#anc01,#anc02,#anc03,#anc04,#anc05,#anc06,#anc07 {
	margin-top:-51px;
	padding-top:51px;
}

}