@charset "UTF-8";
/*----------------------------------------
企業情報カテゴリページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #013396;
background: linear-gradient(90deg,rgba(1, 51, 150, 1) 0%, rgba(1, 104, 150, 1) 73%); }
 
/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #005496; }
.side_nav a { color: #fff; }
.side_nav a:hover { color: #fff; background: #03477d; }
.side_nav a.is-active { color: #005496; background: #d7ebeb; font-weight: 700; font-weight: 700; }
 
/*----------------------------------------
END 企業情報カテゴリページは以下を共通で挿入 END
----------------------------------------*/

.contribution_black{color: #000000;}
.bold{font-weight: 600;}
.contribution_small{font-size: 0.7rem;}

.margin100{
	padding-top: 100px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -100px; /* heightと同じ分のネガティブマージン */
}

.top_img{display: block; width: 100%; max-width: 900px; margin: 0 auto;}


h3.intro { font-family: var(--font-Mincho-B1); font-weight: 800; font-size: clamp(16px, 4vw, 28px); line-height: 1.6; color: var(--blue-color); margin-bottom: 40px; }
.contribution_page{margin-top: 30px;}

.contributionTitle01{font-family: var(--font-Mincho-B1); font-weight: 800; font-size: clamp(16px, 4vw, 25px); line-height: 1.6; color: var(--blue-color); margin-bottom: 40px; text-align: center;}

.contributionTitle02{font-family: var(--font-Mincho-B1); font-weight: 800; font-size: clamp(16px, 4vw, 32px); line-height: 1.6; color: var(--blue-color); margin-bottom: 20px; text-align: center;}


.contribution_page .c-button-more { display: block; text-align: center; align-items: center; padding: 15px 0; border: 2px solid #013396; border-radius: 9999px; background-color: #fff; color: #013396; font-size: clamp(15px, 3vw, 18px); font-weight: 700; letter-spacing: 0.15em; text-decoration: none; transition: all 0.3s ease; max-width: 300px; margin: 30px auto; position: relative; }
.contribution_page .c-button-more svg { width: 9px; height: auto; transition: all 0.3s ease; position: absolute; right: 5%; bottom: 19px; }
.contribution_page .c-button-more:hover { background-color: #013396; color: #fff; }
.contribution_page .c-button-more:hover svg { color: #fff; }
.contribution_page .c-button-more span { vertical-align: 3px; }

.contribution_box{background:#f5fbff; padding: 35px;margin: 30px 0;}
.contribution_box h3{font-size: 1.3rem; font-weight: 600;color:var(--blue-color);text-align: center;padding-bottom: 20px;}



.contribution_grid_box01{ display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: clamp(25px, 3vw, 28px); margin: 60px 0;}

.contribution_grid_box01__inner{position: relative;padding-top: 90px;}
.contribution_grid_box01__inner a:hover{opacity: 0.7;transition: 0.3s;}
.contribution_grid_box01__inner a{background: #000; padding: 15px 25px 35px; display: block;border-radius: 50px;position: absolute;top: 0; left: 0;right: 0; margin: 0 auto;transition: 0.3s;}
.contribution_grid_box01__inner a p{color: #fff!important; text-align: center;font-weight: 600; position: relative;}
.contribution_grid_box01__inner a p.down_arrow::after{
	content: "";
	display: block;
	background-image: url("../img/contribution/arrow_down.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 20px; height: 13px;
	position: absolute;
	left: 0;right: 0; margin:0 auto; bottom: -24px;
}

.contribution_grid_box01__inner a p.rigth_arrow::after{
	content: "";
	display: block;
	background-image: url("../img/contribution/arrow_rigth_maru.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 20px; height: 20px;
	position: absolute;
	left: 0;right: 0; margin:0 auto; bottom: -24px;
}

.contribution_grid_box01__inner a.pink{background-color: #D5037D;}
.contribution_grid_box01__inner a.yerrow{background-color: #F0A201;}
.contribution_grid_box01__inner a.green{background-color: #5EBB48;}
.contribution_grid_box01__inner a.blue{background-color:#28426E;}
.contribution_grid_box01__inner .inner_p{padding-top: 20px; font-weight: 500; font-size: clamp(14px, 3vw, 16px); }

@media screen and (max-width:1447px){
.contribution_grid_box01{ display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: clamp(25px, 3vw, 28px); margin: 60px 0;}	
	
}
@media screen and (max-width:513px){
.contribution_grid_box01{ display: flex; justify-content: center;flex-direction: column; gap: clamp(25px, 3vw, 28px); margin: 60px 0;}	
}

.contribution_List li a{display: block;color: #013396!important;line-height: 1.4;padding: 3px 0;text-decoration:underline; text-decoration-color: #013396;}


.contribution_grid_box02{ display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); gap: clamp(15px, 3vw, 28px); margin: 60px 0;}


.contribution_flex_box01{display: flex;justify-content: space-between; gap:clamp(25px, 3vw, 28px);}
.contribution_flex_box01 img{width: 50%;max-width: 250px;}
.contribution_flex_box01 p a{display: inline-block;color: #013396!important;line-height: 1.4;padding: 3px 0;text-decoration:underline; text-decoration-color: #013396;}

@media screen and (max-width:721px){
.contribution_flex_box01{display: flex;justify-content:center; flex-direction: column; gap:clamp(25px, 3vw, 28px);}	
.contribution_flex_box01 img{width: 50%;max-width: 300px; margin: 0 auto;}
  .contribution_grid_box02 { margin: 20px 0; }
}