@charset "utf-8";
/*
 * neuro2017 theme stylesheet for front-page
 *
 * 1. main visual (header)
 * 2. main contents
 */

/*
 * 1. main visual (header)
 */
/*--- calendar -------------------------*/
.home .mv .calendar{
	padding:15px 10px;
/*	background:url(../images/top/bg-mv.jpg) center top no-repeat;*/
/*	background-size:cover;*/
	background:#ddd;
}
.home .mv .calendar dl{
	position:relative;
	height:703px;
	height:658px;
}
.home .mv .calendar dt{
	float:left;
	display:block;
	width:-webkit-calc(50% - 5px);
	width:calc(50% - 5px);
	height:35px;
	color:#fff;
	line-height:35px;
	text-align:center;
	text-decoration:none;
	background:#bbb;
	box-sizing:border-box;
	border-radius:3px 3px 0 0;
	cursor:pointer;
}
.home .mv .calendar dt.yokohama{
	margin-right:5px;
}
.home .mv .calendar dt.hachioji{
	margin-left:5px;
}
.home .mv .calendar dt.yokohama:hover.on,
.home .mv .calendar dt.yokohama:hover{
	background:#53d9c4;
}
.home .mv .calendar dt.yokohama.on{
	background:#09c5a8;
}
.home .mv .calendar dt.hachioji:hover.on,
.home .mv .calendar dt.hachioji:hover{
	background:#c5d177;
}
.home .mv .calendar dt.hachioji.on{
	background:#b4c258;
}
.home .mv .calendar dt .pc{
	display:none;
	font-size:14px;font-size:1.4rem;
	font-weight:500;
}
.home .mv .calendar dd{
	display:none;
	position:absolute;
	top:35px;
	left:0;
	width:100%;
	height:668px;/*monthly*/
	height:623px;

	padding:15px 12px;
	box-sizing:border-box;
	background:#fff;
}
.home .mv .calendar dt.on+dd{
	display:block;
}
.home .mv .calendar dd.hachioji{
	height:648px;/*monthly*/
	height:603px;
}

.home .mv .calendar .txt{
	margin:10px 0;
	font-size:14px;font-size:1.4rem;
	line-height:14px;
	color:#017866;
	text-align:center;
}
@media screen and (min-width: 900px){
	.home .mv .calendar .txt{
		font-size:16px;font-size:1.6rem;
		line-height:16px;
	}
}


/*--- prologue -------------------------*/
.home .mv .prologue{
	padding:15px 10px;
	line-height:22px;
	color:#434343;
}
.home .mv .prologue p,
.home .mv .prologue li{
	font-size:14px;font-size:1.4rem;
	font-weight:500;
}
.home .mv .prologue strong{
	font-size:16px;font-size:1.6rem;
	font-weight:500;
	line-height:25px;
	color:#017866;
}
.home .mv .prologue dl{
	position:relative;
}
.home .mv .prologue dt{
	position:absolute;
	top:-15px;left:5px;
	display:inline-block;
	width:130px;
	height:30px;
	font-size:14px;font-size:1.4rem;
	font-weight:500;
	line-height:30px;
	border-radius:15px;
}
.home .mv .prologue dt+dd{
	margin-top:30px;
	padding:25px 10px 15px;
	background:rgba(231,231,224,.8);
}
.home .mv .prologue .sp3{
	margin:0;
	line-height:30px;
}
.home .mv .prologue .sp3:before{
	font-family:"FontAwesome";
	content:"\f105";
	margin-right:5px;
}

@media screen and (min-width: 900px){
	.home .mv{
		padding:20px 0;
		background:url(../images/top/bg-mv.jpg) center top no-repeat;
		background-size:cover;
	}
	.home .mv .calendar{
		float:right;
		width:51%;
		background:none;
		padding-right:0;
	}
	.home .mv .prologue{
		float:left;
		width:49%;
		max-width:450px;
		height:500px;
		padding-left:0;
		position:relative;
	}

	.home .mv .calendar dl{
		height:470px;
	}
	.home .mv .calendar dt{
		max-width:200px;
		height:50px;
		line-height:50px;

	}
	.home .mv .calendar dt .pc{
		display:block;
	}
	.home .mv .calendar dt .sp{
		display:none;
	}
	.home .mv .calendar dd{
		top:50px;
		height:420px!important;
	}
	.home .mv .prologue strong{
		display: inline-block;
		margin-top:20px;
		font-size:20px;font-size:2rem;
		line-height:35px;
		letter-spacing: -0.5px;
	}

	.home .mv .prologue dl{
		position:absolute;
		bottom:15px;
		width:100%;
		height:130px;
	}
	.home .mv .prologue dt{
		left:20px;
		top:15px;
	}
	.home .mv .prologue dt+dd{
		height:100px;
		background:rgba(255,255,255,.8);
	}
	.home .mv .prologue .sp,
	.home .mv .prologue .sp3{
		display:none;
	}
}

/*
 * 2. main contents
 */
