@charset "utf-8";
/* ------------------------------------------------------------ common */
#view { text-align: right; background: url(../images/index/view_02.jpg?var=161027) center top repeat-x; text-align: center; height: 600px; }
#view div { padding: 30px 0 0; }

#main .btn		{ padding: 50px 0 0; }
#main .btn a 	{ background: url(../images/common/arw_01.png?var=161027) no-repeat 10% center #70b943; font-size: 18px; font-weight: bold; margin: 0 auto; }


/* ------------------------------------------------------------ #features */
#features .bg 		{ background: url(../images/index/bg_01.jpg?var=161027) repeat-x center bottom; padding: 30px 0; }
#features ul 		{ width: 50%; padding: 0 0 30px; }
#features ul li h4 	{ font-size: 28px; padding: 15px 0 5px; }
#features ul li p	{ font-size: 17px; }
#features dl		{ background: #fcfcfa; padding: 25px 30px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; }
#features dl dt		{ font-size: 30px; padding: 0 0 5px; }
#features dl dd		{ font-size: 16px; line-height: 200%; }

/* ------------------------------------------------------------ #about */
#about 				{ padding: 30px 0;}
#about #text		{ color: #696969; }
#about #text h2 	{ font-size: 16px; font-weight: bold; padding: 0 0 7px; }
#about #text p		{ font-size: 12px; }
#about #link		{ padding: 60px 0; }
#about #link dl		{ width: 465px; }
#about #link dl	dt 	{ font-size: 28px; font-weight: bold; padding: 0 0 20px; }
#about #link dl	dd 	{ font-size: 16px; line-height: 200%; }

/* ------------------------------------------------------------ #list */
#list 				{ padding: 40px 0 60px; }
#list .lead			{ padding: 0 0 40px; text-align: center; font-size: 18px; }
#list .container	{ overflow: hidden; }
#list ul 			{ margin: 0 0 0 -5px; }
#list ul li 		{ float: left; width: 330px; margin: 0 0 10px 5px; background: #fff; }
#list ul li div		{ padding: 15px 15px 0; border-bottom: 3px solid #ffdd00; }
#list ul li h4 		{ font-size: 23px; padding: 0 0 10px; text-align: center; line-height: 130%; }
#list ul li h4 small{ font-size: 14px; display: block; }
#list ul li p		{ line-height: 200%; padding: 0 0 10px; }
#list .btn_line 	{ padding: 1px 0; background: url(../images/common/line_02.gif?var=161027) repeat-x; text-align: center; }
#list .btn_line a	{ background: url(../images/common/arw_02.png?var=161027) no-repeat 3% center; display: block; padding: 20px 0; font-size: 16px; }

/* ------------------------------------------------------------ #recruit */
#recruit			{ padding: 0 0 100px; }
#recruit dl			{ width: 470px; }
#recruit dl dt		{ font-size: 26px; padding: 0 0 20px; font-weight: bold; }
#recruit dl dd		{ line-height: 200%; font-size: 16px; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main img		{ width: 100%; height: auto; }

#about #link dl,
#recruit dl,
#list ul li		{ width: auto; }

#main .btn		{ padding: 30px 0 0; }
#main .btn a 	{ background: url(../images/common/arw_01sp.png?var=161027) no-repeat 10% center #70b943; background-size: 12px; font-size: 14px; font-weight: bold; margin: 0 auto; }


/* ------------------------------------------------------------ #view */
#view 			{ padding: 0; height: auto; background: url(../images/index/view_02s.jpg?var=161027) center top; background-size: cover; }
#view div img 	{ padding: 4% 0 6%; width: 30%; height: auto; }

#features ul 		{ width: 100%; padding: 0 0 30px; }
#features ul li 	{ padding: 10px 0; }
#features ul li h4 	{ font-size: 18px; font-weight: bold; line-height: 150%; padding: 15px 0 5px; }
#features ul li p	{ font-size: 14px; }
#features dl		{ padding: 15px 5%; }
#features dl dt		{ font-size: 18px; font-weight: bold; text-align: center; }
#features dl dd		{ font-size: 12px; }

/* ------------------------------------------------------------ #about */
#about 				{ padding: 30px 3% 0; }
#about #link dl	dt 	{ font-size: 18px; font-weight: bold; padding: 20px 0; }
#about #link dl	dd 	{ font-size: 14px; line-height: 200%; }

/* ------------------------------------------------------------ #list */
#list 				{ padding: 30px 0 60px; }
#list .container { max-height: inherit;}
#list .lead			{ padding: 0 0 30px; font-size: 14px; }
#list ul 			{ margin: 0; }
#list ul li 		{ float: none; margin: 0 0 10px; }
#list ul li div		{ padding: 15px 3% 0; }

/* ------------------------------------------------------------ #recruit */
#recruit			{ padding: 0 3% 100px; }
#recruit dl dt		{ font-size: 22px; padding: 20px 0; }
#recruit dl dd		{ font-size: 14px; }


}