form.search,
.contents article h1:before,
.contents .column li:before{display:none;}
header{box-shadow:0px 1px 1px 0px #BBBBBB;}
header nav{margin:0px;}
#menu{float:left;}
header .recruit{padding:0px;float:right;}
header .recruit a{display:block;width:5em;padding:25px 0px;color:#ffffff;background:#000000;float:left;font-size:0.9em;text-align:center;text-decoration:none;transition-duration:0.5s;}
header .recruit a.entry{color:#000000;background:#FCF21D;}
header .recruit a:hover{color:#000000;background:#eeeeee;}
.contents{width:auto;margin:0px auto;}
.contents img{max-width:100%;height:auto;}
.contents .bg{position:relative;padding:72% 0px 0px;background:url(../img/recruit_img.jpg) no-repeat left center;background-size:cover;}
.contents .bg .slide-in{position:absolute;top:0px;left:0px;bottom:0px;background:url(../img/recruit_img_s2.jpg) no-repeat left center;background-size:cover;transition-timing-function:ease-in-out;animation-name:anime03;animation-duration:5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes anime03 {	0% {width:0%;opacity:0.5;}	100% {width:100%;opacity:1;}}
.contents .bg .copy{position:absolute;top:50%;left:0px;right:0px;margin-top:-1.5em;text-align:center;font-size:2em;}
.contents .bg .copy span{display:inline-block;margin:8px;padding:0.2em 0.5em;clear:both;background:rgba(255,255,255,0.8);}
.wrap .wrap, header, .locus > span{max-width:100%;}
.contents .data,
.contents .interview,
.gray{padding:2em 0px 0px;background:no-repeat center center fixed;background-size:cover;color:#000000;overflow:hidden;}
.contents .column li{float:left;padding:8px 1%;}
.contents .column.c3 li{width:31.33%;}
.contents .column.c4 li{width:23%;}
.contents .column li a{display:block;max-width:300px;margin:0px auto;text-align:center;text-decoration:none;}
.contents .column li a span{display:block;}
.contents .column li .title{padding:0.5em;font-size:1.5em;color:#333333;}
.contents .column li .sub_title{padding-bottom:0.5em;color:#777777;}
.contents .column li .image{background-color:#fafafa;background-image: radial-gradient(100px at 50% 50%,rgba(0,0,0,0) 0%,#eeeeee 100%);}
.contents article h1{margin-top:20px;text-align:center;border:none;}
.contents article h2{background:#EFEFEF;color:#000000;border:none;}
.interview  article h2{background:transparent;}
.contents article h4:before{left:0px;top:0.5em;bottom:0.5em;border-left:4px solid #FCF21D;}
.underline{padding:0px 0.3em;background-image: linear-gradient(to bottom,rgba(0,0,0,0) 50%, #FCF21D 51%);}
.contents section{overflow:hidden;}
.contents .fade .work_title,
.contents .fade .doc div,
.contents .gray.fade a img{opacity:0;transition-duration:1s;}
.contents section.fade .work_title{transition-delay:0.5s;}
.contents section.fade .pic1,
.contents .gray.fade a img{transition-delay:1s;}
.contents section.fade .pic2{transition-delay:1.5s;}
.contents section.fade.on .work_title,
.contents section.fade.on .pic1,
.contents section.fade.on .pic2,
.contents .gray.fade.on a img{opacity:1;}
.contents section h2,
.contents section h3{position:relative;border:none;background:transparent;text-align:center;z-index:5;}
.contents section h3 span{display:block;padding:0.5em;}
.contents .data h2 img{margin-bottom:1em;}
.contents article ul > li:before{background-color:#FCF21D;}
.contents article table th{background-color:#FEFAAD;}
.contents section > .left,
.contents section > .right{width:50%;overflow:visible;}
.contents .circle{max-width:318px;margin:10px auto;overflow:visible;}
.contents .circle:before{top:50%;left:50%;width:100%;height:0px;margin:-50% 0px 0px -50%;padding-top:100%;background:rgba(255,255,255,0.8);border-radius:50%;}
.contents .circle p,
.contents .circle ul{position:relative;}
.contents section ul{width:280px;margin:20px auto;}
.contents section ul li:before{display:none;}
.contents section .doc{width:85%;float:right;}
.contents section.service .doc{float:left;}
.contents section .pic1,
.contents section .pic2{box-sizing:border-box;padding:10px;text-align:center;}
.contents section .pic1{width:42%;float:left;}
.contents section .pic2{width:58%;float:right;}
.contents section.service .pic1{width:42%;float:right;}
.contents section.service .pic2{width:58%;float:left;}
.contents .sales,
.contents .service,
.contents .office{margin:40px auto;}
.contents .sales,
.contents .office,
.contents section .wrap{max-width:988px;}
.contents .office{margin-top:0px;}
.contents section .work_title{width:15%;padding:0px;float:left;text-align:center;clear:both;}
.contents section .work_title .text{padding:0px 0px 20px;}
.contents section .link a{display:block;padding:0.5em;background:#FCF21D;color:#000000;border-radius:1em;text-decoration:none;}
.contents section .name{font-size:1.3em;}
.contents .service .link a{color:#000000;background:#ffffff;}
.contents .service .work_title{float:right;}
.contents .sales p,
.contents .service p,
.contents .office p{margin:0.5em;padding:3px 8px;}
.contents .sales h2{float:right;}
.contents .service h2{float:left;}
.contents .sales h2,
.contents .service h2,
.contents .office h2{margin-bottom:-38px;}
.contents .service{position:relative;padding:0px;background:#FCF21D;overflow:hidden;}
.contents .before,
.contents .after{position:relative;clear:both;margin:0px;padding:0px;}
.contents .before{top:-1px;}
.contents .after{bottom:-1px;}
.contents .service .before,
.contents .service .after{margin:0px -10px;}
.contents section p{text-align:left;}
.contents .service h2{position:relative;}
.contents .office{position:relative;}
.contents .office h2{float:right;}
.contents ul.menu {padding:40px 0px;border-bottom:1px solid #EEEEEE;}
.contents ul.menu li:before{display:none;}
.contents ul.menu li{width:50%;margin:16px 0px;padding:0px;float:left;}
.contents ul.menu li:nth-child(odd){clear:both;}
.contents article ul.menu{max-width:1143px;margin:10px auto;}
.contents article ul.menu li{width:50%;}
.contents article ul.menu li a{display:block;width:auto;max-width:364px;margin:15px auto;padding:1em 10px;border:2px solid #000000;background:#000000;color:#ffffff;font-size:1.4em;border-radius:3em;font-weight:bold;text-align:center;text-decoration:none;transition-duration:0.5s;}
.contents article ul.menu li a:hover{border-color:#000000;background:#ffffff;color:#000000;}
.contents article fieldset,
.contents dl.news {min-width:0px;max-width:1024px;margin:0px auto;padding:0px;}
.contents article fieldset legend,
.contents dl.news dt{width:17em;padding:1em 0px;float:left;clear:both;word-break:break-all;}
.contents dl.news dt span{display:block;min-width:7em;margin:-0.5em 0.5em 0px 0px;padding:0.5em 1em;float:right;background:#575757;color:#ffffff;text-align:center;border-radius:3px;}
.contents article fieldset .data,
.contents .point {padding:0px;list-style:none;counter-reset:point;}
.contents .point li{position:relative;padding:0.8em 0px 0.8em 8em;clear:both;}
.contents .point li:before{position:absolute;top:0.3em;left:0px;display:block;width:5em;padding:0.5em 1em;background:#FCF21D;float:left;text-align:center;font-weight:bold;border-radius:1em;counter-increment:point;content:'POINT 'counter(point);}
.contents dl.news dd{min-height:2.2em;margin:0px;padding:1em 0px 0px 18em;}
.contents dl.news dd,
.contents article fieldset{border-bottom:2px solid #EEEEEE;}
.contents article fieldset .data{padding:1em  0px 0px 1em;}
.contents article fieldset legend{}
.gray{padding:0px;text-align:center;overflow:hidden;}
.gray > img{margin:50px 0px;}
.recruit_bt a{max-width:20em;margin:5px auto;display:block;padding:15px;background:#FCF21D url(../img/recruit_menu_link_mark.png) no-repeat 95% center;text-align:center;color:#000000;text-decoration:none;border-radius:2em;}
footer .banner{margin:30px auto;}
footer .bg{background:#000000;}
footer .bg ul{float:left;}
footer .bg ul li a{padding:0.5em 1em;border:1px solid #ffffff;text-decoration:none;border-radius:2em;}
footer .copyright{padding:28px 0px;float:right;clear:none;}
footer .reread_link a{border-color:#000000;background-image:url(../img/recruit_reread_link.png);}
.contents .interview{position:relative;padding:0px;}
.contents .interview .wrap{position:relative;width:100%;max-width:1024px;margin:0px auto;padding:54% 0px 0px;z-index:8;}
.contents .interview .after{position:absolute;bottom:0px;left:0px;right:0px;border-bottom:50px solid #ffffff;}
.contents .interview h1{position:absolute;bottom:0px;left:0px;width:auto;max-width:50%;text-align:left;}

.contents .interview p{position:absolute;left:0px;top:20%;max-width:10em;padding:1em;background:#ffffff;font-size:1.3em;}
.contents .interview dl{position:absolute;bottom:0px;right:0px;max-width:50%;}
.contents .interview dl dt{font-size:1.3em;}
.contents .interview dl dd{margin:2px 0px;}


@media screen and (min-width: 0px) and (max-width: 1200px) {
#menu{width:80% !important;}
header nav ul li{width:20% !important;}
}
@media screen and (max-width: 640px) and (min-width: 0px){
#menu,
header nav ul li {width:auto !important;float: none;}
.contents .sales h2,
.contents .service h2,
.contents .office h2{float:none;margin-bottom:0px;}
.contents section .work_title{padding:15px;}
.contents .service .work_title{float:none;}

}

@media screen and (min-width:641px) {header .recruit{display:block !important;}}

.contents .circle,
.contents .service{position:relative;}
.contents .circle:before,
.contents .service:before,
.contents .service:after{display:block;content:" ";position:absolute;}
.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#dd0000;}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.contents .column li a,
.contents .sales,
.contents .office,
.contents section .wrap,
.contents article ul.menu,
.contents article fieldset,
.contents dl.news {position:static;width:auto;min-width:0px;max-width:100%;float:none;}

footer dl{width:50%;}
footer dl:nth-child(odd){clear:both;}
header nav{margin:16px 0px 0px;float:none;clear:both;}
header nav ul li{width:16.66%;}

#menu{width:100%;}
header .recruit{width:20%;}
header .recruit a{width:50%;}

.contents article ul.menu li,
.bt_menu > li{width:50%;}
.contents article h1{position:relative;}

}
@media screen and (min-width: 0px) and (max-width:900px) {
.top_contents .left, .top_contents .right{width:auto;clear:both;float:none;}
}
@media screen and (min-width: 0px) and (max-width:640px) {
.contents .column.c3 li,
.contents .column.c4 li,
.contents section > .left,
.contents section > .right,
.contents section ul,
.contents section .doc,
.contents section .pic1,
.contents section .pic2,
.contents section.service .pic1,
.contents section.service .pic2,
.contents section .work_title,
.contents ul.menu li,
.contents article ul.menu li,
.contents article ul.menu li a,
.contents article fieldset legend,
.contents dl.news dt,
.recruit_bt a,
.contents .interview h1,
.contents .interview p,
.contents .interview dl,
header nav ul li{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
header nav ul,nav .recruit{display:none;overflow:auto;}
header .title,header h1{margin-right:44px;}
header nav .menu_button{display:block;}
header nav ul li{width:auto;float:none;}
header nav ul li ul{position:static;}
header nav{position:fixed;top:0px;left:0px;right:0px;max-height:480px;margin:0px;padding:0px;z-index:90;background:#ffffff;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);}
header nav.active{overflow:auto;padding-top:44px;}
header nav.active .menu_button a{background-image:url(../img/menu_clause_bt.png);}
#menu{height:100%;margin:0px;}
header nav ul li{border-bottom:1px solid #888888;}
header nav ul li a{padding:20px;text-align:left;}
header nav ul li a:hover{color:#333333;}
header nav ul li.sub > a:before{top:0px;right:0px;bottom:0px;width:44px;background:url(../img/arrow.png) no-repeat center center;text-align:left;transition-duration:0.5s;}
header nav ul li.sub > a.active:before{transform:rotate(180deg);}
header nav ul li ul{box-shadow:none;}
header nav .sub li{border:none;border-top:1px solid #aaaaaa;}
header nav .sub li a{padding-left:40px;}
form.search {top:43px;}
#menu,
header .recruit,
.contents section.service .doc{width:100%;float:none;}
form.search label.search_txt{border:2px solid #E65101;background-color:rgba(255,255,255,0.8);}
form.search .active label.search_txt{position:relative;border-bottom:none;z-index:82;}
form.search .active label.search_txt:before{display:block;content:" ";position:absolute;bottom:-2px;left:0px;right:0px;height:2px;background:#ffffff;}
@media screen and (-webkit-min-device-pixel-ratio:2){.contents .data,.contents .interview{background-attachment: scroll;background-position:top center;background-size: auto 60%;}}
.contents .interview p{margin:0px;}
.contents .interview dl{padding:1em;background:#ffffff;}
.contents dl.news dd{padding-left:0px;}
.contents article ul.menu li,
.bt_menu > li{width:100%;}

.top_contents .icon li{width:48%;}
.top_contents .icon li:nth-child(3n+1){clear:none;}
.top_contents .icon li:nth-child(odd){clear:both;}
}
@media screen and (min-width:641px) {html body #menu{display:block !important;}}
.promotion {display:block;width:100%;padding:0px;height:auto;}
.thumbnail{display:none;}
.thumbnail img{width:100%;height:auto;}