@charset "utf-8";
/* [共通定義] */
img { border-style: none; }
form { display: inline; margin: 0px; padding: 0px; }
label { cursor: pointer; font-family: monospace; }
input { font-size: 12px; font-family: monospace; }
select { margin: 0px; font-size: 12px; font-family: monospace; }
textarea { font-size: 12px; font-family: monospace; width: 500px; }
.modinput_text { font-size: 12px ; font-family: monospace ; }
.systextinput { font-size: 12px; font-family: monospace; }
.syscboxinput { vertical-align: bottom; }
input[type="text"] { font-size: 12px; font-family: monospace; }
input[type="file"] { height: 20px; }

.floatclear { font-size: 1px; line-height: 1%; clear: both; }
.vspace01 { font-size: 1px; line-height: 1%; }

.hidebox { display: none; }
.viewbox { }
/* [個別定義] */
a.modmenu_link1{ display: block ; overflow: hidden ; width: 120px ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 12px 0px ; }
a.modmenu_link1:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
a.modmenu_link1:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
a.modmenu_link1:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
a.modmenu_link2{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 8px ; border: 1px solid #185caa ; }
a.modmenu_link2:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
a.modmenu_link2:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
a.modmenu_link2:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
a.modmenu_link3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 15px ; border: 1px solid #cccccc ; }
a.modmenu_link3:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; background-color: #ffffff ; }
a.modmenu_link3:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; background-color: #ffffff ; }
a.modmenu_link3:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
a.modmenu_link4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 2px ; padding: 2px 0px 2px 22px ; border: 1px solid #cccccc ; }
a.modmenu_link4:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; background-color: #ffffff ; }
a.modmenu_link4:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; background-color: #ffffff ; }
a.modmenu_link4:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #185caa ; }
.modmenu_text1{ display: inline ; width: 110px ; height: 12px ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 12px 0px ; border-bottom: 4px solid #185caa ; text-indent: 0px ; }
.modmenu_text2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #185caa ; margin: 2px ; padding: 2px 0px 2px 8px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modmenu_text3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #185caa ; margin: 2px ; padding: 2px 0px 2px 15px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modmenu_text4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #185caa ; margin: 2px ; padding: 2px 0px 2px 22px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modhead0{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modhead1{ display: inline ; font-size: 36px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 5px 0px 0px 0px ; padding: 1px 8px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modhead1{
font-size:24px;
}}
.modhead2{ display: block ; font-size: 24px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px 0px 10px 10px ; padding: 1px 0px 5px 10px ; border-bottom: 4px solid #185caa ; text-indent: 0px ; }
.modheadbr,
.modheadred{
background:#f4f4f4;
color:#333333;
font-weight:bold;
font-size: 24px;
padding: 20px;
margin: 10px 0 20px;
}
.modheadbr{
border-left:solid 4px #185caa;
}
.modheadred{
border-left:solid 4px #cc0430;
}
.modhead2red{
font-size:24px;
display: block;
position:relative;
text-align: center;
font-weight:normal;
margin-bottom:15px;
overflow:visible;
margin-top:5rem;
}
.modhead2red:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    margin-bottom:0.5rem;
    bottom: -15px;
    width: 300px;
    height: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #185caa;
}
.recruit01_heading .modhead2red:before{
display:none;
}
@media screen and (max-width: 768px) {
.modhead2{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
}
.modhead3{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 21px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 20px 0px 20px 10px ; padding: 1px 0px ; text-indent: 0px ; border-bottom: solid 1px #999999;
position: relative;
font-family:メイリオ;
text-indent:10px;
}
.modhead3:after {
position: absolute;
content: '';
display: block;
border-bottom: solid 1px #e51717;
width: 10%;
bottom: -1px;
}
@media screen and (max-width: 768px) {
.modhead3{
border-bottom: solid 1px #e51717;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.modhead3:after {
display:none;
}}
.modhead4{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 5px 0px 0px 10px ; padding: 2px 8px ; border-left: 4px solid #185caa ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modhead4 {
padding-right: 0;
margin-left: 0;
margin-right: 0;
}}
.modhead5{ display: block ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; margin: 5px 0px 0px 40px ; padding: 2px 8px ; border-left: 2px solid #185caa ; text-indent: 0px ; }
.modbbox0{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modbbox1{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 30px 10px ; padding: 2px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modbbox1 {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}}
.modbbox2{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 36px 20px ; padding: 2px 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modbbox2 {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}}
.modbbox3{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 0px 22px ; padding: 2px 0px ; text-indent: 0px ; }

.job_seeker .modbbox3{
color:#000;
}

@media screen and (max-width: 768px) {
.modbbox3 {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}}
.modbbox4{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 0px 35px ; padding: 2px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modbbox4 {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}}
.modbbox5{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.modbbox5 {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}}
.modtitle1{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #999999 ; background-color: #ffffff ; margin: 5px 2px 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modtitle2{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; background-color: #ffffff ; margin: 5px 2px 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modtitle3{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; background: url("/img/themes/set.000/mipdc.03/sty008.png") repeat-y scroll top left ; background-color: #ffffff ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modtitle4{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; background: url("/img/themes/set.000/mipdc.03/sty009.png") repeat-y scroll top left ; background-color: #ffffff ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modtitle5{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 24px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; font-family:メイリオ;
text-align:center;}
.modtitle6{ display: block ; font-size: 12px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #999999 ; background: url("/img/themes/set.000/mipdc.03/sty011.png") repeat-y scroll top left ; background-color: #ffffff ; margin: 5px 2px 1px 2px ; padding: 4px 4px 4px 10px ; border-bottom: 1px solid #e0e0e0 ; text-indent: 0px ; }
.modframe1{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px 2px 5px 2px ; padding: 2px 5px ; border: 1px solid #cccccc ; text-indent: 0px ; }
.modframe2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 2px 5px 2px ; padding: 2px ; border: 1px solid #185caa ; text-indent: 0px ; }
.modframe3{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/set.000/mipdc.03/sty011.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #ffffff ; border-bottom: 1px solid #ffffff ; text-indent: 0px ; }
.modframe4{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/set.000/mipdc.03/sty011.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #ffffff ; border-bottom: 1px solid #ffffff ; text-indent: 0px ; }
.modframe5{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/set.000/mipdc.03/sty011.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #ffffff ; border-bottom: 1px solid #ffffff ; text-indent: 0px ; }
.modframe6{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; background: url("/img/themes/set.000/mipdc.03/sty011.png") repeat-y scroll top left ; background-color: #f3f3f3 ; margin: 0px 2px 5px 2px ; padding: 4px 4px 4px 10px ; border-top: 1px solid #ffffff ; border-bottom: 1px solid #ffffff ; text-indent: 0px ; }
.moddef_foot{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_text{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #000000 ; margin: 0px ; padding: 2px 0px 4px 0px ; text-indent: 0px ; }
ul.moddef_text{
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside !important;}
.modinv_text{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.moddef_link{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; clear: both;
display: inline-block;
}
a:link {
text-decoration: none;
}}
a.moddef_link:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #121212 ; }
a.moddef_link:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #121212 ; }
a.moddef_link:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #195caa ; }
a.moddec_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px 2px 2px 14px ; background: url("/img/themes/set.000/mipdc.03/sty012.png") no-repeat scroll top left ; }
a.moddec_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddec_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.moddec_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #185caa ; background: url("/img/themes/set.000/mipdc.03/sty013.png") no-repeat scroll top left ; }
a.modinv_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.modinv_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #ffffff ; }
a.modinv_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #ffffff ; }
a.modinv_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #ffffff ; }
.moddef_img{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #121212 ; margin: 0px ; padding: 4px ; text-indent: 0px ; }
.moddef_img img {
object-fit: contain;
object-position: center;
font-family: 'object-fit: contain; object-position: center';
}
@media screen and (max-width: 768px) {
.moddef_img {
display: inline-block;
width: 100%;
}
}
.moddef_cap{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_pre1{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; background-color: #ffffff ; margin: 0px 2px ; padding: 2px ; border-left: 2px solid #cccccc ; text-indent: 0px ; white-space: pre ; font-family: monospace ; }
.moddef_pre2{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; background-color: #ffffff ; margin: 0px 2px ; padding: 2px ; border: 1px solid #cccccc ; text-indent: 0px ; white-space: pre ; font-family: monospace ; }
.moddef_btag{ display: inline ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_etag{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: italic ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_stag{ display: inline ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #993333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_itag{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_dtag{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn1{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #185caa ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn2{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #003399 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_spn3{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #993333 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.modpath_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 1px ; padding: 0px ; }
a.modpath_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.modpath_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.modpath_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #e60033 ; }
.modpath_text{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px ; padding: 0px ; text-indent: 0px ; }
a.modmini_link{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 1px ; padding: 0px ; padding:2px;}

.syspathul > li:first-child {
border-left:solid 1px;
}
.syspathul > li:last-child {
border-right:solid 1px;
}
.syspathul > li {
border-bottom:solid 1px #ebebeb ;
margin-right:-6px !important;
text-align:center;
min-width:40px;
}
.syspathul > li:last-child> a.modmini_link {
color:#185caa !important;
}
.syspathul > li:nth-last-child(2) {
color:#185caa;
text-decolation:none;
}
#recruit.fresh .syspathul li:nth-child(5) a.modmini_link {
pointer-events: none;
display: block;
margin: 0;
padding: 0;
}
}
a.modmini_link:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.modmini_link:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
a.modmini_link:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #195caa ; }
.modmini_text{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ebebeb ; margin: 1px ; padding: 0px ; text-indent: 0px ; }
.modmesg_label{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
span.required {
	color: #ffffff;
	background-color: #c9171e;
	font-size: 0.6em !important;
	line-height: 130%;
	padding: 0px 5px;
	margin: 5px;
	vertical-align: middle;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;}
.modmesg_value{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_cmnt{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_cnfm{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.modmesg_text{ display: block ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #e60033 ; margin: 1px 2px ; padding: 0px ; text-indent: 0px ; }
.moddef_txt {
font-size: 18px;
margin: 1em 0;
font-weight: bold;
color: #555;}
.moddef_textr{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: right ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modinv_textr{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: right ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.moddef_textc{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modinv_textc{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modcopyright{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: right ; color: #cccccc ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.modfoot_text{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #000000 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.modfoot_link{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; background: url("/img/usr/default/yQP-4-JW6m-2.png") no-repeat scroll right center ; margin:0px 20px;
text-decoration:none;
}
@media screen and (max-width: 768px) {
a.modfoot_link {
display: block;
text-align: center;
color:#000000;
border-top:1px solid #cccccc;
padding: 10px 0px;
margin:0px;
background-size:10px;
}
}
@media screen and (max-width: 767px) {
a.modfoot_link:last-child {
border-bottom:1px solid #cccccc;
}
}
@media screen and (min-width: 768px) {
a.modfoot_link {
background:none;
}}
a.modfoot_link:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
a.modfoot_link:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
a.modfoot_link:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #000000 ; }
.modhead_text{ display: block ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
a.modhead_link{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ; }
a.modhead_link:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; }
a.modhead_link:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #185caa ; }
a.modhead_link:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #e60033 ; }
a.modpageupper{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px 2px 2px 14px ; border: 1px solid #005ea6 ; position:fixed;
width:60px;
height:60px;
border-radius:4px;
background:#fff;
box-sizing:border-box;
bottom:80px;
right:-120px;
cursor:pointer;
line-height:20vh;
text-decoration:none;
}
.modpageupper {
position:relative;
}
.modpageupper::after {
content:"";
display:block;
border-top:1px solid #185caa;
border-left:1px solid #185caa;
width:22px;
height:22px;
transform:rotate(45deg);
position:absolute;
top:22px;
right:17px;
}
@media screen and (max-width: 768px) {
.modpageupper {
display: none !important;
width: 0;
height: 0;
}}
a.modpageupper:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #185caa ; }
a.modpageupper:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #185caa ; }
a.modpageupper:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #185caa ; }
a.modtotoplink{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px 2px 2px 14px ; background: url("/img/themes/set.000/mipdc.03/sty016.png") no-repeat scroll top left ; }
a.modtotoplink:link{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #666666 ; }
a.modtotoplink:visited{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #666666 ; }
a.modtotoplink:hover{ font-size: 12px ; font-weight: normal ; font-style: normal ; text-decoration: underline ; color: #185caa ; background: url("/img/themes/set.000/mipdc.03/sty017.png") no-repeat scroll top left ; }
.modimgtab1_ox{ margin: 0px 2px 4px 2px ; }
.modimgtab1_vr{ width: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Fx.png) right top repeat-y ; }
.modimgtab1_vl{ width: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Dx.png) left top repeat-y ; }
.modimgtab1_tl{ width: 12px ; height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Ax.png) left top no-repeat ; }
.modimgtab1_bl{ width: 12px ; height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Gx.png) left bottom no-repeat ; }
.modimgtab1_tr{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_BC.png) right top no-repeat ; }
.modimgtab1_br{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_HI.png) right bottom no-repeat ; }
.modimgtab1_in{ background: url(/img/themes/set.000/mipdc.03/sty018_Ex.png) ; }
.modimgtab1_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab1{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab2_ox{ margin: 0px 2px 4px 2px ; }
.modimgtab2_vr{ width: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Fx.png) right top repeat-y ; }
.modimgtab2_vl{ width: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Dx.png) left top repeat-y ; }
.modimgtab2_tl{ width: 12px ; height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Ax.png) left top no-repeat ; }
.modimgtab2_bl{ width: 12px ; height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Gx.png) left bottom no-repeat ; }
.modimgtab2_tr{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_BC.png) right top no-repeat ; }
.modimgtab2_br{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_HI.png) right bottom no-repeat ; }
.modimgtab2_in{ background: url(/img/themes/set.000/mipdc.03/sty019_Ex.png) ; }
.modimgtab2_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgtab2{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox1_ox{ margin: 0px 2px 4px 2px ; font-size: 1px; line-height: 1%; }
.modimgbox1_vr{ background: url(/img/themes/set.000/mipdc.03/sty018_Fx.png) right top repeat-y ; }
.modimgbox1_vl{ margin-right: 12px ; padding-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Dx.png) left top repeat-y ; }
.modimgbox1_tl{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Ax.png) left top no-repeat ; }
.modimgbox1_bl{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_Gx.png) left bottom no-repeat ; }
.modimgbox1_tr{ height: 12px ; margin-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_BC.png) right top no-repeat ; }
.modimgbox1_br{ height: 12px ; margin-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty018_HI.png) right bottom no-repeat ; }
.modimgbox1_in{ background: url(/img/themes/set.000/mipdc.03/sty018_Ex.png) ; }
.modimgbox1_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox1{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox2_ox{ margin: 0px 2px 4px 2px ; font-size: 1px; line-height: 1%; }
.modimgbox2_vr{ background: url(/img/themes/set.000/mipdc.03/sty019_Fx.png) right top repeat-y ; }
.modimgbox2_vl{ margin-right: 12px ; padding-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Dx.png) left top repeat-y ; }
.modimgbox2_tl{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Ax.png) left top no-repeat ; }
.modimgbox2_bl{ height: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_Gx.png) left bottom no-repeat ; }
.modimgbox2_tr{ height: 12px ; margin-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_BC.png) right top no-repeat ; }
.modimgbox2_br{ height: 12px ; margin-left: 12px ; background: url(/img/themes/set.000/mipdc.03/sty019_HI.png) right bottom no-repeat ; }
.modimgbox2_in{ background: url(/img/themes/set.000/mipdc.03/sty019_Ex.png) ; }
.modimgbox2_im{ font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
.modimgbox2{ margin: 0px 2px 4px 2px ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; padding: 4px ; text-indent: 0px ; }
a.infolink_kink01{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 8px 10px ; display:inline-block;
min-width: 100px;
text-decoration:none;
font-family: メイリオ;
}
@media screen and (max-width: 768px) {
a.infolink_kink01 {
width:50%;
float:left;
padding:15px 0px;
}}
a.infolink_kink01:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #cc0430 ; }
a.infolink_kink01:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #cc0430 ; }
a.infolink_kink01:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.infolink_kink02{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 8px 10px ; display:inline-block;
min-width: 100px;
font-family: メイリオ;
text-decoration:none;
}
@media screen and (max-width: 768px) {
a.infolink_kink02 {
width:50%;
float:right;
padding:15px 0px;
}}
a.infolink_kink02:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.infolink_kink02:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.infolink_kink02:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.deftitle{ display: block ; overflow: hidden ; width: 100% ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #121212 ; background-color: #faf9f8 ; margin: 0px ; padding: 0px ; text-indent: 0px ; background-repeat:no-repeat;
background-position: bottom right;
padding: 5vh 0 3vw 0;
font-weight: normal;
}
#sitemap .deftitle,
#privacy .deftitle,
#def .deftitle,
#about .deftitle{
background-image: url('/img/usr/default/58y-a-405-6.png');
}
#business .deftitle{
background-image: url('/img/usr/default/JPC-P-XY7k-2.png');
}
.job_seeker .deftitle{
background-image: url('/img/usr/default/k2X-i-CY7g-2.png');
}
#sdgs .deftitle {
  background-image: url('/img/usr/default/fQx-n-a4bf-6.png');
}
.career .deftitle{
background-size: cover;
max-width: 100%;
height: 300px;
background-position: top;
z-index:-100;
}
.fresh .deftitle{
background-size: cover;
max-width: 100%;
background-position: left;
height:430px;
z-index:-100;
}
.career .deftitle{
background-image: url('/img/usr/default/Ms4-M-c4ah-1.png');
}
.fresh .deftitle{
background-image: url('/img/usr/default/hQQ-l-J49m-2.png');
}
#TITLE div {
position: relative;
}
#TITLE div div.w1020:after {
position: absolute;
content: '';
display: block;
border-bottom: solid 4px #195caa;
width: 10%;
left:10px;
bottom: -3vw;
}
.career #TITLE div div.w1020{
margin-top:2rem;
}
.fresh #TITLE div div.w1020{
transform:translate(300px, 120px);
}
.career #TITLE div div.w1020:after,
.fresh #TITLE div div.w1020:after {
display:none;
}
.deftitle .moddef_etag {
font-size: 1em;
font-style: normal;
margin: 0;
padding: 0;
}
.deftitle h2 {
font-size: 3em;
border: none;
margin: 0;
padding: 0;
font-weight: normal;
}
.fresh .deftitle h2,
.career .deftitle h2 {
font-family:'游明朝';
color: #fff;
}
.fresh .deftitle .moddef_etag,
.career .deftitle .moddef_etag{
font-family:'游明朝';
color: #fff;
}
.career .deftitle h2,
.career .deftitle .moddef_etag {
margin-left:3rem;
}
.fresh .deftitle h2,
.fresh .deftitle .moddef_etag{
text-shadow: 3px 3px 0 #cc0430;
}
.career .deftitle h2,
.career .deftitle .moddef_etag{
text-shadow: 3px 3px 0 rgb(51, 51, 51);
}
@media screen and (max-width: 768px){
.deftitle {
background-size: contain;
padding: 2vh 0 3vw 0;
}
.deftitle h2{
font-size:2em;
}
.career .deftitle,
.fresh .deftitle{
background-size: cover;
background-position:left;
}
.fresh .deftitle{
background-image: url('/img/usr/default/40p-b-e4ag-2.png');
background-position:left top;
height:600px;
}
.fresh #TITLE div div.w1020{
transform:translate(15vw, 8vh);
}
#sitemap .deftitle,
#privacy .deftitle,
#about .deftitle{
background-size:cover;
}}
.spimg{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px){
.spimg {
display: inline-block;
width: 100%;
}
.spimg img {
width: 100%;
height: auto;
}}
a.pagetop{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 200% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 10px 0px ; background: url("/img/usr/default/MYs-M-b3bl-2.png") no-repeat scroll center bottom ; margin: 0 20px;
/*これ*/}
@media screen and (max-width: 768px) {
a.pagetop {
display: block;
widht:100%;
background-size:20px;
background-position:3% 50%;
text-align: center;
margin: 0;/*これ*/
}
}
@media screen and (min-width: 769px) {
a.pagetop {
display:none;
}}
a.pagetop:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #323333 ; }
a.pagetop:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #323333 ; }
a.pagetop:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.pagetopsp{ display: block ; font-size: 11px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 5px 0px 0px ; padding: 0px 4px 0px 0px ; background: url("/img/usr/default/MYs-M-b3bl-2.png") no-repeat scroll center bottom ; display: block;
height:40px;
width:90px;
background-size:10px;
background-position : 10% 50%;
border-radius: 3px;
text-align: center;
line-height:3.9em;
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 2px 2px 2px rgba(0, 0, 0, 0.19);
}
@media screen and (max-width: 768px) {
a.pagetopsp {
display:none;
}
}
a.pagetopsp:link{ font-size: 11px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #acdfe2 ; }
a.pagetopsp:visited{ font-size: 11px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #acdfe2 ; }
a.pagetopsp:hover{ font-size: 11px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
.news_title{ display: inline ; font-family: "メイリオ" "Meiryo" ; font-size: 30px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 1px 0px ; padding: 0px ; text-indent: 0px ;   position: relative;
  display: inline-block;
  margin-bottom: 1em;
}
.news_title:after {
  content: '';
  position: absolute;
  display: inline-block;
  left: 50%;
  bottom: -10px;/*線の上下位置*/
  width: 90px;/*線の長さ*/
  height: 4px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #195caa;/*線の色*/
}}
a.btn{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 20px 0px 0px 2px ; padding: 1px 2px 1px 1px ; }
a.btn{
    width:200px;
    display: block;
    padding: 1em 1em;
    text-decoration: none;
    text-align:center;
    padding: 0.5em 1em;
    background: -webkit-repeating-linear-gradient(-45deg, #003093, #003093 3px,#195caa 3px, #195caa 7px);
    background: repeating-linear-gradient(-45deg, #003093, #003093 3px,#195caa 3px, #195caa 7px);
    transition: .4s;
    margin-top:20px;
    margin-left:auto;
vertical-align: middle;
}
a.btn:link {
    position:relative;
}
a.btn::after {
    position:absolute;
    content: '';
    display: inline-block;
    width: 15px;
    height: 45%;
    vertical-align: middle;
    background: url('/img/usr/default/BNn-X-lXc-2.png');
    background-repeat:no-repeat;
    margin-left: 5px;
    background-size: 15px 15px;
    background-position:98% center;
   top: 30%;
   right:15px;
}
@media screen and (max-width: 768px) {
a.btn {
    width:auto;
    display: block;
    padding: 1em 1em;
    text-decoration: none;
    text-align:center;
    background: -webkit-repeating-linear-gradient(-45deg, #45b9bf, #45b9bf 3px,#59c0c6 3px, #59c0c6 7px);
    background: repeating-linear-gradient(-45deg, #45b9bf, #45b9bf 3px,#59c0c6 3px, #59c0c6 7px);
    transition: .4s;
    margin:20px 10px;
}
a.btn::after {
height:50%;
}
}
a.btn:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.btn:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.btn:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
.img_pc25sp50{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; float: left ;
}
.img_pc25sp50 img {
height: auto;
vertical-align: bottom;
}
.servicesbnr {
padding-bottom: 10px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.img_pc25sp50 {
width: 50%;
}
.img_pc25sp50 img {
width:100%;
}
.servicesbnr {
padding: 10px;
}}
.gmap_autobox{ display: block ; overflow: hidden ; height: 0px ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 15px 0px auto 0px ; padding: 30px 0px 0px 0px ; text-indent: 0px ;   position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.gmap_autobox iframe,
.gmap_autobox object,
.gmap_autobox embed {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map_remarks{
  margin:5px;
  font-size:85%;
  list-style-type: none;}
.table_boxsp100{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media only screen and (max-width: 768px) {
.table_boxsp100 table, .table_boxsp100 thead, .table_boxsp100 tbody, .table_boxsp100 th, .table_boxsp100 td, .table_boxsp100 tr { 
display: block;
width:auto;
}
.table_boxsp100 thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.table_boxsp100 tr { border: 1px solid #ccc;
display:block;
}
.table_boxsp100 td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
}
		
.table_boxsp100 td:before {
position: absolute;
top: 6px;
left: 6px;
width: 100%; 
padding-right: 10px; 
white-space: nowrap;
}
/*Label the data*/
.table_boxsp100 td:nth-of-type(1):before { content: ""; }
.table_boxsp100 td:nth-of-type(2):before { content: ""; }
.table_boxsp100 td:nth-of-type(3):before { content: ""; }
.table_boxsp100 td:nth-of-type(4):before { content: ""; }
textarea {
width: 94% !important;
display: inline-block;
padding: 3%;
margin: 0;
}}
.table_length{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #000000 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.fleft{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 0px 30px ; padding: 0px ; text-indent: 0px ; display:block;
float:left;
}
@media only screen and (max-width: 768px) {
.fleft {
clear:both;
margin:0px;
}}
.timeline_time{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #003399 ; margin: 0px ; padding: 0px ; text-indent: 0px ; display: inline-block;
padding: 0.2em 1.5em;
margin: 1em 0 1em 36%;
}
@media screen and (max-width: 768px) {
.timeline_time {
font-size:20px ;
margin:1em  auto;
width: 25%;
text-align: center;
display: block;
}}
.timeline_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #121212 ; background-color: #ffffff ; margin: 0px ; padding: 0px ; text-indent: 0px ; position: relative;
}

.timeline_box_last .modbbox3,
.timeline_box .modbbox3{
color:#000;
}

.timeline_box:before {
position: absolute;
content: '';
display: block;
border-left: solid 2px #003399;
z-index: 1;
height: 100%;
left: 40%;
margin-top: -1em;
}
.timeline_box:after {
position: absolute;
content: '';
display: block;
border-left: solid 2px #003399;
z-index: 1;
height: 2em;
left: 40%;
margin-top: -1em;
}
.timeline_box > div:not(moddef_img) {
margin-left: 450px;
}
.timeline_box .modbbox4 {
margin: 0;
}
.timeline_box .moddef_img {
width: 300px;
height: 300px;
margin-left: 1em;
}
.timeline_box .moddef_img img{
object-fit: scale-down;
width: 300px;
height: 300px;
object-position: center;
font-family: 'object-fit: scale-down; object-position: center;';
}
.timeline_box .h4 {
font-size: 2em;
}
.timeline_box_last > div:not(moddef_img) {
margin-left: 450px;
}
.timeline_box_last .modbbox4 {
margin: 0;
}
.timeline_box_last .moddef_img {
width: 300px;
height: 300px;
margin-left: 1em; 
}
.timeline_box_last .moddef_img img{
width: 100%;
height: auto;
}
.timeline_box_last .h4 {
font-size: 2em;
}
@media screen and (max-width: 768px) {
.timeline_box > div:not(moddef_img) {
margin-left: 0px;
}
.timeline_box .moddef_img{
width: 100%;
height: auto;
margin-left: 0; 
float:none !important;
}
.timeline_box > .moddef_img img {
object-fit: scale-down;
height: 80vmin;
width:100%;
}
.timeline_box:before {
display:none;
}
.timeline_box:after {
position: absolute;
display:none;
}
.timeline_box_last > div:not(moddef_img) {
margin-left: 0px;
}
.timeline_box_last .moddef_img{
width: 100%;
height: auto;
margin-left: 0;
float:none !important; 
}}
.foot1_box{ display: block ; overflow: hidden ; width: 100% ; height: 350px ; font-size: 21px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; background: url("/img/usr/default/Y1K-A-PWem-6.jpg") no-repeat scroll center bottom ; background-color: #cccccc ; margin: 25px 0px 15px 0px ; padding: 0px ; text-indent: 0px ; background-position: 10%;
background-size: 120%;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover;
pointer-events: none;
}
.foot1_box .moddef_text {
margin: 25% auto;
overflow: hidden;
}
.foot1_box div {
padding: 10% 0;
}
@media screen and (max-width: 768px){
.foot1_box {
height: 200px;
background-image: url(/img/usr/default/Y1K-A-PWem-6.jpg);
background-position: 70% center;
background-size: 160%;
background-attachment: unset;
}}
a.btn_about{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 2px 20px ; }
a.btn_about{
    display: block;
    text-decoration: none;
    text-align:center;
    background: -webkit-repeating-linear-gradient(-45deg, #003093, #003093 3px,#195caa 3px, #195caa 7px);
    background: repeating-linear-gradient(-45deg, #003093, #003093 3px,#195caa 3px, #195caa 7px);
    transition: .4s;
    position:absolute;
    bottom:0px;
    right: 0px;
    padding-right:12px;
}
a.btn_about::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url('/img/usr/default/YaK-A-UXc-1.png');
    background-size: 12px 12px;
    margin-left: 5px;
}
@media screen and (max-width: 768px) {
a.btn_about {
    display: block;
    text-decoration: none;
    text-align:center;
    padding: 0.5em 1em;
    right: 0px;
    margin:1em 0em;
}
a.btn_about:link {
    position:relative;
}
a.btn_about::after {
   position:absolute;
   top:15px;
   right:15px;
}}
a.btn_about:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.btn_about:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.btn_about:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
.frame_about{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 15px 50px 15px ; padding: 0px ; text-indent: 0px ; float:left;
height:auto;
width:292px; 
height:300px;
position:relative;
}
.frame_about > .moddef_text > .moddef_img
{
text-align:center;
}
.frame_about > .moddef_text > .moddef_img >img
{
border-radius:5px;
width:292px !important;
height:132px !important;
object-fit:cover;
}
@media screen and (max-width: 768px) {
.frame_about {
float:none;
width:100%;
height:auto;
margin:0px 0px 20px 0px !important;
}
.frame_about > .moddef_text > .moddef_img >img
{
width:100% !important;
height:auto !important;
}}
.intterview-field{ display: block ; overflow: hidden ; width: 100% ; height: 468px ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (min-width: 769px) {
 .intterview-title{
  border-left-width: 7px;
  border-left-style: solid;
  border-left-color: #cc0430;
  height: 70px;
 }
 .intterview-title p:first-child{
  color: #cc0430;
  font-size: 52px;
  line-height: 0%;
  padding-top: 20px;
 }
 .intterview-title p:nth-child(2){
  bottom: 25px;
  position: relative;
  left: 30px;
 }
}
 .intterview-field{
 background: url('/img/usr/default/aNU-s-FX7m-1.png');
 overflow:hidden;
 background-repeat: no-repeat;
 position:relative;
 background-size:auto 100%;
 background-position-x:right;
 margin-top:20px;
 }
 .intterview-field:before {
 content: url('/img/usr/default/ayB-s-YX7n-6.png');
 overflow:hidden;
 position:absolute;
 transform:scale(0.9);
 top:-10%;
 right:30%;
 }
 .intterview-field:after {
 content: url('/img/usr/default/Ta9-F-7X8e-1.png');
 overflow:hidden;
 position:absolute;
 right:-1200px;
 float: right;
 width: auto;
}
.intterview-mess{
 right:350px;
 position:absolute;
 font-size:32px;
 top:330px;
 color:rgba(255,255,255,1);
 line-height:36px;
 text-align:left;
}
.intterview-overlink{
 width:100%;
 height:100%;
 text-align:left;
 position:absolute;
 z-index:1;
}
.intterview-field #link1{
 right:1em;
 position:absolute;
 font-size:24px;
 top:330px;
 color:#ffff00;
 line-height:25px;
 z-index: 10;
 text-decoration:none;
 }
.intterview-field #link1 p:first-child{
 margin-bottom:-15px;
 padding-bottom:0;
}
.intterview-field #link1 p:nth-child(3){
 display:none;
}
@media screen and (max-width: 768px) {
.intterview-field:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: url('/img/usr/default/qTm-c-hXbn-2.png');
background-size: contain;
vertical-align: middle;
position: absolute;
background-repeat: no-repeat;
top: 0;
right:0;
transform: scale(1.0);
}
.intterview-field:after {
content: '';
width: 100%;
height: 26%;
position: absolute;
top: 74%;
right:0;
background:rgb(24,92,170);
}
 .intterview-field{
 padding:85% 0 0;
 height : 0;
 width: 100%;
 background-position:0 55%;
 background-size:contain;
 }
.intterview-mess{
 top:52%;
 position:absolute;
 font-size:4vw;
 left:5%;
 line-height:5vw;
 text-align:left;
 width:100%;
}
.intterview-field #link1{
 color:rgb(24,92,170);
 background-color:#FFFFFF;
 font-size: 4vw;
 right: 5%;
 top: 80%;
 border-radius: 7px;
 width: 90%;
 height:15%;
 line-height: normal;
}
.intterview-field #link1 p{
 float:left;
}
.intterview-field #link1 p:first-child{
 margin-left: 20%;
}
.intterview-field #link1 p:nth-child(3){
 display:block;
 position:absolute;
 font-size:10vw;
 line-height:0;
 font-weight:bold;
 top:-30%;
 right:0%;
}
 .intterview-title{
 }
 .intterview-title p:first-child{
  color: #cc0430;
  font-size: 13vw;
  width:100%;
  text-align: center;
  margin: 0;
  height: auto;
 }
 .intterview-title p:nth-child(2){
  font-size: 3vw;
  width:100%;
   text-align: center;
  line-height: normal;
  margin:-6px 0 0 0 ;
 }
.intterview-overlink{
 top:0%;
}}
a.recruitlink_kink01{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 8px 10px ; display:inline-block;
min-width: 100px;
text-decoration:none;
font-family: メイリオ;
background-color:#4c7e7d;
}
@media screen and (max-width: 768px) {
a.recruitlink_kink01 {
width:50%;
float:left;
padding:15px 0px;
}}
a.recruitlink_kink01:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.recruitlink_kink01:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; }
a.recruitlink_kink01:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
a.recruitlink_kink02{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 8px 10px ; display:inline-block;
min-width: 100px;
font-family: メイリオ;
text-decoration:none;
background-color:rgba(43,43,43,1.0);
}
@media screen and (max-width: 768px) {
a.recruitlink_kink02 {
width:50%;
float:right;
padding:15px 0px;
}}
a.recruitlink_kink02:link{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.recruitlink_kink02:visited{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #333333 ; }
a.recruitlink_kink02:hover{ font-size: 14px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.photogallery{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; list-style-type: none;
}
.photostep {
display:block;
list-style-type: none;
}
.photogallery > li, .photostep > li {
float: left;
margin: 0.8vw;
}
.photogallery > li {
width:18vmin; height:18vmin;
}
.photostep > li {
}
.photogallery > li > a img{
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
.photogallery > li > a img {
width:18vmin; height:18vmin;
}
.photostep > li > a img {
width: 100%;
height: auto;
}
.photogallery > li > a {
position:absolute;
display:block;
}
.photostep > li > a {
display:block;
}
.photogallery li > a .cover {
position:absolute;
display:block;
width: 100%;
height: 100%;
background: url(/img/usr/default/6S4-9-c37n-2.png);
}
@media screen and (max-width: 768px) {
.photostep > li {
width: 100%;
height: auto;
min-height: unset;
}
.photostep > li > a img {
object-fit: scale-down;
font-family: 'object-fit: cover; object-position: center;';
}
ul.photogallery li,
ul.photostep li{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
 touch-callout:none;
 user-select:none;
}}
.omoto_font{ display: inline ; font-size: 30px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; font-family:HG行書体,HGP行書体,cursive, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.photo3_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 0px ; padding: 2px ; text-indent: 0px ; }
.photo3_box .moddef_img {
width: 31%;
height: auto;
padding: 1%;
}
.photo3_box .moddef_img img {
width: 310px;
height: 310px;
object-fit: contain;
object-position: center top;
font-family: 'object-fit: cover; object-position: center top;'
}
@media screen and (max-width: 768px) {
.photo3_box .moddef_img {
width: 100%;
height: auto;
}
.photo3_box .moddef_img img {
 width:100%;
 max-width: 100%;
 height: auto;
}}
.client_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 36px 20px ; padding: 2px 0px ; text-indent: 0px ; }
.client_box span {
color: #121212;
display: inline-block;
width: 28em;
}
@media screen and (max-width: 768px) {
.client_box{
margin-left:0;
}

.client_box span {
width: 100%;
}}
.locationlist_box{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.locationlist_box hr {height: 1px !important;background-color: #ccc;width: 100%;border: none;}
.locationlist_box .modhead4 {margin: 1em 0;border: none;width: 12em;float: left;margin: 0;}
.locationlist_box table {width:40em;float: left;}
.location_link {
float: none;
display: inline-block;
margin: 0 0 0 1em;
padding: 0 1em;
text-decoration:none;
background-image: url('/img/usr/default/YaK-A-UXc-1.png');
background-repeat: no-repeat;
background-position: right;
background-size: 12px;
}
a.location_link:link {
color: #fff;
background-color: #195caa;
}
a.location_link:visited {
color:#fff !important;
background-color: #195caa;
}
@media only screen and (max-width: 768px) {
.locationlist_box .modhead4 {
width: 100%;
float: none;
font-size: 1.2em;
border-left: 4px solid #185caa;
margin-bottom: 0.5em;
}
.locationlist_box table {
width: 100%;
float: none;
}
.location_link {
float: none;
width: auto;
padding: 0.8em;
margin: 1em 0;
display: block;
text-align: center;
background-size: 1em;
}
.locationlist_box table, .locationlist_box thead, .locationlist_box tbody, .locationlist_box th, .locationlist_box td, .locationlist_box tr { 
display: block;
width:auto;
}
.locationlist_box thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.locationlist_box tr { border: 1px solid #ccc;
display:block;
}
.locationlist_box td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
}
		
.locationlist_box td:before {
position: absolute;
top: 6px;
left: 6px;
width: 100%; 
padding-right: 10px; 
white-space: nowrap;
}
/*Label the data*/
.locationlist_box td:nth-of-type(1):before { content: ""; }
.locationlist_box td:nth-of-type(2):before { content: ""; }
.locationlist_box td:nth-of-type(3):before { content: ""; }
.locationlist_box td:nth-of-type(4):before { content: ""; }
textarea {
width: 94% !important;
display: inline-block;
padding: 3%;
margin: 0;
}}
.recruit-topmsg_box{ display: block ; overflow: hidden ; height: 320px ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 150% ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; background-color: #cc0430 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
#TOP div.recruit-topmsg_box {
width:518px;
}
#TOP div.recruit-topmsg_box div {
display: inline-block;
color: #fff;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-size: 18px;
}
#TOP div.recruit-topmsg_box .moddef_stag {
color: #fff;
font-size: 2em;
font-weight: normal;
}
#TOP div.recruit-topmsg_box a {
display: inline-block;
width: auto;
padding: 10px 3em;
margin: 0 0 1em;
}
#TOP div.recruit-topmsg_box a:link,
#TOP div.recruit-topmsg_box a:visited {
text-decoration: none;
background-color: #fff;
color: #cc0430;
font-size: 18px;
}
#TOP div.recruit-topmsg_box a:hover {
background-color: #cc0430;
color: #fff;
}
@media only screen and (max-width: 768px) {
#TOP div.recruit-topmsg_box {
width:100%;
height: auto;
}
#TOP div.recruit-topmsg_box .moddef_stag {
font-size: 10vw;
}}
.overhidden_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; overflow: hidden;
}
#TOP .overhidden_box {
height: 320px;
}
#TOP .overhidden_box img {
 object-fit: contain;
 object-position: center top;
 font-family: 'object-fit: cover; object-position: center top;'
}
@media screen and (max-width: 768px) {
#TOP .overhidden_box {
height: auto;
}
#TOP .overhidden_box img {
  max-width: 100%;
    height: auto;
}}
.interviewkv{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; text-indent: 0px ; background-position: center;
background-size: cover;
}
.interviewkv .w1020 {
height: 35vw;
}
.interviewkv .w1020::after {
display: none !important;
position: unset;
}
.interviewkv .staffinfo {
position: absolute !important;
z-index: 500;
bottom: 10px;
left: 0;
background-color: #185caa;
color: #fff;
padding: 1em;
width: 25vw;
height: 9vw;
line-height: 1vw;
}
.interviewkv .staffinfo .staffname{
font-size:3vw;
}
@media screen and (max-width: 768px) {
.interviewkv {background-size: 100%}
.interviewkv .w1020 {height: 50vw;}
.interviewkv .staffinfo {width: auto; height:17vw; padding-top:0;}
.interviewkv .staffinfo .staffname {font-size: 1.5em;}}
.top_location{ display: block ; overflow: hidden ; height: 375px ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #000000 ; background-color: #cccccc ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.top_locationbox div:nth-of-type(2) {
width: 500px;
}
.top_locationbox div:nth-of-type(2) img {
width: 100%;
height: auto;
vertical-align:bottom;
}
.top_location_link {
width: auto;
padding: 0.8em;
display: block;
text-align: center;
background-size: 1em;
text-decoration:none;
background-image: url('/img/usr/default/YaK-A-UXc-1.png');
background-repeat: no-repeat;
background-position: right 10px bottom 50%;
background-size: 12px;
}
a.top_location_link:link {
color: #fff;
background-color: #195caa;
margin:1em 2em;
}
a.top_location_link:visited {
background-color:#195caa;
}
.top_location > table{
margin: auto;
margin-top:30px;
padding:0px 30px;
}
a.top_location_link:visited {
color:#fff !important;}
@media only screen and (max-width: 768px) {
.top_locationbox div:nth-of-type(2){
width: 100%;
}
.top_location {
display:none;
}}
.pcnone{ display: block ; font-family: "メイリオ" "Meiryo" ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
a.pcnone{
    color:#ffffff !important;
    width:auto;
    display: block;
    padding: 1em 1em;
    text-decoration: none;
    text-align:center;
    background: -webkit-repeating-linear-gradient(-45deg, #45b9bf, #45b9bf 3px,#59c0c6 3px, #59c0c6 7px);
    background: repeating-linear-gradient(-45deg, #45b9bf, #45b9bf 3px,#59c0c6 3px, #59c0c6 7px);
    transition: .4s;
    margin:20px 10px;
}
a.pcnone:link {
    position:relative;
}
a.pcnone::after {
    position:absolute;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url('/img/usr/default/YaK-A-UXc-1.png');
    margin-left: 5px;
    background-size: 14px 14px;
   top:20px;
   right:15px;
}
.spnone{
display:block;
}

@media screen and (min-width: 769px) {
a.pcnone {
display:none;
}

.spnone{
display:none;
}}
.oneday-field{ display: block ; overflow: hidden ; width: 100% ; height: 468px ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (min-width: 769px) {
 .oneday-title{
  border-left-width: 7px;
  border-left-style: solid;
  border-left-color: #cc0430;
  height: 70px;
 }
 .oneday-title p:first-child{
  color: #cc0430;
  font-size: 52px;
  line-height: 0%;
  padding-top: 20px;
 }
 .oneday-title p:nth-child(2){
  bottom: 25px;
  position: relative;
  left: 30px;
 }
}
 .oneday-field{
 background: url(/img/usr/default/4DP-b-K0ak-1.png);
 overflow:hidden;
 background-repeat: no-repeat;
 position:relative;
 background-size:auto 100%;
 background-position-x:right;
 margin-top:20px;
 }
.oneday-field:before {
 content: url('/img/usr/default/X6r-B-cZch-4.png');
 overflow:hidden;
 position:absolute;
 transform:scale(0.9);
 top:-10%;
 right:30%;
 }
 .oneday-field:after {
 content: url('/img/usr/default/Ta9-F-7X8e-1.png');
 overflow:hidden;
 position:absolute;
 right:-1200px;
 float: right;
 width: auto;
}
.oneday-mess{
 right:350px;
 position:absolute;
 font-size:32px;
 top:330px;
 color:rgba(255,255,255,1);
 line-height:36px;
 text-align:left;
}
.oneday-overlink{
 width:100%;
 height:100%;
 text-align:left;
 position:absolute;
 z-index:1;
}
.oneday-field #link1{
 right:1em;
 position:absolute;
 font-size:24px;
 top:330px;
 color:#ffff00;
 line-height:25px;
 z-index: 10;
 text-decoration:none;
 }
.oneday-field  #link1 p:first-child{
 margin-bottom:-15px;
 padding-bottom:0;
}
.oneday-field  #link1 p:nth-child(3){
 display:none;
}
@media screen and (max-width: 768px) {
.oneday-field:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: url('/img/usr/default/KZF-O-UZci-1.png');
background-size: contain;
vertical-align: middle;
position: absolute;
background-repeat: no-repeat;
top: 0;
right:0;
transform: scale(1.0);
}
.oneday-field:after {
content: '';
width: 100%;
height: 26%;
position: absolute;
top: 74%;
right:0;
background:rgb(24,92,170);
}
 .oneday-field{
 padding:85% 0 0;
 height : 0;
 width: 100%;
 background-position:0 55%;
 background-size:contain;
 }
.oneday-mess{
 top:52%;
 position:absolute;
 font-size:4vw;
 left:5%;
 line-height:5vw;
 text-align:left;
 width:100%;
}
.oneday-field  #link1{
 color:rgb(24,92,170);
 background-color:#FFFFFF;
 font-size: 4vw;
 right: 5%;
 top: 80%;
 border-radius: 7px;
 width: 90%;
 height:15%;
 line-height: normal;
}
.oneday-field  #link1 p{
 float:left;
}
.oneday-field  #link1 p:first-child{
 margin-left: 20%;
}
.oneday-field  #link1 p:nth-child(3){
 display:block;
 position:absolute;
 font-size:10vw;
 line-height:0;
 font-weight:bold;
 top:-30%;
 right:0%;
}
 .oneday-title p:first-child{
  color: #cc0430;
  font-size: 13vw;
  width:100%;
  text-align: center;
  margin: 10% 0 0 0;
  height: auto;
 }
 .oneday-title p:nth-child(2){
   font-size: 3vw;
  width:100%;
   text-align: center;
  line-height: normal;
  margin-top:-6px;
 }
