@charset "utf-8";
/* CSS Document */

/******* 丸文の事業 *******/
.business_fig{width:100%; margin: 20px auto 40px; text-align: center;}
.business_fig img{max-width:100%; height: auto;}
.business_fig p{padding: 20px 0 0;}
.business_bg_box{background: url(../images/business_bg.gif) #eff2f7; padding: 0;}
.business_bg_box h2{padding: 20px 0; text-align: center; font-size: 20px;}
.item_box{width: 94%; max-width: 400px; margin: 0 auto;}
.item_category{width: 100px; height: 100px; text-align: center; display: flex; justify-content: center; align-items: center; color: #FFF; font-weight: bold; background:linear-gradient(-45deg, #0f218b 0%, #0023ee 100%); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.item_photo{width:auto; padding: 30px 20px 0; position:relative; z-index: 9998;}
.item_photo img{width: 100%; height: auto; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.item_txt{background: #FFF; padding:30px 15px 15px; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); margin:-15px 30px 0; position:relative; z-index: 9996;}
.item_l,.item_r{position: relative; margin-bottom: 50px;}
.item_l .item_category{position: absolute; right: 10px; top:0; z-index: 9999;}
.item_r .item_category{position: absolute; left: 10px; top:0; z-index: 9999;}
.item_l .item_photo{margin-right: 30px;}
.item_r .item_photo{margin-left: 30px;}

/**20251006**/
ul.business_list{list-style: none;}
ul.business_list li{margin:0 0 60px;}
ul.business_list li div.business_img img{width:100%; height: auto; }
ul.business_list li div.business_txt h3{font-size:24px; line-height:2.2; border-bottom: 2px solid #0f218b;}
ul.business_list li div.business_txt p{margin: 10px 0;}
ul.business_list li div.business_txt p.business_products{background:#eff2f7; padding:10px 15px; border-radius: 10px;}


/******* 海外展開 *******/
.global_fig{width:100%; margin: 40px auto;}
.global_fig img{width:100%; height: auto;}

/******* フッターメニュー *******/
.footer_link_box{width: 100%; margin: 30px 0 0;}
ul.footer_link{width: 100%; list-style: none;}
ul.footer_link li{display: block; color: #FFF;}
ul.footer_link li a{ display: block; background:url(../images/arrow.png) no-repeat 94% 50%, linear-gradient(-15deg, #0f218b 0%, #2234a2 100%) ; color: #FFF; padding: 10px 0;}
ul.footer_link li.footer_link_active{opacity: 0.5; padding: 10px 0;  background:linear-gradient(-15deg, #0f218b 0%, #2234a2 100%);}
ul.footer_link li img{width:40px; height: auto; vertical-align: middle; margin: 0 15px 0;}

@media print, screen and (min-width: 767px) {

/******* 丸文の事業 *******/
.business_fig{width: 880px; margin: 40px auto 80px;}
.business_fig p{padding: 30px 128px 0;}
.business_bg_box{padding: 0 0 1px;}
.business_bg_box h2{padding: 40px 0 90px; font-size: 28px;}

.item_box{width:900px; max-width:inherit; margin: 0 auto;}
.item_category{width: 120px; height: 120px; font-size:16px;}
.item_photo{padding: 30px 0 0; width: 350px;}
.item_txt{padding:50px 30px 30px; margin:-35px 30px 0;}
.item_l{width: 47%; float: left; position: relative; margin:-50px 0 50px;}
.item_r{width: 47%; float: right; position: relative; margin:50px 0 50px;}
.item_l .item_photo{margin-right: 70px;}
.item_r .item_photo{margin-left: 70px;}

/**20251006**/
ul.business_list li{margin:80px 0; display: flex; gap:0 30px;}
ul.business_list li div.business_img img{width:450px; height: auto;}
ul.business_list li div.business_txt h3{font-size:28px; line-height:1; padding: 0 0 8px;}
ul.business_list li div.business_txt p{margin: 8px 0;}
ul.business_list li div.business_txt p.business_products{padding: 13px 20px;}


/******* 海外展開 *******/
.global_fig{width:100%; margin: 40px auto; text-align: center;}
.global_fig img{width:auto; height: auto;}

/******* フッターメニュー *******/
.footer_link_box{margin: 40px auto 40px; width: 50%; max-width: 500px;}
ul.footer_link li{width:50%; float: left;}
ul.footer_link li a{ background:url(../images/arrow.png) no-repeat 94% 50%, linear-gradient(-80deg, #0f218b 0%, #2234a2 100%) ;}
ul.footer_link li a:hover{opacity: 0.8; transition: 0.3s ease-in-out;}
}