@charset "utf-8";

/* #main_hd
==================================== */

/* 募集ありの場合 */

/*#main_sub_hd{
width:100%;
background:url(../img/main_sub_hd.png) no-repeat 50% 25px #e8f0f3;
padding:60px 0 15px 0;
text-align:center;
}*/

/* 募集なしの場合 */

#main_sub_hd{
width:100%;
background:/*url(../img/main_sub_hd.png)*/ no-repeat 50% 25px #e8f0f3;
padding:60px 0 60px 0;
text-align:center;
}


#main #main_sub_hd h2{
font-size:24px;
line-height:150%;
font-weight:bold;
letter-spacing:1.2px;
color:#333;
}

#main #main_sub_hd h2 sup{
font-size:15px;
font-style:normal;
}

#main #main_sub_hd p.txt{
font-size:85%;
line-height:130%;
padding:0 0 0 5px;
}

#main_hd p.caution{
font-size:73%;
line-height:130%;
margin:20px 2px 0 2px;
}

#main_hd p.lead{
font-size:85%;
line-height:180%;
margin:25px 2px 0 2px;
clear:both;
}

#main #main_hd h2{
float:left;
}

#main #main_hd .hWrap::after{
content: "";
display: block;
clear: both;
}



/* #main_ft
==================================== */
#main_ft{
padding:30px 0 0 0;
}

#main_ft h3{
display:block;
background-color:#59bed8;
font-size:18px;
line-height:150%;
color:#fff;
font-weight:bold;
letter-spacing:1px;
padding:8px 12px 4px 12px;
margin:0 0 20px 0;
}

/* #main_ft .block
==================================== */
#main_ft .block{
padding:0 0 50px 5px;
margin:0 0 15px 0;
border-bottom:1px solid #ccc;
}

#main_ft p.lead{
padding:0 2px 50px 2px;
}

#main_ft .block h4{
display:block;
font-size:18px;
line-height:140%;
color:#59bed8;
font-weight:bold;
margin:0 0 3px 0;
}

#suntory_contents #main_ft .flex_box {
display: flex;
justify-content: space-between;
}

#suntory_contents #main_ft .flex_box .flex_tit_subtxt {
display:block;
font-size:18px;
line-height:140%;
color:#59bed8;
font-weight:bold;
margin:0 0 3px 0;
}

#main_ft .block h5{
display:block;
font-size:15px;
line-height:180%;
font-weight:bold;
margin:10px 0 3px 0;
color: #3a5965;
}

#main_ft p.lead,
#main_ft .block p.txt,
#main_ft .block ul.txt li,
#main_ft .block dl.txt dt,
#main_ft .block dl.txt dd{
font-size:85%;
line-height:180%;
color:#333;
}

#main_ft .block p.txt,
#main_ft .block ul.txt,
#main_ft .block dl.txt{
padding:0 5px 0 5px;
}

#main_ft .block p.txt{
margin:0 0 10px 0;
}

#main_ft .block ul.txt li{
text-indent:-1.2em;
margin:0 0 0 1.2em;
}

#main_ft .block .caution{
padding:15px 0 0 0;
}

#main_ft .block .caution p{
font-size:80%;
line-height:150%;
color:#333;
}

#main_ft .block .caution ul li{
font-size:73%;
line-height:150%;
letter-spacing:-0.2px;
color:#333;
text-indent:-1em;
margin:0 0 3px 1em;
}

#main_ft .block .yellow{
background-color: #fefcd5;
font-weight:bold;
}

#main_ft .block .red{
color:#f60;
font-weight: bold;
}

#main_ft .block p.txt a:hover,
#main_ft .block ul li a:hover{text-decoration:underline;}


#main_ft .block table.location {
width:100%;
border: 1px solid #ccc;
margin: 0 0 20px 0;
}

#main_ft .block table.location th,
#main_ft .block table.location td {
border: 1px solid #ccc;
padding: 8px 8px 6px 8px;
}

#main_ft .block table.location td.space {
background: #ccc;
padding: .08em;
}


/* #main_ft .block table.location
----------------------------------------- */

#main_ft .block table.location th {
/*width:16em;*/
background-color:#e8f0f3;
/*font-size:80%;
font-size:85%;*/
line-height:180%;
font-weight:bold;
color:#3a5965;
padding-right:0px;
/*text-align: center;*/
}

