@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
common
================================================== */
.container {
	padding: 0 18px;
}
.common_ttl h2{
	font-size: 193.7%;
	text-align: left;
	background-position: left top;
	padding-top: 49px;
	line-height: 1.2;
}
.furigana_on .common_ttl h2 {
    padding-top: 60px;
}
/* ==================================================
Mainvs + Information Start
================================================== */
#tmp_mainvs {
	background-image: url(/shared/templates/kihrc_top/images/main/mainvs_bg_sp.png);
	background-size: 762px auto;
	background-position: center top;
}
#tmp_mainvs .container {
	padding: 0 5px;
}
#tmp_mainvs .mainvs_inner {
	padding: 9px 0 20px;
	min-height: 280px;
}
#tmp_mainvs .mainvs_inner h2 {
	height: 28px;
	background-image: url(/shared/templates/kihrc_top/images/main/mainvs_txt_sp.png);
	background-size: auto 100%;
	font-size: 125%;
}
/* information */
#tmp_news {
    padding: 120px 0 102px;
}
#tmp_news .common_ttl {
    margin-bottom: 37px;
    padding: 17px 0 14px;
}
#tmp_news .common_ttl:after {
	left: 25px;
    width: 196px;
    clip-path: polygon(60% 0%, 100% 0, 40% 100%, 0% 100%);
}
#tmp_news .common_ttl h2 {
	background-image: url(/shared/templates/kihrc_top/images/icon/en_ttl_information_sp.png);
	background-size: 100% auto;
	background-position: 1px 0;
    max-width: 323px;
}
#tmp_news .list_news {
	max-width: 100%;
}
#tmp_news .list_news li {
    margin-bottom: 22px;
    font-size: 100%;
}
#tmp_news .list_news .new_item {
    display: block;
}
#tmp_news .list_news .new_date {
    width: 100%;
    margin-bottom: 5px;
}

/* ==================================================
Mainvs + Information End
================================================== */

/* ==================================================
About Us Start
================================================== */
.sec_about_us{
	padding-top: 117px;
	padding-bottom: 100px;
	background-image: url(/shared/templates/kihrc_top/images/icon/bg_about_sp.png);
}
.sec_about_us .about_us_cnt .about_us_inner{
	padding: 53px 26px 51px;
	clip-path:none;
	font-size: 100%;
	text-align: left;
}
.sec_about_us .about_us_cnt::after{
	clip-path: none;
	width: calc(100% - 48px);
	height: 100%;
	top: 16px;
	left: 40px;
	background-color: #000000;
}
.sec_about_us .common_ttl{
    padding-bottom: 44px;
	margin-bottom: 32px;
	background-image: url(/shared/templates/kihrc_top/images/icon/about_bg_ttl_sp.png);
	background-size: 216px auto;
}
.sec_about_us .common_ttl h2{
	background-image: url(/shared/templates/kihrc_top/images/icon/about_us_en_sp.png);
	background-size: 237px auto;
	background-position: left top;
}
.sec_about_us .about_us_cnt{
	padding: 0 24px;
}
/* ==================================================
About Us End
================================================== */

/* ==================================================
Efforts Start
================================================== */
.sec_efforts{
	padding: 116px 0 70px;
	background-image: url(/shared/templates/kihrc_top/images/icon/bg_common_sp.png);
	background-color: #efefef;
}
.sec_efforts .common_ttl h2{
	background-image: url(/shared/templates/kihrc_top/images/icon/effort_en_sp.png);
	background-size: 207px auto;
	background-position: 2px top;
}
.sec_efforts .common_ttl {
    margin-bottom: 34px;
}
.sec_efforts ul .efforts_item_ttl{
	font-size: 125%;
	min-width: 224px;
	max-width: 100%;
}
.sec_efforts ul .efforts_item_cnt{
	margin-top: -57px;
	margin-left: 18px;
    padding: 77px 91px 45px 18px;
	line-height: 1.5;
	box-shadow: 1px 2px 6px 0 rgba(213, 213, 213, 0.7);
	font-size: 112.5%;
	min-height: 259px;
}
.sec_efforts ul li{
	margin-bottom: 31px;
}
.sec_efforts ul li .efforts_item_cnt::before{
	top: 75px !important;
}
.sec_efforts ul .efforts_item_ttl .efforts_txt::before{
    width: 46px;
    height: 46px;
    padding: 9px 10px 10px 11px;
}

/* ==================================================
Efforts End
================================================== */

