@charset "Shift_JIS";

/* --------------------------------------------------------------
Module
-------------------------------------------------------------- */
.imgC img {
  margin-left: auto !important;
  margin-right: auto !important;
}

ul.cmn {
  color: #039B88;
  padding-left: 30px !important;
  margin: 15px 0;
}

ul.cmn li {
    list-style: disc !important;
}

ul.cmn li span {
    color: #333;
}

ul.cmn > li > ul {
  padding-left: 1em !important;
  color: #333;
}

/*========== margin ==========*/
/*----- reset -----*/
.m0  {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}
/*----- all -----*/
.m5  {margin:5px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
/*----- top -----*/
.mt5  {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
/*----- right -----*/
.mr5  {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
/*----- bottom -----*/
.mb5  {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
/*----- left -----*/
.ml5  {margin-left:  5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}

/*========== padding ==========*/
/*----- reset -----*/
.p0  {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pr0 {padding-right:0 !important;}
.pb0 {padding-left:0 !important;}
.pl0 {padding-top:0 !important;}
/*----- all -----*/
.p5  {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
/*----- top -----*/
.pt5  {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
/*----- right -----*/
.pr5  {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
/*----- bottom -----*/
.pb5  {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
/*----- left -----*/
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}

/* --------------------------------------------------------------
index
-------------------------------------------------------------- */
#main div.flame div.flame_top_gnavi04 div.flame_btm div.ct {
    margin-top: 60px;
}

#main div.block_fl02.left_only {
  overflow: hidden;
  width: 311px;
  margin-bottom: 20px;
}

#main div.block_fl02.left_only div.block_fl02_top div.block_fl02_btm {
  margin-bottom: 0;
}

/* --------------------------------------------------------------
step
-------------------------------------------------------------- */
#main div.flame div.flame_top_gnavi04 h4 img.step {
	display:inline;
	position:relative;
	top:4px;
	margin:0 10px 0 0;
}

/* --------------------------------------------------------------
appli-g
-------------------------------------------------------------- */
#main div.flame div.flame_top_gnavi04 div.flame_btm table.type2 {
	width: 100%!important;
}
/* --------------------------------------------------------------
interview
-------------------------------------------------------------- */
body.gnavi04 #contents div.--interview{
  margin: 30px 0;
}
body.gnavi04 #contents div.--interview .--interview_list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}
body.gnavi04 #contents div.--interview .--interview_list a img{
  max-width: 100%;
  height: auto;
}
body.gnavi04 #contents div.--interview .--interview_list a:hover img{
  opacity: .8;
}
.modaal-container{
  background: none !important;
  box-shadow: 0 1px 0px rgba(255, 255, 255,1) !important;
  border-radius: 8px !important;
}