#vi-container {
  position: relative;
  /*min-width: 1000px;*/
}

#vi-bg {
  min-height: 650px;
  background-image: url(../../img_root/vi_pc_img_01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#vi-bg:before {
  content: "";
  display: block;
  padding-bottom: 41.6667%;
}

#vi-all {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
#vi-all:hover #vi .btn-blue-01 {
  background: #0096c5;
}

#vi {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}
#vi .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -216px;
  margin-left: -514px;
}
#vi dl {
  padding-bottom: 39px;
  color: #fff;
}

#vi dl dt {
  padding-bottom: 24px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-size: 60px;
}
#vi dl dd {
  letter-spacing: 0.1em;
  font-size: 16px;
}
#vi p {
  width: 210px;
}
#vi p a {
  padding-left: 27px;
}
#vi .btn-blue-01 {
  background: url(../img/parts/bg_opacity-blue_01.png) left top repeat;
}
#vi .btn-blue-01:hover {
  background: #0096c5;
}

#top-pickup {
  margin-bottom: 45px;
}
#top-pickup .list {
  position: relative;
  width: 244px;
  height: 244px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#top-pickup .list > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#top-pickup .list > a:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 36px;
  height: 16px;
  background: url(../../img_root/top_pickup_icn.png) left top no-repeat;
}
#top-pickup .list ~ .list {
  margin-left: 8px;
}
#top-pickup .list:nth-child(n+5) {
  margin-top: 8px;
}
#top-pickup .list:nth-of-type(5) {
  margin-left: 0;
}
#top-pickup .tp-top-message {
  width: 496px;
  padding: 20px 0 0 30px;
}
#top-pickup .tp-top-message .tp-top-message-inner {
	/*margin-left: 42%;*/
	position: absolute;
    right: 15px;
	padding: 17px;
    background: RGBa(0,0,0,0.6);
}

#top-pickup .tp-top-message p:nth-of-type(1) {
  margin-bottom: 18px;
  margin-top: 5px;
  line-height: 1.4;
  /*color: #083e89;*/
  font-size: 20px;
  color: #fff;
  text-shadow: 0 0 7px #000;
}
#top-pickup .tp-top-message p:nth-of-type(2) {
  width: 210px;
}
#top-pickup .tp-top-message p:nth-of-type(2) a {
  padding-left: 24px;
}
#top-pickup .tp-top-message:hover p a,#top-pickup .stock-info:hover p a {
 	background: #0096c5;
}
#top-pickup .tp-top-message:after, #top-pickup .stock-info:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 36px;
  height: 16px;
  background: url(../../img_root/top_pickup_icn.png) left top no-repeat;
}



#top-pickup .tp-medium-term dl {
  padding-top: 83px;
  text-align: center;
  color: #fff;
}
#top-pickup .tp-medium-term dl dt {
  letter-spacing: 0.1em;
  font-size: 30px;
	font-weight:bold;
}
#top-pickup .tp-medium-term dl dd {
  letter-spacing: 0.1em;
  font-size: 18px;
}


#top-pickup .tp-medium-term .dl {
  display:block;
  padding-top: 83px;
  text-align: center;
  color: #fff;
}
#top-pickup .tp-medium-term .dl .dt {
  display:block;
  letter-spacing: 0.1em;
  font-size: 30px;
	font-weight:bold;
}
#top-pickup .tp-medium-term .dl .dd {
  display:block;
  letter-spacing: 0.1em;
  font-size: 18px;
}






#top-pickup .tp-obi p {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  line-height: 1.4;
  padding: 12px 15px 11px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/parts/bg_opacity-blue_01.png) left top repeat;
  color: #fff;
  font-size: 18px;
}
#top-pickup .tp-obi p span {
  font-size: 14px;
}

#group-all {
  width: 100%;
  background: #f0f0f0;
  /*min-width: 1000px;*/
}

