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





@media screen and ( max-width:1400px) {
	
	
/*==========SANARU チャンネル=============*/
	.channel_sns_links a {gap: 22px;}
	.channel_sns_links a span{width:100%;text-align:center;}
	
	
}

@media screen and ( max-width:1300px) {
	
	.contents_inner_text h4 {font-size: 42px;}

}

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

/*==========MISSION=============*/
	.mission_title_text {width:43%;}
	.mission_title_frame {width:85%;margin-left: -8%;padding-bottom: 15px;}
	
/*==========VISION=============*/
	.vision-living_bk {background-size:140%;}
	.vision_box {padding: 100px 30px 40px;}
	
/*==========WELFARE=============*/
	.welfare_main {padding: 40px 0 80px;}
	.welfare_text {padding: 80px 0 0;}
	
/*==========framework=============*/
	.framework_contents_inner{padding-bottom: 60px;}
	.contents_inner_text h4 {font-size:38px;font-weight:800;}
	
/*==========SANARU チャンネル=============*/
	.channel_sns_links{max-width: 860px;gap:25px;}
	.channel_sns_links a span{font-size:14px;}

/*========== footer =============*/
	.footer_menu {padding: 80px 100px 100px;}
}


@media screen and ( max-width:1100px) {
	
/*========== button =============*/
	.button_wrap{max-width:900px;gap:40px;}
	.button_wrap a {width: calc((100% - (40px * 2)) / 3);}
	
	
/*========== framework =============*/
	.framework_contents_list {padding: 100px 0 30px;}
	.contents_inner_text h4 {font-size:34px;}
	
	
/*==========SANARU チャンネル=============*/
	.channel_main {padding:50px 30px;}
	
	
/*========== footer =============*/
	.footer_list > li > ul h4 {
		letter-spacing: 0;
		font-size: 20px;
		padding-bottom: 5px;
	}
	.footer_list > li > ul > li{
		letter-spacing:0;
		font-size:12px;
		line-height: 1.3em;
		padding: 9px 0;
	}
	.footer_list > li > ul > li a:after{
		top:50%;
		transform: rotate(-45deg) translateY(-50%);
		bottom: auto;
		right: -17px;
	}
}