/* ==================================================
Service Start
================================================== */
#tmp_services {
    padding: 120px 0 48px;
}
#tmp_services .common_ttl {
    margin-bottom: 39px;
    padding: 38px 0 28px;
    background-color: #ffc002;
}
#tmp_services .common_ttl:after {
    left: -104px;
    margin-left: 0;
    width: 363px;
    clip-path: polygon(43.2% 0%, 100% 0, 56.8% 100%, 0% 100%);
    transform: none;
}
#tmp_services .common_ttl h2 {
	background-image: url(/shared/templates/kihrc_top/images/icon/en_ttl_services_sp.png);
	background-size: 225px auto;
	background-position: 1px 0;
}
#tmp_services .tab_ttl {
	width: calc(50% - 9px);
}
#tmp_services .tab_ttl a {
    font-size: 100%;
    padding: 18px 1px 15px;
}
.no_javascript #tmp_services .tab_ttl a,
#tmp_services .tab_ttl.active a {
    padding-bottom: 17px;
    background-color: #ffc002;
}
#tmp_services .tab_ttl a:after {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    margin-left: -3px;
    background-color: #ffc002;
    transform: rotate(-45deg) skew(3deg, 3deg) translateY(-50%);
}
#tmp_services .tab_item_list,
#tmp_services .tab_item_section,
#tmp_services .tab_item_section_ttl,
#tmp_services .tab_item_img,
#tmp_services .tab_banner_list,
#tmp_services .tab_banner_section,
#tmp_services .tab_banner_section > p,
#tmp_services .tab_banner_section a,
#tmp_services .tab_banner_section_ttl{
    display: block;
}
#tmp_services .tab_item_section_ttl,
#tmp_services .tab_banner_section_ttl {
    font-size: 125%;
}
#tmp_services .tab_cnt {
	padding: 69px 0 0;
}
#tmp_services .tab_item_list {
    margin-bottom: 71px;
    margin-right: 0;
}
#tmp_services .tab_item_section {
    margin-bottom: 48px;
    box-shadow: 1px 2px 10px 0 rgba(213, 213, 213, 0.4);
    padding: 51px 21px 20px;
    width: 100%;
}
#tmp_services .tab_item_section::before {
    font-size: 150%;
    margin-bottom: 23px;
    box-shadow: 4px 4px 0px #000000;
    background-color: #ffc002;
    border-color: #ffc002;
}
#tmp_services .tab_item_section_ttl,
#tmp_services .tab_item_img {
    min-height: auto !important;
}
#tmp_services .tab_item_section_ttl {
    margin-bottom: 12px;
}
#tmp_services .tab_item_img {
    padding: 0;
    margin-bottom: 14px;
    max-width: 254px;
}
#tmp_services .tab_item_desc {
    font-size: 100%;
    margin-bottom: 20px;
	padding: 0;
}
#tmp_services .tab_item_link a {
    background-image: url(/shared/templates/kihrc_top/images/icon/tab_item_arrow_sp.png);
    background-size: 14px auto;
    background-position: right 15px center;
    box-shadow: 2px 2px 0px #000000;
    padding: 8px 46px 4px 16px;
}
#tmp_services .tab_banner_list {
    margin-right: 2px;
}
#tmp_services .tab_banner_section {
    width: 100%;
    margin-bottom: 19px;
}
#tmp_services .tab_banner_section a {
    background-image: url(/shared/templates/kihrc_top/images/icon/tab_banner_arrow_sp.png);
    background-size: 49px auto;
    box-shadow: 2px 2px 0 #000000;
    padding: 24px 4px 47px 10px;
}
#tmp_services .tab_banner_section_ttl {
    margin-bottom: 14px;
    padding: 0 15px 0 12px;
}
#tmp_services .tab_banner_section_img {
	max-width: 290px;
	padding-right: 5px;
	margin: 0 auto;
}

/* ==================================================
Service End
================================================== */

/* ==================================================
Banner Start
================================================== */
#tmp_banner {
	padding: 16px 0 18px;
}
#tmp_banner .banner_area ul {
    flex-wrap: wrap;
	padding: 0 0 2px;
    gap: 39px 32px;
    max-width: 324px;
    margin: 0 auto;
}
#tmp_banner .banner_area li {
    margin: 0;
    width: calc(50% - 16px);
}
/* ==================================================
Banner End
================================================== */

/* ==================================================
Accessibility color
================================================== */
.color_black #tmp_mainvs,
.color_blue #tmp_mainvs,
.color_yellow #tmp_mainvs {
    background-image: url(/shared/templates/kihrc_top/images/main/mainvs_bg_sp.png) !important;
}
.color_black #tmp_services .tab_item_link a,
.color_blue #tmp_services .tab_item_link a {
    box-shadow: 3px 2px 0px #ffff00;
}
.color_black #tmp_services .tab_banner_section a,
.color_blue #tmp_services .tab_banner_section a {
    box-shadow: 3px 3px 0 #ffff00;
}
.color_black #tmp_services .tab_banner_section a {
    background-image: url(/shared/templates/kihrc_top/images/icon/tab_banner_arrow_black_sp.png) !important;
}
.color_blue #tmp_services .tab_banner_section a {
    background-image: url(/shared/templates/kihrc_top/images/icon/tab_banner_arrow_blue_sp.png) !important;
}
.color_yellow #tmp_services .tab_banner_section a {
    background-image: url(/shared/templates/kihrc_top/images/icon/tab_banner_arrow_sp.png) !important;
}

/* ==================================================
Accessibility fsize
================================================== */
.fsize_big2 #tmp_news .list_news .new_date {
    width: 100%;
}

/* ==================================================
noJS
================================================== */
.no_javascript #tmp_services .tab_area {
	display: block;
}
.no_javascript #tmp_services .tab_cnt {
    margin-bottom: 40px;
}

/* ==================================================
print
================================================== */

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}