@charset "Shift-JIS";


@media screen and (min-width : 960px) {

	body:not(.top) #contents{
		padding: 60px 0 120px 0;
	}


	a.pdf_btn {
		display: flex;
		align-self: flex-start;
		align-items: center;
		background-color: #fff;
		border: 1px solid #BDC8D7;
		border-radius: 2.78rem;
		box-sizing: border-box;
		justify-content: center;
		font-size: 0.667rem;
		letter-spacing: 0.05em;
		padding: 5px 0.556rem;
		position: relative;
		white-space: nowrap;
		opacity: 1;
		transition: opacity 0.3s;
	}

	a.pdf_btn:hover {
		opacity: 0.8;
	}

	a.pdf_btn::after {
		content: '';
		display: inline-block;
		width: 0.889rem;
		height: 0.889rem;
		background-image: url(../../common/img/icon_pdf.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 100%;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}


	/* -------------------------------------------------------------------------------------------
	*
	* hero
	*
	* ----------------------------------------------------------------------------------------- */
	#hero {
		padding: 0 0 60px 0;
	}
	#hero h2 {
		width: 678px;
		margin: 0 auto 60px auto;
	}
	#hero h2 picture {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
	}

	#hero .hero-img {
		height: 235px;
	}
	#hero .hero-img img {
		width: auto;
		height: 100%;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* contents
	*
	* ----------------------------------------------------------------------------------------- */
	p.lead {
		font-size: 1rem;
		letter-spacing: 0.14em;
		line-height: 1.9;
		text-align: center;
	}

	ul.unit-list {
		display: flex;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 140px;
		margin: 100px 0 0 0;
	}
	ul.unit-list li.unit-item {
		width: calc((100% - 20px) / 2);
		display: flex;
		flex-direction: column;
	}
	ul.unit-list li.unit-item .unit-wrap {
		background-color: #f9f9f9;
		border-radius: 30px;
		box-sizing: border-box;
		padding: 96px 30px 30px 30px;
		position: relative;
		flex: 1;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-img {
		position: absolute;
		top: -75px;
		left: 50%;
		transform: translateX(-50%);
		width: 150px;
		height: 150px;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-img img {
		width: 100%;
		height: 100%;
	}

	ul.unit-list li.unit-item .unit-wrap .unit-head {
		border-bottom: 1px solid #E5EAF0;
		display: flex;
		justify-content: space-between;
		margin: 0 0 10px 0;
		padding: 0 0 16px 0;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head h3.unit-name {
		color: var(--color-blue);
		font-size: 1.222rem;
		font-weight: 700;
		line-height: 1.6;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns {
		display: flex;
		column-gap: 7px;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li {
		width: 30px;
		height: 30px;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li a img {
		width: 100%;
		height: 100%;
	}
	ul.unit-list li.unit-item .unit-wrap p.unit-txt {
		font-size: 0.889rem;
		line-height: 1.8;
		margin: 0;
	}
	ul.unit-list li.unit-item a.pdf_btn {
		color: var(--color-blue);
		font-size: 0.889rem;
		font-weight: 500;
		margin: 12px auto 0 auto;
		padding: 1rem 0;
		width: 346px;
	}





}

@media screen and (max-width : 959px) {

	body:not(.top) #contents{
		padding: 0 0 12.82vw 0;
	}

	main{
		overflow-x: hidden;
	}

	a.pdf_btn {
		display: flex;
		align-self: flex-start;
		align-items: center;
		background-color: #fff;
		border: 1px solid #BDC8D7;
		border-radius: 2.78rem;
		box-sizing: border-box;
		font-size: 0.667rem;
		letter-spacing: 0.05em;
		padding: 5px 0.556rem;
		position: relative;
		white-space: nowrap;
		opacity: 1;
		transition: opacity 0.3s;
	}

	a.pdf_btn:hover {
		opacity: 0.8;
	}

	a.pdf_btn::after {
		content: '';
		display: inline-block;
		width: 1.167rem;
		height: 1.167rem;
		background-image: url(../../common/img/icon_pdf.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: auto 100%;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}



	/* -------------------------------------------------------------------------------------------
	*
	* hero
	*
	* ----------------------------------------------------------------------------------------- */
	#hero {
		padding: 7.69vw 0;
	}
	#hero h2 {
		width: 88vw;
		margin: 0 auto 7.69vw auto;
	}
	#hero h2 picture {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto 7.69vw;
	}

	#hero .hero-img {
		height: 60.5vw;
	}
	#hero .hero-img img {
		width: auto;
		height: 100%;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* contents
	*
	* ----------------------------------------------------------------------------------------- */
	p.lead {
		font-size: 1rem;
		letter-spacing: 0.14em;
		line-height: 1.9;
		text-align: center;
	}

	ul.unit-list {
		display: flex;
		flex-direction: column;
		gap: 23.07vw;
		margin: 30.77vw 0 0 0;
	}
	ul.unit-list li.unit-item {
	}
	ul.unit-list li.unit-item .unit-wrap {
		background-color: #f9f9f9;
		border-radius: 7.69vw;
		box-sizing: border-box;
		padding: 24.615vw 7.69vw 7.69vw 7.69vw;
		position: relative;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-img {
		position: absolute;
		top: -19.23vw;
		left: 50%;
		transform: translateX(-50%);
		width: 38.46vw;
		height: 38.46vw;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-img img {
		width: 100%;
		height: 100%;
	}

	ul.unit-list li.unit-item .unit-wrap .unit-head {
		border-bottom: 1px solid #E5EAF0;
		display: flex;
		justify-content: space-between;
		margin: 0 0 10px 0;
		padding: 0 0 16px 0;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head h3.unit-name {
		color: var(--color-blue);
		font-size: 1.222rem;
		font-weight: 700;
		line-height: 1.6;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns {
		display: flex;
		column-gap: 7px;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li {
		width: 30px;
		height: 30px;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	ul.unit-list li.unit-item .unit-wrap .unit-head ul.unit-sns li a img {
		width: 100%;
		height: 100%;
	}
	ul.unit-list li.unit-item .unit-wrap p.unit-txt {
		font-size: 0.889rem;
		line-height: 1.8;
		margin: 0;
	}
	ul.unit-list li.unit-item a.pdf_btn {
		color: var(--color-blue);
		font-size: 0.889rem;
		font-weight: 500;
		margin: 3.077vw auto 0 auto;
		padding: 1rem 0;
		width: 100%;
		text-align: center;
		justify-content: center;
	}


}