/*��������*/
#group {
  width: 1000px;
  margin: 0 auto;
  padding-top: 26px;
  padding-bottom: 40px;
}
#group h2 {
  margin-bottom: 16px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #00559a;
  font-size: 18px;
  font-weight: normal;
}
#group ul li {
  float: left;
}
#group ul a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-indent: 300%;
  white-space: nowrap;
}
#group ul li:nth-child(-n+6) {
  width: 330px;
}

#group ul li:nth-child(-n+6) a {
  height: 70px;
}



/*
#group ul li:nth-child(n+4) {
  width: 495px;
  margin-top: 10px;
}
#group ul li:nth-child(n+4) a {
  height: 60px;
}
*/

#group ul li:nth-of-type(1) a:first-child {
  background: url(../../img_root/top_pc_group_bnr_fukuoka.png) left top no-repeat;
}

#group ul li:nth-of-type(2) {
  margin-left: 5px;
}
#group ul li:nth-of-type(2) a:first-child {
  background: url(../../img_root/top_pc_group_bnr_kumamoto.png) left top no-repeat;
}

#group ul li:nth-of-type(3) {
  margin-left: 5px;
}
#group ul li:nth-of-type(3) a:first-child {
  background: url(../../img_root/top_pc_group_bnr_shinwa.png) left top no-repeat;
}

#group ul li:nth-of-type(4) a:first-child {
  background: url(../../img_root/top_pc_group_bnr_ffg-shoken330.png) left top no-repeat;
}

#group ul li:nth-of-type(5) {
  margin-left: 5px;
}
#group ul li:nth-of-type(5) a:first-child {
  background: url(../../img_root/top_pc_group_bnr_ibank330.png) left top no-repeat;
}

/*#group ul li:nth-of-type(5) a{
  background: url(../../img_root/top_pc_group_bnr_ffg-bunka-geijutsu330.png) left top no-repeat;
}*/


#group ul li:nth-of-type(6) {
  margin-left: 5px;
}
#group ul li:nth-of-type(6) a:first-child {
  background: url(../../img_root/top_pc_ffg_venture_business330.png) left top no-repeat;
}




#group ul li a.ib_link {
	height: auto;
	padding: 10px 0;
	font-size: 15px;
	text-indent: 0;
	text-align: center;
	color: #fff;
}
#group ul li a.ib_link.s {
	font-size: 13px;
}
#group ul li a.ib_link.l {
	font-size: 17px;
}

#group ul li a.gr_link {
	height: 70px;
	/*padding: 10px 0;*/
	font-size: 20px;
	text-indent: 0;
	text-align: center;
	line-height: 3.5em;
	color: #fff;
}

/*#group ul li a.ib_link:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 11px;
	margin-left: 7px;
	background: url(../../img_root/icn_blank.png) left top no-repeat;
	background-size: 10px 11px;
}*/
#group ul li:nth-of-type(1) a.ib_link {
	background: #00a7db;
}
#group ul li:nth-of-type(2) a.ib_link {
	background: #ec6600;
}
#group ul li:nth-of-type(3) a.ib_link {
	background: #00a051;
}
#group ul li:nth-of-type(4) a.ib_link {
	background: #558ED5;
	height: 50px;
}
#group ul li:nth-of-type(5) a.br_link {
  background: url(../../img_root/top_pc_group_bnr_ffg-bunka-geijutsu330.png) left top no-repeat;
}
#group ul li:nth-of-type(6) a.gr_link {
	background: #969696;

}

#group p {
  margin-top: 10px;
}
#group p a {
  display: block;
  width: 100%;
  height: 40px;
  text-align: center;
  letter-spacing: 0.1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 42px;
  background: #999;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
#group p a:before {
  content:"";
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-bottom: 1px;
  margin-right: 12px;
  background: url(../../common/img/parts/icn_pc_arrow-right_01.png) left top no-repeat;
}
#group p a:hover {
  background: #00559a;
}



