@charset "utf-8";
@media screen and (min-width : 801px) and (max-width: 1080px) {
    .topic_area_inner .transport_right,
	.topic_area_inner .transport_summary{
		padding-left: 10px;
	}
}
@media screen and (max-width : 800px) {
.sec_title{
	margin-bottom: 7px;
}
/* main visual
================================================== */
.sec_mainvisual{
	margin: -7px 0 24px;
	height: auto;
}
.sec_mainvisual .splide__controls{
	right: 145px;
	bottom: 10px;
	max-width: 55%;
	margin: 0;
}
.sec_mainvisual .splide__slide img{
	min-height: 208px;
	height: auto;
}
.sec_mainvisual .mv_intro{
	z-index: 1;
	top: 0;
	left: 0;
	padding: 10px 9px 0 10px;
	width: 100%;
	border: none;
}
.sec_mainvisual .mv_title{
    margin: 0 0 4px 6px;
    padding-top: calc((99 / 341) * 100%);
}
.sec_mainvisual .mv_text{
    margin: 0 0 10px 10px;
    padding-top: calc((44 / 341) * 100%);
    background-image: url(/shared/templates/iju_top/images/mv_text.png);
	font-size: 87.5%;
	background-size: contain;
}
.sec_mainvisual .link_simple{
	padding-right: 0;
	max-width: 45%;
	align-self: flex-end;
}
.sec_mainvisual .splide__pagination{
	padding: 8px;
	gap: 6px 8px;
}

/* interview senior immigrant
================================================== */
.sec_interview_si{
    margin: 0 0 18px;
}
.sec_interview_si .container{
    justify-content: center;
}
.sec_interview_si .splide{
	margin-bottom: 24px;
}
.sec_interview_si .splide__controls{
	bottom: 55px;
}
.sec_interview_si .link_simple{
	margin-top: 0;
	padding-left: 1px;
}

/* ==================================================
News
================================================== */
.sec_news{
	margin-top: 0;
	padding-top: 1px;
}
.sec_news .news_area{
	padding: 0 15px;
}
.news_topic_area{
	background: #ffff99;
	padding: 15px;
}
.news_topic_area img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
.news_area ul li{
	flex-direction: column;
	padding-left: 20px;
}
.news_area ul li .news_time{
	width: 100%;
	padding-right: 0;
}
.news_banner{
	margin-bottom: 41px;
}
.news_banner a{
	margin: 13px 40px;
}
.news_area .news_btn{
	margin-bottom: 13px;
}
.topic_area_inner{
	display: block;
	max-width: fit-content;
}
.topic_area_inner .transport_ttl .ttl,
.topic_area_inner .travel_time > .des{
	font-size: 125%;
	line-height: 1.6;
}
.topic_area_inner .transport_summary{
	font-size: 112.5%;
	line-height: 1.5;
	padding-left: 0;
	margin-bottom: 10px;
}
.topic_area_inner .travel_time > .sub_ttl{
	font-size: 87.5%;
	background-size: 10px auto;
	padding-left: 12px;
	padding-bottom: 6px;
}
.topic_area_inner .transport_left,
.topic_area_inner .transport_middle,
.topic_area_inner .transport_right{
	width: 100%;
}
.topic_area_inner .transport_left{
	flex-direction: column;
	align-items: center;
	padding: 0;
	margin-bottom: 10px;
}
.topic_area_inner .transport_left .transport_map{
	display: flex;
	gap: 0 15px;
}
.topic_area_inner .transport_left .map{
	margin-bottom: 0;
}
.topic_area_inner .map{
	width: 136px;
}
.topic_area_inner .transport_ttl{
	text-align: center;
	margin-right: 0;
	margin-bottom: 20px;
}
.topic_area_inner .transport_ttl .ttl{
	width: auto;
}
.topic_area_inner .transport_middle{
	display: flex;
	justify-content: space-between;
	padding-top: 0;
	margin-bottom: 10px;
}
.topic_area_inner .transport_middle .map{
	position: static;
	transform: none;
	margin-top: 0;
}
.topic_area_inner .transport_middle .travel_info {
	max-width: 100%;
}
.topic_area_inner .transport_right{
	padding-left: 0;
	margin-right: 0;
}
.topic_area_inner .transport_right .travel_time > .sub_ttl {
    display: inline-block;
}
.news_area .news_btn a:hover,
.news_area ul li a:hover,
.news_area ul li .news_link:hover{
	text-decoration: underline;
}
/* ==================================================
Interview
================================================== */
.sec_interview{
    padding-bottom: 60px;
	padding-top: 54px;
}
.interview_wrapper .sec_title {
    margin-bottom: 8px;
}
.interview_wrapper .interview_accordion{
	display: block;
	font-size: 137.5%;
	position: relative;
	margin: 0 0 8px;
	text-decoration: none;
	padding: 5px;
	background-color: #dfefff;
	color: #454545;
}
.interview_wrapper .interview_accordion .accordion_ttl{
	background: #dfefff;
	border: dashed 2px #ffffff;
	padding: 9px 60px 3px 27px;
	position: relative;
}
.interview_wrapper .interview_accordion .accordion_ttl:after{
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #ffffff #ffffff #3399FF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.interview_wrapper .interview_accordion .accordion_ttl,
.interview_wrapper .interview_accordion .accordion_ttl_txt{
	display: block;
	line-height: 2;
}
.interview_wrapper .interview_accordion .accordion_ttl::before{
	content: '';
	position: absolute;
	display: inline-block;
	width: 74px;
	height: 54px;
	max-height: 54px;
	right: 0;
	top: 0;
	bottom: 0;
	text-decoration: none;
	font-size: 59.2%;
}
.interview_wrapper .interview_accordion .accordion_ttl_txt::after,
.interview_wrapper .interview_accordion .accordion_ttl_txt::before{
	content: "";
	display: block;
	position: absolute;
	background: #0259b2;
	transition: 0.3s;
}
.interview_wrapper .interview_accordion .accordion_ttl_txt::before{
	width: 18px;
	height: 3px;
	top: 32px;
	right: 30px;
}
.interview_wrapper .interview_accordion .accordion_ttl_txt::after{
	width: 3px;
	height: 18px;
	top: 24px;
	right: 37px;
}
.interview_wrapper ul{
	margin-bottom: 21px;
}
.interview_wrapper ul li{
	width: 100%;
	text-align: center;
	margin-bottom: 37px;
}
.interview_wrapper ul li:last-child{
	margin-bottom: 0;
}
.interview_list ul{
	margin-top: 29px;
	display: none;
}
.interview_wrapper .ac_active .interview_accordion .accordion_ttl_txt::after{
	opacity: 0;
	transform: rotate(180deg);
}
.interview_wrapper .ac_active .interview_accordion .accordion_ttl_txt::before{
	transform: rotate(180deg);
}
.interview_wrapper .interview_btn a,
.interview_wrapper ul li a{
	transition: none;
}
.no_javascript .interview_list ul{
	display: block;
}
.no_javascript  .interview_wrapper .interview_accordion .accordion_ttl_txt::after{
	display: none;
}
/* ==================================================
Banner
================================================== */
.sec_banner{
	padding-top: 109px;
}
.sec_banner .container{
    padding-left: 0;
	padding-right: 0;
}
.sec_banner .banner_wrapper{
	padding: 15px;
}
.sec_banner .banner_title{
	margin: 30px 10px 30px 10px;
    padding: 6px 12px 5px 27px;
}
.sec_banner .banner_title h3{
	font-size: 170%;
}
.sec_banner .banner_wrapper ul{
	padding: 0;
}
.sec_banner .banner_wrapper li{
	width: 100%;
}
/* living */
.sec_banner .banner_living {
    margin-bottom: 34px;
}
.sec_banner .living_links{
	gap: 4px 0;
}
/* system */
.sec_banner .banner_system,
.sec_banner .banner_system .banner_title{
	margin-bottom: 40px;
}
.sec_banner .system_links{
	gap: 20px 0;
}
.sec_banner .system_links a{
	padding: 14px 14px 14px 30px;
}
/* related */
.sec_banner .banner_related .banner_title {
    margin-bottom: 30px;
}
.sec_banner .related_links li{
	min-height: 59px;
	background-position: left calc(50% - 1px);
}

/* reset hover */
.interview_wrapper ul li a:before,
.news_banner a:before,
.sec_banner .banner_wrapper .banner_living a:before,
.sec_banner .banner_wrapper .related_links a:before{
	content: none;
}
.sec_banner .system_links a:hover {
    background-color: #ECECEC;
    color: #555555;
	text-decoration: underline;
}

/* ==================================================
accessiility
================================================== */
/* color */
.color_black .interview_wrapper .interview_accordion,
.color_blue .interview_wrapper .interview_accordion,
.color_yellow .interview_wrapper .interview_accordion{
	box-shadow: none;
}
.color_black .interview_wrapper .interview_accordion .accordion_ttl:after,
.color_blue .interview_wrapper .interview_accordion .accordion_ttl:after,
.color_yellow .interview_wrapper .interview_accordion .accordion_ttl:after{
	display: none;
}
.color_yellow .interview_wrapper .interview_accordion .accordion_ttl_txt::before,
.color_yellow .interview_wrapper .interview_accordion .accordion_ttl_txt::after{
	background-color: #000000;
}
.color_black .interview_wrapper .interview_accordion .accordion_ttl_txt::before,
.color_blue .interview_wrapper .interview_accordion .accordion_ttl_txt::before,
.color_black .interview_wrapper .interview_accordion .accordion_ttl_txt::after,
.color_blue .interview_wrapper .interview_accordion .accordion_ttl_txt::after{
	background-color: #FFFF00;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_intro,
.color_blue #tmp_wrapper .sec_mainvisual .mv_intro,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_intro,
.color_black #tmp_wrapper .sec_mainvisual .mv_intro > *,
.color_blue #tmp_wrapper .sec_mainvisual .mv_intro > *,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_intro > *,
.color_black #tmp_wrapper .sec_mainvisual .mv_cnt > *,
.color_blue #tmp_wrapper .sec_mainvisual .mv_cnt > *,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_cnt > *{
	background-color: transparent !important;
}
.color_black #tmp_wrapper .link_simple a{
	background-color: #000000 !important;
}
.color_blue #tmp_wrapper .link_simple a{
	background-color: #00008B !important;
}
.color_yellow #tmp_wrapper .link_simple a{
	background-color: #FFFF00 !important;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_intro,
.color_blue #tmp_wrapper .sec_mainvisual .mv_intro,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_intro{
    max-height: 100%;
	max-width: 100%;
	width: 100%;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_cnt,
.color_blue #tmp_wrapper .sec_mainvisual .mv_cnt,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_cnt{
    max-height: 70%;
	overflow-y: auto;
}
.color_black .sec_mainvisual .link_simple a,
.color_blue .sec_mainvisual .link_simple a,
.color_yellow .sec_mainvisual .link_simple a{
	padding-left: 10px;
	padding-right: 10px;
}
.color_black .sec_mainvisual .splide_common .splide__pagination,
.color_blue .sec_mainvisual .splide_common .splide__pagination,
.color_yellow .sec_mainvisual .splide_common .splide__pagination{
	margin-left: 3px;
}
.color_black .sec_mainvisual .splide__pagination,
.color_blue .sec_mainvisual .splide__pagination,
.color_yellow .sec_mainvisual .splide__pagination{
	padding: 2px;
}
/* fsize */
.fsize_big2 #tmp_wrapper .news_area ul li .news_time{
    width: 100%;
}
/* no-js */
.no_javascript .sec_mainvisual .splide__track{
	max-height: 58vw;
}
}