@charset "utf-8";

#headbg{
	background:url(../img/brain/headbg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#spnav ul li.mbrain a{
	color:#0FA36A;
	background-color:#EAF4F4;
	}
#spnav ul li.mbrain a:after{
	border-color:#0FA36A;
	}
#spnav ul li.mbrain ul li a{
	background-color:#FFF;
	color:#403E3C;
	}
#spnav ul li.mbrain ul li a:after{
	border-color:#403E3C;
	}

#brainbg{
	max-width:1350px;
	margin:0 auto;
	padding:0 60px 140px 9%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	overflow:hidden;
	zoom:1;
	}
#index1{
	max-width:940px;
	margin:0 auto;
	padding-top:50px;
	}
#index1 .box1{
	background-color:#EEEEEE;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	margin-top:90px;
	padding:60px 0 55px 60px;
	}
#index1 .box1 h2{
	font-size:30px;
	color:#C8A26A;
	font-weight:700;
	padding-right:60px;
	}
#index1 .box1 img{
	float:right;
	margin:45px -60px 0 20px;
	width:420px;
	max-width:50%;
	}
#index1 .box1 ul{
	padding:25px 0 0 5px;
	}
#index1 .box1 ul li{
	font-size:20px;
	font-weight:700;
	margin-top:8px;
	padding:5px 0 5px 38px;
	background:url(../img/brain/check.png) no-repeat left 8px;
	}
#index1 h3.h2{
	margin-top:120px;
	}
#index1 ol{
	padding:15px 0 0 25px;
	}
#index1 ol li{
	font-size:24px;
	color:#C8A26A;
	font-weight:700;
	position:relative;
	padding:2px 0 40px 135px;
	}
#index1 ol li:last-of-type{
	padding-bottom:0;
	}
#index1 ol li strong{
	font-size:26px;
	color:#FFF;
	display:inline-block;
	padding:2px 2px 2px 2px;
	text-align:center;
	width:110px;
	background-color:#C8A26A;
	font-weight:700;
	position:absolute;
	left:0;
	top:0;
	}
#index1 ol li:after{
	content:"";
	display:block;
	width:1px;	
	height:70%;
	background-color:#C8A26A;
	position:absolute;
	left:54px;
	bottom:8px;
	z-index:-1;
	}
#index1 ol li:before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #C8A26A;
	border-right:1px solid #C8A26A;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	left:49px;
	bottom:8px;
	}
#index1 ol li:last-of-type:after,
#index1 ol li:last-of-type:before{
	display:none;
	}
#index1 h4{
	font-size:24px;
	font-weight:700;
	margin:30px 0 0 25px;
	}
#index1 h4:nth-of-type(2){
	margin-top:20px;
	}
#index1 h4 br{
	display:none;
	}
#index1 h4 strong{
	font-size:24px;
	font-weight:700;
	background-color:#C8A26A;
	min-width:110px;
	display:inline-block;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	margin-right:18px;
	vertical-align:-2px;
	color:#FFF;
	padding:3px 15px 4px 15px;
	}
#index1 ul.ul2{
	padding:40px 0 0 25px;
	}
#index1 ul.ul2 li{
	font-size:18px;
	padding-left:27px;
	position:relative;
	margin-top:15px;
	}
#index1 ul.ul2 li:after{
	content:"";
	display:block;
	width:17px;
	height:17px;
	background-color:#C8A26A;
	position:absolute;
	left:0;
	top:5px;
	z-index:1;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	}
#index1 ul.ul2 li:before{
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:11px;
	width:3px;
	height:3px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:2;
	}
#index1 h5{
	margin:20px 0 0 25px;
	font-size:19px;
	display:block;
	letter-spacing:0.08em;
	background:url(../img/common/tel.png) no-repeat left center;
	-webkit-background-size:38px 38px;
	background-size:38px 38px;
	padding-left:48px;
	}
#index1 h5 a{
	color:#403E3C;
	font-size:38px;
	font-family:'Oswald';
	font-weight:300;
	display:inline-block;
	vertical-align:-8px;
	margin-right:8px;
	}
#index1 h5 br{
	display:none;
	}
@media screen and (max-width:900px){
#brainbg{
	padding:0 7% 0 7%;
	}
#index1{
	padding-top:40px;
	}
#index1 .box1{
	margin-top:60px;
	padding:50px 7% 35px 7%;
	}
#index1 .box1 h2{
	font-size:19px;
	padding-right:0;
	}
#index1 .box1 img{
	float:none;
	margin:25px 0 0 0;
	width:100%;
	max-width:100%;
	}
#index1 .box1 ul{
	padding:20px 0 0 0px;
	}
#index1 .box1 ul li{
	font-size:17px;
	margin-top:10px;
	padding:5px 0 5px 28px;
	-webkit-background-size:18px 18px;
	background-size:18px 18px;
	background-position:left 9px;
	}
#index1 h3.h2{
	margin-top:90px;
	}
#index1 ol{
	padding:10px 0 0 0;
	}
#index1 ol li{
	font-size:18px;
	padding:2px 0 35px 95px;
	}
#index1 ol li strong{
	font-size:19px;
	padding:2px 2px 2px 2px;
	width:75px;
	}
#index1 ol li:after{
	height:50%;
	left:40px;
	}
#index1 ol li:before{
	left:35px;
	}
#index1 h4{
	font-size:20px;
	margin:20px 0 0 0px;
	}
#index1 h4:nth-of-type(2){
	margin-top:30px;
	}
#index1 h4 br{
	display:block;
	}
#index1 h4 strong{
	font-size:20px;
	min-width:100px;
	margin:0 0 8px 0;
	padding:3px 12px 3px 12px;
	}
#index1 h4:last-of-type strong{
	text-align:left;
	}
#index1 ul.ul2{
	padding:20px 0 0 0;
	}
#index1 ul.ul2 li{
	font-size:16px;
	margin-top:20px;
	padding-left:24px;
	}
#index1 ul.ul2 li:after{
	width:15px;
	height:15px;
	top:4px;
	}
#index1 ul.ul2 li:before{
	left:4px;
	top:9px;
	}
#index1 h5{
	margin:10px 0 0 0px;
	font-size:16px;
	letter-spacing:0.05em;
	-webkit-background-size:32px 32px;
	background-size:32px 32px;
	padding-left:42px;
	background-position:left 9px;
	}
#index1 h5 a{
	font-size:34px;
	margin-bottom:5px;
	}
#index1 h5 br{
	display:block;
	}
}