@charset "utf-8";

#corporate_digest section div{
	position: relative;
}
#corporate_digest #digest01 h2 img{
	margin: 0 auto;
}
#corporate_digest h3{
margin: 0;
padding: 0;
}
.animation {
  animation: fade-in 1s;
  animation-fill-mode: forwards;
}
.fadein{
	opacity: 0;
}
#corporate_digest h3 .main_txt{
	color: #287465;
	font-family: "Jost";
	    transform: scale(1, 1.1);
    letter-spacing: -0.03em;
}
#corporate_digest h3{
	text-align: center;
	width: fit-content;
	display: block;
}
#corporate_digest h3 p{
	display: block;
}
#corporate_digest h3 .main_txt span{
	font-family: "NotoSansJP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
	transform: scale(0);
	letter-spacing: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translate(0,30px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
/*****PC*****/
@media screen and (min-width: 767px) {
#corporate_digest .inner:not(.small){
	width: 1620px;
	/*width: 1238px;
  padding: 0 80px;*/
	max-width: 90%;
	box-sizing: border-box;
}

#corporate_digest #digest01 h2{
	margin-bottom: 80px;
}
#corporate_digest #digest02{
	padding-bottom: 80px;
}
#corporate_digest #digest02 .pc h3{
	padding-top: 200px;
	margin-left: auto;
	z-index: 2;
}
#corporate_digest #digest02 .pc h3 img{
	margin-left: auto;
}
#corporate_digest #digest02 .pc .absolute{
	width: 36%;
	top:0;
	left: 0;
}
#corporate_digest .pc.grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: center;
}
#corporate_digest #digest03 .pc.grid img{
		height: 680px;
}

#corporate_digest #digest04 h3:nth-child(1){
	width: 100%;
}
#corporate_digest #digest04 h3:nth-child(1) img{
	margin: 0 auto;
	display: block;
}
#corporate_digest #digest04 h3:last-child{
	margin-left: auto;
}
#corporate_digest #digest05 .grid{
	padding: 80px 0;
        justify-items: center;
        max-width: 1500px;
        margin: 0 auto;
}
#corporate_digest #digest06 img.relative{
	margin: -120px auto -60px;
	max-width: 60%;
}
#corporate_digest #digest06 h3:nth-child(3){
	margin-left: auto;
}
#corporate_digest #digest07{
	padding-top: 80px;
}
#corporate_digest #digest07 img.relative{
	padding: 300px 0 0;
	margin: 0 auto -60px;
}
#corporate_digest #digest07 h3:nth-child(2){
	right: 0;
	top: 140px;
}
#corporate_digest h3 .ttl_bk{
	font-size: 2vw;
}
#corporate_digest h3 .sub_small{
	font-size: 1.2vw;
	padding-top: 24px;
}
#corporate_digest h3 .main_txt{
	font-size: 13vw;
}
#corporate_digest h3 .main_txt span{
	font-size: 3.3vw;
	font-weight: normal;
  padding: 0 16px;
}
#corporate_digest.pages_content.lang_en #digest07 .pc h3:nth-child(1){
	max-width: 1000px;
}
#corporate_digest.pages_content.lang_en #digest07 img.relative{
	padding: 320px 0 0;
	margin: 0 auto;
}
#corporate_digest #digest04 .relative:nth-child(2){
padding: 200px 0 0;
}
#corporate_digest #digest04 .gridbox {
	margin: 80px 0;
}
#corporate_digest #digest04 .gridbox .relative:nth-child(2){
padding: 0;
}
}

/*****SP*****/
@media screen and (max-width: 768px) {
#corporate_digest .inner:not(.small){
	width: 100%;
	padding: 0;
}
#corporate_digest .pankuzu .inner{
padding: 0 16px;
}
#corporate_digest #digest01 .sp {
	padding: 56px 0;
}
#corporate_digest #digest01 .sp h2 img.sp{
	margin: 0 auto;
}
#corporate_digest #digest03{
	padding-bottom: 160px;
}
#corporate_digest #digest03 .sp img:nth-child(2){
	margin-left: auto;
}
#corporate_digest #digest03 .sp .absolute{
	top: 230px;
}
#corporate_digest #digest04,
#corporate_digest #digest05,
#corporate_digest #digest06{
	padding-bottom: 40px;
}
#corporate_digest #digest04 .sp img:nth-child(2){
	width: 100%;
}