.oneday-overlink{
 top:0%;
}}
.top_achievement{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; background-color: #eff1f1 ; margin: 0px ; padding: 20px 5px 5px 5px ; text-indent: 0px ; }
.top_achievement br {
display: none;
}
.top_achievement .swiper-slide img{
width:100%;
height:auto;
}
.top_achievement .moddef_text{
margin-bottom:20px;
text-align:center;
}
.top_achievement .modbbox1{
margin-bottom:20px;
}
.top_achievement .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:-20px;
}
.recruit-field{ display: block ; overflow: hidden ; width: 100% ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.recruit-faq{
 #background-color: #dddddd;
 height:170px;
 text-align: center;
 display: table;
 width: 100%;
 margin: 10vh 0 3vh;
 background-image: linear-gradient(
     -45deg,
     #dddddd 30%, 
     #f5f5f5 30%,#f5f5f5 70%,
     #dddddd 70%,#dddddd
 );
 background-size: 1350px 170px;
 background-position-x: center;
}
.recruit-faq a{
 text-decoration:none;
 font-size: 20px;
 font-weight: bold;
 color: #444444;
 background-color: #ffffff;
 border: 3px solid #cc0430;
 width: 500px;
 display: inline-block;
 margin: 0 auto;
 padding: 15px 0px;
}
.recruit-faq a:link, .recruit-faq a:visited{
 color: #444444;
}
.recruit-faq div{
 display: table-cell;
 vertical-align: middle;
}
.recruit-faq p{
 font-size: 30px;
 font-weight: bold;
 color: #cc0430;
 display: inline-block;
 margin: 14px -40px;
 position: absolute;
}
 .recruit-title{
 color: #cc0430;
 font-size: 38px;
 padding: 50px 0px 0px 0px;
 margin: 0px 0px -5px 0px;
}
 .recruit-subtitle{
 color: #444444;
 font-size: 15px;
 margin: 0px 0px 20px 10px;
}
.recruit-headline {
 width:800px;
 margin: 0 auto;
}
.newspage-link{
  background-image: linear-gradient(
     -45deg,
     #c0c0c0 7%, 
     #dcdcdc 7%,#dcdcdc 50%,
     #c0c0c0 50%,#c0c0c0 57%,
     #dcdcdc 57%,#dcdcdc
 );
 background-size: 7px 7px;
 height: 30px;
 width: 200px;
 float: right;
 line-height: 2.5;
 position: relative;
}
.recruit-headline a{
 text-decoration: underline;
}
.newspage-link span{
 color:#ffffff;
 margin: -36px 0px;
 display: block;
 font-size: 18px;
 font-weight: bold;
 float:right;
}
.newspage-link a{
 text-decoration: none;
 font-size:12px;
  display: flex;
 align-items: center;
 justify-content: center;
}
.newspage-link a:link {
 color: #444444;
}
 .recruit-linkarea{
 width:100%;
 background-color:#f5f5f5;
 padding: 0 0 25px 0;
}
 .recruit-linkarea div{
 width:350px;
 display:inline-block;
 margin: 0px 20px 0px 20px;
}
 .recruit-linkarea div p:first-child{
 font-size:22px;
 font-weight: bold;
 color:#444444;
}
 .recruit-fresh p:nth-child(2){
 background-color: #ffffff; 
 border: 3px solid rgb(24,92,170);
 height: 60px;
 font-weight: bold;
}
 .recruit-fresh a{
 text-decoration:none;
 color: #444444;
 font-size:16px;
 display: flex;
 height: 100%;
 align-items: center;
 justify-content: center;
}
 .recruit-fresh span{
 display:none;
}
.recruit-career p:nth-child(2){
 color:#888888;
 background-color: #ffffff; 
 border: 3px solid #888888;
 height: 60px;
 font-weight: bold;
}
.recruit-career a{
 pointer-events: none;
 text-decoration:none;
 font-size:16px;
 display: flex;
 height: 100%;
 align-items: center;
 justify-content: center;
}
.recruit-career a:link{
 color: #696969;
}
.news-linkbox {
    display: block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-align: left;
    color: #333333;
    margin: 0px;
    padding: 14px 14px 14px 20px;
    border-bottom: 1px dotted #cccccc;
    text-indent: 0px;
}
.news-linkbox div:nth-child(2) {
 border: 1px solid #cc0430;
 text-align: center;
 margin: 0 3px;
}
@media screen and (max-width: 768px) {
 .recruit-title{
 font-size: 13vw;
}
.recruit-subtitle{
 font-size: 3vw;
}
 .recruit-faq{
 height:45vw;
 background-size: 200vw 45vw;
}
.recruit-faq a{
 font-size: 4vw;
 border: 2px solid #cc0430;
 padding: 10vw;
 width: auto;
 display: inline;
}
 .recruit-faq p{
 font-size: 5vw;
 margin: -1vw -7vw;
 height: 45vw;
}
 .recruit-linkarea{
 padding: 0 0;
}
 .recruit-linkarea div{
 width:90%;
 display:inline-block;
 padding: 5px 0 0 0;
}
 .recruit-linkarea div p:first-child{
 font-size: 6vw;
 line-height: 0;
}
 .recruit-fresh p:nth-child(2){
 font-size: 4.5vw;
 color:rgb(24,92,170);
 height: 20vw;
}
 .recruit-fresh span{
 display: inline-block;
position: absolute;
right: 5%;
font-size: 7vw;
color: rgb(24,92,170);
margin: -15vw auto;
}
 .recruit-fresh a{
 font-size: 4.5vw;
}
.recruit-career p:nth-child(2){
 height: 20vw;
}
.recruit-career a{
 font-size: 4.5vw;
}
.recruit-headline {
 width:95%;
}
.news-linkbox div {
 display:inline-block;
 margin: 0 0 !important;
}
.newspage-link{
 height: 40px;
 width: 250px;
 margin: 10px auto;
 float: none;
 line-height: 3.5;
}
.newspage-link span{
 font-size:20px;
 margin: -55px 0px;
 }}
.business_moviebox{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #1a1a1a ; margin: 0px ; padding: 0px ; text-indent: 0px ; display: inline-block;

}
.business_moviebox > div {
display: inline-block;
color: #fff;
width: 48%;
padding: 1%;
box-sizing:border-box;
}
.business_moviebox > div:first-child {
float: right;
}
.business_moviebox > div .modbbox2 {
color: #fff;
}
.business_moviebox h2 {
display: inline-block;
color: #fff;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
border: none;
width: 100%;
margin: 1em 0;
padding: 0;
font-size: 1.5em;
}
.business_moviebox .moviebox video {
width: 100%;
max-width: 600px;
}
@media screen and (max-width: 768px) {
.business_moviebox > div {
width: 100%;
}
.business_moviebox .moviebox video {
max-width: unset;
}}
.moviebox{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; position: relative;
min-height: 400px;
}
.moviebox video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
video {
/* pointer-events: none; */
}
video::-internal-media-controls-download-button {
 display:none;
}

video::-webkit-media-controls-enclosure {
 overflow:hidden;
}

video::-webkit-media-controls-panel {
 width: calc(100% + 30px); /* Adjust as needed */
}
@media screen and (max-width: 768px) {
.moviebox {
position: static;
min-height: unset;
}
.moviebox video {
position: static;
}}
.interview_h2{ display: block ; font-size: 25px ; font-weight: bold ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #000000 ; margin: 0px 0px 10px 0px ; padding: 20px 0px 5px 10px ; text-indent: 0px ; font-size: 2.3em;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.business_sectionbox{ display: block ; overflow: hidden ; width: 100% ; height: 390px ; font-size: 18px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; background-color: #000000 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
#business #BODY.w1020 {
width:auto;
max-width:1400px;
magin: 0;
}
.business_sectionbox div {
height: 100%;
position: relative;
text-shadow: #000 0 1px 6px,#000 0 1px 6px,#000 0 1px 6px,#000 0 1px 6px;
}
.business_sectionbox > div:hover {
opacity: 0.7;
}
.touban >a, .plant >a, .lifeline >a, .design >a {
display: block;
}
.business_sectionbox div div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
background-repeat: no-repeat;
height: 100%;
position: absolute;
}
.business_sectionbox div .touban01 {
background-color: #195caa;
background-image: url('/img/usr/default/SVK-G-P38i-6.jpg');
background-position: center;
background-size: cover;
color: #fff;
width: 30%;
text-align: right;
left: -100px;
z-index: 10;
transform: skewX(-20deg);
}
.business_sectionbox div .touban02 {
background-image: url('/img/usr/default/fY6-n-a17e-6.png');
background-position: bottom;
width: 100%;
z-index: 0;
}
.business_sectionbox div .touban03 {
background-color: #333;
background-image: url('/img/usr/default/qKX-c-C38j-4.jpg');
background-position: center;
background-size: cover;
color: #fff;
width: 30%;
text-align: left;
right: -100px;
z-index: 10;
transform: skewX(-20deg);
}
.business_sectionbox div .plant01 {
background-color: rgba(25,47,96,0.8);
background-position: right top;
color: #fff;
height: 100%;
width: 50%;
left: -100px;
z-index: 10;
transform: skewX(20deg);
}
.business_sectionbox div .plant02 {
background-image: url('/img/usr/default/W8O-C-L1ci-21.png');
background-position:left center;
background-size: inherit;
color: #fff;
width: 100%;
z-index: 0;
}
.business_sectionbox div .plant02 img {
right: 0;
position: absolute;
height: 100%;
width: auto;
}
.business_sectionbox div .lifeline01 {
background-color: rgba(25,47,96,0.8);
color: #fff;
position: absolute;
width: 50%;
left: -100px;
z-index: 10;
transform: skewX(-20deg);
}
.business_sectionbox div .lifeline02 {
background-image: url('/img/usr/default/ui5-8-b1di-4.png');
background-position: right center;
color: #fff;
width: 100%;
z-index: 0;
}
.business_sectionbox div .design01 {
background-color: rgba(25,47,96,0.8);
color: #fff;
position: absolute;
width: 50%;
z-index: 10;
left: -100px;
transform: skewX(20deg);
}
.business_sectionbox div .design02 {
background-image: url('/img/usr/default/J8I-P-R27h-3.png');
background-position: right center;
color: #fff;
width: 100%;
z-index: 0;
}
.business_sectionbox div div span {
color: #fff;
width: 100%;
margin: auto 0;
font-size: 2em;
font-size: 2vmax;
}
.business_sectionbox div .plant01 span,
.business_sectionbox div .design01 span {
transform: skewX(-20deg);
}
.business_sectionbox div .touban01 span,
.business_sectionbox div .touban03 span,
.business_sectionbox div .lifeline01 span {
transform: skewX(20deg);
}
.business_sectionbox div .lifeline02 span,
.business_sectionbox div .design02 span {
text-align: right;
margin-right: 5em;
}
.business_sectionbox div .touban01 span {
padding-right: 5vw;
}
.business_sectionbox div .touban03 span {
padding-left: 5vw;
}
.business_sectioninfo a {
position: absolute;
background-color: #cc0430;
background-image: url('/img/usr/default/BNn-X-lXc-2.png');
background-position: 98% center;
background-repeat: no-repeat;
font-size: 1.5em;
padding: 0.5em 3em;
bottom: -2em;
z-index: 30;
min-width: 300px;
text-align: center;
text-decoration: none;
box-shadow: #000 1px 1px 5px;
}
.business_sectioninfo.right a {
right: 1em;
}
.business_sectioninfo.left a {
left: 1em;
}
.business_sectioninfo a:link,
.business_sectioninfo a:visited {
color: #fff;
}
.business_sectioninfo a:hover {
color: #fff;
background-color: #911d22;
}
.design_last{
margin-bottom:9em !important;
}
@media screen and (max-width: 768px) {
.touban, .plant, .lifeline, .design {
overflow: hidden;
}
.touban {
overflow: unset;
}
.business_sectionbox {
height: 200px;
}
.business_sectionbox > div:hover {
opacity: unset;
}
.touban .business_sectionbox {
height: auto;
overflow: visible;
}
.business_sectionbox div div span {
font-size: 1em;
}
.business_sectionbox div .touban01 {
height: 5em;
width: 100%;
left: 0;
top: 0;
transform: none;
}
.business_sectionbox div .touban01 span {
text-align: center;
right: 0;
transform: none;
padding-right: 0;
}
.business_sectionbox div .touban02 {
height: 15em;
width: 100%;
position:relative;
background-size: cover;
}
.business_sectionbox div .touban03 {
height: 5em;
width: 100%;
bottom: 0;
transform: none;
right: 0;
text-align: center;
}
.business_sectionbox div .touban03 span {
text-align: center;
transform: none;
padding-left: 0;
}
.business_sectionbox div .plant01,
.business_sectionbox div .lifeline01,
.business_sectionbox div .design01 {
left: 0;
}
.business_sectionbox div .plant02,
.business_sectionbox div .lifeline02,
.business_sectionbox div .design02 {
background-size: cover;
}
.business_sectionbox div .plant02 span,
.business_sectionbox div .lifeline02 span,
.business_sectionbox div .design02 span {
margin-right: 1em;
}
.business_sectionbox div .plant01 span {
    text-align: center;
    margin-right: auto;
}
.business_sectionbox div .plant02 img {
height: 90%;
}
.business_sectioninfo {
margin-top: 30px;
}
.touban .business_sectioninfo {
margin-top: 30px;
}
.business_sectioninfo a {
display: block;
position: static;
margin: 0 0.1em;
min-width: unset;
padding: 2vw 0;
}
.design_last{
margin-bottom:5em !important;
}

.jigyo_box{
margin-bottom:60px !important;
}
}
.interview_sectionbox{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px 10px 30px 10px ; border-bottom: 2px solid #cccccc ; text-indent: 0px ; }
#BODY > div:nth-last-child(1) .interview_sectionbox {
border: none;
}
.interview_sectionbox > .moddef_img img{
object-fit: scale-down;
width: 50vmin;
height: 50vmin;
object-position: center;
font-family: 'object-fit: scale-down; object-position: center;';
}
@media screen and (max-width: 768px) {
.interview_sectionbox .moddef_img{
float:none !important;
}
.interview_sectionbox > .moddef_img img {
object-fit: scale-down;
height: 80vmin;
width:100%;
}}
a.square_btn{ display: inline ; font-size: 18px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; margin: 15px 10px ; padding: 0px ; position: relative;
display: inline-block;
padding: 0.5em 3em;
text-decoration: none;
border-bottom: solid 2px #4f7e7b;
border-radius: 2px;
box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.44), 0 2px 2px rgba(0, 0, 0, 0.19);
}
.square_btn:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
font-weight: bold;
}