.home section{
	margin-bottom:20px;
}
.home .advice li, .home .prevention li{
	height:62px;
	border-bottom:solid 2px #cecece;
	position:relative;
}
.home .advice li:after, .home .prevention li:after{
	position:absolute;
	top:26px;right:20px;
	content:"";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #017866;
	border-right: 2px solid #017866;
	-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
	-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);
}
.home .advice li a, .home .prevention li a{
	display:block;
	height:100%;
	text-decoration:none;
	color:#5e5d5d;
}
.home .advice li .image, .home .prevention li .image{
	float:left;
	width:90px;
	height:60px;
	overflow:hidden;
}
.home .advice li .title, .home .prevention li .title{
	margin-left:100px;
	padding:20px 0;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:20px;
}
.home .advice li .title.line2, .home .prevention li .title.line2{
	padding:10px 0;
}
.home .remarks{
	margin:10px;
	padding:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:20px;
	background:rgba(231,231,224,.8);
}


.home .advice li .pc, .home .prevention li .pc{
	display:none;
}

@media screen and (min-width: 900px){
	.home .advice, .home .prevention{
		margin-top:20px;
	}
	.home .advice li, .home .prevention li{
		float:left;
		width:-webkit-calc((99.99% - 40px) / 5);
		width:calc((99.99% - 40px) / 5);
		height:150px;
		border-bottom:0;
	}
	.home .prevention li{
		width:-webkit-calc((99.99% - 30px) / 4);
		width:calc((99.99% - 30px) / 4);
		height:180px;
	}
	.home .advice li:after, .home .prevention li:after{
		content:none;
	}
	.home .advice li:not(:nth-of-type(1)), .home .prevention li:not(:nth-of-type(1)){
		margin-left:10px;
	}
	.home .advice li .image, .home .prevention li .image{
		float:none;
		width:100%;;
		height:auto;
	}
	.home .advice li .title, .home .prevention li .title{
		margin-left:0;
		padding:10px 0;
		text-align:center;
	}
	.home .advice li .pc, .home .prevention li .pc{
		display:block;
	}
	.home .remarks{
		margin:0;
		padding:20px;
		background:rgba(231,231,224,1);
	}
}

/*point, flow*/
.home .point, .home .flow{
	border-bottom:solid 1px #cecece;
}
.home .flow dt .step{
	display:inline-block;
	margin-right:5px;
	width:85px;
	height:35px;
	font-size:15px;font-size:1.5rem;
	font-weight:300;
	line-height:35px;
	color:#fff;
	text-align:center;
	background:#e19a00;
	border-radius:17px;;
}
.home .point dt, .home .flow dt{
	clear:both;
	padding:0 10px;
	height:60px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:60px;
	cursor:pointer;
	position:relative
}
.home .point dt:after, .home .flow dt:after{
	position:absolute;
	top:26px;right:20px;
	content:"";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid #017866;
	border-right: 2px solid #017866;
	-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;
	-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);
	-webkit-transition:all .5s;transition:all .5s;
}
.home .point dt.on, .home .flow dt.on{
	background:rgba(1,120,102,.1);
}
.home .point dt.on:after, .home .flow dt.on:after{
	-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);
}
.home .point dt:not(:nth-of-type(1)), .home .flow dt:not(:nth-of-type(1)){
	border-top:solid 1px #cecece;
}
.home .point dd, .home .flow dd{
	display:none;
	min-height:100px;
	margin-bottom:10px;
}
.home .point dd a, .home .flow dd a{
	display:block;
	height:100%;
	text-decoration:none;
	color:#5e5d5d;
}
.home .point dt.on+dd, .home .flow dt.on+dd{
	display:block;
}


.home .point dd img, .home .flow dd img{
	margin-left:10px;
	width:100px;
	height:100px;
	border:solid 1px #f0f0f0;
}
.home .flow dd img{
	margin-right:10px;
}
.home .point dd p, .home .flow dd p{
	margin:10px;
	font-size:14px;font-size:1.4rem;
	font-weight:300;
	line-height:20px;
}
.home .point dd p .more, .home .flow dd p .more{
	float:right;
	margin-left: 10px;
	color: #017866;
	text-decoration:none;
/*	border-bottom: solid 1px #017866;*/
}
.home .point dd p .more:after, .home .flow dd p .more:after{
	content:"\f105";
	font-family:"FontAwesome";
	margin-left:5px;
}

@media screen and (min-width: 900px){
	.home .point, .home .flow{
		border-bottom:0;
	}
	.home .flow dt .step{
		margin-right:10px;
	}
	.home .point dt, .home .flow dt{
		margin-top:20px;
		margin-left:110px;
		padding:0;
		height:26px;
		font-size:16px;font-size:1.6rem;
		line-height:26px;
		color:#017866;
		border-top:0!important;
		cursor:text;
	}
	.home .flow dt{
		margin-left:0;
		margin-right:110px;
		height:35px;
		line-height:35px;
	}
	.home .point dt.on, .home .flow dt.on{
		background:#fff;
	}
	.home .point dt:after, .home .flow dt:after{
		content:none;
	}
	.home .point dd, .home .flow dd{
		display:block;
		min-height:60px;
	}
	.home .point dd img, .home .flow dd img{
		margin-top:-40px;
		margin-left:0;
	}
	.home .flow dd img{
		margin-right:0;
	}

	.home .flow dd{
		background:url(../images/top/flow-down.png) 25.5px 3px no-repeat;
	}
	.home .flow dd.last{
		background:none;
	}
	.home .flow dd p{
		margin-right:110px;
		margin-left:95px;
	}
}

/*end*/