/* IMPORT CSS */
/* add shirai */
@import "/css/jquery.bxslider.css";

#top-img{
	background: url(/images/emigration/top-img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.second-h1 {
  font-size: 2.6rem;
  font-weight: 400;
  letter-spacing: 0.2rem;
  color: white;
  text-align: center;
  padding-top: 120px;
	font-family: serif;
}
.second-h1 small {
	font-size: 0.6rem;
	color: white;
}
.second-h1 img{
	width: 153px;
}

#emigration{
	margin-top: 80px;
	margin-bottom: 20px;
}

.PB-set {
	padding-bottom: 0px;
}
.catch-box {
	/* padding-bottom: 140px; */
	padding-bottom: 40px;
}
.catch-box .catch{
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.8rem;
	letter-spacing: 0.8rem;
	font-weight: 100;
	/* font-family: serif; */
}
.head-image img {
	width: 60%;
	margin: 0 20%;
	padding-bottom: 100px;
}

.emigration-flow-box {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #fbffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e0e8f8), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e0e8f8),color-stop(.75, #e0e8f8), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
}
.emigration-flow-list {
  margin-bottom: 58px;
}
.emigration-flow-list > li {
	border: solid 1px #000c40;
  position: relative;
  width: 90%;
  padding: 24px 5px 24px 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  margin: 0 auto 40px;
}
.emigration-flow-list > li:not(:last-child)::after {
  display: block;
  content: " ";
  position: absolute;
  bottom: -25px;
  right: 50%;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
  transform:rotate(90deg);
  width: 13px;
  height: 11px;
  background: url(../images/common/arrow_black.png) no-repeat;
  background-size: contain;
}
.emigration-flow-list > li > span {
  display: block;
  margin-right: 20px;
  font-size: 30px;
  color: #000c40;
}
.emigration-flow-list > li > p {
  display: inline-block;
  min-width: 350px;
}
.emigration-flow-txt {
  font-size: 14px;
  font-weight: 350;
  /* color: #64787B; */
}
.emigration-flow-links {
	margin-top: 14px;
}


/*========== 768px〜991pxまで(lg) ==========*/



/*--------------------------- PC STYLES ---------------------------*/


/*========== 992px〜1190pxまで(lg) ==========*/

@media ( min-width : 992px ) {


}

/*========== 1200px以上(xl) ==========*/

@media ( min-width : 1200px ) {



}


/*--------------------------- SMARTPHONE STYLES ---------------------------*/


/*========== 768px以下(sm) ==========*/

@media ( max-width : 767px ) {
	.catch-box {
		padding: 0 5%;
		/* padding-bottom: 80px; */
		padding-bottom: 20px;
	}
	.catch-box .catch{
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.6rem;
		letter-spacing: 0.6rem;
		font-weight: 100;
		/* font-family: serif; */
	}
	.head-image img {
		width: 80%;
		margin: 0 10%;
		padding-bottom: 60px;
	}
	.emigration-flow-list {
	  margin-bottom: 58px;
	  width: 100%;
	}
	.emigration-flow-list > li {
		margin: 0;
	  display:-webkit-box;
	  display:-ms-flexbox;
	  display:flex;
	  -webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	  position: relative;
	  padding: 15px 15px;
	  border-radius: 8px;
	  background: #fff;
	  box-shadow: 0 0 5px rgba(0,0,0,0.1);
	  font-size: 16px;
	  font-weight: 700;
	  letter-spacing: 0.1em;
	  flex-wrap: wrap;
	}
	.emigration-flow-list > li p {
		min-width: 0;
		display: inline-block;
		width: 100%;
		margin-bottom: 12px;
	}
	.emigration-flow-list > li:not(:last-child) {
	  margin-bottom: 40px;
	}
	.emigration-flow-list > li:not(:last-child)::after {
	  display: block;
	  content: " ";
	  position: absolute;
	  left: 50%;
	  bottom: -25px;
	  -webkit-transform : translateX(-50%) rotate(90deg);
	  transform : translateX(-50% rotate(90deg));
	  width: 13px;
	  height: 11px;
	  background: url(../images/common/arrow_black.png) no-repeat;
	  background-size: contain;
	}
	.emigration-flow-list > li > span {
	  display: inline-block;
		width: 100%;
	  margin-right: 10px;
	  font-size: 20px;
		text-align: center;
		margin-bottom: 12px;
	  color: #000c40;
	}
	.emigration-flow-txt {
	  font-size: 14px;
	  font-weight: 350;
	  color: #64787B;
	  width: 100%;
	}


}


/*========== 650px以下(xs) ==========*/

@media ( max-width : 650px ) {



}