#main_ft .block table.location .th01,td{width: 50%;}
#main_ft .block table.location .th02{width: 25%;}
#main_ft .block table.location .th03{width: 25%;}

#main_ft .block table.location td.td_loca {
background-color:#e8f0f3;
/*font-size: 12px;*/
line-height: 180%;
/*font-weight:bold;*/
text-indent: 0;
margin: 0;
color:#3a5965;
text-align: left;
}

#main_ft .block table.location td {
font-size: 85%;
line-height: 180%;
text-indent: 0;
margin: 0;
/*text-align: right;*/
}

/* #main_ft .block .row
------------------------------ */
#main_ft .block .row{
display:table;
width:100%;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

#main_ft .block .row.first{
border-top:1px solid #ccc;
}

#main_ft .block .row h5,
#main_ft .block .row p.txt,
#main_ft .block .row dl.txt,
#main_ft .block .row ul.txt{
display:table-cell;
vertical-align:top;
border-left:1px solid #ccc;
padding:8px 8px 6px 8px;
}

#main_ft .block .row h5{
width:19em;
background-color:#e8f0f3;
font-size:14px;
line-height:180%;
font-weight:bold;
color:#3a5965;
padding-right:0px;
}

#main_ft .block .row h5 span{
display:block;
}

#main_ft .block .row p.txt,
#main_ft .block .row dl.txt,
#main_ft .block .row ul.txt{
width:auto;
}

#main_ft .block .row p.txt,
#main_ft .block .row dl.txt dt,
#main_ft .block .row dl.txt dd,
#main_ft .block .row ul.txt li{
/*font-size:12px;*/
font-size:85%;
line-height:180%;
text-indent:0;
margin:0;
}

#main_ft .block .row.last{
margin-bottom: 40px;
}

/* #main_ft .block .to_adobe
------------------------------ */
#main_ft .block .to_adobe{
margin:15px 0 0 0;
border:1px solid #ccc;
width:100%;
}

#main_ft .block .to_adobe dl{
display:table;
}

#main_ft .block .to_adobe dl dt,
#main_ft .block .to_adobe dl dd{
display:table-cell;
vertical-align:middle;
padding:15px 15px 15px 15px;
}

#main_ft .block .to_adobe dl dt a{
display:block;
background:url(/recruit/factory/common/img/to_adobe.png) no-repeat 0 0;
width:158px;
height:39px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
font-size:0;
line-height:0;
}

#main_ft .block .to_adobe dl dd{
font-size:73%;
line-height:180%;
}









/* #main_ft #outline_area
==================================== */
/* #outline_area .bk_03
------------------------------ */
#outline_area .bk_03 .row ul.txt li{
    text-indent: -1.2em;
    margin: 0 0 0 1.2em;
}





/* #outline_area .bk_04
------------------------------ */
#outline_area .bk_04 .row.first h5,
#outline_area .bk_04 .row.first ul.txt{
background-color:#e8f0f3;
padding:4px 0 0 0;
}

#outline_area .bk_04 .row ul.txt li dl{
display:table;
width:100%;
border-top:1px dotted #aaa;
}

#outline_area .bk_04 .row ul.txt li:first-child dl{
border-top:none;
}

#outline_area .bk_04 .row ul.txt li dl dt,
#outline_area .bk_04 .row ul.txt li dl dd{
display:table-cell;
vertical-align:middle;
text-align:left;
font-size:11px;
line-height:150%;
padding:7px 0 7px 3px;
}

#outline_area .bk_04 .row ul.txt li dl dd{
width:6.5em;
text-align:right;
}

#outline_area .bk_04 .row.first ul.txt li dl dd{
text-align:center;
padding:0 0 0 0;
}







/* #main_ft #howto_area
==================================== */
#howto_area{
margin:60px 0 0 0;
}
#main_ft #howto_area .block{
border-top:1px solid #ccc;
border-bottom:none;
padding:15px 0 30px 5px;
}


/* #howto_area .bk_hd
------------------------------ */
#howto_area .bk_hd p.lead{
padding-bottom:10px;
}

#main_ft #howto_area .bk_hd{
border-top:none;
padding-top:5px;
}

#main_ft #howto_area .bk_hd .caution{
padding-top:0;
}


/* #howto_area .bk_01
------------------------------ */
#howto_area .bk_01 ul.txt:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#howto_area .bk_01 ul.txt{display:inline-block;}
* html #howto_area .bk_01 ul.txt{height:0%;}
#howto_area .bk_01 ul.txt{display:block;}

