@charset 'UTF-8';

.main {
	position:relative;
}

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

.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:1200px;
	margin:0 auto -15px;
	padding:60px 0 0 45px;
	box-sizing:border-box;
}

.main .ctBox h3 {
	margin:0 0 25px;
	font-size:260%;
}

.main .ctBox p {
	margin:0 0 28px;
	font-size:160%;
	line-height:1.75;
}

.main .ctBox ul {
	padding:15px 0 0;
	letter-spacing:-0.5em;
}

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

.main .ctBox ul li:hover {
	cursor:pointer;
	opacity:0.7;
}

.main .ctBox ul li:last-child {
	margin:0 0 30px;
}

.main .ctBox ul li .img {
	display:block;
	margin:0 0 8px;
	vertical-align:middle;
	border:1px solid #ccc;
}

.main .ctBox ul li .txt {
	margin:0 5px;
	padding:0 0 0 25px;
	font-size:160%;
	background:url(/common/img/ico_arw_01.png) no-repeat left center;
	background-size:17px auto;
}

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.80);
	z-index:9999;
}

#popup {
	display:none;
	position:absolute;
	top:250px;
	left:0;
	right:0;
	width:40%;
	max-width:920px;
	margin:0 auto;
	padding:118px 84px 94px;
	background:#fff;
	box-sizing:border-box;
	z-index:10000;
}

#popup .close {
	position:absolute;
	top:15px;
	right:16px;
}

#popup .close:hover {
	cursor:pointer;
	opacity:0.7;
}

#popup ul li {
	display:none;
}


@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: 640px) {

.main {
	position:relative;
}

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

.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:auto;
	margin:0 4.68% -2%;
	padding:2% 0 0;
	box-sizing:border-box;
}

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


.main .ctBox p {
	margin:0 0 7%;
	font-size:120%;
}

.main .ctBox ul {
	padding:0;
	letter-spacing:-0.5em;
}

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

.main .ctBox ul li:hover {
	cursor:pointer;
	opacity:1;
}

.main .ctBox ul li:last-child {
	margin:0 7.5% 7.5%;
}

.main .ctBox ul li .img {
	display:block;
	margin:0 0 8px;
	vertical-align:middle;
	border:1px solid #ccc;
}

.main .ctBox ul li .txt {
	margin:0;
	padding:0 0 0 20px;
	font-size:120%;
	background:url(/common/img/ico_arw_01.png) no-repeat left center;
	background-size:13px auto;
}

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.80);
	z-index:9999;
}

#popup {
	display:none;
	position:absolute;
	top:5%;
	left:0;
	right:0;
	width:98.75%;
	max-width:inherit;
	margin:0 auto;
	padding:13% 6.5%;
	background:#fff;
	box-sizing:border-box;
	z-index:10000;
}

#popup .close {
	position:absolute;
	top:7px;
	right:7px;
	width:25px;
}

#popup .close:hover {
	cursor:pointer;
	opacity:0.7;
}

#popup ul li {
	display:none;
}

#popup ul li img {
	height:100%;
}

}