#top_bn_list {
	/*margin-top: 60px;
	margin-bottom: 40px;*/
	padding: 40px 0;
	background: #f8f8f8;
	/*min-width: 1000px;*/
}
#top_bn_list ul {
	width: 1000px;
	margin: auto;
}
#top_bn_list ul li {
	width: 320px;
	margin-right: 20px;
	float:left;
}

#top_bn_list ul li img {
	width: 100%;
}

#top_bn_list ul li:nth-of-type(n+4) {
	margin-top: 20px;
}

#top_bn_list ul li:nth-of-type(3n) {
	margin-right: 0;
}

/*
#top_bn_list ul li.socialBtn{
	width: 490px !important;
	text-align:center;
}

#top_bn_list ul li.socialBtn img{
	width:320px;
	height:100px;
}

#top_bn_list ul li.socialBtn a {
	height: 110px;
	display: block;
}

#top_bn_list ul li.socialBtn:nth-of-type(2n) {
	margin-right: 0;
}
*/

.main_visual_area {
    position: relative;
    min-height: 500px;
}
#PCslider li {
	min-height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;

}
.main_copy {
	position: absolute;
    width: 1050px;
    height: 100%;
	padding-top: 6%;
    z-index: 100;
    box-sizing: border-box;
    left: 0; right: 0;
    margin: auto;
    pointer-events: none;
}
.main_copy dl {
	color: #fff;
	padding-bottom: 39px;
}
.main_copy dl dt {
	padding-bottom: 24px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 60px;
    text-shadow: 1px 2px 3px #808080;
}
.main_copy dl dd {
	letter-spacing: 0.1em;
    font-size: 16px;
    /*color: #00559a;*/
    font-weight: bold;
    text-shadow: 1px 2px 3px #808080;
}
.main_copy p {
	width: 230px;
}
#PCslider li:nth-of-type(1) {
	background-image: url(../../img_root/202204_mv01.png);
}
#PCslider li:nth-of-type(2) {
	background-image: url(../../img_root/202204_mv02.png);
}
#PCslider li:nth-of-type(3) {
	background-image: url(../../img_root/202204_mv03.png);
}
#PCslider li:nth-of-type(4) {
	background-image: url(../../img_root/202204_mv04.png);
}
#PCslider li:nth-of-type(5) {
	background-image: url(../../img_root/202204_mv05.png);
}

#PCslider li:nth-of-type(6) {
	background-image: url(../../img_root/202204_mv06.png);
}
#PCslider li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
}
#PCslider li:hover .btn-blue-01 {
	background-color: #0096c5;
}
#PCslider li:nth-of-type(1) div dl {
	color: #fff;
}

.blueBtn a {
	display: block;
	width: 760px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	padding: 20px 0;
	text-align: center;
	background: url(../../common/img/parts/icn_sp_arrow-right_01.png) no-repeat 90% center #00559a;
	background-size: 8px auto;
    border-radius: 3px;
}
.blueBtn a:hover {
	background-image: url(../../common/img/parts/icn_sp_arrow-right_01.png);
	background-color: #0096c5;
	color: #fff;
}

.blueBox {
	width: 100%;
	background: rgba(229, 237, 248, 0.6);
	padding: 24px 20px 20px;
	box-sizing: border-box;
	margin: 45px auto 0;
}

.blueBox p {
	font-size: 1.8rem;
	text-align: center;
}

.blueBox .btn-blue-01 {
	color: #fff;
	font-weight: normal;
	width: 350px;
	margin: 0 auto;
}

.pc-none {
	display: none;	
}