#howto_area .bk_01 ul.txt li{
float:left;
padding:5px 30px 0 0;
font-weight:bold;
}

#howto_area .bk_01 p.btn a{
text-align:center;
display:block;
width:70%;
margin:15px 0 10px 15%;
background-color:#f60;
padding:15px 0 15px 0;
color:#fff;
font-size:16px;
line-height:150%;
font-weight:bold;
letter-spacing:2px;
}

#howto_area .bk_01 p.btn a:hover{
background-color:#e70;
}

#howto_area .bk_01 p.btn a i{
background:url(../img/btn_ico.png) no-repeat 0 0;
padding:0 0 10px 35px;
}

#main .application{
margin-top: 30px;
}

#main .application a{
background: #59bed8;
color: #fff;
font-weight: bold;
font-size: 20px;
padding: 10px 60px;
border-radius: 10px;
}

#main .application a:hover{
opacity: 0.8;
}

#main #main_hd .application{
float: left;
margin-top: 0;
padding-left: 30px;
}

#main .application span.win_wrap {
	position: relative;
}
#main .application span.win_wrap:after {
	position: absolute;
	content: url(/recruit/factory/info/img/icon_blank.svg?20240619_2);
	top: -5px;
    right: -25px;
    width: 12px;
    height: 12px;
}



/* #howto_area .bk_02
------------------------------ */
#howto_area .bk_02 dl.txt:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#howto_area .bk_02 dl.txt{display:inline-block;}
* html #howto_area .bk_02 dl.txt{height:0%;}
#howto_area .bk_02 dl.txt{display:block;}

#howto_area .bk_02 dl.txt dt,
#howto_area .bk_02 dl.txt dd{
float:left;
}

#howto_area .bk_02 dl.txt dt{
width:150px;
}

#howto_area .bk_02 p.txt{
margin:10px 0 0 0;
}






/* #howto_area .bk_03
------------------------------ */
#howto_area .bk_03 h5{
display:block;
font-size:93%;
line-height:180%;
font-weight:bold;
margin:10px 0 8px 0;
border-left:4px solid #3a5965;
padding:2px 0 0 8px;
}

#howto_area .bk_03 dl.txt:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
#howto_area .bk_03 dl.txt{display:inline-block;}
* html #howto_area .bk_03 dl.txt{height:0%;}
#howto_area .bk_03 dl.txt{display:block;}

#howto_area .bk_03 dl.txt dt,
#howto_area .bk_03 dl.txt dd{
float:left;
}

#howto_area .bk_03 dl.txt{
margin:0 0 40px 0;
}

#howto_area .bk_03 dl.txt dt{
font-weight:bold;
}

#howto_area .bk_03 .row h5{
width:50%;
}

#howto_area .bk_03 .row dl.txt dd{
float: none;
}

#howto_area .bk_03 .row dl.txt dt{
width: 5em;
}

#howto_area .bk_03 .row p.txt{
vertical-align:middle;
}





/* #howto_area .bk_04
------------------------------ */
#howto_area .bk_04 table.ratio{
width: 100%;
margin-top: 20px;
}

#howto_area .bk_04 table.ratio tr{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#howto_area .bk_04 table.ratio tr:first-of-type th{
border-top: 1px solid #ccc;
}

#howto_area .bk_04 table.ratio th{
background-color: #e8f0f3;
padding: 8px 8px 6px 8px;
font-size: 14px;
line-height: 180%;
color: #3a5965;
width: 21%;
border-left: 1px solid #ccc;
}

#howto_area .bk_04 table.ratio th.head{
text-align: center;
}

#howto_area .bk_04 table.ratio tr th.empty{
background-color: transparent;
border: none;
}

#howto_area .bk_04 table.ratio th:first-of-type{
width: 37%;
}

#howto_area .bk_04 table.ratio td{
padding: 8px 8px 6px 8px;
font-size: 14px;
line-height: 180%;
color: #3a5965;
width: 20%;
border-left: 1px solid #ccc;
text-align: center;
}

#howto_area .bk_04 .date{
font-size: 85%;
line-height: 180%;
color: #333;
text-align: right;
padding-top: 5px;
}




#suntory_contents #main_ft .font_weight-normal{
font-weight: normal;
}