#corporate_digest #digest05 .sp h3{
	margin: 0 auto;
}
#corporate_digest #digest06 .sp img:nth-child(2){
	margin: 10px auto 10px;
}
#corporate_digest #digest06 .sp h3:nth-child(3){
		margin-left: auto;
}
#corporate_digest #digest07 .sp h3:nth-child(1){
	margin: 0 auto -20px;
}
#corporate_digest #digest07 .sp h3:nth-child(3){
	margin-top: -40px;
}
#corporate_digest #digest07 .sp img:nth-child(2),
#corporate_digest #digest07 .sp h3:nth-child(4){
	margin-left:auto;
}
#corporate_digest h3{
	padding: 0 16px;
}
#corporate_digest h3 .ttl_bk{
	font-size: 7vw;
}
#corporate_digest h3 .sub_small{
	font-size: 4vw;
}
#corporate_digest h3 .main_txt{
	font-size: 23vw;
	line-height: 1em;

}
#corporate_digest h3 .main_txt span{
	font-size: 6.5vw;
	font-weight: normal;
  padding: 0 8px;
}
#corporate_digest #digest02 h3{
		position: relative;
		padding-right: 2em;
		box-sizing: border-box;
		max-width: 100%;
}
#corporate_digest #digest02 .main_txt_afrer{
		font-size: 6.5vw;
        color: #287465;
        position: absolute;
        right: 5px;
        width: 1em;
        line-height: 1em;
        bottom: 56px;
}
#corporate_digest #digest02 h3 .sub_small{
	padding-top: 24px;
}
#corporate_digest.pages_content.lang_en h3 .main_txt{
		font-size: 20vw;
}
#corporate_digest.pages_content.lang_en #digest02 .main_txt_afrer{
	        width: 6em;
	        bottom: 50px;
}
#corporate_digest.pages_content.lang_en #digest02 h3 .sub_small{
	padding-top: 40px;
}
#corporate_digest.pages_content.lang_en #digest03{
	        padding-bottom: 100px;
}
#corporate_digest.pages_content.lang_en #digest03 .sp .absolute{
	        top: 290px;
}
#corporate_digest.pages_content.lang_en #digest04 .sp h3:nth-child(1){
	margin-left: 0;
        margin-bottom: -20px;
}
#corporate_digest.pages_content.lang_en #digest06 .sp img:nth-child(2){
	        margin: 0px auto 10px;
}
#corporate_digest.pages_content.lang_en #digest07 .sp h3:nth-child(3){
	margin-top: 0;
}
#corporate_digest.pages_content.lang_en #digest07 .sp h3:nth-child(4){
	margin-top: 80px;
}
#corporate_digest.pages_content.lang_en #digest07 .sp h3:nth-child(3),
	#corporate_digest.pages_content.lang_en #digest07 .sp h3:nth-child(4){
margin-left: auto;
margin-right: auto;
	}
#corporate_digest.pages_content.lang_en h3 .main_txt span{
	font-size: 5.5vw;
}
#corporate_digest.pages_content.lang_en #digest04,
#corporate_digest.pages_content.lang_en #digest06,
#corporate_digest.pages_content.lang_en #digest07{
	margin-top: 80px;
}
}

@media (768px <= width < 1025px){
	#corporate_digest #digest01 h2{
		padding: 0 20px;
	}
	#corporate_digest #digest02,
	#corporate_digest #digest03{
		padding-bottom: 0;
	}
	#corporate_digest #digest02 .pc h3{
		padding-top:100px ;
	}
	#corporate_digest #digest04 .relative:nth-child(2){
		padding: 160px 0 0;
	}
	#corporate_digest #digest04{
		margin-top: -50px;
	}
	#corporate_digest #digest05 .grid{
		padding: 0;
	}
	#corporate_digest #digest06 img.relative{
		margin: -80px auto -20px;
	}
	#corporate_digest #digest07{
	padding-top: 0;
	}
	#corporate_digest #digest07 img.relative{
		padding: 240px 0 0;
        margin: 0 auto -40px;
	}
	#corporate_digest #digest04,
	#corporate_digest #digest05{
		padding-bottom: 40px;
	}
	#corporate_digest.pages_content.lang_en h3 .main_txt{
		        font-size: 14vw;
		        padding-top: 16px;
    }
	#corporate_digest.pages_content.lang_en h3 .ttl_bk{
		font-size: 5vw;
	}
	#corporate_digest.pages_content.lang_en h3 .main_txt span{
		font-size: 4vw;
	}
	#corporate_digest.pages_content.lang_en h3 .sub_small{
		font-size: 3vw;
		padding-top: 0!important;
		line-height: 1.4;
	}
	#corporate_digest.pages_content.lang_en #digest03{
		padding-bottom: 0;
	}
	#corporate_digest.pages_content.lang_en #digest04 .relative:nth-child(2){
		        padding: 250px 0 0;
	}
	#corporate_digest.pages_content.lang_en #digest02 .pc h3{
		padding-right: 0;
	}
	#corporate_digest.pages_content.lang_en #digest04 .relative:nth-child(2){
		margin-bottom: 16px;
	}
	#corporate_digest.pages_content.lang_en #digest06 img.relative{
		        margin: -16px auto 0;
	}
	#corporate_digest.pages_content.lang_en #digest07 h3:nth-child(2){
		top: 360px;
	}
	#corporate_digest.pages_content.lang_en #digest07 img.relative{
		padding: 600px 0 0;
	}
	#corporate_digest.pages_content.lang_en #digest04, #corporate_digest.pages_content.lang_en #digest06, #corporate_digest.pages_content.lang_en #digest07{
		margin-top: 0;
	}
	#corporate_digest.pages_content.lang_en #digest04 .relative:nth-child(2){
		padding-top: 100px;
	}
	#corporate_digest.pages_content.lang_en #digest06 img.relative{
		        margin: 32px auto 16px;
	}
	#corporate_digest #digest07{
		padding-top: 80px;
	}
	#corporate_digest.pages_content.lang_en #digest07 img.relative{
		padding: 300px 0 0;
	}
}