@charset "utf-8";
/*
 * neuro2017 stylesheet for page only
 *
 */

/*--------------------------------------*/
/*   page content                       */
/*--------------------------------------*/

.page-content .img10{
	display:block;
	margin:10px auto 5px;
	width:100%;
	max-width:335px;
}
.page-content .img10.w200{
	width:200px!important;
}
.page-content .img10.w280{
	width:280px!important;
}

.page-content .fl10{
	float:left;
	margin:5px 15px 5px 0;
	width:130px;
	height:130px;
}

.page-content .sp{
}
.page-content .pc{
	display:none;
}

@media screen and (min-width: 900px){
	.page-content .img10{
		margin:0;
	}
	.page-content .img10.w200,
	.page-content .img10.w280{
		margin-right:auto;
		margin-left:auto;
	}

	.page-content .sp{
		display:none;
	}
	.page-content .pc{
		display:block;
	}
}

/*--- other ---*/
.gmap{
	border-bottom:solid 1px #376092;
}
@media screen and (min-width: 900px){
	.shot1{margin-right:-30px;}
}


/*--- drop down & up (mobile) ----------*/
.page-content .mdd{
	display:none;
}
.page-content .mddbtn,
.page-content .mddbtnclose{
	margin:20px auto 30px;
	width:180px;
	height:40px;
	font-size:14px;font-size:1.4rem;
	font-weight:500;
	line-height:40px;
	color:#017866;
	text-align:center;
	border-radius:3px;
	box-shadow:0 3px #bdbdbd;
	border:solid 1px #cecece;
	position:relative;
	cursor:pointer;
}
.page-content .mddbtn:after,
.page-content .mddbtnclose:after{
	content:"\f107";
	font-family:"FontAwesome";
	position:absolute;
	top:0;
	right:20px;
}
.page-content .mddbtnclose:after{
	content:"\f106";
}

.page-content .mddbtn.on{
	display:none;
}

@media screen and (min-width: 900px){
	.page-content .m-summary,
	.page-content .mddbtn,
	.page-content .mddbtnclose{
		display:none;
	}
	.page-content .mdd{
		display:block;
	}
}

/*--- flow-box -------------------------*/
.flow-box{
	display:none;
	margin:30px 0;
}
.flow-box h2{
	font-size:20px;font-size:2rem;
	font-weight:500;
	line-height:36px;
	border-bottom:solid 1px #017866;
}
.flow-summary{
	margin:30px 0;
}
.flow-summary li{
	padding-left:20px;
	margin-bottom:38px;
	height:50px;
	font-size:18px;font-size:1.8rem;
	font-weight:500;
	color:#017866;
	line-height:50px;
	background:#fff;
	border:solid 1px #ccc;
	position:relative;
}
.flow-summary li:not(:nth-last-of-type(1)):after{
	content:url(../images/common/flow-bottom.svg);
	position:absolute;
	top:60px;
	left:-webkit-calc(50% - 17px);
	left:calc(50% - 17px);
	width:34px;
	height:17px;
	line-height:17px;
}
@media screen and (min-width: 900px){
	.flow-box{
		display:block;
	}
}

/*--- column-box -------------------------*/
.column-box{
	margin:20px 10px;
	padding:15px 10px;
	background:url(../images/page/bg-column.png);
}
.column-box .ttl{
	font-size:18px;font-size:1.8rem;
	font-weight:700;
	color:#017866;
	line-height:20px;
	display:table-cell;
	height:40px;
	vertical-align:middle;
}
.column-box .icon{
	float:left;
	display:inline-block;
	width:102px;
	height:40px;
	padding-left:15px;
	margin-right:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	color:#fff;
	line-height:40px;
	background:url(../images/page/bg-column-icon.png) no-repeat;
	background-size:contain;
}
.column-box .txt{
	margin-top:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:24px;
}

@media screen and (min-width: 900px){
	.column-box{
		margin:40px 0;
		padding:20px;
	}
}

/*--- point-box -------------------------*/
.point-box{
	margin:20px 10px;
	padding:15px 10px;
	background:#fbf5e7;
}
.point-box .ttl{
	font-size:18px;font-size:1.8rem;
	font-weight:700;
	color:#e19a00;
	line-height:20px;
	display:table-cell;
	height:54px;
	vertical-align:middle;
}
.point-box .icon{
	float:left;
	display:inline-block;
	width:78px;
	height:54px;
	padding-left:15px;
	margin-right:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	color:#fff;
	line-height:54px;
	background:url(../images/page/bg-point-icon.png) no-repeat;
	background-size:contain;
}
.point-box .txt{
	margin-top:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:24px;
}
.point-box .more{
	float:right;
	margin-top:5px;
	margin-left:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:500;
	color:#e19a00;
	text-decoration:none;
	border-bottom:solid 1px #e19100;
}
.point-box .more:after{
	content:"\f105";
	font-family:"FontAwesome";
	margin-left:5px;
}

@media screen and (min-width: 900px){
	.point-box{
		margin:40px 0;
		padding:20px;
	}
}

/*--- dock popup -----------------------*/
.dockpopup{padding:10px;}
.dockpopup h1{margin:10px 0;}
.dockpopup .close{
	display: block;
	margin: 20px auto 10px;
	width: 180px;
	height: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #5e5d5d;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-webkit-transition: all .2s;transition: all .2s;
	background: #ddd;
	-webkit-box-shadow: 0 3px #bbb;-moz-box-shadow: 0 3px #bbb;box-shadow: 0 3px #bbb;
	cursor: pointer;
}

/*end*/