@media screen and ( max-width:980px) {
	
/*========== MV =============*/
	.mv_inner_shadow {top:5vw;left:50%;width:80%;height: 60vw;transform: translateX(-50%);opacity:.9;}
	.mv_wrap{
		justify-content:center;
		padding:5vw;
	}
	.mv_inner_text{display:contents;}
	.mv_inner_text div.sanaru {order:1;width:34%;padding-bottom:1vw;}
	.mv_inner_text h1 {order:2;width:90%;filter: drop-shadow(1px 1px 5px rgba(40, 89, 132, .9)) drop-shadow(1px 1px 9px rgba(138, 208, 255, .7));}
	.mv_inner_text h1 .tb_only{display:inline;}
	.mv_inner_text h1 .pc-phone{display:none;}
	.mv_inner_text div.text{order:4;width: 90%;}
	.mv_inner_img{order:3;width:100%;padding:2vw 0 1vw;}
	.mv_inner_img img {margin-right: -2vw;}
	

/*========== BUTTON =============*/
	.button_wrap{gap: 20px;}
	
	
/*========== MISSION =============*/
	.mission_main{}
	.mission_title {max-width: 600px;}
	.mission_title_text {width:100%;}
	.mission_title_img {padding-top: 50px;width:100%;}
	
	
/*========== VISION =============*/
	.vision_text {padding: 0 0 20px;}
	
	.living_main{max-width:680px;padding: 0 40px 40px;}
	.living_img{width:100%;}
	.living_text{width:100%;padding-top:50px;}
	.living_text br.tbl{display:none;}
	.living_text h2{text-align:center;}
	.living_text p{text-align:center;padding-bottom: 40px;}
	
	.living_bottom_img img {width: 68%;max-width: 800px;}
	
	
/*========== welfare =============*/
	.welfare_main {padding: 40px 0 40px;}
	.welfare_title{padding:0 40px 80px;}
	.imgline_inner {width:300px;}
	.welfare_bk::before,.welfare_bk::after{width:60%;}
	
	
/*========== framework =============*/
	
	.framework_title {margin-top: -3vw;padding: 0 3vw 6vw;}
	.framework_title::before, .framework_title::after {bottom: -28vw;}
	
	.framework_contents_title{max-width: 650px;position:relative;z-index:5;}
	.framework_contents_title > div{max-width: 240px;}
	
	.framework_contents_list {padding: 60px 0 30px;}
	
	.framework_contents_inner {gap:20px 25px;}
	.contents_inner_text{display:contents;}
	.contents_inner_text h4{margin: auto 0;padding:0;}
	.h4_subbox{margin: auto 0;width:calc(100% - 95px);}
	.contents_inner_img {width: 70px;}
	.contents_inner_text h4{width:calc(100% - 95px);}
	.contents_inner_text .h4_subbox h4{width:100%;}
	
	.w170 .contents_inner_img {width: 100px;}
	.w170 .contents_inner_text h4 {width:calc(100% - 125px);}
	.w170 .contents_inner_text .h4_subbox {width:calc(100% - 125px);}
	.w170 .contents_inner_text .h4_subbox h4 {width:100%;}
	
	.framework_contents_section ul{justify-content:center;}
	
	.w-half .contents_inner_text h4{order:1;width:100%;text-align:center;}
	.w-half .contents_inner_img{order:2;margin:auto;width:100%;margin-top:-4vw;max-width:600px;}
	.w-half .contents_inner_img img[src*="method"] {margin-left:-25px;width:100%;}
	.w-half .textbox{order:3;}
	
	.system_bk::before {bottom:auto;top:30vw;background-position: left top;}
	.advancement_bk::before {bottom:auto;top:33vw;background-position: left top;}
	.ambition_bk::before{bottom:auto;top:10vw;background-position: left top;}
	
	.ambition_bottom_img{width:70%;}
	
	
/*========== footer =============*/
	.footer_menu {padding: 80px 80px 100px;}
	.footer_group{padding:40px 25px;}
	.footer_group_box {gap:35px 20px;}
	.footer_group_box a{width:calc((100% - (20px* 3)) / 4);}
}


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

/*==========SANARU チャンネル=============*/
	.channel_sns_links a span{width:100%;text-align: center;}

/*========== footer =============*/
	.footer_menu {padding: 80px 20px 100px;}
}




