@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 899px) {
	#tmp_online_movie .movie_galleries{
		gap: 0 16px;
		margin-left: 18px;
	}
}
@media screen and (max-width : 640px) {
#tmp_contents ul{
	margin-left: 1em;
	margin-bottom: 1.6em;
}
#tmp_contents ul li {
	margin-bottom: 0.5em;
	line-height: 1.8;
}
/* ==================================================
contents
================================================== */
#tmp_main {
	padding-bottom: 0;
}
/* ==================================================
Online Application Style
================================================== */
/* pattern common */
#tmp_contents h2.online_title{
	margin: 0 0 17px;
	padding: 26px 0 0;
	background-size: auto 14px;
	font-size: 143.7%;
	line-height: 1.4;
}

/* mainvsiual */
#tmp_online_mv{
	padding: 38px 0 53px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/mv_bgr_sp.jpg);
	background-size: cover;
}
#tmp_online_mv .mv_wrapper{
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding-right: 0;
}
#tmp_online_mv .mv_inner{
	margin-bottom: 34px;
	max-width: 100%;
}
#tmp_online_mv .mv_des{
	margin: 0 62px 11px 0;
	padding: 13px 0 13px;
	font-size: 100%;
	letter-spacing: -0.03em;
}
#tmp_online_mv .mv_des:before,
#tmp_online_mv .mv_des:after{
	width: 8px;
	height: 8px;
}
#tmp_online_mv .mv_des:before{
	bottom: -4px;
}
#tmp_online_mv .mv_highlight{
	padding-bottom: 3px;
}
#tmp_online_mv .mv_ttl{
	padding: 0;
	font-size: 228.1%;
}
#tmp_online_mv .mv_list{
	margin-top: 0;
	gap: 0 10px;
}
#tmp_online_mv .item{
	max-width: 100%;
}
#tmp_online_mv .item a{
	padding: 8px 16px 7px 9px;
	width: 100%;
	min-width: 143px;
  	box-shadow: 0 0 7px 0 #213c8e;
	border-radius: 24px;
	font-size: 93.7%;
}
#tmp_online_mv .item a:before{
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	border-radius: 20px;
}
#tmp_online_mv .item_icon{
	width: 30px;
}
#tmp_online_mv .item_des{
	padding-left: 22px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/arrow_link_rgt_sp.png);
	background-position: 0 10px;
	background-size: 16px auto;
}

/* wrap group */
#tmp_pankuzu {
	position: relative;
    z-index: 2;
}
#tmp_online_main {
    margin-bottom: -129px;
}
#tmp_online_main:after{
	top: 433px;
    left: auto;
	margin-left: 0;
	right: 0;
	background-image: url(/shared/templates/online_application_top_rn2025/images/pattern_rgt_sp.png);
    width: 360px;
    height: 892px;
}

/* about */
#tmp_online_about .about_wrapper{
	padding: 70px 0 248px;
}
#tmp_online_about h2.online_title{
	background-image: url(/shared/templates/online_application_top_rn2025/images/about_ttl_sp.png);
}
#tmp_online_about .about_wrapper:after{
	bottom: -43px;
	top: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-left: -2px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/about_img_sp.png);
	width: 334px;
	height: 262px;
}
#tmp_online_about .about_cnt{
	padding-right: 0;
	max-width: 100%;
}
#tmp_online_about .about_cnt > p br{
	display: none;
}
#tmp_online_about .about_cnt > p.about_line_btn {
    margin: 18px 0 0;
}
#tmp_online_about .about_cnt > p.about_line_btn a {
	font-size: 118.7%;
	min-width: 204px;
	padding: 7px 13px 9px;
}
#tmp_online_about .about_cnt > p.about_line_btn .item_icon {
	width: 29px;
	height: 29px;
	margin-bottom: -3px;
}
#tmp_online_about .about_cnt > p.about_line_btn .item_des {
    padding: 0 0 0 29px;
    background-image: url(/shared/templates/online_application_top_rn2025/images/arrow_link_rgt_green_sp.png);
	background-size: 17px auto;
	background-position: left center;
}
/* search */
#tmp_online_search{
	padding: 72px 0 68px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/search_bgr_gradient_sp.png);
}
#tmp_online_search h2.online_title{
	margin-bottom: 26px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/search_ttl_sp.png);
}
#tmp_online_search .form_cnt{
	flex-direction: column;
}
#tmp_online_search .search_ttl{
	margin-bottom: 20px;
	padding-left: 18px;
	font-size: 112.5%;
	line-height: 1.3;
}
#tmp_online_search .search_ttl:before{
	top: 11px;
	width: 9px;
}
#tmp_online_search .search_category{
	margin-bottom: 28px;
}
#tmp_online_search .form_select{
	margin-bottom: 12px;
	width: 100%;
}
#tmp_online_search .form_select label{
	padding-bottom: 8px;
	width: 74px;
	font-weight: normal;
}
#tmp_online_search .form_select select{
	padding-left: 15px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/arrow_select_sp.png);
	background-position: right 19px center;
	background-size: 18px auto;
	height: 60px;
	font-weight: normal;
}

