@charset "UTF-8";

/*------------------------
トップイメージ
------------------------*/
#topimg .text-wrap{
	color: #fff;
}
#topimg h1,#topimg .sub-en{
	letter-spacing: .08em;
}
/* PC */
@media screen and (min-width:768px) {
	header .right .link-wrap .tel,
	header .right .link-wrap .instagram a,
	header .right .menu#menu-btn p{
		color: #fff;
	}
	header .right #menu-btn div{
		background: #fff;
	}

	.top-bg{
		min-height: 770px;
	}
	#individual .top-bg{
		background: var(--blue) url(../../img/individual/standard/topimg.jpg?20250630) no-repeat center;
		background-size: cover;
	}
	#corporation .top-bg{
		background: var(--green) url(../../img/corporation/standard/topimg.jpg?20250630) no-repeat center;
		background-size: cover;
	}
	#topimg .text-wrap{
		width: 510px;
		margin: 120px 0 0 auto;
	} 
	#topimg h1{
		margin: 0 auto 25px;
		font-size: 59px;
		line-height: 1.136;
	}
	#topimg .sub-en{
		font-size: 18px;
		margin-bottom: 55px;
	}
	#topimg .jp{
		width: 300px;
		margin-bottom: 40px;
	}
	#topimg .textarea{
		font-size: 16px;
		line-height: 2.125;
	}
	#topimg .anime-arrow{
		bottom: -78px;
	}
	
}
/* SP */
@media screen and (max-width:767px) {
	#individual #topimg{
		background: var(--blue) url(../../img/individual/standard/sp_topimg.jpg) no-repeat center;
		background-size: cover;
		min-height: 161.6vw;
	}
	#corporation #topimg{
		background: var(--green) url(../../img/corporation/standard/sp_topimg.jpg) no-repeat center;
		background-size: cover;
		min-height: 161.6vw;
	}
	#topimg .text-wrap{
		padding-top: 8vw;
	} 
	#topimg h1{
		margin: 0 auto 2.67vw;
		font-size: 8.53vw;
		line-height: 1.136;
	}
	#topimg .sub-en{
		font-size: 3.43vw;
		margin-bottom: 5.33vw;
	}
	#topimg .jp{
        width: 52vw;
        margin-bottom: 4vw;
	}
	#corporation #topimg .jp{
		width: 59vw;
	}
	#topimg .textarea{
		font-size: 3.2vw;
		line-height: 1.917;
		letter-spacing: 0.12em;
	}
	#topimg .anime-arrow{
		bottom: -15.47vw;
	}
}

/*------------------------
ページジャンプ
------------------------*/
#corporation #standard{
	background: rgba(45, 146, 68, 0.07);
}
#standard .link-box .box a{
	background: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	text-align: center;
}
#corporation #standard .link-box .box a{
	background: var(--green);
}
/* PC */
@media screen and (min-width:768px) {
	#standard .link-box{
		display: flex;
		justify-content: space-between;
		margin-bottom: 150px;
	}
	#standard .link-box .box a{
		width: 362px;
		height: 124px;
		position: relative;
	}
	#standard .link-box .box a::after{
		content: "";
		width: 100%;
		height: 100%;
		background: var(--gray);
		mix-blend-mode: multiply;
		transition: all .3s ease 0s;
		position: absolute;
		opacity: 0;
	}
	#standard .link-box .box a:hover::after{
		opacity: 1;
	}
	#standard .link-box .box h2{
		font-size: 25px;
		line-height: 1.2;
		letter-spacing: .05em;
	}
	#standard .link-box .box .sub{
		font-size: 12px;
		padding-top: 2px;
		letter-spacing: .24em;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#standard .inner{
		padding: 10.67vw 6.67vw 13.33vw;
	}
	#standard .link-box{
		margin-bottom: 8vw;
	}
	#standard .link-box .box a{
		width: 100%;
		height: 100px;
		position: relative;
		margin-bottom: 1.33vw;
	}
	#standard .link-box .box h2{
		font-size: 5.87vw;
		letter-spacing: .05em;
		margin-bottom: 1.33vw;
		line-height: 1;
	}
	#standard .link-box .box .sub{
		padding-top: 1.33vw;
		line-height: 1;
		font-size: 3.2vw;
		letter-spacing: .24em;
		line-height: 1;
	}
}


