@charset "utf-8";
@media screen and (max-width : 640px) {

#tmp_contents h1 {
	margin-bottom: 15px;
	padding: 0 8px 20px;
	background-image: url(/shared/templates/online_application_free_rn2025/images/h1_line_repeat_sp.png);
	background-size: auto 7px;
	font-size: 150%;
	line-height: 1.5;
}
#tmp_contents h2{
	margin: 25px 0 24px;
	padding: 0 0 12px 26px;
	background-position: 0 7px, 7px 7px;
	background-size: 3px calc(100% - 25px);
	font-size: 131.3%;
	line-height: 1.6;
}
#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;
}
/* search */
#tmp_online_search{
	padding: 72px 0;
	background-image: url(/shared/templates/online_application_free_rn2025/images/search_bgr_gradient_sp.png);
}
#tmp_online_search h2.online_title{
	margin-bottom: 26px;
	background-image: url(/shared/templates/online_application_free_rn2025/images/search_ttl_sp.png);
}
#tmp_online_search .form_cnt{
	flex-direction: column;
}
#tmp_online_search .search_ttl{
	margin-bottom: 22px;
	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_free_rn2025/images/arrow_select_sp.png);
	background-position: right 19px center;
	background-size: 18px auto;
	height: 60px;
	font-weight: normal;
}
/* blog */
#tmp_contents .wrap_blogs{
	flex-direction: column;
	margin: 0 0 33px;
}
#tmp_contents .wrap_blogs .blog{
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
}
#tmp_contents .wrap_blogs + h2 {
    margin-top: 25px;
}
#tmp_contents .wrap_blogs .blog_inner{
	padding: 15px 12px 12px;
}
#tmp_contents .wrap_blogs .blog_ttl{
	margin-bottom: 9px;
    padding-bottom: 16px;
	background-size: 28px auto, 3px 1px;
}
#tmp_contents .wrap_blogs .blog_ttl > p{
	font-size: 125%;
	line-height: 1.6;
}
#tmp_contents .wrap_blogs .blog_des{
	padding: 0;
}
#tmp_contents .wrap_blogs .blog_des p{
	margin-bottom: 17px;
	padding-left: 0;
}
#tmp_contents .wrap_blogs .blog_tag{
	padding-left: 0;
	gap: 7px 9px;
}
#tmp_contents .wrap_blogs .blog_tag > p{
	padding: 2px 8px 1px 11px;
	font-size: 87.5%;
}
#tmp_contents .wrap_blogs .blog_tag > p.tag_txt {
	width: 100%;
}
#tmp_contents .wrap_blogs .blog_tag > p a {
	min-width: 140px;
	display: inline-block;
    background-image: url(/shared/templates/online_application_free_rn2025/images/arrow_link_circle_sp.png);
	background-size: 16px auto;
	background-position: 11px center;
	padding: 1px 8px 2px 29px;
    margin: -2px -8px -1px -11px;
}
#tmp_contents .wrap_blogs .blog:nth-last-child(-n + 2):nth-child(2n + 1){
	margin-bottom: 21px;
}
#tmp_contents .wrap_blogs:last-child,
#tmp_contents .wrap_blogs .blog:last-child{
	margin-bottom: 0;
}

/* custom online wrap blogs */
#tmp_contents .wrap_blogs .blog_ttl{
	background-image: url(/shared/templates/online_application_free_rn2025/images/pattern_dot_ttl_sp.png), -webkit-gradient(linear, left top, left bottom, from(#f0f4ff), to(#f0f4ff));
	background-image: url(/shared/templates/online_application_free_rn2025/images/pattern_dot_ttl_sp.png), -moz-linear-gradient(#f0f4ff, #f0f4ff);
	background-image: url(/shared/templates/online_application_free_rn2025/images/pattern_dot_ttl_sp.png), -o-linear-gradient(#f0f4ff, #f0f4ff);
	background-image: url(/shared/templates/online_application_free_rn2025/images/pattern_dot_ttl_sp.png), linear-gradient(#f0f4ff, #f0f4ff);
	background-size: 25px auto, 100% 1px;
	background-position: left bottom, left 25px bottom 3px;
}
/* online application child */
#tmp_online_mv.child_mv{
	margin-bottom: 49px;
	padding: 29px 0 22px;
	background-image: url(/shared/templates/online_application_free_rn2025/images/mv_child_bgr_sp.jpg);
	background-size: cover;
}
#tmp_online_mv.child_mv .mv_wrapper{
	flex-direction: column;
	padding: 0 56px 0 6px;
}
#tmp_online_mv.child_mv .mv_inner{
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	margin-bottom: 0;
}
#tmp_online_mv.child_mv .mv_des{
	margin: 0 0 12px;
	padding: 13px 0;
	max-width: 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.child_mv .mv_ttl{
	padding: 0;
	font-size: 175%;
}
#tmp_online_mv.child_mv .mv_highlight{
	padding-top: 2px;
	padding-bottom: 3px;
}
#tmp_online_search.child_search{
	margin-bottom: 25px;
	padding: 118px 0 68px;
}
#tmp_online_search.child_search:before{
	top: 59px;
	background-image: url(/shared/templates/online_application_free_rn2025/images/child_search_bgr_gradient_sp.png);
}
#tmp_online_search.child_search .search_wrapper:after{
	left: auto;
	top: -99px;
	right: -10px;
	margin-left: 0;
	background-image: url(/shared/templates/online_application_free_rn2025/images/about_img_sm_sp.png);
	width: 174px;
	height: 121px;
}
}