@charset "utf-8";
/*================================
Layout.css
================================*/
#main01{ margin-top:38px; margin-bottom:30px;}
#main01 h1{ font-size:32px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom:30px;}
#main01 .txt{ margin:0 0 30px 10px; font-size:14px;}
#main01 .btn .btnL { float: left; background: url(../img/link.png) no-repeat 95% 10% #E1B959;}
#main01 .btn .btnR { float: right; background: url(../img/link.png) no-repeat 95% 10% #104596;}
#main01 .btn .btnL,#main01 .btn .btnR{ margin: 25px 2%; width: 46%; height: auto; text-align: center; position: relative; z-index: 9999; }
#main01 .btn .btnL a,#main01 .btn .btnR a { color: #FFF; width: 100%; height: auto; padding: 10px 0; line-height: 40px; display: block; text-decoration: none;}
#main01 .btn p{ text-align:center; font-size:24px; letter-spacing:0.2em; line-height:1.6em;}
#main01 .btn p span{ font-size:16px; letter-spacing:0em;}
#main01 .btn .btnL a,#main01 .btn .btnR a{ color:#FFF;}
#main01 .btn .btnL a:hover,#main01 .btn .btnR a:hover{ text-decoration:none;}
#main01 .news{ margin-top:30px;}
#main01 .news p{ border-bottom: 2px solid #CCC; padding-left:1%;}
#main01 .news p span{ font-size:15px; color:#114A9C; font-weight:bold; line-height:3em;}
#main01 .news ul li{ line-height:4em; border-bottom:1px dotted #333; padding-left:1%;}
#main01 .news ul li span.career{ color:#FFF; background:#71A4F0; padding:1px 10px; margin:0 30px;}
#main01 .news ul li span.recruit{ color:#FFF; background:#E6C16F; padding:1px 10px; margin:0 30px;}
#main01 .news ul li br{ display:none;}

@media screen and (max-width: 979px) {
#main01 h1{	padding-left:6px;}
}
@media screen and (max-width: 730px) {
#main01 .news ul li{ line-height:1.6em; height:60px; padding-top:10px;}
#main01 .news ul li br{ display: block;}
}
@media screen and (max-width: 655px) {
#main01{ margin:20px 0 0 0;}
#main01 h1{	margin-bottom:20px;}
#main01 .txt{ margin:5px 0 5px 10px; font-size:12px;}
#main01 .btn .btnL a,#main01 .btn .btnR a,#main01 .btn p span{ font-size:14px; line-height:1.6em;}
#main01 .txt span,#main01 .news ul li,#main01 .news ul li span{ font-size:12px;}
#main01 .news ul li{ height:50px;}
}
@media screen and (max-width: 479px) {
#main01{ margin-top:0;}
#main01 h1{ font-size:18px; background-color:#114A9C; line-height:36px; color:#fff; margin-bottom:0px; font-weight:bold;}
#main01 .btn .btnL{ width:96%; margin:10px 2% 2px; padding:10px 0;}
#main01 .btn .btnR{ float: left; width:96%; margin:10px 2% 2px; padding:10px 0;}
#main01 .btn{ text-align:center; font-size:15px; letter-spacing:0.2em; line-height:1.6em;}
#main01 .btn span{ font-size:14px; letter-spacing:0em;}
#main01 .btn .btnL a,#main01 .btn .btnR a{ color:#FFF;}
#main01 .btn .btnL a:hover,#main01 .btn .btnR a:hover{ text-decoration:none;}
#main01 .news{ margin:10px 0 0;}
#main01 .news ul li{ height: auto; padding-bottom:10px;}
}