@media only screen and (max-width: 750px) {
  #vi-container {
    min-width: auto;
  }

  #vi-bg {
    min-height: /*175px*/220px;
    background-image: url(../../img_root/vi_sp_img_01.jpg);
  }
  #vi {
    width: 100%;
    margin: 0;
  }
  #vi .inner {
    /*margin-top: -72px;
    margin-left: -130px;*/
    margin-top: 0;
    margin-left: 0;
    top: 16%;
    /*left: 5%;*/
	left:0;
	padding:0 5%;
  }
  
  #vi dl {
    padding-bottom: 9px;
  }
  #vi dl dt {
    padding-bottom: 7px;
    font-size: 20px;
  }
  #vi dl dd {
    letter-spacing: 0;
    line-height: 1.3;
    font-size: 14px;
  }
  #vi p {
    width: /*130px*/180px;
  }
  #vi p a {
    padding-left: 16px;
  }
  #vi .btn-blue-01 {
    background-size: 10px 10px;
  }

  #top-pickup {
    margin-bottom: 25px;
  }
  #top-pickup .list {
    width: 48.33333%;
    height: auto;
  }
  #top-pickup .list > a {
    height: 0;
    padding-bottom: 100%;
  }
  #top-pickup .list > a:after {
    background-position: right bottom;
    background-size: 18px 8px;
  }
  /* 1�Ԗڂ�list�v�f�̎��̗v�f���牺�S�� */
  /*#top-pickup .list ~ .list {
    margin-left: 0;
    margin-top: 10px;
  }*/
  /* n+3:3�Ԗڈȍ~�̂�list�v�f */
  #top-pickup .list:nth-child(n+3) {
    margin-top: 10px;
  }
  /* 2n+1:1,3,5,�c�Ԗڂ�list�v�f */
  #top-pickup .list:nth-of-type(2n+1) {
    float: left;
    margin-left: 0px;
  }
  /* 2n+2:2,4,6,�c�Ԗڂ�list�v�f */
  #top-pickup .list:nth-of-type(2n+2) {
    float: right;
    margin-left: 10px;
  }
  #top-pickup .tp-top-message {
    position: relative;
    width: 100%;
    height: 0;
    margin-left: 0 !important;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 49.17%;
  }
  #top-pickup .tp-top-message .tp-top-message-inner {
    position: absolute;
    top: 50%;
    /*left: 15px;*/
	right: 10px;
    margin-top: -65px;
	padding: 8px;
  }
  #top-pickup .tp-top-message p:nth-of-type(1) {
    margin-bottom: 14px;
    font-size: 14px;
  }
  #top-pickup .tp-top-message p:nth-of-type(2) {
    width: 130px;
  }
  #top-pickup .tp-top-message p:nth-of-type(2) a {
    padding-left: 10px;
	font-size: 11px;
  }
  #top-pickup .tp-top-message:after, #top-pickup .stock-info:after {
    background-position: right bottom;
    background-size: 18px 8px;
  }
  #top-pickup .tp-medium-term dl {
    padding-top: 37.24%;
  }
  #top-pickup .tp-medium-term dl dt {
    margin-bottom: 1px;
    font-size: 14px;
  }
  #top-pickup .tp-medium-term dl dd {
    font-size: 14px;
  }
  #top-pickup .tp-obi p {
    padding: 6.59% 4.83% 6.24% 4.83%;
    background-size: 10px 10px;
    font-size: 14px;
  }
  #top-pickup .tp-obi p span {
    font-size: 14px;
  }