/* online */
#tmp_online_types{
	padding: 69px 0 95px;
}
#tmp_online_types h2.online_title {
    margin-bottom: 29px;
    background-image: url(/shared/templates/online_application_top_rn2025/images/online_ttl_sp.png);
}
#tmp_online_types .online_list{
	flex-direction: column;
	margin: 0 0 10px;
}
#tmp_online_types .online_list li{
	margin-bottom: 11px;
	padding: 0;
	width: 100%;
}
#tmp_online_types .online_list a{
	padding: 16px 10px 16px 42px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/arrow_link_circle_sp.png);
	background-position: 20px center;
	background-size: 15px auto;
	min-height: 60px;
  	box-shadow: 1px 2px 10px 0 rgba(101, 101, 101, 0.8);
}
/* shinsei_search_result */
#tmp_shinsei_search_result {
	margin-top:-22px;
    padding: 49px 0 0;
}
#tmp_shinsei_search_result ul {
	margin-left: 0;
}
#tmp_shinsei_search_result ul.result_list {
    margin-bottom: 24px;
}
#tmp_shinsei_search_result li.result_item {
    padding: 12px 13px;
	line-height: 1.7;
}
#tmp_shinsei_search_result li.result_item .item_ttl {
    margin-bottom: 8px;
}
#tmp_shinsei_search_result li.result_item .item_txt {
    font-size: 75%;
	line-height: 1.6;
}
#tmp_shinsei_search_result ul.result_pagination {
	padding-left: 14px;
}
#tmp_shinsei_search_result ul.result_pagination li {
    padding: 0 18px 0 13px;
}
/* movie */
#tmp_online_movie:before{
	background-image: url(/shared/templates/online_application_top_rn2025/images/movie_bgr_gradient_sp.png);
}
#tmp_online_movie:after{
	top: -176px;
    right: auto;
	left: 0;
    margin-right: 0;
	background-image: url(/shared/templates/online_application_top_rn2025/images/pattern_lft_sp.png);
	width: 360px;
	height: 1412px;
}
#tmp_online_movie .movie_wrapper{
	padding: 71px 0 74px;
}
#tmp_online_movie .movie_wrapper:after{
	top: -46px;
	left: auto;
	right: -20px;
    margin-left: 0;
	background-image: url(/shared/templates/online_application_top_rn2025/images/movie_img_sp.png);
	width: 192px;
	height: 166px;
}
#tmp_online_movie .movie_cnt{
	flex-direction: column;
}
#tmp_online_movie h2.online_title{
	margin: 0 0 49px;
	padding-top: 21px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/movie_ttl_sp.png);
	background-size: auto 16px;
	width: 100%;
}
#tmp_online_movie .online_title br{
	display: none;
}
#tmp_online_movie .movie_galleries{
	margin: 0 0 31px;
}
#tmp_online_movie .movie_galleries ul {
	flex-direction: column;
	gap: 0;
}
#tmp_online_movie .gallery_item{
	margin-bottom: 36px;
	width: 100%;
}
#tmp_online_movie .gallery_item_numb{
	margin-left: -26px;
	background-size: auto 63px;
	height: 63px;
	font-size: 500%;
}
#tmp_online_movie .gallery_item a{
	margin: -8px 0 0;
	box-shadow: 1px 2px 10px 0 rgba(101, 101, 101, 0.8);
	font-size: 93.7%;
}
#tmp_online_movie .gallery_item_des{
	padding: 18px 20px 19px 32px;
}
#tmp_online_movie .gallery_item_des:before{
	top: 31px;
	width: 20px;
	border-bottom-width: 2px;
}
#tmp_online_movie .gallery_item:nth-child(1) .gallery_item_numb{
	background-image: url(/shared/templates/online_application_top_rn2025/images/numb_01_sp.png);
}
#tmp_online_movie .gallery_item:nth-child(2) .gallery_item_numb{
	margin-left: -26px;
	background-image: url(/shared/templates/online_application_top_rn2025/images/numb_02_sp.png);
}
#tmp_online_movie .movie_galleries p {
    text-align: left;
}
/* used */

/* ==================================================
accessibility style change:color
================================================== */
.color_black #tmp_wrapper #tmp_online_movie .gallery_item_numb,
.color_blue #tmp_wrapper #tmp_online_movie .gallery_item_numb,
.color_yellow #tmp_wrapper #tmp_online_movie .gallery_item_numb{
	font-size: 6rem;
}
/* ==================================================
accessibility style change:font-size
================================================== */
/* ==================================================
no_javascript
================================================== */
/* custom furi */
}