@charset "utf-8";
/* ------------------------------------------------------------  common*/

.star { text-align: left; padding: 0 0 5px;}
.star span { padding: 0 0 0 7px; font-size: 14px; letter-spacing: 2px;}
.star span.star_cnt { color: #000; font-family: 'Noto Sans Japanese bold'; font-size: 18px;}
.star span.review_cnt { margin-left: 10px; }
.star span.review_cnt img { display: inline-block; vertical-align: baseline; margin: 0 5px -4px 0; }
.star img { vertical-align: text-top; padding: 5px 0 0;}

p.license_cat { padding: 20px 0 15px; font-size: 13px; font-family: 'Noto Sans Japanese medium'; text-align: left; color: #235b90; height: 57px; overflow: hidden;}
p.license_cat span { background: #eaf5fb; margin: 0 4px 4px 0; padding: 0 3px; display: inline-block; *display: inline; *zoom: 1;}
/* p.license_cat span img { padding: 0 5px 0 0;} */

/* ------------------------------------------------------------  */

#fv_wrap { background-size: cover; background-position: center center; padding: 0 0 80px;}
#fv_wrap h2 { padding: 260px 0 215px; text-align: center; font-size: 52px; font-family: 'Noto Sans Japanese bold'; color: #fff; line-height: 69px;}
#fv_wrap h2 img { padding: 0 0 25px;}
#fv_wrap .box { width: 1200px; margin: 0 auto;}
#fv_wrap .box div { float: left; width: 600px; text-align: center;}
#fv_wrap .box div h3 { font-size: 24px; color: #fff; padding: 0 0 25px; letter-spacing: 2px;}


#search { background: #f5fafd; padding: 65px 0;}
#search .box { background: #fff; padding: 60px 59px 65px; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box;}
#search .box #seek li { float: left; width: 490px; cursor:pointer;}
#search .box #seek li h3 { text-align: center; border-bottom: 3px solid #e5e5e5; padding: 0 0 15px; font-size: 28px; font-family: 'Noto Sans Japanese bold'; letter-spacing: 2px; color: #e5e5e5;}
#search .box #seek li h3 span { font-size: 15px; display: block; line-height: 100%; font-family: 'Noto Sans Japanese regular'; letter-spacing: 0;}
#search .box #seek li h3 small { padding: 0 5px;}
#search .box #seek li h3 img.on { display: none;}
#search .box #seek li.active h3 { border-bottom: 3px solid #015087; color: #015087;}
#search .box #seek li.active h3 img.off { display: none;}
#search .box #seek li.active h3 img.on { display: inline-block; *display: inline; *zoom: 1;}
#search .box h4 { font-size: 18px; font-family: 'Noto Sans Japanese bold'; margin: 60px 0 0; padding: 0 0 20px;}
#search .box h4 img { padding: 0 10px 0 0;}
#search .box ul.nav_box { margin: 0 0 0 -2px;}
#search .box ul.nav_box li { text-align: center; border: 1px solid #e5e5e5; float: left; width: 192px; margin: 0 0 0 2px;}
#search .box ul.nav_box li a { display: block; padding: 20px 0 15px;}
#search .box ul.nav_box li a img.off { display: none;}
#search .box ul.nav_box li a:hover img.off { display: inline-block; *display: inline; *zoom: 1;}
#search .box ul.nav_box li a:hover img.on { display: none;}
#search .box ul.nav_box li h5 { font-family: 'Noto Sans Japanese bold';}
#search .box ul li h5 img { padding: 0 0 5px;}
#search .box ul li a:hover { background: url(../images/index/bg_01.gif) center center no-repeat; color: #fff;}
#search .box .tab_panel { display: none;}
#search .box .tab_panel.active { display: block;}

/*
#search .box #employment_search ul li { height: 240px;}
#search .box #employment_search ul li a { padding: 20px 15px 15px; height: 205px;}
#search .box #employment_search ul li a:hover { background: url(../images/index/bg_00.gif) center center no-repeat; color: #fff;}
#search .box #employment_search ul li a:hover img.
#search .box #employment_search ul li h5 { padding: 0 0 10px; font-size: 16px;}
#search .box #employment_search ul li h5 img { padding: 0 0 10px;}
#search .box #employment_search ul li p { text-align: left;}
#search .box #employment_search ul li p { font-size: 14px;}
*/
#search .box .search select { width: 190px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/index/arw.gif) 90% center no-repeat; padding: 15px 15px 15px; border: 1px solid #e5e5e5; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#search .box .search select.area { border-left: none;}
#search .box .search input[type="text"] { padding: 16px 0; width: 431px; padding: 16px 15px; border: 1px solid #e5e5e5; border-left: none; box-sizing: border-box; -webkit-box-sizing: border-box;}
#search .box .search input[type="submit"]{ background: #f69718; color: #fff; padding: 17px 50px; margin: 0;}

#about { text-align: center; padding: 150px 0;}
#about h3 { padding: 0 0 50px;}
#about h3 img { padding: 0 0 15px;}
#about p.text { letter-spacing: 3px; line-height: 36px; padding: 0 0 30px;}
#about h4 { font-size: 22px; color: #26548d; padding: 0 0 20px;}
#about h4.h4 { font-family: 'Noto Sans Japanese bold'; padding: 70px 0 30px;}
#about .applicant { float: left; width: 345px;}
#about .square { float: left; width: 410px; background: url(../images/index/bg_02.gif) center top no-repeat; padding: 70px 0 40px;}
#about .empolyer { float: left; width: 315px; padding: 0 0 0 30px;}
#about ul { padding: 20px 0 0;}
#about ul li { text-align: left; font-family: 'Noto Sans Japanese medium'; font-size: 15px;}
#about ul li img { padding: 0 10px 0 0;}
#about .square p { font-size: 20px; color: #26548d;}
#able { border: 10px solid #e5e5e5; margin: 80px 0 0; padding: 0 110px 55px;}
#able h4 { font-size: 26px; color: #000; width: 680px; margin: -30px auto 0; background: #fff;}
#able h5 { font-size: 21px; font-family: 'Noto Sans Japanese bold'; padding: 40px 0 20px;}
#able .jobs { float: left; width: 400px;}
#able .license { float: right; width: 400px;}

#new_job { background: url(../images/index/bg_04.gif) center bottom no-repeat ; padding: 0 0 244px ; margin: 0 0 135px; position: relative;}
#new_job .container { background: #f5fafd;}
#new_job .wrapper { padding: 135px 0 0 295px;}
#new_job ul { margin: 0 0 0 -28px; height: 542px; overflow: hidden;}
#new_job ul li { float: left; width: 300px !important; background: #fff; border: 1px solid #e5e5e5; margin: 0 0 0 28px; padding: 0 25px 20px;}
#new_job ul li img.photo { width: 100%; height: auto;}
#new_job ul li p.category { font-size: 14px; font-family: 'Noto Sans Japanese bold'; color: #26548d;}
#new_job ul li p.category img { padding: 0 15px 5px 0;}
#new_job ul li div { margin: -10px 0 10px;}
#new_job ul li div p { float: right; color: #26548d; border: 1px solid #26548d; padding: 0 20px; font-size: 14px; font-family: 'Noto Sans Japanese bold';}
#new_job ul li h4 { margin: 0 0 25px; font-family: 'Noto Sans Japanese bold'; color: #26548d; height: 78px; overflow: hidden;}
#new_job ul li dl { padding: 25px 0 40px; height: 90px; overflow: hidden; font-size: 14px;}
#new_job ul li dl dt { float: left; font-family: 'Noto Sans Japanese bold'; width: 75px; clear: both;}
#new_job ul li dl dd { margin: 0 0 0 75px;}
#new_job ul li .more_01 { float: right;}
#new_job .arrows { width: 81px; position: relative; height: 40px; position: absolute; top: 155px; right: 250px;}
#new_job .slick-prev { content:''; background: url(../images/index/btn_left.jpg) center center no-repeat; top: 0; left: 0; width: 40px; height: 40px;}
#new_job .slick-next { content:''; background: url(../images/index/btn_right.jpg) center center no-repeat; top: 0; right: 0; width: 40px; height: 40px;}
#new_job .btn.more { padding: 50px 0 0;}

#new_job_offer { padding: 0 0 165px;}}
#new_job_offer ul { margin: 0 0 0 -10px;}
#new_job_offer ul li { float: left; width: 178px; border: 1px solid #e8e8e8; padding: 0 15px 35px; margin: 0 0 10px 10px; text-align: center;}
#new_job_offer ul li .photo { border-radius: 65px; -moz-border-radius: 65px; -webkit-border-radius: 65px; overflow: hidden; text-align: center; width: 130px; height: 130px; margin: 0 auto;}
#new_job_offer ul li p.license_cat { margin: 0 0 15px; }
#new_job_offer ul li p.text { font-size: 13px; text-align: left; margin: 0 0 10px;}
#new_job_offer ul li h4 { font-family: 'Noto Sans Japanese bold'; font-size: 18px; padding: 10px 0 15px; text-align: left;}
#new_job_offer ul li h4 span { display: block; color: #346688; font-size: 12px; letter-spacing: 1px; font-family: 'Noto Sans Japanese regular';}
#new_job_offer ul li dl { text-align: left; font-size: 14px; font-family: 'Noto Sans Japanese bold'; margin: 0 0 20px; height: 100px; overflow: hidden;}
#new_job_offer ul li dl dd { padding: 0 0 0 5px;}
#new_job_offer ul li a.more_01 { float: right;}
#new_job_offer .btn.more { padding: 40px 0 0;}

.entrance { background: url(../images/index/bg_03.gif) center top no-repeat; background-size: cover; text-align: center; padding: 65px 0 60px;}
.entrance h3 { font-size: 42px; color: #fff; letter-spacing: 5px; padding: 0 0 50px; line-height: 56px; font-family: 'Noto Sans Japanese medium';}
.entrance h3 img { padding: 0 0 20px;}
.entrance .applicant,
.entrance .employer { background: #fff; float: left; width: 440px; padding: 55px 40px;}
.entrance .employer { margin: 0 0 0 60px;}
.entrance h4 { font-size: 24px; color: #015087; border-bottom: 3px solid #26548d; padding: 20px 0 15px;}
.entrance ul { padding: 25px 0 30px;}
.entrance ul li { text-align: left; margin: 0 0 20px 30px;}
.entrance ul li img { padding: 0 10px 0 0;}
.entrance .btn.common_01 a { background: #f69718; width: 328px; height: 70px; line-height: 70px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; font-size: 20px;}
.entrance .btn.common_01 a img { padding: 0 15px 0 0;}
.entrance .btn.common_01 a span { color: #f69718; font-family: 'Noto Sans Japanese bold'; margin: 0 0 0 10px;}

#case_study { padding: 160px 0 140px;}
#case_study ul { margin: 0 0 0 -40px;}
#case_study ul li { float: left; width: 300px; background: #eaf2f6; margin: 0 0 40px 40px; position: relative; padding: 0 20px 35px;}
#case_study ul li img.cat { position: absolute; top: 0; left: 0; background: #26548d ; padding: 14px 19px; }
#case_study ul li p.name { padding: 15px 0 25px 80px; font-family: 'Noto Sans Japanese medium'; height: 70px; }
#case_study ul li p.name span { font-size: 16px; color: #26548d; display: block;}
#case_study ul li h4 { margin: 0 0 25px; height: 70px; overflow: hidden;}
#case_study ul li h4 a { color: #26548d; font-size: 22px; font-family: 'Noto Sans Japanese bold'; line-height: 34px; }
#case_study ul li dl { padding: 0 0 45px;}
#case_study ul li dl dt { float: left; font-family: 'Noto Sans Japanese medium'; }
#case_study ul li div span { color: #989898; float: left;}
#case_study ul li div a { float: right;}
#case_study ul li div a img { padding: 5px 0 0;}
#case_study .more { padding: 5px 0 0;}

#company { background: url(../images/index/bg_05.gif) right top no-repeat; padding: 150px 0 180px;}
#company ul.c_list { margin: 0 0 0 -26px;}
#company ul.c_list li { float: left; width: 340px; margin: 0 0 50px 26px; min-height: 500px;}
#company ul.c_list li a { display: block;}
#company ul.c_list li .star { padding: 5px 0 15px;}
#company ul.c_list li p.place { font-size: 14px; }
#company ul.c_list li p.place span { color: #26548d; border: 1px solid #26548d; padding: 0 30px; display: inline-block; *display: inline; *zoom: 1; margin: 0 15px 0 0;}
#company ul.c_list li h4 { font-size: 18px; padding: 10px 0 15px; font-family: 'Noto Sans Japanese medium';}
#company ul.c_list li p.text { font-size: 14px; overflow: hidden;}
#company ul.c_list li p.license_cat { font-size: 13px; padding: 20px 0 0; height: 30px;}
#company ul.c_list li .more_01 { float: right; padding: 20px 0 0;}

#follow_me { padding: 90px 0 115px; text-align: center;}
#follow_me h3 { padding: 0 0 40px; font-size: 18px; letter-spacing: 2px;}
#follow_me h3 img { padding: 0 0 20px;}
#follow_me a { margin: 0 3px;}


@media only screen and (max-width:1200px){
	#new_job .wrapper { padding: 135px 0 0 5%;}
}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------  common*/

.star { text-align: left; padding: 0 0 5px;}
.star span { color: #adadad; padding: 0 0 0 7px; font-size: 14px; letter-spacing: 2px;}
.star img { vertical-align: text-top; padding: 0;}

p.license_cat { padding: 20px 0 15px; font-size: 13px; font-family: 'Noto Sans Japanese medium'; text-align: left; color: #235b90; height: 50px; overflow: hidden;}
p.license_cat span { background: #eaf5fb; margin: 0 2px 5px 0; padding: 0 3px; display: inline-block; *display: inline; *zoom: 1; font-size: 10px;}
p.license_cat span img { padding: 0 1px 0 0; display: inline;}

/* ------------------------------------------------------------  */

#fv_wrap { background-size: cover; padding: 0 0 40px;}
#fv_wrap h2 { padding: 130px 0 100px; font-size: 23px; line-height: 40px;}
#fv_wrap h2 img { padding: 0 0 15px; width: 250px; height: auto;}
#fv_wrap .box { width: 94%; margin: 0 auto;}
#fv_wrap .box div { float: left; width: 50%; text-align: center;}
#fv_wrap .box div h3 { font-size: 16px; padding: 0 0 10px; letter-spacing: 1px; line-height: 130%;}
/*
#fv_wrap .box div .btn.common_01 { line-height: 100%;}
#fv_wrap .box div .btn.common_01 a { width: 94%; font-size: 13px; line-height: 5%; height: 60px; padding: 5px 0 0;}
#fv_wrap .box div .btn.common_01 a img { width: 15px; height: auto; padding: 15px 10px 0 0; line-height: 58%;}
#fv_wrap .box div .btn.common_01 a span { font-size: 11px; line-height: 100%;}
*/
#fv_wrap .box div p img { width: 92%; height: auto;}

#search { padding: 30px 0;}
#search .box { padding: 30px 4% 35px;}
#search .box #seek li { float: left; width: 50%; cursor:pointer;}
#search .box #seek li h3 { padding: 0 0 10px;}
#search .box #seek li h3 { font-size: 18px; letter-spacing: 1px;}
#search .box #seek li h3 span { font-size: 12px;}
#search .box #seek li h3 small { padding: 0 5px;}
#search .box #seek li h3 img.on { display: none;}
#search .box #seek li.active h3 { border-bottom: 3px solid #015087; color: #015087;}
#search .box #seek li.active h3 img.off { display: none;}
#search .box #seek li.active h3 img.on { display: inline-block; *display: inline; *zoom: 1;}
#search .box h4 { font-size: 14px; margin: 30px 0 0; padding: 0 0 10px;}
#search .box h4 img { padding: 0 10px 0 0;}
#search .box ul.nav_box { margin: 0 0 0 -1%;}
#search .box ul.nav_box li { float: left; width: 49%; margin: 0 0 1% 1%; box-sizing: border-box; -webkit-box-sizing: border-box;}
#search .box ul.nav_box li a { display: block; padding: 10px 0 8px;}
#search .box ul.nav_box li a img.off { display: none;}
#search .box ul.nav_box li a:hover img.off { display: inline-block; *display: inline; *zoom: 1;}
#search .box ul.nav_box li a:hover img.on { display: none;}
#search .box ul li h5 img { padding: 0 0 5px; width: 30px; height: auto;}
#search .box ul li a:hover { background: url(../images/index/bg_01.gif) center center no-repeat; color: #fff;}

/*
#search .box #employment_search ul li { height: 240px;}
#search .box #employment_search ul li a { padding: 20px 15px 15px; height: 205px;}
#search .box #employment_search ul li a:hover { background: url(../images/index/bg_00.gif) center center no-repeat; color: #fff;}
#search .box #employment_search ul li a:hover img.
#search .box #employment_search ul li h5 { padding: 0 0 10px; font-size: 16px;}
#search .box #employment_search ul li h5 img { padding: 0 0 10px;}
#search .box #employment_search ul li p { text-align: left;}
#search .box #employment_search ul li p { font-size: 14px;}
*/
#search .box .search select { width: 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: url(../images/index/arw.jpg) 90% center no-repeat; padding: 10px 3%; border: 1px solid #e5e5e5; }
#search .box .search select.area { border-left: none;}
#search .box .search input[type="text"] { padding: 10px 0; width: 100%; padding: 10px 3%; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 10px 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#search .box .search input[type="submit"]{ padding: 10px 0; width: 100%; margin: 10px 0 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

#about { padding: 50px 0;}
#about h3 { padding: 0 0 25px;}
#about h3 img { padding: 0 0 10px; height: 20px; width: auto;}
#about p.text { letter-spacing: 2px; line-height: 24px; padding: 0 0 15px; text-align: left;}
#about h4 { font-size: 22px; color: #26548d; padding: 0 0 20px;}
#about h4.h4 { font-family: 'Noto Sans Japanese bold'; padding: 30px 0 20px; font-size: 20px;}
#about .applicant { float: none; width: 100%;}
#about .applicant img { width: 60%; height: auto; margin: 0 auto;}
#about .square { float: none; width: 100%; background: none; padding: 40px 0 10px;}
#about .empolyer { float: none; width: 100%; padding: 0;}
#about .square img { width: 70%; height: auto;}
#about .empolyer img { width: 60%; height: auto; margin: 0 auto;}
#about img.img { width: 147px; height: auto;}
#about ul { padding: 20px 0 0;}
#about ul li { font-size: 13px;}
#about ul li img { padding: 0 10px 0 0;}
#about .square p { font-size: 16px;}
#able { border: 5px solid #e5e5e5; margin: 60px 0 0; padding: 0 3% 25px;}
#able h4 { font-size: 18px; color: #000; width: 100%; margin: -30px auto 0; padding: 0;}
#able h5 { font-size: 16px; padding: 20px 0 5px;}
#able .jobs { float: none; width: 100%;}
#able .license { float: none; width: 100%;}
#able .common_01 a { width: 90%;}

#new_job { background: url(../images/index/bg_04.gif) center bottom no-repeat ; padding: 0 0 100px ; margin: 0 0 40px; position: relative;}
#new_job h3.h3 { padding: 0 0 15px 3%;}
#new_job .wrapper { padding: 60px 0 0; }
#new_job ul { margin: 0; height: 513px;}
#new_job ul li { float: left; background: #fff; border: 1px solid #e5e5e5; margin: 0 0 0 15px; padding: 0 10px 25px; width: 280px !important;}
#new_job ul li img.photo { width: 100%; height: auto;}
#new_job ul li p.category { font-size: 12px;}
#new_job ul li p.category img { padding: 0 10px 5px 0; display: inline;}
#new_job ul li div { margin: -10px 0 10px;}
#new_job ul li div p { float: right; padding: 0 10px; font-size: 12px;}
#new_job ul li h4 { margin: 0 0 15px; height: 78px; overflow: hidden; font-size: 14px;}
#new_job ul li dl { padding: 25px 0 30px; font-size: 14px; height: 90px; overflow: hidden;}
#new_job ul li dl dt { float: left; font-family: 'Noto Sans Japanese bold';}
#new_job ul li .more_01 { float: right;}
#new_job .arrows { width: 61px; position: relative; height: 40px; position: absolute; top: 98px; right: 3%;}
#new_job .slick-prev { content:''; background: url(../images/index/btn_left.jpg) center center no-repeat; top: 0; left: 0; width: 30px; height: 30px;}
#new_job .slick-next { content:''; background: url(../images/index/btn_right.jpg) center center no-repeat; top: 0; right: 0; width: 30px; height: 30px;}
#new_job .btn.more { padding: 50px 0 0;}

#new_job_offer { padding: 0 0 80px; position: relative;}
#new_job_offer h3.h3 { padding: 0 0 35px}
#new_job_offer h3.h3 img { height: 20px; width: auto;}
#new_job_offer ul { margin: 15px 0 0; height: 448px; overflow: hidden;}
#new_job_offer ul li { float: left; width: 270px !important; border: 1px solid #e8e8e8; padding: 0 10px 35px; margin: 0 0 0 15px; text-align: center;}
#new_job_offer ul li .photo { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; text-align: center; margin: 0 auto;}
/* #new_job_offer ul li .photo img { width: 100%; height: auto;} */
#new_job_offer ul li p.license_cat { margin: 0 0 10px; height: 50px;}
#new_job_offer ul li h4 { font-family: 'Noto Sans Japanese bold'; font-size: 18px; padding: 10px 0 5px; height: 52px; overflow: hidden; text-align: center;}
#new_job_offer ul li h4 span { display: block; color: #346688; font-size: 12px; letter-spacing: 1px; font-family: 'Noto Sans Japanese regular';}
#new_job_offer ul li dl { text-align: left; font-size: 14px; font-family: 'Noto Sans Japanese bold'; margin: 0 0 20px; height: 100px; overflow: hidden;}
#new_job_offer ul li dl dd { padding: 0 0 0 10px;}
#new_job_offer ul li a.more_01 { float: right; margin: 0 5px 0 0;}
#new_job_offer .btn.more { padding: 40px 0 0;}
#new_job_offer .star { text-align: center;}
#new_job_offer .arrows_02 { width: 61px; position: relative; height: 40px; position: absolute; top: 65px; right: 3%;}
#new_job_offer .slick-prev { content:''; background: url(../images/index/btn_left.jpg) center center no-repeat; top: 0; left: 0; width: 30px; height: 30px;}
#new_job_offer .slick-next { content:''; background: url(../images/index/btn_right.jpg) center center no-repeat; top: 0; right: 0; width: 30px; height: 30px;}
#new_job_offer .btn.more { padding: 30px 0 0;}

.entrance { background: url(../images/index/bg_03.gif) center top no-repeat; background-size: cover; text-align: center; padding: 35px 0 30px;}
.entrance h3 { font-size: 17px; letter-spacing: 2px; padding: 0 0 25px; line-height: 25px;}
.entrance h3 img { padding: 0 0 10px; width: 180px; height: auto;}
.entrance img.img { width: 160px; height: auto;}
.entrance .applicant,
.entrance .employer { float: none; width: 94%; padding: 50px 3%;}
.entrance .employer { margin: 15px 0 0;}
.entrance h4 { font-size: 16px; border-bottom: 3px solid #26548d; padding: 10px 0 5px; margin: 0 5%;}

.entrance ul { padding: 15px 0 20px; margin: 0 5%;}
.entrance ul li { text-align: left; margin: 0 0 10px; background: url(../images/index/icn_02_sp.png) left 5px no-repeat; background-size: 15px auto; padding: 0 0 0 20px; font-size: 13px;}
.entrance ul li img { padding: 0 5px 0 0; width: 15px; height: auto;}

/* .entrance img.text { width: 90%; height: auto; margin: 20px auto 30px;} */
.entrance .btn.common_01 a { width: 94%; height: 50px; line-height: 50px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; font-size: 16px;}
.entrance .btn.common_01 a img { padding: 0 10px 0 0;}
.entrance .btn.common_01 a span { margin: 0 0 0 10px;}

#case_study { padding: 80px 0 50px;}
#case_study ul { margin: 0 0 0 -2%;}
#case_study ul li { float: left; width: 44%; margin: 0 0 2% 2%; position: relative; padding: 0 2% 15px;}
#case_study ul li img.cat { position: absolute; top: 0; left: 0; width: 40px; height: auto; padding: 15px 0; }
#case_study ul li p.name { padding: 5px 0 15px 39px; height: 50px; overflow: hidden; }
#case_study ul li p.name span { font-size: 12px;}
#case_study ul li h4 { margin: 5px 0 10px; height: 70px; overflow: hidden;}
#case_study ul li h4 a { font-size: 15px; line-height: 25px; }
#case_study ul li dl { padding: 0 0 25px; height: 120px; overflow: hidden;}
#case_study ul li dl dt { float: left; }
#case_study ul li dl dt.logn { float: none; width: 100%;}
#case_study ul li div span { width: 100%;}
#case_study ul li div a { float: right; width: 100%; text-align: right;}
#case_study ul li div a img { padding: 10px 0 0; width: 70px; height: auto;}
#case_study .more { padding: 35px 0 0;}

#company { background: url(../images/index/bg_05.gif) right top no-repeat; padding: 90px 0 60px;}
#company ul.c_list { margin: 0;}
#company ul.c_list li { float: none; width: 100%; margin: 0 0 20px; min-height: inherit; background: #f2f4f7; padding: 0 0 30px;}
#company ul.c_list li a.img img { width: 100%; height: auto;}
#company ul.c_list li a { display: block;}
#company ul.c_list li .star { padding: 5px 4% 10px;}
#company ul.c_list li p.place { font-size: 12px; padding: 0 4%;}
#company ul.c_list li p.place span { padding: 0 15px; margin: 0 15px 0 0;}
#company ul.c_list li h4 { font-size: 16px; padding: 10px 4% 10px;}
#company ul.c_list li p.text { font-size: 12px; margin: 0 4% 25px;}
#company ul.c_list li p.license_cat { font-size: 12px; padding: 10px 4% 0; height: 30px;}
#company ul.c_list li .more_01 { float: right; margin: 0 4% 0 0;}
#company p.btn { margin: 25px 0 0;}

#follow_me { padding: 50px 0 50px; text-align: center;}
#follow_me h3 { padding: 0 0 40px; font-size: 18px; letter-spacing: 2px;}
#follow_me h3 img { padding: 0 0 20px; width: 260px; height: auto;}
#follow_me a { margin: 0 auto; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 5px;}
}