@charset "UTF-8";

@media screen and (min-width: 768px),print {
body{background:url('../images/concept/bodyback.png') no-repeat top center;background-size:100% auto;}
.backk{background:url('../images/concept/bodyback.png') repeat-y top center;background-size:100% auto;}
header .h-logo img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
header .teltext{color:#fff;}
.main-title{width: 1200px;padding: 18px 0 38px 0px;margin: 0px auto;text-align: left;background: none;border-bottom: 1px solid #3B3B3B;}
.main-title .en{display:block;margin-bottom: 12px;text-align: center;font-weight: 100;font-size: 90px;line-height: 1;letter-spacing: 0.05em;color: #FFFFFF;text-transform: uppercase;}
.main-title .jp{display:block;font-weight:500;line-height: 0;text-align:center;font-size:21px;letter-spacing:0.2em;text-align: center;font-weight: 500;font-size: 21px;line-height: 1;letter-spacing: 0.1em;color: #FFFFFF;}
.seo_bread_list{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); }


#contentsmain{position:relative;padding: 20px 0 145px;}
#contentsmain .main-title-Box{text-align:center;}
#contentsmain .main-title-Box .sub-title{font-size:21px;font-weight:500;line-height:2.4762;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contentsmain .main-title-Box h2{font-size:30px;font-weight:500;line-height:1.7333;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;margin: -7px 0 0;}
#contentsmain .main-title-Box .en{font-size:9px;font-weight:300;line-height:1.7778;letter-spacing:0.12em;color:#969696;text-align:center;text-transform:uppercase;margin: 23px 0 0;}
#contentsmain .inner-Box{position:relative;max-width: 1400px;margin: 95px auto 0;border:1px solid #969696;box-sizing:border-box;padding: 85px 150px 99px;}
#contentsmain .inner-Box>h2{font-size:36px;font-weight:600;line-height:1.4444;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contentsmain .inner-Box>h2 .en{display:inline-block;margin-bottom: 36px;font-size:32px;font-weight:300;line-height:1.3125;letter-spacing:0.05em;color:#fff;text-transform:uppercase;}
#contentsmain .contents-Box{display:flex;align-items:flex-start;margin-top: 75px;}
#contentsmain .photo01{order:2;width:600px;margin:0;}
#contentsmain .photo01 img{display:block;width:100%;height:auto;}
#contentsmain .text-Box{order:1;width:460px;margin-right:40px;}
#contentsmain .text-Box p{font-size:16px;font-weight:400;line-height:2;letter-spacing:0.05em;color:#fff;text-align:left;text-transform:none;}

#contents01{position:relative;padding: 201px 0 202px;background:url('../images/concept/contents01-back01.png') no-repeat top center;background-size:1920px 2553px;}
#contents01 .people-Box{position:relative;width:1100px;margin:0 auto;}
#contents01 .people-Box>h2{font-size:36px;font-weight:600;line-height:1.4444;letter-spacing:0.1em;color:#16151e;text-align:center;text-transform:none;}
#contents01 .people-Box>h2 .en{display:inline-block;margin-bottom:36px;font-size:32px;font-weight:300;line-height:1.3125;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;}
#contents01 .people-Box .contents-Box{display:flex;align-items:flex-start;margin-top: 75px;}
#contents01 .people-Box .text-Box{width:460px;margin-right:180px;}
#contents01 .people-Box .text-Box p{font-size:16px;font-weight:400;line-height:2;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;}
#contents01 .people-Box .img01{width:460px;margin:0;position: relative;left: -55px;top: -30px;}
#contents01 .people-Box .img01 img{display:block;width:100%;height:auto;}

#contents01 .mission-Box{position:relative;max-width: 1400px;height:740px;margin: 24px auto 0;padding: 103px 140px 0;box-sizing:border-box;background:url('../images/concept/contents01-back02.png') no-repeat center center;background-size:1400px 740px;}
#contents01 .mission-Box .mission-title{font-size:23px;font-weight:300;line-height:1.8261;letter-spacing:0.05em;color:#fff;text-align:left;text-transform:uppercase;}
#contents01 .mission-Box ul{display:flex;margin-top: 36px;gap: 0px;}
#contents01 .mission-Box ul li{width: 380px;min-height:360px;padding: 39px 45px;box-sizing:border-box;background:#fff;}
#contents01 .mission-Box ul li+li{margin-left: 20px;}
#contents01 .mission-Box ul li h3{font-size:26px;font-weight:600;line-height:1.6154;letter-spacing:0.05em;text-align:left;text-transform:none;margin-bottom: 10px;}
#contents01 .mission-Box ul li h3 .number{display:inline-block;font-size:20px;font-weight:300;line-height:2.1;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;margin-bottom: 7px;}
#contents01 .mission-Box ul li.people h3{color:#987f5e;}
#contents01 .mission-Box ul li.place h3{color:#555174;}
#contents01 .mission-Box ul li.purpose h3{color:#5c6a40;}
#contents01 .mission-Box ul li p{font-size:16px;font-weight:400;line-height:2;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;}

#contents01 .role-Box{position:relative;width:1100px;margin: 112px auto 0;}
#contents01 .role-Box>h2{font-size:36px;font-weight:600;line-height:1.4444;letter-spacing:0.1em;color:#16151e;text-align: left;text-transform:none;}
#contents01 .role-Box>h2 .en{display:inline-block;margin-bottom:36px;font-size:32px;font-weight:300;line-height:1.3125;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;}
#contents01 .role-Box .contents-Box{display:flex;align-items:flex-start;margin-top: 76px;}
#contents01 .role-Box .photo01{width:600px;margin:0 40px 0 0;}
#contents01 .role-Box .photo01 img{display:block;width:100%;height:auto;}
#contents01 .role-Box .text-Box{width:460px;}
#contents01 .role-Box .text-Box p{font-size:16px;font-weight:400;line-height:2;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;}

#contents02{position:relative;height:530px;background:url('../images/concept/contents02-back01.png') no-repeat center center;background-size:cover;}
#contents02 .inner-Box{position:relative;width:1100px;margin:0 auto;padding-top: 228px;}
#contents02 .inner-Box h2{font-size:26px;font-weight:600;line-height:2;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contents02 .inner-Box .en{font-size:9px;font-weight:300;line-height:1.7778;letter-spacing:0.12em;color:#fff;text-align:center;text-transform:uppercase;margin-top: 16px;}

#contentsbottom{position:relative;padding:130px 0;background: #F4F4ED;}
#contentsbottom .inner-Box{width:1080px;margin:0 auto;}
#contentsbottom ul{display:flex;}
#contentsbottom ul li{width:340px;}
#contentsbottom ul li+li{margin-left:30px;}
#contentsbottom ul li a,#contentsbottom ul li picture,#contentsbottom ul li img{display:block;width:100%;height:auto;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width: 767px) {
body{background:url('../images/concept/bodyback.png') no-repeat top center;background-size:100% auto;}

.main-title{padding:4.3vw 0 9.2vw 0;margin-bottom:0;background:none;border: none;}
.main-title .en{display:block;margin-bottom: -2.7vw;color: #fff;font-weight:100;text-align: center;font-size: 13.5vw;line-height: 1.4;letter-spacing: 0.05em;text-transform: uppercase;}
.main-title .jp{display:block;font-weight:500;text-align: center;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.1em;margin-bottom: -1.9vw;color: #fff;}
header .h-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
header .teltext{color:#fff;}

#contentsmain{position:relative;padding: 11.3vw 0 9.3vw;background:url('../images/concept/bodyback.png') repeat-y top center;margin: -1vw;background-size:auto 100vw;}
#contentsmain .main-title-Box{text-align:center;}
#contentsmain .main-title-Box .sub-title{font-size:3.9vw;font-weight:500;line-height:1.875;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contentsmain .main-title-Box h2{margin-top: 1.5vw;font-size:5.3vw;font-weight:500;line-height:1.5;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contentsmain .main-title-Box .en{margin-top:5.3vw;font-size:1.4vw;font-weight:300;line-height:2;letter-spacing:0.12em;color:#969696;text-align:center;text-transform:uppercase;}

#contentsmain .inner-Box{position:relative;margin: 17.1vw 4vw 0;border: 1px solid #969696;padding: 13.7vw 0 0;}
#contentsmain .inner-Box>h2{font-size:5.3vw;font-weight:600;line-height:1.5;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contentsmain .inner-Box>h2 .en{display:inline-block;margin-bottom:5.1vw;font-size:4.8vw;font-weight:300;line-height:2.1;letter-spacing:0.05em;color:#fff;text-transform:uppercase;}
#contentsmain .contents-Box{display:flex;flex-direction:column;margin-top: 7.2vw;}
#contentsmain .photo01{order:1;width:84.5vw;margin:0 auto;}
#contentsmain .photo01 img{display:block;width:100%;height:auto;}
#contentsmain .text-Box{order:2;width:auto;margin: 7.2vw 4vw 17.6vw;}
#contentsmain .text-Box p{font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.05em;color:#fff;text-align:left;text-transform:none;}

#contents01{position:relative;padding: 34.3vw 0 17.9vw;background:url('../images/concept/sp-contents01-back01.png') no-repeat top center;background-size: 100.1% auto;}
#contents01 .people-Box{position:relative;width:100%;margin:0 auto;}
#contents01 .people-Box>h2{font-size:5.3vw;font-weight:600;line-height:1.5;letter-spacing:0.1em;color:#16151e;text-align:center;text-transform:none;}
#contents01 .people-Box>h2 .en{display:inline-block;margin-bottom:5.1vw;font-size:4.8vw;font-weight:300;line-height:2.1;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;}
#contents01 .people-Box .contents-Box{display:flex;flex-direction:column;margin-top:10.6vw;}
#contents01 .people-Box .text-Box{order:1;width:auto;margin:0 7.7vw;}
#contents01 .people-Box .text-Box p{font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;}
#contents01 .people-Box .img01{order:2;width:84.5vw;margin: 6.5vw auto 0;}
#contents01 .people-Box .img01 img{display:block;width:100%;height:auto;}

#contents01 .mission-Box{position:relative;width:100%;min-height:268.8vw;margin: 15.2vw auto 0;padding: 9.1vw 7.7vw 14.5vw;box-sizing:border-box;background:url('../images/concept/sp-contents01-back02.png') no-repeat top center;background-size:100% 100%;}
#contents01 .mission-Box .mission-title{margin-left:33.1vw;font-size:4.3vw;font-weight:300;line-height:2.3333;letter-spacing:0.05em;color:#fff;text-align:left;text-transform:uppercase;}
#contents01 .mission-Box ul{display:block;margin-top: 8vw;}
#contents01 .mission-Box ul li{width:100%;/* min-height: 63.6vw; */padding: 6.3vw 6vw 14.3vw 6vw;box-sizing:border-box;background:#fff;}
#contents01 .mission-Box ul li+li{margin-top: 5vw;}
#contents01 .mission-Box ul li h3{font-size:4.8vw;font-weight:600;line-height:2.1;letter-spacing:0.05em;text-align:left;text-transform:none;text-align: center;}
#contents01 .mission-Box ul li h3 .number{display:inline-block;font-size:3.9vw;font-weight:300;line-height:2.625;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;}
#contents01 .mission-Box ul li.people h3{color:#987f5e;}
#contents01 .mission-Box ul li.place h3{color:#555174;}
#contents01 .mission-Box ul li.purpose h3{color:#5c6a40;}
#contents01 .mission-Box ul li p{font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;margin-top: 1.8vw;}

#contents01 .role-Box{position:relative;width:100%;margin: 18.4vw auto 0;}
#contents01 .role-Box>h2{font-size:5.3vw;font-weight:600;line-height:1.5;letter-spacing:0.1em;color:#16151e;text-align:center;text-transform:none;}
#contents01 .role-Box>h2 .en{display:inline-block;margin-bottom:5.1vw;font-size:4.8vw;font-weight:300;line-height:2.1;letter-spacing:0.05em;color:#16151e;text-transform:uppercase;}
#contents01 .role-Box .contents-Box{display:flex;flex-direction:column;margin-top: 7.1vw;}
#contents01 .role-Box .photo01{order:1;width:84.5vw;margin:0 auto;}
#contents01 .role-Box .photo01 img{display:block;width:100%;height:auto;}
#contents01 .role-Box .text-Box{order:2;width:auto;margin:7.2vw 7.7vw 0;}
#contents01 .role-Box .text-Box p{font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.05em;color:#16151e;text-align:left;text-transform:none;}

#contents02{position:relative;height:90.3vw;background:url('../images/concept/sp-contents02-back01.png') no-repeat center center;background-size:cover;}
#contents02 .inner-Box{position:relative;width:100%;margin:0 auto;padding-top: 37.4vw;}
#contents02 .inner-Box h2{font-size:4.8vw;font-weight:600;line-height:1.65;letter-spacing:0.1em;color:#fff;text-align:center;text-transform:none;}
#contents02 .inner-Box .en{margin-top: 3.9vw;font-size:1.4vw;font-weight:300;line-height:2;letter-spacing:0.12em;color:#fff;text-align:center;text-transform:uppercase;}

#contentsbottom{position:relative;padding: 17.1vw 0 12.1vw 0;background: #F4F4ED;}
#contentsbottom .inner-Box{width:100%;margin:0 auto;}
#contentsbottom ul{display:block;}
#contentsbottom ul li{width:82.1vw;margin: 0 auto 5vw;}
#contentsbottom ul li a,#contentsbottom ul li picture,#contentsbottom ul li img{display:block;width:100%;height:auto;}


}