/*��������*/
  #group-all {
    min-width: auto;
  }
  #group {
    width: 100%;
    margin: 0;
    padding: 20px 10px 28px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #group h2 {
    margin-bottom: 18px;
    font-size: 16px;
  }
  #group ul li {
    float: none;
  }
  #group ul li ~ li {
    margin-top: 5px;
  }
  
  #group ul li:nth-child(-n+6) {
    width: 100%;
  }
  #group ul li:nth-child(-n+6) a {
    height: 0;
    padding-bottom: /*30.33%*/ 20.33%;
  }
  
  /*#group ul li:nth-child(-n+4) a {
  height: 0px;
  margin-top: 5px;
}
#group ul li:nth-child(n+5) a {
  height: 0px;
}*/


  /*#group ul li:nth-child(n+4) {
    width: 100%;
    margin-top: 5px;
  }
  #group ul li:nth-child(n+4) a {
    height: 0;
    padding-bottom: 17.33%;
  }*/
  
  #group
   ul li:nth-of-type(1) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_fukuoka.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(2) {
    margin-left: 0;
  }
  #group ul li:nth-of-type(2) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_kumamoto.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(3) {
    margin-left: 0;
  }
  #group ul li:nth-of-type(3) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_shinwa.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(4) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_ffg-shoken600.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(5) {
    margin-left: 0;
  }
  #group ul li:nth-of-type(5) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_ibank600.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(5) a:last-child {
    background: url(../../img_root/top_sp_ffg_venture_business600.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(6) {
    margin-left: 0;
  }
  #group ul li:nth-of-type(6) a:first-child {
    background: url(../../img_root/top_sp_group_bnr_ffg-bunka-geijutsu600.png) left top no-repeat;
    background-size: cover;
  }
  #group ul li:nth-of-type(6) a{
	display: block;
  }





  #group ul li a.ib_link {
	height: auto;
	padding-bottom: 10px;
  }
  
  #group ul li a.gr_link {
	height: 60px;
	padding: 10px 0;
	font-size: 20px;
	text-indent: 0;
	text-align: center;
	line-height: 60px;
	color: #fff;
}



  #group p {
    margin-top: 13px;
  }
  #group p a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  #group p a:before {
	margin-bottom: 0;
	margin-right: 10px;
	background: url(../../common/img/parts/icn_sp_arrow-right_01.png) left top no-repeat;
	background-size: 6px 11px;
  }

#top_bn_list {
	/*margin-top: 40px;
	margin-bottom: 10px;*/
	margin-top: 10px;
	padding: 30px 0 10px;
	min-width: auto;
}
#top_bn_list ul {
	width: 320px;
}
#top_bn_list ul li {
	max-width: 320px;
	margin-right: 0;
	float: none;
	margin: 0 auto 15px;
}
#top_bn_list ul li:nth-of-type(3n) {
	margin-right: auto;
}


.main_visual_area {
    position: relative;
    min-height: 235px;
}

#PCslider li {
	min-height: 235px;
}
.main_copy {
    width: 100%;
    height: 100%;
    margin: 0 auto;
	padding-top: 5%;
    padding-left: 12px;
    padding-right: 15px;
	box-sizing: border-box;
    position: absolute;
}
.main_copy dl {
	padding-bottom: 15px;
}
.main_copy dl dt {
	padding-bottom: 15px;
    font-size: 21px;
}
.main_copy dl dd {
    font-size: 14px;
}
.main_copy p {
	width: 180px;
}
#PCslider li:nth-of-type(1) {
	background-image: url(../../img_root/202204_mv01.png);
}
#PCslider li:nth-of-type(2) {
	background-image: url(../../img_root/202204_mv02.png);
}
#PCslider li:nth-of-type(3) {
	background-image: url(../../img_root/202204_mv03.png);
}
#PCslider li:nth-of-type(4) {
	background-image: url(../../img_root/202204_mv04.png);
}
#PCslider li:nth-of-type(5) {
	background-image: url(../../img_root/202204_mv05.png);
}

#PCslider li:nth-of-type(6) {
	background-image: url(../../img_root/202204_mv06.png);
}

.blueBtn a {
	width: 100%;
	margin: 0;
	font-size: 14px;
	padding: 15px 0;
	background-position: 95%;
}

.blueBox {
	width: 100%;
	padding: 10px;
	margin: 25px auto 0;
}

.blueBox p {
	font-size: 14px;
	margin-bottom: 8px;
}

.blueBox .btn-blue-01 {
	width: 90%;
}

.pc-none {
	display: block;	
}

}

.all_area_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 100; }
#top-pickup .list > a.all_area_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 5; padding-bottom:0; }
#top-pickup .list > a.no-pc { display: none; }
@media only screen and (max-width: 750px) {
#top-pickup .list > a.no-pc { display: block; }
}