@charset "UTF-8";
/* =========================================================
モジュールを独自cssで調整
========================================================= */
/* =========================================================
ヘッダーカレント表示
========================================================= */
@media screen and (min-width: 751px){
	.un_gnav .un_gnav_inner > ul > .bl_pc_headNav.bl_pc_headNav__business { border-top: 6px solid #e5004f; }
} /* media*/
/* =========================================================
事業案内 /business/index.html
========================================================= */
.un_main_visual { width: 100%; height: auto; position: relative; z-index: 2; }

@media (min-width: 751px) { .un_main_visual { height: 270px; } }

.un_main_visual_bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 135px; background: #f6f6f6; }

@media (min-width: 751px) { .un_main_visual_bg { height: 170px; } }

.un_main_visual_inner { position: relative; z-index: 3; }

@media (min-width: 751px) { .un_main_visual_inner { width: 100%; height: auto; display: flex; justify-content: center; } }

.un_main_visual_box { position: relative; top: 24px; left: 0; z-index: 5; width: 90%; height: 135px; background: #fff; padding: 30px 0 0 30px; font-weight: bold; margin-bottom: 48px; }

@media (min-width: 751px) { .un_main_visual_box { top: 70px; left: auto; width: 50%; min-width: 650px; height: 190px; padding: 50px 0 0 0; } }

.un_main_visual_box .un_breadcrumbList_item_txt { font-weight: normal; }

.un_main_visual_box_inner { width: 100%; }

@media (min-width: 751px) { .un_main_visual_box_inner { margin-left: auto; width: 650px; } }

.un_main_visual_ttl { font-size: 24px; font-weight: bold; }

@media (min-width: 751px) { .un_main_visual_ttl { font-size: 40px; line-height: 60px; } }

.un_main_visual_bg_none { display: none; }

@media (min-width: 751px) { .un_main_visual_bg_none { display: block; width: 50%; } }

.un_sectBlock { width: 92%; margin: 0 auto 45px; }

@media (min-width: 751px) { .un_sectBlock { width: 1300px; } }

.un_sectBlock_link:hover { text-decoration: none; }

.un_sectBlock_link:hover .un_sectBlock_img { opacity: 1; }

@media (min-width: 751px) { .un_sectBlock_link:hover .un_sectBlock_img { transform: scale(1.05); } }

.un_sectBlock_ttl { font-size: 15px; font-weight: bold; padding-left: 30px; background: url(/common/images/icon_link.svg) no-repeat center left 8px; background-size: 16px; }

@media (min-width: 751px) { .un_sectBlock_ttl { font-size: 16px; background: url(/common/images/icon_link.svg) no-repeat bottom 6px left 14px; background-size: 14px; padding-left: 40px; margin-bottom: 10px; } }

@media (min-width: 751px) { .un_sectBlock_img { transition: all 0.2s ease; } }

.un_sectBlock_txt { color: #333; padding: 0 8px; font-size: 13px; line-height: 24px; margin-bottom: 12px; }

@media (min-width: 751px) { .un_sectBlock_txt { padding: 0 15px; font-size: 14px; } }

.un_sectBlock__3col { margin-bottom: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }

@media (min-width: 751px) { .un_sectBlock__3col { justify-content: flex-start; } }

.un_sectBlock__3col .un_sectBlock_ttl { font-size: 15px; }

@media (min-width: 751px) { .un_sectBlock__3col .un_sectBlock_ttl { font-size: 18px; } }

.un_sectBlock__3col .un_sectBlock_link { width: 100%; margin-bottom: 35px; }

@media (min-width: 751px) { .un_sectBlock__3col .un_sectBlock_link { width: 410px; height: 430px; margin: 0 32px 0 0; } }

.un_sectBlock__3col .un_sectBlock_link:nth-child(3n) { margin-right: 0; }

.un_sectBlock__3col .un_sectBlock_img_box { margin-bottom: 12px; }

@media (min-width: 751px) { .un_sectBlock__3col .un_sectBlock_img_box { width: 410px; height: 275px; overflow: hidden; margin-bottom: 22px; } }

.un_sectBlock__4col { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media (min-width: 751px) { .un_sectBlock__4col { justify-content: flex-start; } }

.un_sectBlock__4col .un_sectBlock_ttl { font-size: 13px; }

@media (min-width: 751px) { .un_sectBlock__4col .un_sectBlock_ttl { font-size: 15px; } }


.un_sectBlock__4col .un_sectBlock_link { width: 48.5%; }

@media (min-width: 751px) { .un_sectBlock__4col .un_sectBlock_link { width: 312px; height: 385px; margin-right: 16px; } }

.un_sectBlock__4col .un_sectBlock_link:nth-child(4n) { margin-right: 0; }

.un_sectBlock__4col .un_sectBlock_box { width: 100%; margin-bottom: 30px; }

.un_sectBlock__4col .un_sectBlock_img_box { margin-bottom: 12px; }

@media (min-width: 751px) { .un_sectBlock__4col .un_sectBlock_img_box { width: 312px; height: 190px; overflow: hidden; margin-bottom: 22px; } }