@charset "utf-8";
/***********************************
 海外渡航レジ　top.css
************************************/
.header {width: 100%; display: flex; flex-direction: column; align-items: center; background: #008be6 url("https://jrida-jprecor.ncgm.go.jp/core/img/sky.png") no-repeat right top; background-size: cover;}
.top-wrap {width: 100%; height: 480px; max-width: 1024px; margin: 0 auto;}
.top-wrap .top_img {max-width: 420px; margin-left: auto;}
.top-wrap .top_img img {object-fit: contain;}
.top-wrap .leadtxt { width: 80%; padding: 2em 0 1em; margin: 0 auto; color: #fff; font-size: 1.1em;}

.v_link {text-align: center;margin-top: 20px;}
.v_link a img:hover { transform: translateY(8px);
  transition-duration: 0.5s;}

.top_icon_wrap{ margin-top:-100px; display: flex;flex-wrap:wrap; justify-content:center; }

.top-wrap_en {width: 100%; height: 280px; max-width: 1024px; margin: 0 auto;}
.top-wrap_en .top_img {max-width: 420px; margin-left: auto;}
.top-wrap_en .top_img img {object-fit: contain;}

/*-----------------
  CONTENTS
-----------------*/
.contents { background-color: #ffffff; padding-bottom: 0;}

/* NEWS */
.wrap h2 {text-align: center; color: #ff5959; font-size: 2em; font-weight: 800; margin-top: 1em;}
.wrap h2 a {color: #ff5959;}
.wrap .box-news { width: 90%; margin: 0 auto 3em; overflow: visible;}
.wrap .box-news dl { margin: 0 1.5em;}
.wrap .box-news dl dt ,
.wrap .box-news dl dd { padding: 0; margin: 0;}
.wrap .box-news dl dt { width: 10em; padding: 0.7em 0 0.6em 1em; float: left;}
.wrap .box-news dl dd { padding-left: 10em; border-bottom: 1px solid #cccccc;}
.wrap .box-news dl dd a { display:block;padding: 0.7em 0 0.6em 0;}
.wrap .box-news > a:nth-last-of-type(1) { margin: 1em 1em 1.5em; padding-left: 1.2em; display: block; float: right; background: url(../img/img_link_arrow.png) left center no-repeat;}
.wrap .list_link { width: 40px; padding: 0 3em; margin: 1em auto 2em; text-decoration: none; text-align: center;color: #423964; border: solid 1px #423964; border-radius: 3px; transition: .4s; }
.wrap .list_link:hover { background: #423964;}
.wrap .list_link a { color: #423964;}
.wrap .list_link a:hover { color: #ffffff; text-decoration: none;}


@media screen and (max-width: 1044px) {
.article .nav { width: 230px;}
.top-wrap .leadtxt { width: 90%; padding: 0; margin: 0 auto; color: #fff; font-size: 1.1em;}
/*-----------------
  IMAGE MAIN
-----------------*/
.image-main .wrap { max-width: 768px; position: relative;}

}

@media screen and (max-width: 787px) {
/*-----------------
  IMAGE MAIN
-----------------*/
.wrap .box-news { width: 100%; margin: 0 auto 3em; overflow: visible;}

}

@media screen and (max-width: 484px) {
.top-wrap {height: 460px;}
.top-wrap .top_img img {width: 320px; margin-left: auto;}
.top-wrap .leadtxt h2 { text-align: center; color: #423964; text-shadow: 1px 3px 3px #cccccc; font-size: 1.4em; }
.top-wrap .leadtxt  { width: 96%; font-size: 1em; padding: 0; margin: 0 auto; }
.top_icon_wrap{ margin-top:-90px; display: flex;flex-wrap:wrap; justify-content:center; }
/*-----------------
  CONTENTS
-----------------*/
/* NEWS */
.article .box-news { width: 98%; margin: 0 auto;}
.article .box-news dl dt {  padding-bottom: 0em; float: none;}
.article .box-news dl dd { padding-left: 2em;}
	
/*-----------------
  PR
-----------------*/
.nav_box { display: flex; flex-wrap :wrap; flex-direction: column; justify-content: center; margin: 20px 0; }
.nav_item { width: 90%; margin: 0 auto;}
.nav_item:nth-child(3n){ margin: 0 auto;}
}
/*-----------------
.image-main .wrap { max-width: inherit;}
.image-main .information { width: 86%; margin-left: 4%; margin-right: 4%; }

.image-main .box-main-image { width: 100%;}
	
.article.topimage { width: 100%; margin: 0.5em 0; overflow: visible;}
.article.topimage img { width: 100%; overflow: visible;}
-----------------*/