@media screen and ( max-width:767px) {
	
/*========== MV =============*/
	.mv_inner_shadow {top: 20vw;width:70%;}
	.mv_inner_text h1 {width: 70%;}
	.mv_inner_text h1 .tb_only{display:none;}
	.mv_inner_text h1 .pc-phone{display:inline;}
	
/*========== buttom =============*/
	.button_box{position:relative;z-index:7;padding:0 3vw;}
	.button_wrap{gap:2%;}
	.button_wrap a{width:calc((100% - 4%)/ 3);}
	
	
/*========== mission =============*/
	.mission_area{margin-top:-1px;}
	.mission_main{padding:5vw;}
	.mission_title_frame {margin-left:0;margin-top:-7vw;padding-bottom:2vw;}
	.mission_title_img{padding-top: 9vw;width: 90%;margin: auto;}
	.mission_text{padding: 8vw 0;}
	.mission_text div p{padding-bottom:5vw;}
	
	.mission_bk::before {left: -16vw;}
	.mission_bk::after{right: -16vw;}
	
	
/*========== vision =============*/
	.vision_box{padding:12vw 5vw 3vw;}
	.vision_text{padding:0;}
	.vision_text h2{padding-bottom:6vw;}
	.vision_text_wrap p{padding-bottom: 5vw;}
	
	
	.living_main{padding:0 5vw 4vw;}
	.living_img{width:90%;margin:auto;}
	.living_text {padding-top: 7vw;}
	.living_text h2 {padding-bottom: 4vw;}
	.living_text p{padding-bottom:4vw;}
	
	
/*========== welfare =============*/
	.welfare_main{padding: 4vw 0 8vw;}
	.welfare_title{padding: 0 5vw 10vw;}
	
	.imgline_inner {width: 35vw;}
	
	.welfare_text {padding: 10vw 0 0;}
	.welfare_text p{padding-bottom:5vw;}
	
	
/*========== framework =============*/
	.framework_title h2{gap:2vw;}
	
	.framework_contents{padding: 0 5vw;}
	.framework_contents_title > div {max-width: 170px;}
	.framework_contents_title h3{gap:2vw;}
	
	.contents_inner_text h4 {font-size: 30px;}
	
	
/*==========SANARU チャンネル=============*/
	.channel_sns_links{gap: 20px;max-width:530px;}
	.channel_sns_links a{width:100%;}
	.channel_sns_links a span{font-size: 14px;width:auto;text-align:left;}
	
	
/*========== footer =============*/
	.footer_box {padding: 40px 20px;}
	.footer_menu{max-width: 500px;padding: 50px 20px;}
	.footer_list > li{width:58%;padding-bottom:30px;}
	.footer_list > li:nth-child(even){width:42%;}
	.footer_group_box{max-width:380px;gap: 15px 20px;}
	.footer_group_box a{width:calc((100% - 20px) / 2);}
	.footer_group_box a:nth-child(odd){text-align:left;}
	.footer_group_box a:nth-child(even){text-align:right;}
	.footer_logo_box{padding:20px 0 0;}
	
}



