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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

#mv {
	width: 100%;
	line-height: 0;
	margin: 0;
	position: relative;
}

#mv h2{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

section#group div.block div.box h5 a {
	color: #4d4d4d;
}

section#group div.block div.box h5 a::after {
	font-family: "FontAwesome";
	content: " \f08e";
	
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
	#mv {
		margin-bottom: 14px;
	}
	
	section#cooperation {
		width: 1140px;
		margin: 0 auto 35px;
	}
	
	section#cooperation div.section_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#cooperation div.section_inner p{
		width: 490px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 2.7;
		letter-spacing: 0.06em;
		padding-top: 68px;
	}
	
	section#cooperation div.section_inner figure{
		width: 650px;
		line-height: 0;
		margin-right: -26px;
	}
	
	section#group {
		width: 100%;
		padding: 66px 0 45px;
		background: #fdf5ed;
	}
	
	section#group div.section_inner {
		width: 1140px;
		margin: 0 auto;
	}
	
	section#group h2{
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.2em;
		padding-left: 32px;
		position: relative;
		margin-bottom: 40px;
	}
	
	section#group h2 span{
		display: block;
		width: 184px;
		margin-top: 12px;
	}
	
	section#group h2::before{
		content: "";
		width: 10px;
		height: 100%;
		background: rgb(253,208,0);
		background: linear-gradient(0deg, rgba(253,208,0,1) 0%, rgba(230,129,34,1) 100%);
		position: absolute;
		top: 0;
		left: 0;
	}
	
	section#group h3{
		display: inline-block;
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.1em;
		color: #FFF;
		padding: 8px 16px;
		position: relative;
		background: rgb(253,208,0);
		background: linear-gradient(90deg, rgba(253,208,0,1) 0%, rgba(230,129,34,1) 100%);
		margin-bottom: 20px;
	}
	
	section#group h4{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	
	section#group h4 + p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 20px; 
	}
	
	section#group div.block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#group div.block div.box{
		width: 46%;
	}
	
	section#group div.block div.box:nth-child(n + 3){
		margin-top: 40px;
	}
	
	section#group div.block div.box figure{
		line-height: 0;
		border-radius: 16px;
		overflow: hidden;
	}
	
	section#group div.block div.box h6{
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: 500;
		color: #FFF;
		line-height: 1;
		letter-spacing: 0.1em;
		margin: -34px 0 15px -15px;
	}
	
	section#group div.block div.box h6 span{
		display: inline-block;
		background: #009cb3;
	}
	
	section#group div.block div.box:nth-child(2) h6 span{
		background: #28a46d;
	}
	
	section#group div.block div.box:nth-child(3) h6 span{
		background: #109a81;
	}
	
	section#group div.block div.box:nth-child(4) h6 span{
		background: #134290;
	}
	
	section#group div.block div.box:nth-child(5) h6 span{
		background: #3daee4;
	}
	
	section#group div.block div.box:nth-child(6) h6 span{
		background: #e5bf00;
	}
	
	section#group div.block div.box h6 span:first-child{
		padding: 10px 14px 6px;
	}
	section#group div.block div.box h6 span:last-child{
		padding: 6px 14px 10px;
	}
	
	section#group div.block div.box h5{
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	
	section#group div.block div.box p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 640px){
	
	#mv {
		margin-bottom: 40px;
	}
	
	section#cooperation {
		width: 90%;
		margin: 0 auto 40px;
	}
	
	section#cooperation div.section_inner{
		display: block;
	}
	
	section#cooperation div.section_inner p{
		width: 100%;
		font-size: 14px;
		font-size: clamp(14px, 3.26vw, 28px);
		line-height: 2;
		letter-spacing: 0.06em;
	}
	
	section#cooperation div.section_inner figure{
		width: 95%;
		margin: 6vw auto 0;
		padding-left: 3.8%;
		line-height: 0;
	}
	
	section#group {
		width: 100%;
		padding: 40px 0 30px;
		background: #fdf5ed;
	}
	
	section#group div.section_inner {
		width: 90%;
		margin: 0 auto;
	}
	
	section#group h2{
		font-size: 18px;
		font-size: clamp(18px, 4.19vw, 36px);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.2em;
		padding-left: 32px;
		position: relative;
		margin-bottom: 30px;
	}
	
	section#group h2 span{
		display: block;
		width: 38.5%;
		max-width: 184px;
		margin-top: 10px;
	}
	
	section#group h2::before{
		content: "";
		width: 6px;
		height: 100%;
		background: rgb(253,208,0);
		background: linear-gradient(0deg, rgba(253,208,0,1) 0%, rgba(230,129,34,1) 100%);
		position: absolute;
		top: 0;
		left: 0;
	}
	
	section#group h3{
		display: inline-block;
		font-size: 18px;
		font-size: clamp(18px, 4.19vw, 36px);
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: 0.1em;
		color: #FFF;
		padding: 8px 16px;
		position: relative;
		background: rgb(253,208,0);
		background: linear-gradient(90deg, rgba(253,208,0,1) 0%, rgba(230,129,34,1) 100%);
		margin-bottom: 20px;
	}
	
	section#group h4{
		font-size: 16px;
		font-size: clamp(16px, 3.72vw, 32px);
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	
	section#group h4 + p{
		font-size: 14px;
		font-size: clamp(14px, 3.26vw, 28px);
		line-height: 2;
		margin-bottom: 40px; 
	}
	
	section#group div.block{
		display: block;
	}
	
	section#group div.block div.box{
		width: 100%;
	}
	
	section#group div.block div.box:nth-child(n + 2){
		margin-top: 40px;
	}
	
	section#group div.block div.box figure{
		line-height: 0;
		border-radius: 16px;
		overflow: hidden;
	}
	
	section#group div.block div.box h6{
		font-size: 17px;
		font-size: clamp(17px, 3.96vw, 34px);
		font-weight: 500;
		color: #FFF;
		line-height: 1;
		letter-spacing: 0.05em;
		margin: -20px 0 15px -2.5vw;
	}
	
	section#group div.block div.box h6 span{
		display: inline-block;
		background: #009cb3;
	}
	
	section#group div.block div.box:nth-child(2) h6 span{
		background: #28a46d;
	}
	
	section#group div.block div.box:nth-child(3) h6 span{
		background: #109a81;
	}
	
	section#group div.block div.box:nth-child(4) h6 span{
		background: #134290;
	}
	
	section#group div.block div.box:nth-child(5) h6 span{
		background: #3daee4;
	}
	
	section#group div.block div.box:nth-child(6) h6 span{
		background: #e5bf00;
	}
	
	section#group div.block div.box h6 span:first-child{
		padding: 10px 14px 6px;
	}
	section#group div.block div.box h6 span:last-child{
		padding: 6px 14px 10px;
	}
	
	section#group div.block div.box h5{
		font-size: 16px;
		font-size: clamp(16px, 3.72vw, 32px);
		font-weight: 500;
		line-height: 1.6;
		letter-spacing: 0.1em;
		margin-bottom: 10px;
	}
	
	section#group div.block div.box p{
		font-size: 14px;
		font-size: clamp(14px, 3.26vw, 28px);
		line-height: 2;
	}
}