@charset "UTF-8";

.pankuz { width:100%; padding:10px 0px; border-bottom:1px solid #EEE; margin-bottom:0px;}
.pankuz ul { padding:0px 10px;}
.pankuz ul li { float:left; margin-left:20px; font-size:14px; color:#666;}
.pankuz ul li a { font-size:14px; color:#666;}
.pankuz ul li a:hover { color:#F90;}
.pankuz ul li:before { content:">"; margin-right:20px;}
.pankuz ul li:first-child:before { content:"";margin-right:0px;}
.pankuz ul:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.middle-main-area h1 { font-size:28px; text-align:center; margin-bottom:10px; margin-top:50px;}
.middle-main-area h1 span{ margin-right:10px;}
.middle-main-area h1 + p { text-align:center; font-size:12px; margin-bottom:50px;}
.middle-main-area h1 + p span { border-top:1px solid #081568; padding:10px 10px 0px;}
.middle-main-area { /*background-color:#FFF;*/}



.carrier-main { width:1000px; margin:0px auto;}
.carrier-main .st-title {border-bottom:1px solid #CCC; margin-top:30px; padding-bottom:10px;}
.carrier-main .st-title + h3{margin-top: 2rem;}
.carrier-main .st-title dt { font-size:24px; font-weight:bold; float:left; width:5em;}
.carrier-main .st-title dd { padding-left:5em; font-size:14px; padding-top:10px;}
.carrier-main .st-title:after{content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;} 
.carrier-main .carrier-main-head { background-color:#F5F5F5; padding:10px; margin:20px 0px 0px;}
.carrier-main .carrier-main-head.part { padding:10px; margin:20px 0px 30px;}
.carrier-main .carrier-main-head h2 {font-size: 1rem; text-align: left; font-weight:bold; color:#F00; padding-bottom:5px; margin-bottom: inherit;}
.carrier-main .carrier-main-head h2 + p {text-align: left;  font-size:14px; margin-bottom: inherit;}



.carrier-main h2 {font-size: 1.2rem; text-align: center; margin-bottom: 1rem;}
.carrier-main h2 +p {text-align: center; margin-bottom: 1.6rem;}
.carrier-main h3 {font-size: 1.2rem; font-weight: bold;}


.carrier-main div.carrier {display: flex; flex-wrap: wrap; justify-content: space-between;}
.carrier-main div.carrier div {width: 47%; margin-bottom: 40px; }
.carrier-main div.carrier div h3 {font-size: 1.2rem; text-align: center; margin-bottom: 1rem;  font-weight:bold;}
.carrier-main div.carrier div h3::after {content: ""; display: block; margin: 0.5rem auto; width: 100px ; height: 1px; background: rgba(70,70,70,1.00); }
.carrier-main div.carrier div p{margin-bottom: 1rem;}
.carrier-main div.carrier div:first-child {width: 100%; }
.carrier-main div.carrier div:first-child div {width: 100%; display: flex; justify-content: space-between;}
.carrier-main div.carrier div:first-child div figure {width: 47%;}
.carrier-main div.carrier div figure {position: relative;}
.carrier-main div.carrier div figcaption {color: rgba(255,255,255,1.00); position: absolute; bottom: 10px; right: 10px;}
.carrier-main div.carrier div img {width: 100%; height: auto;}

.carrier-main div.voice-btn {display: flex; flex-wrap: wrap; justify-content:center;margin-bottom: 2rem;}
.carrier-main div.voice-btn p { color: #081568; text-align: right;margin-right: 1rem; font-weight: bold;}
.carrier-main div.voice-btn div{width: auto;}
.carrier-main div.voice-btn div.entry-btn a{padding: 0.5rem;}


.carrier-main div.st-content table td figure {width: 300px; height: auto; float: right; margin-left: 1rem;}
.carrier-main div.st-content table td figure img{max-width: 100%; height: auto;}
.carrier-main div.st-content table td figure figcaption{font-size: 0.7rem;}



@media only screen and (max-width:768px){
.carrier-main div.carrier div:first-child div { display:block; margin-bottom: 0;}
.carrier-main div.carrier div:first-child div figure {width: 100%;}
.carrier-main div.carrier div:first-child div figure:last-child {margin-top: 1rem;}
	
.carrier-main div.voice-btn p {width: 100%; text-align: center;margin-right: auto; }
 .carrier-main div.st-content table td figure {width: 240px; height: auto; float:inherit; margin-left:auto; position: absolute; bottom: 10px;}
 .carrier-main div.st-content table td.carrier-img { padding-bottom: 220px; position: relative;}
.carrier-main div.st-content table td.carrier-img-capnone { padding-bottom: 180px; position: relative;}
	
	
}






#st-accordion { padding:0px 0px 70px;}
/*.st-accordion ul li:first-child{border-top:none;}*/
.st-accordion ul li span{color: #1693eb; font-size:24px;display: block;position: relative;line-height: 50px;outline:none;}
.st-content{padding: 5px 0px 30px 0px;}
.st-content p {font-size:16px;line-height:28px;padding: 15px; }
.st-content em { font-weight:bold;}
.part-main a {color:#06F;}
.part-main a:hover {color:#F90;}
.part-main table + ul { margin-top:5px;}
.part-main table td strong { color:#F00;}

.st-accordion ul li table { width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-size:14px; margin-bottom: 2rem;}
.st-accordion ul li table th { border-left:1px solid #CCC; border-top:1px solid #CCC; width:26%; padding:2%; font-weight:bold;}
.st-accordion ul li table td { border-left:1px solid #CCC; border-top:1px solid #CCC; width:66%; padding:2%;}
.st-accordion ul li ul li { list-style: outside; border:none; height:auto; margin-left:1.5em; overflow:visible;}

.carrier-navi { margin:40px 0px; display: flex; flex-wrap: wrap;}
.carrier-navi li { width:23%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:15px;}
.carrier-navi li a { display:block; color:#333; text-align:center; padding:10px 0px;}
.carrier-navi li a:hover {background-color:#081568; color:#FFF;}
.carrier-navi:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}


.dtleft-7e dl dt { float:left; width:7em;}
.dtleft-7e dl dd { padding-left:7em;}
.dtleft-7e dl:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.graduate-main { width:1000px; margin:0px auto}
.graduate-main h2 { font-size:22px; font-weight:bold; margin-bottom:5px;}
.graduate-main .graduate-end { border:1px solid #F00; color:#F00; font-size:18px; text-align:center; margin:50px 0px; padding:20px;}
.graduate-main h3 { font-size:18px; font-weight:bold; margin-bottom:10px;}
.graduate-main h3 strong{ color:#FF0000; font-size:90%;}
.graduate-main h4 { font-size:18px; font-weight:bold; margin-bottom:10px; margin-top:40px;}
.graduate-main table dl dt { float:left; width:10em;}
.graduate-main table dl dd { padding-left:8em;}
.graduate-main table dl:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.graduate-main table td strong { font-weight:bold;}
.graduate-main table td ul { margin-bottom:10px;}
.graduate-main table + ul { margin:20px 0px; color:#F00;}



.category-link { max-width:960px; margin:0px auto 50px; background-color:#f5f5f5; padding:20px; display: flex; flex-wrap: wrap; justify-content: center;}
.category-link figure { width:33.33%; padding:3%; border-left:1px solid #CCC;  box-sizing:border-box;}
.category-link figure:first-child { border-left: none;}
.category-link figure p { text-align:center; margin-bottom:10px;}
.category-link figure h5 { font-size:13px; font-weight:bold; text-align:center;}
.category-link figure dl dt { font-size:12px; text-align:center; margin:10px 0px;}
.category-link figure dl dd { text-align:center; font-size:12px;}
.category-link:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}



/*　カテゴリー　 */
.category-link.company { max-width:960px; margin:0px auto 50px; background: url("../images/bg_royce.jpg") no-repeat center top rgba(8,21,104,1.00); background-size: 100%; padding:17% 20px 3% 20px; display: flex; flex-wrap: wrap; justify-content: center;}

.category-link.company ul { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.category-link.company ul li {margin: 0.5%; width: 48%;}
.category-link.company ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 20px 0;}
.category-link.company ul li.message a { background-color:rgba(51,55,121,0.80);}
.category-link.company ul li.thought a { background-color: rgba(255,158,158,0.80);} 
.category-link.company ul li.office a { background-color:rgba(226,171,85,0.80);}
.category-link.company ul li.corporate a {  background-color:rgba(152,192,76,0.80); }

.category-link.company ul li span{ font-size:70%; display:block;}










.category-link.interview2b { max-width:960px; margin:0px auto 50px; background:  no-repeat center top  rgba(8,21,104,1.00); background-size: 100%;  padding:17% 20px 3% 20px; display: flex; flex-wrap: wrap; justify-content: center; position: relative;}
.category-link.interview2b figure { width:49%; padding:0; background-color: rgba(255,255,255,0.8); margin: 0.5%; border: none; border-radius:5px; }
.category-link.interview2b figure a { display: block; padding: 20px;  }

.category-link.interview2b ul { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.category-link.interview2b ul li {margin: 0.5%; width: 48%;}
.category-link.interview2b ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 20px 0;}
.category-link.interview2b ul li.senior a { background-color:rgba(51,55,121,0.80);}
.category-link.interview2b ul li.u_turn a { background-color: rgba(255,158,158,0.80);} 
.category-link.interview2b ul li.agri-engi a { background-color:rgba(226,171,85,0.80);  }
.category-link.interview2b ul li.success a {  background-color:rgba(152,192,76,0.80);   }

.category-link.interview2b ul li span{ font-size:60%; display:block;}






.bg-slider {
	max-width: 960px; margin: auto;
 padding:2%;
	height:auto;
	background-position:center top;
 /*
	display: flex;
	align-items: center;
	justify-content: center;*/
}

.category-link.recruiting { max-width:960px; margin:0px auto 50px; background: url("../images/bg_futomi.jpg") no-repeat center top rgba(8,21,104,1.00); background-size: 100%; padding:17% 10px 3% 10px; }

.category-link.recruiting ul { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
/*.category-link.recruiting ul li {margin: 0.5%; width: 48%;}*/
.category-link.recruiting ul li {margin: 0.5%; width: 30%;}
.category-link.recruiting ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 20px 0;}
.category-link.recruiting ul li.graduate a { background-color:rgba(51,55,121,0.80);}
.category-link.recruiting ul li.internship a { background-color: rgba(255,158,158,0.80);} 
.category-link.recruiting ul li.carrier a { background-color:rgba(226,171,85,0.80);  line-height:56px;}
.category-link.recruiting ul li.part a {  background-color:rgba(152,192,76,0.80);   line-height:56px;}

.category-link.recruiting ul li span{ font-size:70%; display:block;}











.graduate-under-link { width:960px; margin:0px auto 50px; background-color:#f5f5f5; padding:20px;text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}

.graduate-under-link figure { width:33.3%; padding:3%; border-left:1px solid #CCC; box-sizing:border-box;}
.graduate-under-link.graduate figure { width:20%; padding:0.1%; border-left:1px solid #CCC; box-sizing:border-box;}
.graduate-under-link figure:first-child { border-left: none;}
.graduate-under-link figure p { text-align:center; margin-bottom:10px;}
.graduate-under-link figure h5 { font-size:13px; font-weight:bold; text-align:center;}
.graduate-under-link figure dl dt { font-size:12px; text-align:center; margin:10px 0px;}
.graduate-under-link figure dl dd { text-align:center; font-size:12px;}
.graduate-under-link:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.graduate-under-link-interview { width:400px; margin:0px auto 50px; background-color:#f5f5f5; padding:20px;text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
.graduate-under-link-interview figure { width:45%; padding:3%; border-left:1px solid #CCC; box-sizing:border-box; aspect-ratio: 1 / 1;}
.graduate-under-link-interview.graduate figure { width:20%; padding:0.1%; border-left:1px solid #CCC; box-sizing:border-box;}
.graduate-under-link-interview figure:first-child { border-left: none;}
.graduate-under-link-interview figure p { text-align:center; margin-bottom:10px;}
.graduate-under-link-interview figure h5 { font-size:13px; font-weight:bold; text-align:center;}
.graduate-under-link-interview figure dl dt { font-size:12px; text-align:center; margin:10px 0px;}
.graduate-under-link-interview figure dl dd { text-align:center; font-size:12px;}
.graduate-under-link-interview:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.graduate_read { border:1px solid #CCC; text-align:center; margin-bottom:30px; padding:10px;}
.graduate_read p strong { color:#F00;}

.graduate-main .red-title { text-align:center; margin-bottom:20px; font-weight:bold;}

.interview-top-link { width:1000px; margin:50px auto 0px; padding-bottom:80px; display: flex; flex-wrap: wrap; justify-content: center;}
.interview-top-link.agri-engi { max-width:664px; margin:50px auto 0px; padding-bottom:80px;}
.interview-top-link.staff-introduction { max-width:900px; }
.interview-top-link.success { max-width:800px;}

.interview-top-link figure {  position:relative; width: 200px; margin: 1rem;}
.interview-top-link figure:hover { opacity:0.7;}
.interview-top-link figcaption {
  color:#FFFFFF;
 position: absolute;
 bottom: 0px;
 background-color: rgba(8,21,104,0.9);
 width: 96%;
 padding: 2%;
 font-weight: bold;
 font-size: 14px;
 line-height: 1.8;
 cursor: pointer;
}
.interview-top-link figcaption p { font-size:14px; font-weight:normal; padding-bottom:5px; color:#FFFFFF;}


/*追記20161207*/

.interview-top-link figcaption p span { font-weight:bold; font-size:16px;}
.interview-top-link figcaption p strong { font-size:12px; padding-left:1em; font-weight:normal;}
/*.interview-top-link:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
*/
.interview-main h2 { font-size:24px;font-weight:bold; margin-bottom:5px; text-align:center;}
.interview-main h3 {  text-align:center;}

/*追記20161207*/
.interview-head {width:1000px; margin:0px auto;  }
/*　新卒入社社員　*/
.interview-head img { display:none;}
.interview-head figure { height:600px; }
.interview-head .no002 {background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/19_002_main.jpg") no-repeat center center;background-size:cover;}
.interview-head .no003 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/19_003_main.jpg") no-repeat center center;background-size:cover;}
.interview-head .no005 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/20_005_main.jpg") no-repeat center center;background-size:cover;}


/*　Uターン就職経験談　*/

.interview-head .no19002 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/u_turn_19_002_main.jpg") no-repeat center center;background-size:cover;}


/*　農学・新卒入社社員（工学系専攻の方向け）　*/

.interview-head .no20005 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/20agri_005_main.jpg") no-repeat center center;background-size:cover;}


/*　社員の活躍の場　*/

.interview-head .no21001 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/success_top_001_main.jpg") no-repeat center center;background-size:cover;}

.interview-head .no21002 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/success_top_002_main.jpg") no-repeat center center;background-size:cover;}

.interview-head .no21004 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/success_top_004_main.jpg") no-repeat center center;background-size:cover;}

/*　キャリア採用　*/
.interview-head .carear1 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/carear1_main.jpg") no-repeat center center;background-size:cover;}

.interview-head .carear2 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/carear2_main.jpg") no-repeat center center;background-size:cover;}

.interview-head .carear3 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/carear3_main.jpg") no-repeat center center;background-size:cover;}

.interview-head .carear4 { background:url("../interview/images/main_back.png") no-repeat left center,url("../interview/images/carear4_main.jpg") no-repeat center center;background-size:cover;}








.interview-head h1 { font-size:48px; text-align:left; font-weight:bold; padding-left:20px; margin:0px; padding-top:140px; color: #000;}
.interview-head.agri-engi h1 {  padding-top:200px; }
.interview-head h1 br { display:none;}
.interview-head h1 span { display:block;}
.interview-head h2 { font-size:28px; padding-left:20px; font-weight:bold; padding-top:20px;}
.interview-head h2 span { font-size:16px; padding-left:1em;}
.interview-head h2 strong { font-size:20px; margin:10px;}

.interview { background:#FFF; width:1000px; margin:0px auto; padding:40px 0px;}
.interview dl { padding-bottom:40px;}
.interview dl dt { font-size:18px; color:#081568; font-weight:bold;}
.interview dl dd { line-height:1.75; letter-spacing:.075em; margin-top:1em;}
.interview dl dd.message { font-weight:bold; background-color:#081568; color:#FFF; padding:1em; font-size:18px;}


.interview figure { border:1px solid #CCC; box-sizing:border-box; padding:20px; width:80%; margin:0px auto;}
.interview figure p { float:left; width:15%;}
.interview figure p img { width:100%; border-radius:50%;}
.interview figure figcaption { padding-left:20%; padding-top:15px;}

.interview figure figcaption h3 { font-size:26px;}
.interview figure figcaption h3 span { font-size:12px; padding-left:1em;}
.interview figure figcaption h5 { padding-top:10px;}
.interview figure:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.interview_pic { width:100%; max-width: 1000px; margin: auto;}
.interview_pic img { width:100%; height: auto;}
.interview_pic figcaption {max-width: 1000px; width: auto; text-align: right; margin: auto;}

.interview_under_navi { width:1000px; margin:60px auto 60px;  display: flex; flex-wrap: wrap; justify-content: center;}
/*.interview_under_navi.u-turn { width:500px; }
.interview_under_navi.agri-engi { width:250px; }
.interview_under_navi.success { width:750px; }*/
.interview_under_navi figure { width:25%; padding:1%; cursor:pointer;}
/*.interview_under_navi.u-turn figure { width:50%; padding:2%; box-sizing:border-box; cursor:pointer;}
.interview_under_navi.agri-engi figure { float:left; width:100%; padding:2%; box-sizing:border-box; cursor:pointer;}
.interview_under_navi.success figure { width:33%; padding:2%; cursor:pointer;}*/


.interview_under_navi figure:hover { background-color: #EEE;}
.interview_under_navi figure img { width:100%;}
.interview_under_navi figure h3 { font-size:12px; margin-top:10px; font-weight:bold;}
.interview_under_navi figure h4 { font-size:16px; font-weight:bold; margin-top:5px;}
.interview_under_navi figure h4 span { display:inline-block;}
.interview_under_navi:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}







div.schedule { background:#FFF; max-width:1000px; margin:0px auto; padding:0 0px 40px;}
div.schedule h2 {font-size:18px; color:#081568; font-weight:bold; margin-bottom: 1rem;}

div.schedule dl {padding:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px dotted #ccc;}

div.schedule dl:last-child {padding:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dotted #ccc;}
div.schedule dl dt {width: 7%; text-align:center; font-size: 16px; font-weight: normal; color: inherit;}
div.schedule dl dd {width: 90%; line-height:1.75; letter-spacing:.075em; margin-top: 0;}




.office-main { width:1000px; margin:0px auto;}
.office-main #map_canvas { width:100%; height:600px;}
.office-cont { margin-top:40px; padding-bottom:50px;}
.office-cont a { color:#06F;}
.office-cont a:hover { color:#F90;}
.office-cont dl { border-bottom:1px solid #EEE; padding:15px 0px;}
.office-cont dl dt { float:left; width:18em;}
.office-cont dl dd { padding-left:19em;}
.office-cont dl:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.department-main {width:100%; margin:0px auto;}
.department-navi { width:1000px; margin:40px auto;}
.department-navi li { width:31.333%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:15px;}
.department-navi li a { display:block; color:#333; text-align:center; padding:10px 0px;}
.department-navi li a:hover {background-color:#081568; color:#FFF;}
.department-navi:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.department-main div h2 { font-size:24px; color: #FFF; padding:40px 0px 40px 20px; margin-bottom:20px; background-color:#081568;}
.department-main div { width:1000px; margin:0px auto;}
.department-001 { padding-bottom:60px;}
.department-001 h2 {background:url("../department/images/back_001.png") no-repeat right center; background-size:30%;}
.department-main dl { padding:0px 20px 40px;}
.department-main dl dt { font-size:20px; color:#081568; width:6em; float:left;}
.department-main dl dd { padding-left:9em;}
.department-main dl:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.department-main h2 + p { padding:0px 20px;}

.department-002 { padding-bottom:60px;}
.department-002 h2 {background:url("../department/images/back_002.png") no-repeat right center; background-size:30%;}

.department-003 { padding-bottom:60px;}
.department-003 h2 {background:url("../department/images/back_003.png") no-repeat right center; background-size:30%;}

.thought-main { width:100%; margin:0px auto;}
.thought-main h2 { font-size:32px; text-align:center; font-weight:bold; line-height:170%; letter-spacing:.07em;}
.thought-read { width:100%; background:url("../company/thought/images/pic_001.jpg") no-repeat right center; background-size:40%; padding:40px 0px; margin-top:50px;}
.thought-read p { width:54%; padding: 50px 3%; line-height:170%; letter-spacing:.07em;}
.thought-read img { display:none;}
.thought-read:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
.thought-cont { width:1000px; margin:50px auto 100px;}
.thought-cont dl dt { font-size:20px; color:#081568; font-weight:bold; margin-bottom:10px;}
.thought-cont dl dd { margin-bottom:30px;}

.message-main { width:1000px; margin:0px auto;}
.message-main h2 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size:36px;}
.message-main h3 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size:16px; text-align:right; margin-top:10px;}
.message-main h3 strong { font-size:20px;}
.message-main h3 br { display:none;}
.message-main div { margin:80px 0px 50px; letter-spacing:.07em;}
.message-main div dt { color:#081568; font-weight:bold; font-size:20px; border-bottom:1px solid #081568; padding-bottom:5px;}
.message-main div dd { padding:10px 0px 30px; line-height:180%;}

.overseas-main { width:1000px; margin:0px auto;}
.overseas-main h2 {font-size:22px;font-weight:bold; margin-bottom:5px; text-align:center;}
.overseas-cont { margin:50px 0px;}
.overseas-cont div:first-child { width:75%; float:left;}
.overseas-cont div:first-child p { margin-bottom:2em; letter-spacing:.07em; line-height:180%;}
.overseas-cont div:nth-child(2) { width:22%; float:right;}
.overseas-cont div:nth-child(2) figure { margin-bottom:20px;}
.overseas-cont div:nth-child(2) figure img { width:100%;}
.overseas-cont div:nth-child(2) figcaption { font-size:12px;}
.overseas-cont:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.major-main { width:1000px; margin:0px auto 50px;}
.major-main figure { padding:50px 0px 0px;}
.major-main figure figcaption { float:left; width:75%;}
.major-main figure figcaption dt {color:#081568; font-weight:bold; font-size:20px; margin-bottom:10px;}
.major-main figure figcaption dd { letter-spacing:.07em; line-height:180%;}
.major-main figure p { float:right; width:20%;}
.major-main figure p img { width:100%;}
.major-main figure:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.contact-main div { width:460px; border:1px solid #CCC; padding:20px; margin:0px auto 80px;}
.contact-main div h2 { font-weight:bold; margin-bottom:10px;}
.contact-main div p br { display:none;}


.toiawase{ margin-left:280px;}


/* privacy */

.privacy {margin: 1rem auto 0;}
.privacy > div {max-width: 1000px;  overflow-y: auto; margin:1rem auto; padding: 1rem; }
.privacy h2{font-size: 21px; font-weight: bold; margin: 2rem 0 1rem; }
.privacy h3{font-size: 18px; font-weight: bold;  margin: 1rem 0; }
.privacy h4{font-size: 16px; font-weight: bold; margin: 1rem 0; }
.privacy p{font-size: 0.875rem;}
.privacy ul li{font-size: 16px; font-weight: bold; margin: 1rem 0 1rem 1rem; list-style: disc;}
.ssl {max-width: 800px; margin: auto; font-size: 0.75rem; text-align: center; }






@media only screen and (max-width:768px){

.middle-main-area h1 + p { margin-bottom:30px;}
 
.pankuz ul { display:none;}
.carrier-main { width: 98%; margin: 0px auto;}
.carrier-main div.carrier div {width: 100%; margin-bottom: 40px;}

#st-accordion { width:96%; margin:0px auto;}
/*.st-accordion ul li > a { font-size:24px;}*/
.carrier-main .st-title dt { font-size:24px;font-weight:bold; float:none; width:5em;}
.carrier-main .st-title dd { padding-left:0em; font-size:12px; padding-top:5px;}

.part-main a {color:#06F;}
.part-main a:hover {color:#F90;}
.part-main table + ul { font-size:14px;}
.part-main table ul a { font-size:14px;}

.graduate-main { width:98%; margin:0px auto;}
.graduate_read { border:1px solid #CCC; text-align:left; margin-bottom:30px; padding:10px;}

.graduate-under-link { width:98%; margin:0px auto 50px; background-color:#f5f5f5; padding:20px; box-sizing:border-box;}
 
 
 .category-link.company,
 .category-link.interview2b,
 .category-link.recruiting{  margin:0px auto 50px;  padding:30% 2% 2% 2%; }
 

.category-link.company ul li {margin: 1%; width:100%;}
.category-link.company ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 5px 0;}
 
 
.category-link.interview2b ul li {margin: 1%; width:100%;}
.category-link.interview2b ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 5px 0;}
 
.category-link.recruiting ul li {margin: 1%; width:100%;}
.category-link.recruiting ul li a { color:#FFF;display:block; width:100%; border:2px solid #FFF; border-radius:5px; font-size:24px; padding: 5px 0;}
 
 

 
 

 
 
 
 

.interview-top-link { width:96%; margin:30px auto 0px; padding-bottom:80px; justify-content: space-around;}
.interview-top-link figure { position:relative; width:32%; margin: 0 0 1rem;}
.interview-top-link figure img { width:100%;}
.interview-top-link figure:hover { opacity:0.7;}
.interview-top-link figcaption { position:absolute; bottom:0px; /*background-color:rgba(255,255,255,0.8);*/ width:96%; padding:2%; font-weight:bold; font-size:14px; line-height:1.8; cursor:pointer;}
.interview-top-link figcaption p { font-size:12px; font-weight:normal;}
.interview-top-link figcaption span br { display:none;}
/*.interview-top-link:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}
*/
.interview-head {width:100%; padding-top:30px;}
.interview-head img { display: block; width:100% ;}
.interview-head figure { height:auto; background-image:none !important; }



.interview-head h1 { font-size:18px; text-align:left; font-weight:bold; padding:2%; margin:0px;color: #000;}
.interview-head.agri-engi h1 { padding:2%; }
.interview-head h2 { font-size:14px; font-weight:bold; padding:1% 2%;}
.interview-head h2 span { font-size:14px; padding-left:1em;}
.interview-head h2 strong { font-size:14px;}
.interview { background:#FFF; width:96%; margin:0px auto; padding:20px 0px;}
.interview dl dt { font-size:16px; color:#081568; font-weight:bold;}
.interview dl dd { line-height:1.75; letter-spacing:.075em; margin-top:1em; font-size:14px;}
.interview figure { border:1px solid #CCC; box-sizing:border-box; padding:4%; width:100%; margin:0px auto;}
.interview figure p { float:left; width:15%;}
.interview figure p img { width:100%; border-radius:50%;}
.interview figure figcaption { padding-left:20%; font-size:14px;}
.interview figure figcaption h3 span { font-size:10px; padding-left:1em;}
.interview figure figcaption h5 { padding-top:10px;}

.interview-head h1 br { display: block;}
.interview-head h1 span { display: inline-block;}
 
 div.schedule { padding:0 0px 40px;}
div.schedule h2 {font-size:18px;   margin-bottom: 1rem;}

div.schedule dl {padding:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px dotted #ccc;}

div.schedule dl:last-child {padding:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dotted #ccc;}
div.schedule dl dt {width: 15%; text-align:center; font-size: 16px; font-weight: normal; color: inherit; font-size: 14px;}
div.schedule dl dd {width: 80%; line-height:1.75; font-size: 14px;}


.interview_under_navi { width:98%; margin:0px auto;}
.interview_under_navi.u-turn  { width:98%; }
.interview_under_navi figure { width:50%; padding:2%; box-sizing:border-box; cursor:pointer; margin-bottom:20px;}
.interview_under_navi figure h4 { font-size:14px;}
 
 .interview_under_navi.success figure { width:50%; padding:2%; cursor:pointer;}
 
 
 

.office-main { width:96%; margin:0px auto;}
.office-main #map_canvas { width:100%; height:400px;}

.thought-main h2 { font-size:24px; text-align:center; font-weight:bold; line-height:170%; letter-spacing:.07em;}
.thought-read { width:100%; background:url("../company/thought/images/pic_001.jpg") no-repeat right center; background-size:40%; padding:20px 0px; margin-top:0px;}
.thought-cont { width:96%; margin:30px auto 60px;}

.department-main {width:96%; margin:0px auto;}
.department-navi { width:100%; margin:40px auto;}
.department-navi li { width:31.333%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:15px;}
.department-navi li a { display:block; color:#333; text-align:center; padding:10px 0px;}
.department-navi li a:hover {background-color:#081568; color:#FFF;}
.department-navi:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.department-main div { width:100%; margin:0px auto;}
.department-001 h2 {background: none; background-size:30%;}
.department-002 h2 {background: none; background-size:30%;}
.department-003 h2 {background: none; background-size:30%;}

.message-main { width:96%; margin:0px auto;}

.overseas-main { width:96%; margin:0px auto;}

.major-main { width:96%; margin:0px auto 50px;}
.major-main figure figcaption { float:none; width:100%;}
.major-main figure figcaption dt {color:#081568; font-weight:bold; font-size:20px; margin-bottom:10px;}
.major-main figure figcaption dd { letter-spacing:.07em; line-height:180%;}
.major-main figure p { float:none; width: auto; text-align:center; padding-top:30px;}
.major-main figure p img { width: auto;}
.toiawase{ margin-left:180px;}

}

@media only screen and (max-width:640px){
 .middle-main-area h1 span{ margin-right: auto; /*display:block; font-size:75%;*/}
.interview-main h2 { font-size:18px;font-weight:bold; margin-bottom:5px; text-align:center;}
.interview figure { border:1px solid #CCC; box-sizing:border-box; padding:4%; width:100%; margin:0px auto;}
.interview figure p { float: left; width:25%; margin:0px auto 0px;}
.interview figure p img { width:100%; border-radius:50%;}
.interview figure figcaption { padding-left:30%; font-size:14px;}
.interview dl dd.message { font-weight:bold; background-color:#081568; color:#FFF; padding:1em; font-size:16px;}

.interview-top-link { width:96%; margin:30px auto 0px; padding-bottom:80px; justify-content: space-between;}
.interview-top-link figure { position: static; width:48%; margin: 0;}
.interview-top-link figure h3 { overflow:hidden; width:100%; height:200px; position:relative;}
.interview-top-link figure img { width:100%; position:absolute; height:auto;top: 100%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.interview-top-link figure:hover { opacity:0.7;}
.interview-top-link figcaption { position: static; bottom:0px; /*background-color:rgba(255,255,255,0.8);*/ width:96%; padding:2%; font-weight:bold; font-size:14px; line-height:1.8; cursor:pointer;}
.interview-top-link figcaption p { font-size:12px; font-weight:normal;}
.interview-top-link figcaption span br { display:none;}
/*.interview-top-link:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}*/


.graduate-main h2 { font-size:18px; font-weight:bold; margin-bottom:5px;}
.graduate-main h2 + p { font-size:14px;}

.graduate-under-link figure { width:50%; padding:3%; border-left:1px solid #CCC; box-sizing:border-box; cursor:pointer;}
.graduate-under-link.graduate figure { width:50%;padding:1%; margin: 2% 0;}
 .graduate-under-link.graduate figure:last-child { border: none;}
 
.graduate-under-link figure:nth-child(3) { border-left: none;}

.graduate-under-link-interview { width:330px;}
.graduate_read p {font-size:14px;}

.office-cont dl dt { float:none; width: auto;}
.office-cont dl dd { padding-left:0em; margin-top:5px;}

.st-accordion ul li span{color: #1693eb; font-size:20px;display: block;position: relative;line-height: 50px;outline:none;}
.carrier-navi { margin:20px 0px;}
.carrier-navi li { width:31.333%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:15px; font-size:14px;}
.carrier-main .st-title dt { font-size:18px;font-weight:bold; float:none; width:5em;}
.carrier-main p { font-size:14px;}

.part-main-read { font-size:14px;}

.thought-main h2 { font-size:20px; text-align:center; font-weight:bold; line-height:170%; letter-spacing:.07em;}
.thought-read { width:96%; background: none; background-size:40%; padding:20px 0px; margin:0px auto 0px;}
.thought-read p { width:100%; padding: 0px 0%; line-height:170%; letter-spacing:.07em; font-size:14px;}
.thought-read img { display: block; width:100%; padding-top:20px;}
.thought-cont dl dt { font-size:16px; color:#081568; font-weight:bold; margin-bottom:10px;}
.thought-cont dl dd { margin-bottom:30px; font-size:14px;}

.department-navi { width:100%; margin:20px auto;}

.department-navi li { width:31.333%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:15px; font-size:14px;}

.department-main div h2 { font-size:18px; color: #FFF; padding:10px 0px 10px 10px; margin-bottom:20px; background-color:#081568; text-align:center;}
.department-main dl { padding:0px 10px 20px;}
.department-main dl dt { font-size:16px; color:#081568; width:6em; float: none;}
.department-main dl dd { padding-left:0em; font-size:14px;}

.message-main h2 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size:20px;}
.message-main h3 { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size:14px; text-align:right; margin-top:10px;}
.message-main h3 strong { font-size:16px;}
.message-main div { margin:50px 0px 53px; letter-spacing:.07em;}
.message-main div dt { color:#081568; font-weight:bold; font-size:16px; border-bottom:1px solid #081568; padding-bottom:5px;}
.message-main div dd { padding:10px 0px 30px; line-height:180%; font-size:14px;}

.overseas-main h2 {font-size:18px;font-weight:bold; margin-bottom:5px; text-align:center;}
.overseas-cont { margin:30px 0px;}
.overseas-cont div:first-child { width:100%; float: none; padding-bottom:20px;}
.overseas-cont div:first-child p { margin-bottom:1em; letter-spacing:.07em; line-height:180%; font-size:14px;}
.overseas-cont div:nth-child(2) { width:100%; float:none;}
.overseas-cont div:nth-child(2) figure { margin-bottom:20px; float:left; margin-left:2%; width:32%;}
.overseas-cont div:nth-child(2) figure:first-child { margin-left:0%;}
.overseas-cont div:nth-child(2) figure img { width:100%;}
.overseas-cont div:nth-child(2) figcaption { font-size:10px;}
.overseas-cont div:nth-child(2) figure:after {content: ".";  display: block; clear: both; height: 0;visibility: hidden; font-size:0;}

.major-main figure figcaption dt {color:#081568; font-weight:bold; font-size:18px; margin-bottom:10px;}
.major-main figure figcaption dd { letter-spacing:.07em; line-height:180%; font-size:14px;}
.major-main figure { padding:10px 0px 30px;}

.contact-main div { width:96%; border:1px solid #CCC; padding:20px; margin:0px auto 80px; box-sizing:border-box;}

.toiawase{ margin-left:0px;}
}
@media only screen and (max-width:320px){
.message-main h3 br { display: block;}
.contact-main div p br { display: block;}

.interview dl dd.message { font-weight:bold; background-color:#081568; color:#FFF; padding:1em; font-size:14px;}

.interview figure p { float: none; width:50%; margin:0px auto 10px;}
.interview figure p img { width:100%; border-radius:50%;}
.interview figure figcaption { padding-left:0%; font-size:14px; text-align:center; padding-top:0px;}

.interview-top-link { width:96%; margin:30px auto 0px; padding-bottom:80px;}
.interview-top-link figure { float:none; position: static; width:100%;}
.interview-top-link figure h3 { overflow:hidden; width:100%; height:200px; position:relative;}
.interview-top-link figure img { width:100%; position:absolute; height:auto;top: 120%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.interview-top-link figure.u-turn img { width:100%; position:absolute; height:auto;top: 100%;left: 50%;-webkit-transform: translate(-50%, -60%);-ms-transform: translate(-50%, -60%);transform: translate(-50%, -60%);}
.interview-top-link figure.agri-engi img { width:100%; position:absolute; height:auto;top: 100%;left: 50%;-webkit-transform: translate(-50%, -60%);-ms-transform: translate(-50%, -60%);transform: translate(-50%, -60%);}

.interview-top-link figure:hover { opacity:0.7;}
.interview-top-link figcaption { position: static; bottom:0px; background-color:rgba(255,255,255,0.8); width:96%; padding:2%; font-weight:bold; font-size:14px; line-height:1.8; cursor:pointer;}
.interview-top-link figcaption p { font-size:12px; font-weight:normal;}
.interview-top-link figcaption span br { display:none;}

.interview_under_navi figure h4 { font-size:12px;}

.carrier-navi li { width:48%; margin:0px 1%; float:left; border:1px solid #CCC; box-sizing:border-box; margin-bottom:10px; font-size:14px;}

#st-accordion { padding:0px 0px 10px;}
.st-accordion ul li table { width:100%; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-size:14px;}
.st-accordion ul li table th { border-left:1px solid #CCC; border-top:1px solid #CCC; display:block;width:100%; padding:2%; font-weight:bold; background-color:#EEE; box-sizing:border-box;}
.st-accordion ul li table td { border-left:1px solid #CCC; border-top:1px solid #CCC; display:block; width:100%; padding:2%; box-sizing:border-box;}

.graduate-under-link figure { width:100%; float:none; padding:0% 0px 10px; border-left:none; box-sizing:border-box; cursor:pointer; margin-bottom:20px; border-bottom:1px solid #CCC;}
.graduate-under-link figure:nth-child(3) { border-left: none;}
.graduate-under-link figure:last-child { border-bottom:none; margin-bottom:0px;}
.graduate-under-link figure p { text-align:left; margin-bottom:0px; float:left; padding-top:20px;}
.graduate-under-link figure h5 { font-size:13px; font-weight:bold; text-align:left;}
.graduate-under-link figure dl dt { font-size:12px; text-align:left; margin:0px 0px 5px;}
.graduate-under-link figure dl dd { text-align: right; font-size:12px;}
.graduate-under-link figure figcaption { padding-left:20%;}

.graduate-under-link-interview { width: 100%;}


}