/*------------------------
一覧
------------------------*/
#standard .block-wrap h2 {
	color: var(--gray);
	line-height: 1;
}
#standard .block-wrap h2 .wf{
	color: var(--blue);
}
#corporation #standard .block-wrap h2 .wf{
	color: var(--green);
}
/* PC */
@media screen and (min-width:768px) {
	#standard .inner{
		padding: 140px 0 190px;
	}
	#standard .block-wrap h2 {
		font-size: 30px;
		letter-spacing: .05em;
		margin-bottom: 20px;
	}
	#standard .block-wrap h2 .min {
		font-size: 12px;
		letter-spacing: .24em;
	}
	#standard .block-wrap ul {
		display: flex;
		flex-wrap: wrap;
	}
	#standard .block-wrap ul li {
		width: 362px;
		margin-right: 57px;
		margin-bottom: 120px;
	}
	#standard .block-wrap ul li:nth-child(3n){
		margin-right: 0;
	}
	#standard .block-wrap ul li a {
		height: 256px;
		position: relative;
	}
	#standard .block-wrap ul li a::after{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: var(--gray);
		mix-blend-mode: multiply;
		transition: all .3s ease 0s;
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	#standard .block-wrap ul li a:hover::after{
		opacity: 1;
	}
	#standard .block-wrap ul li a .hover-txt{
		opacity: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		color: #fff;
		transition: all .3s ease 0s;
		z-index: 3;
		font-size: 16px;
		line-height: 1.2;
		font-weight: bold;
		text-align: center;
		letter-spacing: .07em;
	}
	#standard .block-wrap ul li a .hover-txt::after{
		content: "";
		width: 20px;
		height: 22px;
		background: url(../../img/individual/standard/icon_hand.svg) no-repeat;
		background-size: contain;
		position: absolute;
		right: 155px;
		top: 155px;
	}
	#standard .block-wrap ul li a:hover .hover-txt{
		opacity: 1;
	}
	#standard .block-wrap ul li .image img {
		object-fit: cover;
	}
	#standard .block-wrap ul li .ttl {
		font-size: 18px;
		font-weight: bold;
	}
}

/* SP */
@media screen and (max-width:767px) {
	#standard .block-wrap h2 {
		font-size: 6.4vw;
		letter-spacing: 0;
		margin-bottom: 4vw;
	}
	#standard .block-wrap h2 .min {
		font-size: 3.2vw;
		letter-spacing: .24em;
	}
	#standard .block-wrap:not(:last-child) {
		margin-bottom: 10.67vw;
	}
	#standard .block-wrap ul li a {
		height: 61.33vw;
		position: relative;
	}
	#standard .block-wrap ul li:not(:last-child) {
		margin-bottom: 4vw;
	}
	#standard .block-wrap ul li a::after{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: var(--gray);
		mix-blend-mode: multiply;
		transition: all .3s ease 0s;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	#standard .block-wrap ul li a .hover-txt{
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		color: #fff;
		transition: all .3s ease 0s;
		z-index: 3;
		font-size: 16px;
		line-height: 1.2;
		font-weight: bold;
		text-align: center;
		letter-spacing: .07em;
	}
	#standard .block-wrap ul li a .hover-txt::after{
        content: "";
        width: 5.33vw;
        height: 5.87vw;
        background: url(../../img/individual/standard/icon_hand.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 30.67vw;
        top: 33.33vw;
	}
	#standard .block-wrap ul li .image img {
		object-fit: cover;
	}
	#standard .block-wrap ul li .ttl {
		font-size: 4.27vw;
		font-weight: bold;
	}
}


/*------------------------

------------------------*/
/* PC */
@media screen and (min-width:768px) {
	
}

/* SP */
@media screen and (max-width:767px) {

}