@charset "utf-8";

@media screen and (max-width : 640px) {
/* banner style
================================================== */
#tmp_contents .procedure_heading{
    margin: 0 -10px 40px;
	display:block;
	height:auto;
	padding-top:78.57%;
    background-image: url(/shared/templates/online_tetsuduki/images/procedure_heading_bg_sp.jpg);
}
#tmp_contents .procedure_heading:before{
	display:none;
}
#tmp_contents .procedure_heading .heading_title {
	position:static;
    transform:none;
    -webkit-transform:none;
    -ms-transform:none;
    padding: 17px 10px 11px 79px;
    background-image: url(/shared/templates/online_tetsuduki/images/banner_icon.png),url(/shared/templates/online_tetsuduki/images/banner_title_bgr.jpg);
    background-size: 55px auto, 100% auto;
    background-position: 11px 11px, 0 0;
    width: 100%;
    max-width: 100%;
}
#tmp_contents .procedure_heading .heading_title h1{
    padding-top: 12px;
    background-image: url(/shared/templates/online_tetsuduki/images/banner_txt_en_sp.png);
    background-position: 1px 0;
    background-size: 124px auto;
    min-height: auto;
    font-size: 150%;
    line-height: 1.5;
}

/* blogs common
================================================== */
#tmp_contents .procedure_blog{
    margin-bottom: 50px;
    padding: 11px 14px 10px;
}
#tmp_contents .procedure_blog .blog_title{
    margin-bottom: 11px;
    padding-bottom: 11px;
    background-size: 135px 1px, 100% 1px;
    font-size: 137.5%;
    line-height: 1.5;
}
#tmp_contents .procedure_blog .blog_list li{
    line-height: 1.7;
}
#tmp_contents .procedure_blog .blog_list a{
    padding-left: 24px;
    background-position: 0 12px;
}
#tmp_contents .procedure_blog .blog_list li:not(:last-of-type){
    margin-bottom: 3px;
}

/* search common
================================================== */
#tmp_contents .procedure_sch{
    margin-bottom: 50px;
}
#tmp_contents .procedure_sch_title{
    margin-bottom: 14px;
    padding: 12px 0 17px;
}
#tmp_contents .procedure_sch_title h2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 39px;
    background-size: 25px auto;
    background-position: 0 5px;
    min-height: 51px;
    font-size: 137.5%;
    line-height: 1.5;
}
#tmp_contents .procedure_sch_title h2:after{
    display: block;
    margin: 1px 0 0 2px;
    background-position: left center;
    background-size: 100% auto;
    height: 17px;
}
#tmp_contents .procedure_sch_cnt >p{
    margin-bottom: 23px;
}
/* procedure_sch_form
================================================== */
#tmp_contents .procedure_sch_form{
    max-width: 100%;
}
#tmp_contents .procedure_sch .sch_box input[type="text"],
#tmp_contents .procedure_sch .sch_btn input[type="submit"],
#tmp_contents .procedure_sch .sch_btn input[type="button"]{
    font-size: 93.7%;
}
#tmp_contents .procedure_sch .sch_box input[type="text"]{
    padding-left: 21px;
    padding-right: 75px;
    background-position: 21px center !important;
    min-height: 46px;
}
#tmp_contents .procedure_sch .sch_btn{
    width: 82px;
}
#tmp_contents .procedure_sch .sch_btn input[type="submit"],
#tmp_contents .procedure_sch .sch_btn input[type="button"]{
    padding: 8px;
    width: 100%;
    min-height: auto;
}
/*** sch-by-keywords ***/
#tmp_procedure_keywords .procedure_sch_title h2:after{
    background-image: url(/shared/templates/online_tetsuduki/images/txt_sch_keyword_sp.png);
}
/*** sch-by-common-applications ***/
#tmp_contents #tmp_procedure_apps{
    margin-bottom: 14px;
}
#tmp_procedure_apps .procedure_sch_title h2:after{
    background-image: url(/shared/templates/online_tetsuduki/images/txt_sch_apps_sp.png);
}
/* procedure_apps
================================================== */
#tmp_procedure_apps .procedure_apps_list{
    margin: 0 -3px;
}
#tmp_procedure_apps .procedure_apps_list li {
    margin-bottom: 6px;
    padding: 0 3px;
    width: 33.333333%;
}
#tmp_procedure_apps .procedure_apps_list li a {
    padding: 9px 4px 4px;
    font-size: 87.5%;
    line-height: 1.57;
}
#tmp_procedure_apps .apps_item_img {
    margin-bottom: 5px;
	height:70px;
}
#tmp_procedure_apps .apps_item_img::before {
	height:70px;
	width:70px;
	margin-left:-35px;
}
#tmp_procedure_apps .apps_item_img img{
    max-width: 50px;
}
/* procedure_links
================================================== */
#tmp_procedure_links ul{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
#tmp_procedure_links li{
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
#tmp_procedure_links a{
    padding: 12px 10px 16px;
}
#tmp_procedure_links li:nth-last-child(-n + 3):nth-child(3n + 1),
#tmp_procedure_links li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li {
    margin-bottom: 10px;
}
#tmp_procedure_links li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li + li{
    margin-bottom: 0;
}
.no_javascript #tmp_procedure_links li a {
	padding-left:34px;
	background-position:10px center;
}
/* procedure_purpose
================================================== */
#tmp_contents #tmp_procedure_purpose{
    margin-bottom: 30px;
}
#tmp_procedure_purpose .procedure_sch_title h2:after{
    background-image: url(/shared/templates/online_tetsuduki/images/txt_sch_purpose_sp.png);
}
#tmp_procedure_purpose .procedure_purpose_list{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}
#tmp_procedure_purpose .procedure_purpose_list li {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
}
#tmp_procedure_purpose .procedure_purpose_list li a {
    padding:6px 8px;
}
#tmp_procedure_purpose .purpose_item_img{
    width: 52px;
	padding-right:6px;
}

/* box_link
================================================== */
#tmp_contents table.box_link {
    margin-top: 50px;
}
#tmp_contents .box_link .box_link_ttl{
    padding: 11px 14px 0;
}
#tmp_contents .box_link .box_link_ttl p{
    margin-bottom: 11px;
    padding-bottom: 11px;
    background-size: 135px 1px, 100% 1px;
    font-size: 137.5%;
    line-height: 1.5;
}
#tmp_contents .box_link .box_link_cnt{
    padding: 0 14px 10px;
}
#tmp_contents .box_link li{
    line-height: 1.7;
}
#tmp_contents .box_link a{
    padding-left: 24px;
    background-position: 0 12px;
}
#tmp_contents .box_link li:not(:last-of-type){
    margin-bottom: 3px;
}

/* reset margin */
#tmp_contents .procedure_blog ul.blog_list{
    margin-left: 0;
}
/* ==================================================
furigana on
================================================== */
.furigana_on #tmp_contents .procedure_sch_title h2 {
    display: block;
}
/* accessibility
================================================== */
.fsize_big2 #tmp_wrapper #tmp_contents .procedure_sch .sch_btn input[type="submit"],
.fsize_big2 #tmp_wrapper #tmp_contents .procedure_sch .sch_btn input[type="button"]{
    font-size: 60%;
}

}