@media screen and (max-width: 768px) {
.square_btn{
padding:0.5em 1em !important;
}}
a.square_btn:link{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #58c0c6 ; }
a.square_btn:visited{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #58c0c6 ; }
a.square_btn:hover{ font-size: 18px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #ffffff ; background-color: #669999 ; }
.hover_cchenge{ display: inline ; font-size: 24px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.hover_cchenge  div {
float: left;
display: inline-block;
width: 25%;
position: relative;
}
.hover_cchenge p {
width: auto;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
.business_kv div {
	background-color: #333;
}
.business_kv p:hover {
	background-color: #fff;
	opacity: 0.7;
}
p.img1 {background-image: url('/img/usr/default/ymR-4-NYd-15.png');}
p.img2 {background-image: url('/img/usr/default/eRf-o-tYb-19.jpg');}
p.img3 {background-image: url('/img/usr/default/jwI-j-WYc-11.png');}
p.img4 {background-image: url('/img/usr/default/YhX-A-HYe-12.png');}
.hover_cchenge div p a {
display: block;
text-align: center;
height: 16%;
background-color: rbga(255,255,255,0.5);
}
.hover_cchenge p:hover a {
	background-color: transparent;
}
.hover_cchenge a:link,
.hover_cchenge a:hover,
.hover_cchenge a:visited {
color: #fff;
padding: 35% 0;
}
.hover_cchenge p{
  color: #fff;
  text-shadow: 1px 1px 4px #003093,
               -1px 1px 4px #003093,
               1px -1px 4px #003093,
               -1px -1px 4px #003093;
}
.business_span{
padding:6px;
background-color:rgba(0,48,147,0.5);
}
@media screen and (max-width: 768px) {
.hover_cchenge > div {
    width: 50%;
}
}
.business_sectitle{ display: block ; font-size: 25px ; font-weight: bold ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: center ; color: #000000 ; margin: 0px 0px 10px 0px ; padding: 0px ; text-indent: 0px ; font-size: 3em;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
padding:120px 0px 5px 10px;
}
@media screen and (max-width: 768px) {
.business_sectitle {
width:100%;
text-align: left;
padding:40px 0 0 0;
margin: 0px 1em 0 0;
border-top:1px solid #ddd;
font-size:45px;
}}
.question{ display: block ; font-size: 21px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 10px 0px ; padding: 1px 0px 5px 10px ; border-bottom: 1px solid #eeeeee ; text-indent: 0px ; position: relative;
padding-left: 2em;
}
.question::before {
content: 'Q';
position: absolute;
font-size: 1.2em;
left: 0;
top: 0;
color: #ffffff;
background-color: #5ab9ff;
width: 1.5em;
text-align: center;
border-radius: 1em;}
.answer{ display: block ; font-size: 21px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 10px 0px 25px 0px ; padding: 1px 0px 5px 10px ; border-bottom: 4px solid #eeeeee ; text-indent: 0px ; position: relative;
padding: 2em 1em 2em 4em;
}
.answer::before {
content: 'A';
position: absolute;
font-size: 1.2em;
left: 1em;
top: 1.5em;
color: #ffffff;
background-color: #ff6a6a;
width: 1.5em;
text-align: center;
border-radius: 1em;}
.frame_senpai{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 19px 50px 19px ; padding: 0px ; text-indent: 0px ; float:left;
position:relative;
width: 280px;
}
.frame_senpai > .moddef_text > .moddef_img {
text-align:center;
width: 100%;
}
.frame_senpai > .moddef_text > .moddef_img > img {
width: 280px ;
border-radius:5px;
height: 180px;
object-fit:cover;
object-position: center top;
font-family: 'object-fit: cover; object-position: center top;'
}
@media screen and (max-width: 768px) {
.frame_senpai {
float:none;
width:100%;
height:auto;
padding-top:40px;
margin:0 0 40px !important;
border-top:1px solid #ddd;

}
.frame_senpai > .moddef_text > .moddef_img >img
{
width:100% !important;
height:auto !important;
}
}
@media screen and (min-width: 769px) {
.frame_senpai a.btn{
width:auto;
}}
a.sitemaplink{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 2px ;  clear: both;}
a.sitemaplink:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.sitemaplink:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #666666 ; }
a.sitemaplink:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; }
.flame_oneday_top{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; border-top:4px solid #195caa;
padding-top:20px;
}
.flame_oneday_top > .oneday_department {
float: left;
width: 35%;
text-align: center;
font-size: 40px;
}
.flame_oneday_top > .oneday_department > p {
display: block;
padding-top: 30px;
}
.flame_oneday_top > .oneday_department > a {
padding: 3px 15%;
border: solid 1px #195caa;
}
.flame_oneday_top > .oneday_person {
text-align: left;
}
.flame_oneday_top > .oneday_person > img {
float: left;
width: 350px;
margin: 2px 15px 2px 2px;
}
@media screen and (max-width: 768px) {
.flame_oneday_top{
border-top:none;
padding-top:0px;}
.flame_oneday_top > .oneday_department {
float: none;
width: 100%;
padding-bottom: 20px;
margin-bottom: 15px;
background-color:#195caa;
}
.flame_oneday_top > .oneday_department > p {
padding-top: 0.8em;
font-size:28px;
color:#ffffff;
margin-bottom:10px;
}
.flame_oneday_top > .oneday_department > a {
background-color:#ffffff;
border:none;
}
.flame_oneday_top > .oneday_person > img {
width: 50%;
}
}
@media screen and (min-width: 769px) {
.flame_oneday_top > .oneday_department > a:hover{
text-decoration:none;
background-color:#195caa;
color:#ffffff;
}}
.business_kv{ display: inline ; font-size: 25px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.business_kv  div {
float: left;
display: inline-block;
width: 25%;
position: relative;
}
.business_kv p {
width: auto;
height: 30vh;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 4px #003093,
               -1px 1px 4px #003093,
               1px -1px 4px #003093,
               -1px -1px 4px #003093;
}
.business_kv div {
	background-color: #333;
}
.business_kv p:hover {
	background-color: #fff;
	opacity: 0.7;
}
.business_kv p.img1 {background-image: url('/img/usr/default/ymR-4-NYd-15.png');}
.business_kv p.img2 {background-image: url('/img/usr/default/eRf-o-tYb-19.jpg');}
.business_kv p.img3 {background-image: url('/img/usr/default/jwI-j-WYc-11.png');}
.business_kv p.img4 {background-image: url('/img/usr/default/YhX-A-HYe-12.png');}
.business_kv div p a {
display: block;
text-align: center;
height: 3vh;
padding: 13.5vh 0;
background-color: rbga(255,255,255,0.5);
}
.business_kv p:hover a {
	background-color: transparent;
}
.business_kv a:link,
.business_kv a:hover,
.business_kv a:visited {
color: #fff;
padding: 0 auto;
}
.business_kv_span{
background-color:rgba(0,48,147,0.5);
padding:6px;
}
@media screen and (max-width: 768px) {
.business_kv{
font-size:20px;
}
.business_kv > div {
width: 100%;
margin-top: 2px;
}
.business_kv p {
height: auto;
background-color: #195caa;
background-repeat: no-repeat;
background-position: left center;
background-size: 50vw;
magin-top:2px;
text-shadow:none;
font-weight: normal;
}
.business_kv p:first-child {
magin-top:0;
}
.business_kv div p a {
height: 80px;
line-height: 80px;
padding: 0;
text-align: left;
padding-left: 50vw;
}
.business_kv p:hover {
	background-color: #195caa;
}

.business_kv_span{
background-color:initial;
padding:0;
}}
.photostep{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; list-style-type: none;
}
@media screen and (max-width: 768px) {
.photostep img {
width: 100%;
}}
.xxxxxx{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
html{
scroll-behavior:smooth;
}
form table table,form table table td {
border: none;
}
#PATH{
margin:0px 10px 20px 10px;
}
#business #PATH {
margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
input, button, textarea, select {
min-width: 30% !important;
}
article:first-of-type {
margin-top:2em ;
}
}
.recruit_topmesgbox{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 120% ; letter-spacing: 0px ; text-align: left ; color: #121212 ; margin: 0px 2px 5px 2px ; padding: 10px ; border: 1px solid #99ccff ; text-indent: 0px ; }
.recruit_topmesgbox ul {
padding: 0;
margin: 1em 1em 0;
}
.recruit_topmesgbox ul li {
list-style-type: decimal;
margin: 1em 0;
line-height: 200%;
}
.recruit_topmesgbox ul{
	padding-left: 20px;
	list-style-type: disc !important;
	list-style-position: outside !important;}
.piece_jisseki{ display: inline ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.piece_jisseki div div {
  overflow: hidden;
  max-height: 200px;
}
.piece_jisseki div div img {
  object-fit: cover;
  max-height: 200px;
  width: 100%;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
}}
.qualification_table{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.qualification_table{
 overflow-x: scroll;
 #-webkit-overflow-scrolling: touch;
}
.qualification_table::-webkit-scrollbar {
  height: 10px;
}
.qualification_table::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.qualification_table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.modbbox5 .qualification_table table{
 width:700px;
 -webkit-text-size-adjust: 100%;
}}
.hr{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
hr {
height: 0px !important;
border: 2px solid #eee;
width: 100%;
margin: 1em 0;}
.linkinfo_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px 0px 36px 10px ; padding: 2px 0px ; text-indent: 0px ; }
.linkinfo_box a {
display: inline-block;
position: relative;
width: 30%;
margin: 160px 1% 1% 1%;
text-align: center;
line-height: 100%;
padding: 1vw 0;
font-size: 1.5em;
background-color: #185caa;
background-image: url('/img/usr/default/mk6-g-a3ej-1.png');
background-size: 1em;
background-repeat: no-repeat;
background-position: 98% center;
}
.linkinfo_box a:link,
.linkinfo_box a:visited {
color: #fff;
}
.linkinfo_box a:hover {
opacity: 0.8;
background-image: url('/img/usr/default/mk6-g-a3ej-1.png');
}
.linkinfo_box a::before {
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 160px;
top: -160px;
left: 0;
background-size: cover;
background-position: center;
}
.linkinfo_box a.steelpipe::before {
background-image: url('/img/usr/default/ymR-4-NYd-15.png');
}
.linkinfo_box a.plant::before {
background-image: url('/img/usr/default/eRf-o-tYb-19.jpg');
}
.linkinfo_box a.lifeline::before {
background-image: url('/img/usr/default/jwI-j-WYc-11.png');
}
.linkinfo_box a.design::before {
background-image: url('/img/usr/default/YhX-A-HYe-12.png');
}
@media screen and (max-width: 768px) {
.linkinfo_box {
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}
.linkinfo_box a {
display: inline-block;
width: 58%;
height: 4em;
font-size: 1em;
line-height: 4em;
margin: 1%;
padding: 1vw 0 1vw 41%;
}
.linkinfo_box a::before {
width: 40%;
height: 100%;
top: 0;
}
.linkinfo_box .plant{
overflow: visible !important;
}
.linkinfo_box .lifeline{
overflow: visible !important;
}}
.inpbox{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.inputname, .inputyomi, .inputmail, .inputhtml {
width: 250px;
}
.inputzip1 .inputzip2 {
width: 120px;
}
.inputadd1, .inputadd2 {
width: 100%;
}
@media screen and (max-width: 768px) {
input[type="text"] {
width: 100%;
}
input[type="text"].inputzip1, input[type="text"].inputzip2,
input[type="text"].inputtel1, input[type="text"].inputtel2, input[type="text"].inputtel3 {
width: 27%;
min-width: 4em !important;
}
input[type="text"].inputbday1, input[type="text"].inputbday2, input[type="text"].inputbday3{
width: 22%;
min-width: 4em !important;
}}
.table_text{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:inline-block;
text-indent:7em;
}
.table_text3{
display:inline-block;
text-indent:4.3em;
}
@media screen and (max-width: 768px) {
.table_text{
text-indent:0em;
}
.table_text3{
text-indent:0em;
}}
.categorylist{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.categorylist ul li{
 list-style: none;
 width:33%;
}
.categorylist ul li a,
.categorylist ul li span{
 display:block;
 color: #333;
 text-decolation:none;
}
.categorylist ul li span{
font-size:14px;
}
.categorylist span{
  padding: 10px 0;
  margin: 10px 0;
  border: 2px solid #333;
  color: #333;
  text-align: center;
  text-decoration: none;
}
.categorylist span:hover{
background-color:#198caa;
font-color:#ffffff;
}
.categorylist img{
height: 100%;
width:100%;
}
.categorylist a:hover>span
{
background-color:#198caa;
font-color:#ffffff;
}
.rec_subheading{ display: inline ; font-size: 24px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px 10px ; text-indent: 0px ; position: relative;
}
.rec_subheading:before,
.rec_subheading:after{
  content: '';
  position: absolute;
  display: inline-block;
  top: 20%;
  width: 44px;
  height: 2px;
  background-color: #195caa;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.rec_subheading:before{
left:-30px;
}
.rec_subheading:after{
right:-30px;
}
.submenu{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; background-color: #195caa ; margin: 0px 0px 30px 0px ; padding: 30px 0px 0px 0px ; text-indent: 0px ; }
.flex1{
margin-right:30px;
background-color:#185caa;
}
.submenu_link{
display:block;
}
.submenu_link:before{
content:"＞"
}
.submenu_box{
text-align: left;
}
.submenu_box a{
font-size:16px;
padding:1rem;
color:#fff !important;
border-bottom:1px #fff solid;
}
.submenu_box a:visited{
color: #000;
}
.submenu_box a:hover{
color:#195caa !important;
background: #fff;
}
.fixe{
position:fixed;
top:10%;
}
@media only screen and (max-width: 768px) {
.submenu{
margin-top: 50px;
margin-right: 0px;
}
.flex1{
margin-right:0;
}}
.rec_heading{ display: block ; font-size: 24px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; background-color: #195caa ; margin: 0px 0px 48px 0px ; padding: 15px 0px ; text-indent: 0px ; position:relative;
}
.recruit01_heading{
display:block;
margin-top:1rem;
margin-bottom:3rem;
padding:15px 0px 10px;
position:relative;
background:#195caa;
color: #ffffff;
}
.recruit01_heading:after,
.rec_heading:after{
      content: "";
  	  position: absolute;
  	  right: 0;
  	  bottom: -20px;
  	  left: 0;
  	  width: 0px;
  	  height: 0px;
  	  margin: auto;
  	  border-style: solid;
  	  border-color: #195caa  transparent transparent transparent;
  	  border-width: 20px 20px 0 20px;
}
.recruit01_heading .modhead2red{
position:static;
margin: 0;
padding: 0;
}
.recruit01_heading .contents{
margin-bottom: 0;
}}
.img_100{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.img_100 img{
width: 100%;
height: auto;}
.cp_breadcrumb{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; 	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
        text-align:center;
}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb b {
        font-size:16px;
	display: inline-block;
	padding: 0;
	margin-bottom:1rem;
	position: relative;
	padding: 0.7em 1em 0.7em 2em;
	text-decoration: none;
	color: #ffffff;
	background-color: #8abed4;
}
.cp_breadcrumb b:first-child {
	padding-left: 1em;
}
.cp_breadcrumb b::after,
.cp_breadcrumb b::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.6em;
	content: '';
	border-top: 1.6em solid transparent;
	border-bottom: 1.6em solid transparent;
	border-left: 1.8em solid;
	}
.cp_breadcrumb b:after {
	z-index: 2;
	border-left-color: #8abed4;
}
.cp_breadcrumb b:before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
.cp_breadcrumb b:nth-child(2)        { background:        #64b3d4; }
.cp_breadcrumb b:nth-child(2):after { border-left-color: #64b3d4; }
.cp_breadcrumb b:nth-child(3)        { background:        #1e8cba; }
.cp_breadcrumb b:nth-child(3):after { border-left-color: #1e8cba; }
.cp_breadcrumb b:nth-child(4)        { background:        #185caa; }
.cp_breadcrumb b:nth-child(4):after { border-left-color: #185caa; }
.cp_breadcrumb b:nth-child(5)        { background:        #103963; }
.cp_breadcrumb b:nth-child(5):after { border-left-color: #103963; }
.cp_breadcrumb b:last-child  {
	cursor: default;
	pointer-events: none;
	background:        #c90032;
}
.cp_breadcrumb b:last-child:after{
display:none;
}
@media print, screen and (max-width: 768px) {
.cp_breadcrumb b{
    display:block;
    width: 80%;
    margin: 0 auto 30px;
    text-decoration: none;
    color: #fff;
    position: relative;
    height: auto;
    text-align: center;
    padding: 10px;
  }
  .cp_breadcrumb b::after {
    content: "";
    display: block;
    border-top:solid 20px;
    border-right: 38vw solid transparent !important;
    border-left: 38vw solid transparent !important;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px !important;
    top: auto !important;
    left: 50%;
    margin-top: 0 !important;
    margin-left: -38vw;
  }
.cp_breadcrumb b:first-child:after { border-top-color: #8abed4; }
.cp_breadcrumb b:nth-child(2):after { border-top-color: #64b3d4; }
.cp_breadcrumb b:nth-child(3):after { border-top-color: #1e8cba; }
.cp_breadcrumb b:nth-child(4):after { border-top-color: #185caa; }
.cp_breadcrumb b:nth-child(5):after { border-top-color: #103963; }
}
.flex_box{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ;   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap; 
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
.topmessagebox{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #666666 ; margin: 0px ; padding: 10px ; text-indent: 0px ;     background-color: rgba(255,255,255,0.5);
    transform:translateY(-200px);
    margin:0 40px -200px;
}
@media screen and (max-width: 768px) {
.topmessagebox{
  margin:0 20px -200px;
}
.topmessagebox .interview_h2{
margin-bottom: 35px;
}}
.shinsotsu_box{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.shinsotsu_box ul {
padding:50px 0; 
text-align: center;
display: inline-block;
width: 90%;
margin: 1vh 4% 3vh;
background-image: linear-gradient( -45deg, #dddddd 30%, #f5f5f5 30%,#f5f5f5 70%, #dddddd 70%,#dddddd );
background-size: 1350px 170px;
background-position-x: center;
list-style-type: none;
}
.shinsotsu_box a {
text-decoration: none;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #444444;
background-color: #ffffff;
border: 3px solid #cc0430;
width: 400px;
margin: 0 auto;
padding: 15px 0px;
}
.shinsotsu_box a:link {
color: #444444;
}
.shinsotsu_box a:hover {
color: #444444;
}
.shinsotsu_box a:active {
color: #444444;
}
.shinsotsu_box a:visited {
color: #444444;
}
@media screen and (max-width: 768px) {
.shinsotsu_box ul {
width: 100%;
margin: 0;
background-image: linear-gradient( -45deg, #dddddd 35%, #f5f5f5 35%,#f5f5f5 65%, #dddddd 65%,#dddddd );
}
.shinsotsu_box a {
width: 70% ;
}}
.chuto_box{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.chuto_box ul {
list-style-type: none;
padding: 0;
}
.chuto_box a::before {
content: "＞";
}
.chuto_box a {
display: block;
padding: 1rem;
color: #333 !important;
border-bottom: 1px #333 solid;}
.submenu_recruitbox{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.submenu_recruitbox ul {
list-style-type: none;
text-align: left;
margin:0;
padding:0;
}
.submenu_recruitbox a:before {
content: "＞";
font-size: 16px;
}
.submenu_recruitbox a {
display: block;
padding: 1rem;
font-size:16px;
color: #fff !important;
border-bottom: 1px #fff solid;
}
.submenu_recruitbox a:hover {
color: #195caa !important;
background: #fff;}
.image_comment{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 15px 0px 0px 0px ; padding: 0px ; text-indent: 0px ; display: flex;
}
.image_comment div{
 width: 100%;
}
.image_comment .flex_item{
 margin: 0 5px;
}
.image_comment .flex_item1{
 margin-left: 20px;
}
.image_comment .flex_item2{
 margin: 0 20px;
}
.image_comment img {
 width: 100%;
}
@media screen and (max-width: 768px){
.image_comment{
display:block;
}
.image_comment > img {
margin: 0 auto;
width: 100%;
}
.image_comment .flex_item1{
 margin: 0;
}
.image_comment .flex_item2{
 margin: 0;
}
}
.flex-basis0{flex-basis: 0%;}
.flex-basis1{flex-basis: 1%;}
.flex-basis2{flex-basis: 2%;}
.flex-basis3{flex-basis: 3%;}
.flex-basis4{flex-basis: 4%;}
.flex-basis5{flex-basis: 5%;}
.flex-basis6{flex-basis: 6%;}
.flex-basis7{flex-basis: 7%;}
.flex-basis8{flex-basis: 8%;}
.flex-basis9{flex-basis: 9%;}
.flex-basis10{flex-basis: 10%;}
.flex-basis11{flex-basis: 11%;}
.flex-basis12{flex-basis: 12%;}
.flex-basis13{flex-basis: 13%;}
.flex-basis14{flex-basis: 14%;}
.flex-basis15{flex-basis: 15%;}
.flex-basis16{flex-basis: 16%;}
.flex-basis17{flex-basis: 17%;}
.flex-basis18{flex-basis: 18%;}
.flex-basis19{flex-basis: 19%;}
.flex-basis20{flex-basis: 20%;}
.flex-basis21{flex-basis: 21%;}
.flex-basis22{flex-basis: 22%;}
.flex-basis23{flex-basis: 23%;}
.flex-basis24{flex-basis: 24%;}
.flex-basis25{flex-basis: 25%;}
.flex-basis26{flex-basis: 26%;}
.flex-basis27{flex-basis: 27%;}
.flex-basis28{flex-basis: 28%;}
.flex-basis29{flex-basis: 29%;}
.flex-basis30{flex-basis: 30%;}
.flex-basis31{flex-basis: 31%;}
.flex-basis32{flex-basis: 32%;}
.flex-basis33{flex-basis: 33%;}
.flex-basis34{flex-basis: 34%;}
.flex-basis35{flex-basis: 35%;}
.flex-basis36{flex-basis: 36%;}
.flex-basis37{flex-basis: 37%;}
.flex-basis38{flex-basis: 38%;}
.flex-basis39{flex-basis: 39%;}
.flex-basis40{flex-basis: 40%;}
.flex-basis41{flex-basis: 41%;}
.flex-basis42{flex-basis: 42%;}
.flex-basis43{flex-basis: 43%;}
.flex-basis44{flex-basis: 44%;}
.flex-basis45{flex-basis: 45%;}
.flex-basis46{flex-basis: 46%;}
.flex-basis47{flex-basis: 47%;}
.flex-basis48{flex-basis: 48%;}
.flex-basis49{flex-basis: 49%;}
.flex-basis50{flex-basis: 50%;}
.flex-basis51{flex-basis: 51%;}
.flex-basis52{flex-basis: 52%;}
.flex-basis53{flex-basis: 53%;}
.flex-basis54{flex-basis: 54%;}
.flex-basis55{flex-basis: 55%;}
.flex-basis56{flex-basis: 56%;}
.flex-basis57{flex-basis: 57%;}
.flex-basis58{flex-basis: 58%;}
.flex-basis59{flex-basis: 59%;}
.flex-basis60{flex-basis: 60%;}
.flex-basis61{flex-basis: 61%;}
.flex-basis62{flex-basis: 62%;}
.flex-basis63{flex-basis: 63%;}
.flex-basis64{flex-basis: 64%;}
.flex-basis65{flex-basis: 65%;}
.flex-basis66{flex-basis: 66%;}
.flex-basis67{flex-basis: 67%;}
.flex-basis68{flex-basis: 68%;}
.flex-basis69{flex-basis: 69%;}
.flex-basis70{flex-basis: 70%;}
.flex-basis71{flex-basis: 71%;}
.flex-basis72{flex-basis: 72%;}
.flex-basis73{flex-basis: 73%;}
.flex-basis74{flex-basis: 74%;}
.flex-basis75{flex-basis: 75%;}
.flex-basis76{flex-basis: 76%;}
.flex-basis77{flex-basis: 77%;}
.flex-basis78{flex-basis: 78%;}
.flex-basis79{flex-basis: 79%;}
.flex-basis80{flex-basis: 80%;}
.flex-basis81{flex-basis: 81%;}
.flex-basis82{flex-basis: 82%;}
.flex-basis83{flex-basis: 83%;}
.flex-basis84{flex-basis: 84%;}
.flex-basis85{flex-basis: 85%;}
.flex-basis86{flex-basis: 86%;}
.flex-basis87{flex-basis: 87%;}
.flex-basis88{flex-basis: 88%;}
.flex-basis89{flex-basis: 89%;}
.flex-basis90{flex-basis: 90%;}
.flex-basis91{flex-basis: 91%;}
.flex-basis92{flex-basis: 92%;}
.flex-basis93{flex-basis: 93%;}
.flex-basis94{flex-basis: 94%;}
.flex-basis95{flex-basis: 95%;}
.flex-basis96{flex-basis: 96%;}
.flex-basis97{flex-basis: 97%;}
.flex-basis98{flex-basis: 98%;}
.flex-basis99{flex-basis: 99%;}
.flex-basis100{flex-basis: 100%;
}
.recruit_deftop_box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #000 ; margin: 0px 40px 30px 40px ; padding: 10px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.recruit_deftop_box{
  margin: 0 0 30px;
}
.recruit_deftop_box img {
  width: 100%;
  height: auto;
}
}
.recruit_deftop_btitle{ display: inline ; font-size: 25px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 0px 40px ; padding: 0px ; text-indent: 0px ; }
@media screen and (max-width: 768px) {
.recruit_deftop_btitle {
  margin: 0;
}}
.message_text{ display: block ; font-size: 25px ; font-weight: bold ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #000000 ; background-color: #eff1f1 ; margin: 10px 0px 13px 0px ; padding: 30px 20px ; text-indent: 0px ; font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
letter-spacing: 5px;}
.top_professionarea{ display: inline ; width: 100% ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
justify-content:space-between;
}
.top_profession{
margin-top:80px;
}
.top_professionarea .modhead3:after{
display:none;
}
.top_kikaibox,
.top_gasubox,
.top_sekkeibox,
.top_sekoubox{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.top_kikaibox:hover,
.top_gasubox:hover,
.top_sekkeibox:hover,
.top_sekoubox:hover{
opacity:0.9;
}
.top_professionarea h3{
    position: absolute;
    top: 16px;
    left: 24px;
    margin:0;
    padding: 0;
    border:none;
    text-indent:0;
}
.top_professionarea a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: transparent;
}
.top_professionarea a:hover{
    color: transparent;
}
.top_professionarea>div{
display:flex;
width:calc(25% - 2px);
}
.kikai_tumb img,
.gasu_tumb img,
.sekkei_tumb img,
.sekou_tumb img {
    padding-top: 20px;
    padding-right: 40px;
    height:155px;
    width:auto;
}
.gasu_tumb img{
padding-right: 10px;
}
.sekou_tumb {
    text-align: right;
    border-top: 9px solid #CBE9FE;
    background:#fff;
}
.kikai_tumb{
    text-align: right;
    border-top: 9px solid #F5DDE3;
    background:#fff;
}
.gasu_tumb{
    text-align: right;
    border-top: 9px solid #C0FCC2;
    background:#fff;
        padding-right: 10px;
}
.sekkei_tumb{
    text-align: right;
    border-top: 9px solid #F5E8AF;
    background:#fff;
}
.top_professionarea strong {
    position:relative;
    display:block;
    padding: 10px 12px;
    font-weight: normal;
    color:#393636;
    line-height:140%;
}
.top_professionarea strong:after{
  position:absolute;
  right:5%;
  top:30%;
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  color: #0584C8;
  font-weight: 900;
}
.top_sekoubox strong:after{
color:#217EC4;
}
.top_sekoubox strong{
    background: #CBE9FE;
}
.top_sekkeibox strong:after{
color:#E9B236;
}
.top_sekkeibox strong{
    background: #F5E8AF;
}
.top_gasubox strong:after{
color:#8AC73E;
}
.top_gasubox{
    background: #C0FCC2;
}
.top_kikaibox strong:after{
color:#FE003E;
}
.top_kikaibox{
    background: #F5DDE3;
}
.top_professionarea strong{
flex:1 0 auto;
}
@media (max-width: 1000px) {
.top_professionarea{
flex-wrap:wrap;
}
.top_professionarea>div{
width:calc(50% - 4px);
margin-bottom: 8px;
}
.kikai_tumb, .gasu_tumb, .sekkei_tumb, .sekou_tumb{
text-align:center;
}
.kikai_tumb img, .gasu_tumb img, .sekkei_tumb img, .sekou_tumb img{
padding-right:0;
}
}
@media (max-width: 768px) {
.top_professionarea h3{
left: 0;
}
.kikai_tumb, .gasu_tumb, .sekkei_tumb, .sekou_tumb{
text-align:right;
padding: 0;
}
.top_profession{
margin-top:40px;
}}
.btn_libi{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #0584C8 ; background-color: #fff ; margin: 8px 0px 0px 0px ; padding: 6px 0px ; border: 1px solid #0584C8 ; text-indent: 0px ;   display:inline-block;
  text-decoration: none;
  border-radius: 50px;
  transition: .4s;
  max-width:200px;
  width: 100%;
}
.btn_libi:hocer{
border:1px solid #fff;
}
.btn_libi:before {
  font-family: "Font Awesome 5 Free";
  content: '\f879';
  color: #0584C8;
  font-weight: 900;
}
@media (max-width: 768px) {
.btn_libi{
max-width:80%;
margin:16px 0;
padding:16px 0;
}}
.foot_link{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #fff ; margin: 0px ; padding: 0px 0px 24px 0px ; text-indent: 0px ; }
.foot_area a,
.foot_area a:hover,
.foot_area a:visited{
color:#fff;
}
@media (max-width: 768px) {
.foot_link{
display:none;
}}
.foot_btn{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
a.foot_newgradbtn,
a.foot_midwaybtn{
position:relative;
display:inline-block;
padding:11px 0;
width:100%;
max-width:172px;
font-size:16px;
text-align:center;
color:#fff;
}
a.foot_newgradbtn{
background:#195CAA;
margin-right:16px;
}
a.foot_midwaybtn{
background:#FE003E;
}
a.foot_newgradbtn:after,
a.foot_midwaybtn:after{
  position:absolute;
  right:5%;
  top:30%;
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  color: #0584C8;
  font-weight: 900;
  color:#fff;
}
@media (max-width: 768px) {
a.foot_newgradbtn,
a.foot_midwaybtn{
display:block;
max-width:80%;
margin: 0 auto;
padding: 16px 0;
}
a.foot_newgradbtn{
margin-bottom: 16px;
}
}
.foot_area{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; display:flex;
justify-content:space-between;
}
.cop_detail{
color:#fff;
}
.cop_detail img{
margin-bottom:8px;
width:210px;
height:auto;
}
@media (max-width: 768px) {
.foot_area{
display:block;
}
.cop_detail{
text-align:center;
}
.cop_detail img{
width:80%;
height: auto;
}}
.zukan_head2{ display: block ; font-size: 32px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #217EC4 ; margin: 0px auto 8px auto ; padding: 0px ; text-indent: 0px ; }
.zukan_subtitle{
display:inline-block;
margin:0 auto 24px;
color:#141414;
border-bottom:1px dotted #217EC4;
text-align:center;
font-weight:normal;}
.side_menu{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ;   position:absolute;
  top:27px;
  right:-31px;
  width: 50px;
  z-index: 1000;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
}
.side_menu>div{
  display:flex;
}
a.side_gasu,
a.side_kikai,
a.side_sekkei,
a.side_sekoukanri{
    display: flex;
    align-items:center;
    justify-content:center;
    width: 55px;
    background-size: contain !important;
    height: 145px;
    background-repeat: no-repeat !important;
    text-align: center;
    color:#fff;
    font-size: 20px;
    line-height:120%;
}
a.side_sekoukanri{
    background:url("/img/usr/default/LuI-N-UWcl-1.png");
    margin-bottom:16px;
}
a.side_sekkei{
    background:url("/img/usr/default/oRe-e-sWcm-1.png");
    margin-bottom:16px;
}
a.side_kikai{
    background:url("/img/usr/default/it9-k-aWde-1.png");
}
a.side_gasu{
    background:url("/img/usr/default/Te6-F-dWcn-1.png");
    margin-bottom:16px;
}
@media (max-width: 768px) {
.side_menu{
display:none;
}}
.image-map{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; width:100%;
}
.image-map img{
width: 100%;
}

@media (max-width: 768px) {
.image-map img{
width: auto;
}

.image-map-wrap{
overflow-y:hidden;
overflow-x:scroll;
}}
.sigotozukan_pagetop{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
#PAGETOP a{
    width: 70px;
    padding-top: 25px;
    position: absolute;
    right: 55px;
    font-size: 12px;
    background: url(/img/usr/default/UTM-E-QX5l-1.png);
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    color:#6B1600;
   text-align:center;
}
#PAGETOP a:before{
position:absolute;
  top:0;
  right: 39%;
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
  font-size:21px;
}
@media (max-width: 768px) {
#PAGETOP a{
position:relative;
display:block;
width:100%;
padding: 28px 0;
background:#F7A633;
right:auto;
height:auto;
font-size:16px;
}

#PAGETOP a:before{
top:10%;
right:48%;
}}
.profession_head1{ display: inline ; font-size: 35px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #141414 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.sekkei_head1,
.kikai_head1,
.gasu_head1,
.sekoukanri_head1{
 display:inline-block;
 padding-bottom:10px;
 font-size:35px;
 color:#141414;
 background:linear-gradient(transparent 60%, #217EC4 60%);
 margin-bottom: 24px;
}

.gasu_head1{
background:linear-gradient(transparent 60%, #8AC73E 60%);
}

.kikai_head1{
background:linear-gradient(transparent 60%, #FE003E 60%);
}
.sekkei_head1{
background:linear-gradient(transparent 60%, #E9B236 60%);
}
.sekkei_title,
.kikai_title,
.gasu_title,
.sekoukanri_title{
display:block;
font-size:24px;
margin-bottom:8px;
}
.sekoukanri_title{
color:#217EC4;
}
.kikai_title{
color:#FE003E;
}
.gasu_title{
color:#8AC73E;
}
.sekkei_title{
color:#E9B236;
}
@media (max-width: 768px) {
.sekkei_head1,
.kikai_head1,
.gasu_head1,
.sekoukanri_head1{
margin-bottom:24px;
}
}
.aibouaitem_head2{ display: block ; overflow: hidden ; height: 43px ; font-size: 20px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #141414 ; margin: 0px 0px 8px 0px ; padding: 13px 0px 0px 35px ; text-indent: 0px ; background:url("/img/usr/default/XWu-B-cX7n-1.png");
background-repeat:no-repeat;}
.popup{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.popup {
  background-color: rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  box-sizing:border-box;
  z-index:100000;
  font-size:16px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
.pop-box{
position:relative;
width: 107px;
height:107px;
}
.pop-box{
margin-right:30px;
}
/* チェックボックスの初期設定 */
.pop-box input[type=checkbox]{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
.pop-box input[type=checkbox]:checked + .popup{
  display: flex;
  flex-direction:column;
  justify-content:center;
}
/* 閉じるアイコン（右上） */
.icon-close{
  color: #95979c;
  font-size: 20px;
  width:35px;
  padding: 0;
  position: absolute;
  border-radius:2px;
  right: 0;
  top:0;
font-weight:700;
pointer-events:none;
}
/* 閉じるボタン */
.btn-close{
  background: #217EC4;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 65%;
  text-align: center;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
/* 開くボタン */
.btn-open{
  display:flex;
  align-items:center;
  background: #fff;
  border: 1px solid #217EC4;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  width: 107px;
  height: 107px;
  box-sizing:border-box;
  text-align: center;
}
.btn-open img{
width :100%;
height: auto;
}
.img.layer-img{
width:100%;
height: auto;
}
/* ポップアップの内容 */
.popup-content{
  position:relative;
  margin: 40px auto 0px auto;
  width: 80%;
  max-width:900px;
  background:#fff;
  text-align:center;
  box-sizing:border-box;
padding:30px 30px 40px;
border-radius:2px;
}
.popup-explanation{
display:flex;
align-items:center;
text-align:left;
justify-content:space-around;
}
.popup-content img{
max-width: 250px;
max-height:200px;
object-fit:contain;
height:auto;
margin-right:16px;
}
.popup p{
max-width: 400px;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
.popup h3{
display:inline-block;
font-size:24px;
border-bottom:6px solid #217EC4;
margin-bottom:30px;
}
.popup-flex{
display:flex;
margin-top:30px;
}
@media (max-width: 768px) {
.pop-box input[type=checkbox]:checked + .popup{
display:block;
}
.popup{
text-align:center;
}
.popup-explanation{
display:block;
text-align:center;
align-items:initial;
justify-content:initial;
}
.popup-content{
width: 90%;
margin:0;
padding:30px 16px 40px;
top:50%;
left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.popup-content img{
max-width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.popup p{
text-align:left;
}
.popup-flex{
justifycontent:space-between;
}
.btn-open{
width:100%;
height:100%;
}}
.item_hukidashi{ display: inline ; width: 47px ; height: 55px ; font-size: 13px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; color: #fff ; margin: 0px ; padding: 8px 0px 0px 0px ; text-indent: 0px ; position:absolute;
top:-20px;
right:-20%;
background: url(/img/usr/default/4Ef-b-rX8i-1.png);
background-repeat:no-repeat;
pointer-events:none;}
.prof_box{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 80px 0px ; padding: 0px ; text-indent: 0px ; display:flex;
}
.prof_box .spnone img{
    width:100%;
    max-width:350px;
    height:auto;
}
.prof_box .spnone{
margin-right: 40px;
max-width:350px;
}
.prof_box>div, .prof_box>b{
width:100%;
}
@media (max-width: 768px) {
.prof_box{
display:block;
margin-bottom:40px;
}
.prof_box .pcnone img{
max-width: 100%;
height:auto;
margin-bottom:24px;
}
.prof_box .pcnone{
display:block;
}
.prof_box>div, .prof_box>b{
width:100%;
}
.prof_box .spnone{
margin-right: 0px;
max-width:100%;
}}
.uniform_introduction{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; background-color: #E8F5FF ; margin: 0px 0px 80px 0px ; padding: 24px ; text-indent: 0px ; }
.uniform_introduction_kikai,
.uniform_introduction_sekkei,
.uniform_introduction_gasu,
.uniform_introduction{
display:flex;
position:relative;
flex-direction:row-reverse;
background:#E8F5FF;
margin-bottom:80px;
padding:24px;
font-size:16px;
}
.uniform_introduction_gasu{
background: #C0FCC2;
}
.uniform_introduction_sekkei{
background: #F5E8AF;
}
.uniform_introduction_kikai{
background: #F5DDE3;
}
.clip{
    position: absolute;
    right: 0;
    top: -4%;
}
.uniform_introduction_kikai > img,
.uniform_introduction_sekkei > img,
.uniform_introduction_gasu > img,
.uniform_introduction > img{
margin-left:60px;
}
@media (max-width: 768px) {
.uniform_introduction_kikai,
.uniform_introduction_sekkei,
.uniform_introduction_gasu,
.uniform_introduction{
display:block;
margin-left:0px;
margin-bottom:40px;
}
.uniform_introduction_kikai > img,
.uniform_introduction_sekkei > img,
.uniform_introduction_gasu > img,
.uniform_introduction > img{
width:100%;
height: auto;
margin-left:0px;
margin-bottom:32px;
}
.clip{
top: -2%;
}
}
.uniform_head2{ display: block ; font-size: 24px ; font-weight: bold ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px 0px 16px 0px ; padding: 0px 0px 6px 0px ; border-bottom: 1px dotted #848484 ; text-indent: 0px ; }
.def_head2{ display: block ; font-size: 24px ; font-weight: bold ; font-style: normal ; line-height: 135% ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 36px 0px ; padding: 20px 0px 20px 80px ; border-top: 1px solid #DACDCD ; border-bottom: 1px solid #DACDCD ; text-indent: 0px ; background:url("/img/usr/default/jOa-j-wXch-1.png");
background-repeat:no-repeat;
background-position:0%;
}
@media (max-width: 768px) {
.def_head2{
margin-bottom:24px;
}}
.careerpath-box{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 40px 0px ; padding: 0px ; text-indent: 0px ; }
.careerpath-box img{
width: 100%;
height:auto;
}
@media (max-width: 768px) {
.careerpath-box img{
width:auto;
}
.careerpath-box{
overflow-x:scroll;
overflow-y:hidden;
}}
.timeline-box{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 24px 0px ; padding: 0px ; text-indent: 0px ; display:flex;
}
.timeline-box_last{
display:flex;
font-size:16px;
margin-bottom:80px;
}
.timeline-balloon {
    display: block;
    margin-left: 24px;
    background: #fff;
    border: 3px solid #217EC4;
    padding: 16px;
    border-radius: 6px;
    position: relative;
    width:80%;
    font-weight:normal;
}
.timeline-balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}
.timeline-balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #217EC4;
  z-index: 1;
}

@media (max-width: 768px) {
.timeline-box_last{
margin-bottom:40px;
}
}
.time-line-year{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.time-line-year{
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
        text-align:center;
}
.time-line-year *, .time-line-year *:after, .time-line-year *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.time-line-year-first,
.time-line-year-second,
.time-line-year-third,
.time-line-year-forth{
    display:flex;
    align-items:center;
    justify-content:center;
    position: relative;
    width:12vw;
    height: auto;
    box-sizing:border-box;
    text-align: center;
    padding: 10px;
	color: #ffffff;
	background-color: #91C7E2;
   right:0;
  }
.time-line-year-second{
background-color: #68ADD9;
}
.time-line-year-third{
background-color:#4A97CC;
}
.time-line-year-forth{
background-color:#217EC4;
}
.time-line-year-first:after,
.time-line-year-second:after,
.time-line-year-third:after,
.time-line-year-forth:after{
    content: "";
    display: block;
    border-top:solid 20px;
    border-right: 6vw solid transparent !important;
    border-left: 6vw solid transparent !important;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px !important;
    top: auto !important;
    margin-top: 0 !important;
  }
.time-line-year-first:after { border-top-color: #91C7E2; }
.time-line-year-second:after { border-top-color: #68ADD9; }
.time-line-year-third:after { border-top-color: #4A97CC; }
.time-line-year-forth:after { border:none;}
.interview_bk{ display: block ; overflow: hidden ; width: 100% ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; background-color: #f5f5bc ; margin: 0px 0px 32px 0px ; padding: 0px ; text-indent: 0px ; border-radius:6px;
padding:24px;
box-sizing:border-box;
}
.interview_bk_sekou{
display: block;
width: 100%;
border-radius:6px;
margin:0px 0px 32px 0px;
padding:24px;
background: #f4cdb3;
box-sizing:border-box;
font-weight: normal;
}
@media (max-width: 768px) {
.interview_bk_sekou,
.interview_bk{
margin-bottom: 16px;
}}
.interviewtalk{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px 0px 40px 0px ; padding: 0px ; text-indent: 0px ; display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}
.interviewtalk .seitetsu_img img{
width:100% !important;
max-height:100% !important;
max-width:100% !important;
}
.interviewtalk .seitetsu_img{
padding: 8px;
}

.interviewtalk img{
    width:11%;
    max-width:20%;
    transform:translatey(-12px);
    object-fit: contain;
    max-height: 110px;
}
.toua-balloon,
.gakusei-balloon {
    display: inline-block;
    background: #fff;
    border: 3px solid #217EC4;
    margin-bottom: 24px;
    padding: 16px;
    border-radius: 6px;
    position: relative;
    width:calc(80% - 32px);
    box-sizing:border-box;
    font-weight:normal;
}
#kikaiseibiginou .toua-balloon{
    border: 3px solid #FE003E;
}
#sekkei .toua-balloon{
    border: 3px solid #E9B236;
}
#gasuhaikan .toua-balloon{
    border: 3px solid #8AC73E;
}
.gakusei-balloon{
    border: 3px solid #2DBDB1;
    margin-left:32px;
}
.gakusei-balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}
.gakusei-balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -14px;
  border: 14px solid transparent;
border-right: 14px solid #2DBDB1;
  z-index: 1;
}
.toua-balloon{
margin-right:32px;
}
.toua-balloon:before{
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.toua-balloon:after{
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #217EC4;
  z-index: 1;
}
#kikaiseibiginou .toua-balloon:after{
    border-left: 14px solid #FE003E;
}
#sekkei .toua-balloon:after{
    border-left: 14px solid #E9B236;
}
#gasuhaikan .toua-balloon:after{
    border-left: 14px solid #8AC73E;
}
@media (max-width: 820px) {
.toua-balloon{
    margin-left:7vw;
}
}
@media (max-width: 768px) {
.interviewtalk{
justify-content:center;
}
.interviewtalk img{
width:auto;
height:auto;
}
.gakusei-balloon{
margin-left:16px;
margin-right:0;
}
.toua-balloon{
margin-right:16px;
margin-left:0;
}
.toua-balloon, .gakusei-balloon{
max-width: 70%;
margin-bottom:16px;
}

.interviewtalk .seitetsu_img {
overflow:scroll;
}

.interviewtalk .seitetsu_img img{
width:auto !important;
max-width:initial !important;
}}
.mordal-wrapper{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.modal-wrapper{
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center;
  z-index:10000;
}
.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}
.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 300;
  position: relative;
  width: 80%;
  max-width: 900px;
  padding: 30px 30px 40px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}
.modal-wrapper .modal-window .modal-content {
  display:flex;
  max-height: 80vh;
  overflow-y: auto;
}
.modal-window h3{
display:inline-block;
margin-bottom:30px;
font-weight:bold;
font-size:24px;
border-bottom:6px solid #217EC4;
}
.modal-content>img {
    max-width: 320px;
    height: auto;
    max-height: 200px;
    object-fit: contain;
    margin-right: 40px;
}
.modal-content p{
margin-bottom:24px;
text-align:left;
}
.modal-image img{
    height:120px !important;
    width: auto;
    height: auto;
    margin-right: 24px;
}
.modal-overlay {
  z-index: 200;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}
.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}
.modal_photo2{
width:100%;
max-width: 320px;
margin-right:16px;
}
.modal_photo3{
width:100%;
max-width: 320px;
margin-right:16px;
   text-align: left;
}
.modal_photo3 + div p{
max-width: 500px;
}
.modal_photo2 img{
    width: 100%;
    max-width: 320px;
    height: auto;
    margin-bottom: 16px;
}
.modal_photo3 img{
    width: 100%;
    max-width: 150px;
    height: auto;
    margin-right: 8px;
    margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
.modal-wrapper{
padding: 0;
}
.modal-wrapper .modal-window .modal-content{
display:block;
}
.modal-wrapper .modal-window {
padding:30px 16px 40px;
}
.modal-wrapper .modal-window{
width:90vw;
}
.modal-content>img{
max-width:100%;
width:100%;
margin-right:0;
margin-bottom:24px;
}
.modal-image img{
height:100px !important;
width:auto;
}
.modal_photo3,
.modal_photo3 img,
.modal_photo2,
.modal_photo2 img{
max-width: 100%;
}
}
a.page_back{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; position:relative;
background-color:#217EC4 !important;
background:url('/img/usr/default/itx-k-90ee-1.png');
padding: 20px;
max-width:400px;
width:400px;
box-sizing:border-box;
margin:0 auto;
}
a.page_back:after{
  position:absolute;
  right:5%;
  top:30%;
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  color: #fff;
  font-weight: 900;
}
.page_back_box{
margin: 56px auto 0;
}
@media (max-width: 768px) {
a.page_back{
width:100%;
}

.page_back_box{
margin: 40px auto 0;
}}
a.page_back:link{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
a.page_back:visited{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
a.page_back:hover{ font-size: 16px ; font-weight: normal ; font-style: normal ; text-decoration: none ; color: #fff ; }
.zukab_foot{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
#FOOT{
background:url(/img/usr/default/itx-k-90ee-1.png) !important;
background-color:#217EC4 !important;
}
.drawer_menu{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.zdo_drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}
.zdo_drawer_menu a {
  display:block;
  padding: 8px;
  color: inherit;
  text-decoration: none;
}
.zdo_drawer_menu a:visited {
  color: inherit;
}
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}
.zdo_drawer_menu .zdo_drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 42px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: sticky;
  top: 32px;
  right: 32px;
  z-index: 20000;
  text-align: center;
  outline: none;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
  width: 49px;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(30deg);
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-30deg);
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
  display: none;
}
.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
  display: block;
}
.zdo_drawer_menu .zdo_drawer_bar {
  display: block;
  height: 2px;
  margin: 10px 0;
  transition: all 0.2s;
  transform-origin: 0 0;
}
.zdo_drawer_menu .zdo_drawer_text {
  text-align: center;
  font-size: 10px;
}
.zdo_drawer_menu .zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none;
}
.zdo_drawer_menu .zdo_drawer_menu_text {
  display: block;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 400px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(400px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #FFF;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}
.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0;
}
nav.zdo_drawer_nav_wrapper.open{
z-index:2000;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}
/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px;
}
.zdo_drawer_menu .zdo_drawer_nav li {
  font-size: 16px;
  margin-bottom: 15px;
}
/*+++ Default Button Color +++*/
.zdo_drawer_menu .zdo_drawer_button {
  color: #217EC4;
  margin-right:16px;
}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
  background-color: #217EC4;
}
@media (max-width: 768px) {
.zdo_drawer_menu .zdo_drawer_nav_wrapper{
width:312px;
}
}
.marker{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.marker_y{
background:linear-gradient(transparent 60%, #ff6 60%);
font-weight: normal;
}

.marker_g{
background:linear-gradient(transparent 60%, #66ff6a 60%);
}
.number_page{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.number .deftitle{
 background-color: #244568;
 background-image: url(/img/usr/default/pUR-d-L3ef-1.png);
}
.w1020_number .moddef_etag{
 color: #FFF !important;
}
.w1020_number .modhead2{
 color: #FFF !important;
}
.w1020_number img{
 color: #FFF !important;
}
.number_page{
 color:#666;
}
.yugothic{
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
}
.number_page .column {
 position: relative;
 width: 45%;
 border: 6px #F1EEEE solid;
 height: 330px;
 margin-bottom: 20px;
 flex-grow: 1;
}
.number_page .column:nth-child(-n+4){
 height:410px;
}
.number_page .title{
 color:#000;
 font-size: 21px;
 font-weight: bold;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 6px;
 background-color: #F1EEEE;
 line-height: 1.5;
 display:inline-block;
 position: relative;
}
.number_page .title::after {
 top: -1px;
 content: '';
 margin-left: 10px;
 position: absolute;
 border-width: 40px 30px 0px 0px;
 border-style: solid;
 border-color: #F1EEEE transparent transparent transparent;
}
.number_page .contents{
 padding: 15px 30px;
}
.number_page .visual{
 display: flex;
 flex-wrap: wrap;
}
.number_page .visual .left_img{
 display: flex;
 align-items: center;
 width:30%;
 position: relative;
}
.number_page .visual .number_box{
 text-align:center;
 width:70%;
 margin:auto 0;
}
.number_page .number{
 line-height: 1;
}
.number_page .big_red{
 font-size: 100px;
 font-weight: bold;
 color: #CC0530;
 line-height: 1;
opacity: 0;
}
.number_page .red{
 font-size: 70px;
 font-weight: bold;
 color: #CC0530;
 line-height: 1;
}
.number_page .unit{
 color: #666;
 font-size: 40px;
 font-weight: bold;
 margin-left: 5px;
}
.number_page .note{
 font-size: 20px;
 line-height: 0;
 margin-top: 0.5em;
}
.number_page .text{
 clear: both;
 font-size: 16px;
 color: #000000;
}
.number_page .text p{
 line-height: 1.7;
 margin: 0;
}
.number_page .right_bottom{
 text-align: right;
 font-size: 12px;
 color:#666;
 position: absolute;
 right: 10px;
 bottom: 0px;
}
.number_page .hide{
  opacity: 0;
  transition: 1s;
  }
.number_page .show{
  transition: 1s;
  opacity: 1;
  }
.number_page .kigyou_icon{
 position: relative;
 margin-top: -15px;
}
.number_page .kigyou_icon img{
 display:block;
 margin: 0 auto;
}
.number_page .kigyou_icon img:not(:first-child){
 margin-top:-15px; 
 position: absolute;
 display:block;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.yuryo .number {
 opacity: 0;
 margin: 0 auto;
 text-align: center;
 padding-top:0px;
}
.kigyou_icon img:nth-child(6){left: 34% !important;top: 80% !important; opacity: 0;}
.kigyou_icon img:nth-child(7){left: 65% !important;top: 30% !important; opacity: 0;}
.sogyo .number_box{
 margin:0 auto  !important;top;
 width: 80%  !important;top; 
}
.sogyo .text{
text-align: center;
}
.sogyo_year{
 transform: rotateX(90deg) skewX(340deg);
 -webkit-transform: rotateX(90deg) skewX(340deg);
 -ms-transform: rotateX(90deg) skewX(340deg);
 transition: 1.5s !important;
 display: inline-block;
 transform-origin: 50% 100%;
 -webkit-transform: 50% 100%;
 -ms-transform: 50% 100%;
}
.sogyo_run{
 transform: rotateX(0deg) skewX(360deg);
 -webkit-transform: rotateX(0deg) skewX(360deg);
 -ms-transform: rotateX(0deg) skewX(360deg);
}
.sogyo .text p{
 margin:0;
}
.sogyo_icon{
 margin: 20px auto;
}
.under_line{
  padding-bottom: .25em;
  background: linear-gradient(#CC0530, #CC0530) 0 100%/0 2px no-repeat;
   transition: 1.5s !important;
  transition-delay: 2s !important;
  text-decoration: none;
}
.under_line_run{
 background-size: 100% 3px;
}
.number_page .graph{
 width: 100%;
 height: 80px;
 display: flex;
}
.number_page .graph_block::after{
 content: "";
 width: 100%;
 position: absolute;
 border-right: 2px #AAA dotted;
 height: 100%;
 right: 50%;
 top: 0;
}
.number_page .graph p{
 width: 25%;
 font-size: 15px;
 margin: auto 0;
}
.number_page .graph_block{
 position: relative;
 width: 100%;
}
.number_page .graph_back{
 width: 100%;
 background-color: #F1EEEE;
 height: 100%;
}
.jikoshihon .visual{
 border-right: 2px #CCC solid;
 margin-bottom: 30px;
}
.number_page .graph1{
 margin-top: 15px;
}
.number_page .graph2{
 margin-top: 15px;
 height: 40px;
}
.number_page .graph_color{
transition: 1s;
  width: 0%;
 height: 100%;
 position: absolute;
 right: 0;
}
.number_page .jikoshihon_run .graph1 .graph_color{
 width: 55%;
 background-color: #CC0530;
}
.number_page .jikoshihon_run .graph2 .graph_color{
 width: 40%;
 background-color: #195CAA;
}
.number_page .graph .red{
 position: absolute;
 font-size: 40px;
 top: 25%;
 right: 57%;
 opacity:0;
 transition: 1.5s !important;
 transition-delay: 2s !important;
}
.number_page .graph .red span{
 font-size:20px;
}
.number_page .jikoshihon_run .graph .red{
 opacity:1;
}
.number_page .rank_container{
 display: flex;
 width: 100%;
}
.number_page .rank_column{
 flex-grow: 1;
 position: relative;
 width: 50%;
}
.number_page .rank_item div,.number_page .rank_item p{
 position: absolute;
 width: 100%;
}
.number_page .rank_img{
 height:100%;
}
.number_page .rank_img img{
 object-fit: cover;
 height: 0%;
 position: absolute;
 bottom: 0;
 top:auto  !important;
 object-position: 100% 100%;
 transition: 1.5s !important;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.number_page .rank_run .rank1 img{
  height: 100%;
}
.number_page .rank_run .rank2 img{
  height: 90%;
}
.number_page .rank_img_back{
 position: static !important;
}
.number_page .rank_img_back img{
 margin: 0 auto;
 display: block;
}
.number_page .rank_item{
 position: relative;
}
.number_page .rank_item p{
 width: 100%;
 height: 100%;
 text-align: center;
 color: #FFF;
 font-size: 20px;
 margin: 0;
 top: 40%;
 left:3%;
}
.number_page .rank_item p span{
 font-size:70px;
}
.number_page .rank_title{
 color: #000;
 margin-top: 0;
 margin-bottom:0;
 font-size: 20px;
 text-align: center;
 width: 100%;
}
.number_page .rank_place{
 color: #CC0530;
 width: 100%;
 text-align: center;
 font-size: 35px;
 margin: 0;
 margin-bottom: 15px;
}
.number_page .rank_note{
 text-align: center;
 font-size: 30px;
 margin: 0;
}
.number_page .margintop10{ margin-top: 10px;}
.number_page .margintop20{ margin-top: 20px;}
.number_page .margintop30{ margin-top: 30px;}
.number_page .margintop40{ margin-top: 40px;}
.number_page .shikaku .visual{
 width: 100%;
 margin: 20px auto 10px auto;
}
.number_page .shogakukin .note{
 color: #CC0530;
}
.number_page .shogakukin .number{
 color: #CC0530;
 font-size: 20px;
}
.number_page .shogakukin .big_red{
 font-size: 60px;
 margin: 0 5px;
}
/*アニメーション*/
.zoomIn{
  display:inline-block;
  animation-name:zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  0% {transform: scale(0.6);}
  90% {transform: scale(1.3);}
  100% {transform: scale(1);}
}
.yuryo .yuryo_contents{
 flex-grow: 1;
 width: 100%;
}
.yuryo .unit{
 color: #CC0530;
 font-size: 30px;
}
 .shikaku .left_img img{
 right: 0;
 position: absolute;
 top: unset !important;
 }
.yuryo_run .kigyou_icon img:nth-child(2){ animation: yuryo1 1500ms ease-in-out forwards;}
.yuryo_run .kigyou_icon img:nth-child(3){ animation: yuryo1 1500ms ease-in-out forwards;animation-delay: 0.2s}
.yuryo_run .kigyou_icon img:nth-child(4){ animation: yuryo1 1500ms ease-in-out forwards;animation-delay: 0.4s}
.yuryo_run .kigyou_icon img:nth-child(5){ animation: yuryo1 1500ms ease-in-out forwards;animation-delay: 0.6s}
.yuryo_run .kigyou_icon img:nth-child(6){ animation: yuryo2 1500ms ease-in-out forwards;animation-delay: 0.75s}
.yuryo_run .kigyou_icon img:nth-child(7){ animation: yuryo2 1500ms ease-in-out forwards;animation-delay: 0.85s}
.yuryo_run .number         { animation: yuryo2 1500ms ease-in-out forwards;animation-delay: 0.8s}
@keyframes yuryo1{
  0% {opacity: 1;}
  10% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes yuryo2{
  0% {opacity: 0;}
  70% {opacity: 0;}
  100% {opacity: 1;}
}
@media (min-width: 769px) {
.number_page .container {
 display: flex;
 flex-wrap: wrap;
}
 .number_page .column:nth-child(odd){
  margin-right:10px;
 }
 .number_page .column:nth-child(even){
  margin-left:10px;
 }
}
@media (max-width: 768px) {
 .number_page .column {
    width: 100%;
  }
 .number_page .title{
  font-size: 18px;
 }
 .sogyo .number_box{
  width:100% !important;
 }
 .number_page .contents{
  padding: 15px 10px 0 10px;
 }
 .number_page .unit{
  margin-left:0;
 }
 .number_page .graph1{
  margin-top:0;
  display:block;
  margin-bottom: 25px;
 }
 .number_page .graph2{
  display:block;
 }
 .jikoshihon .visual{
  margin-bottom: 5px;
  padding-bottom: 25px;
 }
 .number_page .graph_block{
  height:100%;
 }
 .number_page .rank_title{
  font-size:18px;
  margin-bottom: 10px;
 }
 .number_page .rank_place{
  font-size: 21px;
 }
 .number_page .rank_note{
  font-size: 21px;
  margin-top: 10px;
 }
 .number_page .rank .rank2 img,.number_page .rank .rank1 img{
  width:90%;
 }
 .number_page .rank_item p{
  top:45%;
 }
 .number_page .rank_item p span{
  font-size: 50px;
 }
 .number_page .title::after{
  border-width: 35px 30px 0px 0px;
 }
 .number_page .red{
  font-size: 60px;
 }
 .number_page .shogakukin .number{
  font-size:21px;
 }
 .number_page .shikaku .visual{
  width:100%;
 }
 .left_img img{
  width:80%;
  height:auto;
 }
 .number_page .shikaku .visual{
  width:100%;
 }
 .number_page .big_red{
  font-size:70px;
 }
 .shogakukin .number_box{
  width: 76% !important;
  margin-left: -30px !important;
 }
 .length img,.holiday img{
  margin-left:20px;
  margin-bottom:20px;
 }
 .sogyo_year{
 /* width: 170px;*/
 }
 .number_page .unit {
  font-size: 32px;
 }
 .number_page .note {
    font-size: 18px;
  }
}}
.etc{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.test_menu:nth-last-child(2) > li > ul a{
	border-top: 1px solid #ffffff;}
.kensyu-balloon{ display: block ; font-size: 16px ; font-weight: bold ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: center ; color: #ffffff ; margin: 0px ; padding: 0px ; text-indent: 0px ;   background-repeat:no-repeat;
}
.kensyu-balloon.balloon1 {
  background-image: url('/img/usr/default/d6b-p-v4bi-1.png');
  padding-left: 60px;
  background-size:;
  background-position: left center;
  text-align:left;
}
.kensyu-balloon.balloon2 {
  background-image: url('/img/usr/default/07W-f-G4bj-1.png');
  background-repeat:no-repeat;
  padding-right: 90px;
  background-size:;
  background-position: right center;
  text-align:right;
}
.kensyu-balloon p {
  position: relative;
  display: inline-block;
  margin: 1rem 0 0.5rem 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  min-height: 1rem;
  vertical-align: middle;
  padding: 1rem;
  border-radius: 9px;
  text-align: center;
}
.kensyu-balloon.balloon1 p {
  background-color: #00a1e9;
}
.kensyu-balloon.balloon2 p {
  background-color: #004ea2;
}
.kensyu-balloon p:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.kensyu-balloon.balloon1 p:before {
  left: -30px;
  border: 15px solid transparent;
  border-right: 20px solid #00a1e9;
}
.kensyu-balloon.balloon2 p:before {
  left: 100%;
  border: 15px solid transparent;
  border-left: 20px solid #004ea2;
}
@media screen and (max-width: 768px) {
}
.kensyu-title1{ display: block ; font-size: 40px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: center ; margin: 40px 0px 0px 0px ; padding: 0px ; text-indent: 0px ; }
@media only screen and (max-width: 768px) {
.kensyu-title1 {
font-size: 24px;
}}
.kensyu-box_mirai{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ;   counter-reset: h2;
}
.kensyu-box_mirai h2 {
  font-size: 28px;
  font-weight: normal;
  color: #004ea2;
  border: none;
  margin-top: 24px;
  vertical-align: top;
  display: inline-block;
}
.kensyu-box_mirai h2::before {
  counter-increment: h2;
  content: counter(h2);
  font-size: 70px;
  margin-right: 16px;
}
.kensyu-box_mirai .modbbox2 {
  color: #000;
  background-color: #eaf4fb;
  padding: 1rem;
  margin: 0 0 24px 20px;
}
@media only screen and (max-width: 768px) {
.kensyu-box_mirai h2 {
padding-left: 50px;
position: relative;
font-size: 24px;
}
.kensyu-box_mirai h2::before {
position: absolute;
left: 0;
padding-top: 1rem;
}}
.smoji{ display: inline ; font-size: 12px ; font-weight: normal ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: left ; color: #000000 ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.kensyu-title2{ display: inline ; font-size: 28px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; color: #727171 ; margin: 0px ; padding: 0px ; text-indent: 0px ; position: absolute;
margin-top: -20px;
padding-left: 10px;
}
@media only screen and (max-width: 768px) {
.kensyu-title2 {
font-size: 24px;
padding-left: 0;
margin-top: -20px;
padding-left: 0;
}}
.minititle{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: left ; color: #ffffff ; background-color: #004ea2 ; margin: 0px 0px 16px 0px ; padding: 0px ; text-indent: 0px ; display: inline-block;
padding: 0.2rem 0.5rem;}
.kensyu-box_msg{ display: inline ; width: 98% ; font-size: 16px ; font-weight: normal ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: left ; color: #000 ; background-color: #f2f2f3 ; margin: 0px ; padding: 0px ; text-indent: 0px ; display: inline-block;
padding: 2rem 0 0;
}
.kensyu-box_msg .fleft {
margin: 0;
}
.kensyu-box_msg div.modbbox2 {
float: right;
width: 60%;
color:#000;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.kensyu-box_msg > div{
width: 43%;
float: left;
padding: 0 3%;
}
.kensyu-pbox_msg {
font-size: 14px;
}
.kensyu-pbox_msg_lbox {
float: left;
display:inline-block;
height: 370px;
width: 40%;
}
.kensyu-pbox_msg img {
padding: 0 1rem 0.2rem 0;
}
.kensyu-box_msg ul{
margin: 0.5rem 0;
padding-left: 1.5rem;
}
.kensyu-box_msg ul li{
   text-indent: -1rem;
   padding-left: 1rem;
   list-style-position: outside !important;
}
@media only screen and (max-width: 768px) {
.kensyu-box_msg {
width: auto;
padding: 2rem 10px 0;
}
.kensyu-box_msg > div{
width: 98%;
float: none;
padding: 0;
}
.kensyu-pbox_msg_lbox {
float: none;
height: auto;
width: 100%;
margin-bottom: 10px;
padding-top: 0;
text-align: center;
}
.kensyu-pbox_msg_lbox:first-chld {
padding-top: 0;
}
.kensyu-box_msg div.modbbox2 {
float: none;
width: 100%;
padding-bottom: 3rem;
}
.kensyu-box_msg .kensyu-pbox_msg::last-chld .modbbox2 {
padding-bottom: 0;
}}
.kensyu-box_photo{ display: inline ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.kensyu-box_photo .img_100 {
width: 31%;
padding:8px;
}
.kensyu-box_photo .img_100 img {
width: 100%;
height: auto;
max-width: 100%;
/*! max-height: 199px; */
}
.kensyu-box_photo .img_100 .cap-1 {
width: 100% !important;
display: inline-block;
min-height: 4.5rem;
color:#00608d;
}
@media only screen and (max-width: 768px) {
.kensyu-box_photo .img_100 {
width: auto;
padding: 0;
}}
.link_btn-border{ display: block ; font-size: 18px ; font-weight: bold ; font-style: normal ; line-height: 140% ; letter-spacing: 0px ; text-align: center ; margin: 0px ; padding: 0px ; text-indent: 0px ;   border: 2px solid #004ea2;
  border-radius: 0;
  background: #fff;
  width: 88%;
  margin: 0 auto;
  display: inline-block;
  border-radius: 9px;
  padding: 1rem 0;
}
a.link_btn-border:hover {
  color: #fff;
  background: #004ea2;}
.schedule{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.shorttime {
  margin       : auto;
  width        : 40%;
  height       : 24px;
  background   : #0068b7;
}
.alltime {
  margin       : auto;
  width        : 100%;
  height       : 24px;
  background   : #0068b7;}
.kensyu-tablebox{ display: block ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.kensyu-tablebox table th {
font-weight: normal;
border-color: #ccc;
}
.kensyu-tablebox table td {
padding: 8px 0;
border-color: #ccc;
}
.kensyu-tablebox table td span {
font-size: unset;
}
.kensyu-tablebox table td .moddef_spn1 {
color: #e60012;
}
@media screen and (max-width: 768px) {
.kensyu-tablebox {
 overflow-x: scroll;
 #-webkit-overflow-scrolling: touch;
}
.kensyu-tablebox::-webkit-scrollbar {
  height: 10px;
}
.kensyu-tablebox::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.kensyu-tablebox::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.kensyu-tablebox table {
  width: 980px;
}}
.img_100-1{ display: inline ; font-size: 10px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; }
.img_100 img{
width: 100%;
height: auto;}
.cap-1{ display: block ; font-size: 14px ; font-weight: normal ; font-style: normal ; line-height: 170% ; letter-spacing: 0px ; text-align: left ; color: #333333 ; margin: 0px ; padding: 2px 2px 2px 0px ; text-indent: 0px ; }
.sdgs_iconimg{ display: inline ; font-size: 1px ; font-weight: normal ; font-style: normal ; line-height: 100% ; letter-spacing: 0px ; text-align: center ; color: #121212 ; margin: 0px ; padding: 0px 5px 5px 0px ; text-indent: 0px ; }
.moddef_img img {
object-fit: contain;
object-position: center;
font-family: 'object-fit: contain; object-position: center';
}
@media screen and (max-width: 768px) {
.moddef_img {
display: inline-block;
width: 100%;
}
}
.photogallery100{ display: block ; font-size: 16px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 0px ; padding: 0px ; text-indent: 0px ; list-style-type: none;
}
.photogallery100 > li {
float: left;
margin: 0.8vw;
}
.photogallery100 > li {
width:10vmin; height:10vmin;
}
.photogallery100 > li > a img{
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
.photogallery100 > li > a img {
width:10vmin; height:10vmin;
}
.photogallery100 > li > a {
position:absolute;
display:block;
}
.photogallery100 li > a .cover {
position:absolute;
display:block;
width: 100%;
height: 100%;
background: url(/img/usr/default/6S4-9-c37n-2.png);
}
@media screen and (max-width: 768px) {

ul.photogallery100 li {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
 touch-callout:none;
 user-select:none;
}}
.sdgs_bannerbox{ display: block ; font-size: 1px ; font-weight: normal ; font-style: normal ; letter-spacing: 0px ; text-align: left ; margin: 60px 0px 0px 0px ; padding: 0px ; text-indent: 0px ; }
/* スライダーモジュール */
#slider1997 {
width :100%;
height:auto;
  border-style: none;
  border-radius: 0px;
  margin-bottom: 0px;
}
#slider1997 .flex-direction-nav a.flex-prev:before {
  content: 'Previous';
  font-size: 30px;
  line-height: 100%;
}
#slider1997 .flex-direction-nav a.flex-next:before {
  content: 'Next';
  font-size: 30px;
  line-height: 100%;
}
#slider1997 img{
}
.flexslider {
    border: medium none !important;
}
@media screen and (max-width: 768px) {
 #slider1997 {
   height: auto;
   width: 100%;
   margin-bottom:0px;
 }
#slider1997 .flex-control-nav {
    display: none;
}
}
#slider707 {
width :100%;
height:auto;
  border-style: none;
  border-radius: 0px;
  margin-bottom: 0px;
}
#slider707 .flex-control-paging li a.flex-active{
  background: none repeat scroll 0 0 rgba(51,51,51,1.0);
}
#slider707 .flex-control-paging li a{
  background: none repeat scroll 0 0 rgba(51,51,51,0.5);
}
#slider707 .flex-control-nav{
  bottom: none;
  top: 470px;
}
#slider707 .flex-direction-nav a.flex-prev:before { content: ''; }
#slider707 .flex-direction-nav a.flex-prev {
  background-image: url(/img/usr/default/nAA-f-ZX7k-1.png);
  width: 60px;
  height: 83px;
}
#slider707 .flex-direction-nav a.flex-next:before { content: ''; }
#slider707 .flex-direction-nav a.flex-next {
  background-image: url(/img/usr/default/arD-s-WX7l-2.png);
  width: 60px;
  height: 83px;
}
#slider707 img{
}
.flexslider {
border: medium none !important;
}
#slider707 .flex-control-nav {
top: unset;
}
@media screen and (max-width: 768px) {
#slider707 {
height: auto;
width: 100%;
margin-bottom: 10px;
}
#slider707 .flex-control-nav {
display: none;
}
#slider707 .flex-direction-nav a {
background-size: 40%;
background-repeat: no-repeat;
background-position: center;
}

#slider707 .flex-direction-nav .flex-next{
right:0px;
}

#slider707 .flex-direction-nav .flex-prev{
left:0px;
}

#slider707 .flex-direction-nav a.flex-next,
#slider707 .flex-direction-nav a.flex-prev
{
height:30%;
}
}