@media screen and ( max-width:580px) {
	
	body{background-image:none;}
	div.body{position:relative;}
	div.body::after{
		position: fixed;
		content: "";
		display: block;
		top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
		background-image: url("../images/mv_bkimg.webp");
		background-repeat: no-repeat;
		background-position:center;
        background-size: cover;
	}
	
	.header_wrap{padding: 0 15px;}
	.header_logo {height: 45px;padding: 10px 0px;}
	.header_links {gap: 0 18px;}
	.header_links a {font-size:14px;}
	
	.header_bottom {padding-bottom:45px;}

	
/*========== MV =============*/
	.mv_wrap{padding:7vw 5vw 5vw;position:relative;}
	.mv_wrap::before,.mv_wrap::after{
		content:"";
		position:absolute;
		display: block;
		width:100%;
		height:46vw;
		top:-10vw;
		background-image: url("../images/mv_frame.webp");
		background-size:contain;
		background-repeat: no-repeat;
	}
	.mv_wrap::before{
		left:-9vw;
		background-position: top left;
	}
	.mv_wrap::after{
		right:-10vw;
		background-position: top right;
	}
	
	.mv_inner_text div.sanaru {width:51%;padding-bottom:5vw;}
	.mv_inner_text h1 {width: 75%;}
	.mv_inner_img {padding: 2.5vw 0 2vw;}
	
	

/*========== MISSION =============*/
	.mission_text div p{font-size:15px;}
	.mission_text div:last-child p {font-size:18px;letter-spacing:.1em;}
	.mission_text div:last-child p .phonel-bold{font-size:120%;display: block;padding-top:10px;}
	
	
/*========== VISION =============*/
	.vision_text h2 {font-size: 26px;letter-spacing: .08em;line-height: 1.3em;padding-bottom: 9vw;}
	.vision_text_wrap{padding:0 2vw;}
	.vision_text_wrap p{font-size:15px;text-align: justify;padding-bottom: 8vw;}
	
	
/*========== LIVING =============*/
	.living_text h2 {font-size: 21px;letter-spacing: .1em;line-height: 1.2em;padding-bottom: 6vw;}
	.living_text p{font-size:15px;padding-bottom: 6vw;}
	
	
/*========== welfare =============*/
	.welfare_title {max-width:470px;padding: 3vw 5vw 7vw;}
	.imgline_inner {width: 42vw;}
	.imgline {animation: 80s linear infinite sliderAnimation;}
	.welfare_text {padding: 10vw 5vw 0;}
	.welfare_text p{font-size:15px;}
	
	
/*========== framework =============*/
	.framework_title{margin-top:0;}
	.framework_title h2 img:nth-child(2) {width:90%;}
	.framework_title::before{bottom: -32vw;}
	
	.framework_contents {padding: 0 7vw;}
	
	.framework_contents_title > div {max-width: 150px;}
	.framework_contents_title h3 img:nth-child(2) {width: 94%;}
	
	.framework_contents_list {padding: 10vw 0 3vw;}
	
	.framework_contents_inner{justify-content:center;gap:4vw;padding-bottom:9vw;}
	
	.contents_inner_text h4{width:100%;text-align:center;font-size: 23px;}
	.h4_subbox{width:100%;}
	.contents_inner_text .h4_sub{text-align:center;ont-size: 18px;}
	.w170 .contents_inner_text .h4_subbox{width:100%;}
	.w170 .contents_inner_text h4{width:100%;}
	
	.contents_inner_img {width: 50px;}
	.w170 .contents_inner_img {width: 80px;}
	
	.contents_inner_img img[src*="advancement_time"]{width:90%;}
	
	.w-half .contents_inner_text h4{position:relative;z-index:5;filter: drop-shadow(1px 1px 4px rgba(255, 255, 255, 1)) drop-shadow(1px 1px 10px rgba(255, 255, 255, .6));}
	.w-half .contents_inner_img {margin-top: -16vw;}
	.w-half .contents_inner_img img[src*="method"] {margin-left: -13%;width: 130%;}
	
	.contents_inner_text .textbox{font-size:15px;}
	.contents_section_text{font-size:15px;}
	
	.framework_contents_section ul li {font-size: 16px;}
	.contents_section_imglist{gap:2vw 0;}
	.contents_section_imglist .imgitem {width:50%;}
	.contents_section_imglist .imgitem .note {font-size:13px;text-align:center;letter-spacing:0.05em;font-weight:500;}
	
	
	.system_bk::before{top: 52vw;width: 41%;}
	
	.advancement_bottombk {padding-bottom: 14vw;}
	.advancement_bk::before {top: 68vw;}
	
	.ambition_bk::before {top:33vw;width:38%;}
	.ambition_bk::after {top: 40vw;width: 40%;}


}





@media screen and ( max-width:520px) {
/*==========SANARU チャンネル=============*/
	.channel_main{padding: 15vw 30px 12vw;}
	.channel_sns_links{gap: 13px;}
	.channel_sns_links a{width:100%;}
	.channel_sns_links a img {width: 40px;}
	.channel_sns_links a span{width:auto;text-align: left;font-size:12px;}
	
/*========== footer =============*/
	.footer_box{padding: 0 0 30px;}
	.footer_menu{padding: 10vw 30px;}
	.footer_list > li > ul h4{font-size:16px;}
    .footer_list > li > ul > li {padding: 10px 0;}
	.footer_group_box{justify-content: center;gap: 14px 0;}
	.footer_group_box a{width:100%;max-width:180px;}
	.footer_group_box a:nth-child(even),.footer_group_box a:nth-child(odd){text-align: center;}
	.footer_group_box a[href*="keimeikan"] img{height:128%;margin-top:0;}
	
	.footer_logo_box{padding: 15px 0 0;max-width:140px;}

}



@media screen and ( max-width:374px) {
	.header_links {gap: 0 10px;margin-left: 10px;}
	.header_links a {font-size: 12px;}
	
	.vision_text h2 {font-size: 23px;}
	
	.living_text h2 {font-size: 18px;}
}