@charset "utf-8";

main p {font-size: clamp(16px, 1.4vw, 18px);}

.inner {max-width: 1540px;}

sup {font-size: 12px;letter-spacing: 0;}


/* ----------------------------------------
leadWrap
------------------------------------------- */
.leadWrap {padding-top: 90px;text-align: center;}
.leadWrap .leadEn {font-size: 42px;line-height: 1;letter-spacing: 0.1em;color: #9e8771;margin-bottom: clamp(20px, 4vw, 60px);}
.leadWrap .leadTtl {font-size: 30px;margin-bottom: clamp(20px, 2vw, 40px);}
.leadWrap .leadTxt {}
/*  */
@media screen and (max-width: 960px){
	.leadWrap .leadEn {font-size: 22px;}
	.leadWrap .leadTtl {font-size: 16px;}
	.leadWrap .leadTxt {font-size: 13px;}
}



/* ----------------------------------------
ページ内共通スタイル
------------------------------------------- */
.secHeadTitleWrap {position: relative;}
.secHeadTitle {font-size: clamp(20px, 3vw, 36px); letter-spacing: 0.3em; margin-bottom: 30px;}
.secHead_num {position: absolute; top: 0; left: -110px;font-family: "Jost", sans-serif; font-size: clamp(70px, 12vw, 220px); font-weight: 100; color: #d1c9b1; line-height: .7;}
.secHead_textBox {background: #fff;border: 1px solid #cccccc;max-width: 980px;margin: 0 auto;padding: 10px 5px;}
.secHead_textBox p {}
.secHead_textBox span {background-color: #fcee21;color: #993d5c;}
/*  */
@media screen and (max-width: 960px){
	.secHead_num {position: relative;top: inherit;left: inherit;font-weight: 200; text-align: center; margin-bottom: 20px;}
	.secHeadTitle {margin-bottom: 20px;}
	.secHead_textBox {padding: 25px 10px;}
}



/* ----------------------------------------
reason_area
------------------------------------------- */
#reason_area {padding: 120px 0; text-align: center; background: #fff;}
#reason_area .reason_title {margin-bottom: 100px;}
#reason_area .reason_wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;max-width: 1340px; margin: 0 auto;}
#reason_area .reason_box {width: 30%; display: flex; align-items: center;}
#reason_area .reason_box figure {}
#reason_area .reason_box p {text-align: left; line-height: 2; padding-left: 30px;}
/*  */
@media screen and (max-width: 960px){
	#reason_area {padding: 30px 0;}
	#reason_area .reason_title {margin-bottom: 20px;}
	#reason_area .reason_wrap {width: 90%;}
	#reason_area .reason_box {width: 100%; margin-bottom: 20px;}
	#reason_area .reason_box figure {width: 66px;}
	#reason_area .reason_box p {font-size: 14px;}
	#reason_area .reason_box:last-child {margin-bottom: 0;}
}



/* ----------------------------------------
compact_intro
------------------------------------------- */
.compact_intro {}
.compact_intro .grid-list {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
/*  */
@media screen and (max-width: 960px){
	.compact_intro .grid-list {grid-template-columns: 32.1% 32.1% 35.7%;}
	.grid-list_item05 {grid-row: 1 / 3; grid-column: 3 / 3;}
}





/* ----------------------------------------
demand_area
------------------------------------------- */
#demand_area {padding: 120px 0; margin: 0 auto; text-align: center; background: #f8f7f4;}

#demand_area .demand_contents01 {margin-top: 60px; padding: 70px;background: #fff;}
#demand_area .demand_contents01 picture {display: block;}
/*#demand_area .demand_contents01_blue {background: #e8f2f3; text-align: center; margin-top: 20px;}
#demand_area .demand_contents01_blue p {font-size: 24px; font-weight: 600; font-family: 'Noto Sans JP', sans-serif;}
#demand_area .demand_contents01_blue span {display: inline-block; color: #993d5c;}*/

.demand_contents01Frame {justify-content: space-between;align-items: center;}
.demand_contents01Frame .left {width: 39%;}
.demand_contents01Frame .right {width: 58%;}
.demand_contents01Frame .title {font-size: clamp(16px, 1.4vw, 18px);font-weight: 500;letter-spacing: 0.15em;margin-bottom: 30px;}
.demand_contents01Frame .graph_title {margin-bottom: 20px;}
.demand_contents01Frame .anno {font-family: "Noto SansJapanese", Hiragino Kaku Gothic ProN, sans-serif;text-align: right;line-height: 1.7;}

#demand_area .data {margin-top: 120px;}
#demand_area .data h2 {font-size: 36px; letter-spacing: 1.3rem; margin-bottom: 40px;}
#demand_area .dataFrame {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#demand_area .dataFrame_left {width: 72.8%;padding-right: 5%;}
#demand_area .data_supply {background: #fff;padding: 120px 30px;font-family: "Jost", sans-serif;}
#demand_area .data_supply li {width: 50%;font-size: clamp(14px, 1.4vw, 20px);color: #993d5c;position: relative;}
#demand_area .data_supply li span {font-size: 110px;font-weight: 300;letter-spacing: -0.01em;line-height: 1;display: inline-block;}
#demand_area .data_supply li small{font-size: 24px;}
#demand_area .data_supply li:nth-child(2) {color: #999;padding-left: 2%;}
#demand_area .data_supply li:nth-child(2):after {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #999;transform: rotate(15deg);}
#demand_area .dataFrame_right {width: 27.2%; text-align: left;}
#demand_area .dataFrame_right figure {margin-bottom: 10px;}
#demand_area .dataFrame_right p {letter-spacing: 0.2em;}
#demand_area .dataFrame_right .txt_01 {margin-bottom: 20px;}
#demand_area .dataFrame_right .txt_02 span {display: inline-block;line-height: 1;color: #993d5c; background-color: #fcee21;}
#checkMark {margin-bottom: 10px;position: relative;}
#checkMark span {font-size: 32px;font-family: "Jost", sans-serif;font-weight: 400;color: #993d5c;letter-spacing: 0.04em;line-height: 1;padding-left: 40px;display: inline-block;position:relative;}
#checkMark span:before,
#checkMark span:after{content: '';display:block;position:absolute;}
#checkMark span:before{width: 22px;height: 22px;background:#fff;border: 2px solid #999;left:0;top: 4px;}
#checkMark span:after{width: 24px;height: 7px;transform: rotate(-45deg);left: 7px;top: 3px;
	border-left: 3px solid #993d5c;border-bottom: 3px solid #993d5c;}
/*  */
@media screen and (max-width: 960px){
	#demand_area {padding: 30px 0;}

	#demand_area .demand_contents01 {margin-top: 30px;padding: 40px 15px;}
	
	.demand_contents01Frame .left {width: 100%;}
	.demand_contents01Frame .right {width: 100%;margin-top: 40px;}
	.demand_contents01Frame .right .slideImg {width: 1500px;}
	.demand_contents01Frame .title {letter-spacing: 0.09em;}
	.demand_contents01Frame .graph_title {width: 54vw;}
	.demand_contents01Frame .anno {text-align: left;}
	
	#demand_area .data {margin-top: 30px;}
	#demand_area .data h2 {font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px;}
	#demand_area .dataFrame_left {width: 100%;padding-right: 0;}
	#demand_area .data_supply {padding: 30px 20px;}
	#demand_area .data_supply li {width: 100%;}
	#demand_area .data_supply li span {font-size: 52px;}
	#demand_area .data_supply li + li {margin-top: 15px;padding-top: 15px;border-top: 1px solid #999;}
	#demand_area .data_supply li:nth-child(2):after {display: none;}
	#demand_area .dataFrame_right {width: 100%;}
	#demand_area .dataFrame_right .txt_01 {font-size: 14px; margin-top: 30px;}
}



/* ----------------------------------------
life_area
------------------------------------------- */
#life_area {padding: 120px 0; margin: 0 auto; text-align: center; background: #f4f8f9;}

#life_area .life_tabs {margin-top: 60px;}
#life_area .life_tabs .tab-buttons {margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap;}
#life_area .life_tabs .tab-buttons .tab {font-size: clamp(18px, 1.8vw, 24px);font-family: "Jost", sans-serif;color: #9bc5ca;text-align:center;max-width: 350px; width: 50%; padding: 16px 10px; background-color: #d2e5e7;cursor: pointer; position: relative;}
#life_area .life_tabs .tab-buttons .tab.active {background-color: #fff; color: #1c7b87;}
#life_area .life_tabs .tab-buttons .tab.active:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 60%;height: 2px;background: #1c7b87;}
/*  */
@media screen and (max-width: 960px){
	#life_area {padding: 30px 0;}
	#life_area .life_title {margin-bottom: 30px;}
	#life_area .life_title .life_num {position: relative;top: inherit;left: inherit;font-weight: 200; text-align: center; margin-bottom: 20px;}
	#life_area .life_title h2 {font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px;}
	#life_area .life_title p {line-height: 2; letter-spacing: 0.5rem; margin-bottom: 30px;}
}
/* タブカスタム */
.tab-contents {}
.tab-contents .content{display: none;}
.tab-contents .content.active{display: block;}
.tab-contents .life_wrap01 {padding: 80px 0; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff;}
.tab-contents .life_wrap01_left {width: 50%;}
.tab-contents .life_wrap01_right {width: 50%;padding: 0 7% 0 2%;}
.tab-contents .life_wrap01_right img {width: 100%;}
.tab-contents .life_wrap01_right h3 {font-family: "Jost", sans-serif; color: #666; font-weight: 200; font-size: 38px; margin-bottom: 35px; display: flex; justify-content: center; align-items: center;}
.tab-contents .life_wrap01_right h3::before, 
.tab-contents .life_wrap01_right h3::after {background-color: #ccc; content: ""; height: 1px; flex-grow: 1;}
.tab-contents .life_wrap01_right h3::before {margin-right: 15px;}
.tab-contents .life_wrap01_right h3::after {margin-left: 15px;}		
.tab-contents .lifew01_right_box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: left; margin-top: 40px;}
.tab-contents .lifew01_right_box figure {width: 50%;}			
.tab-contents .lifew01_right_box .lifew01_right_txt {width: 50%;padding-left: 2vw;}
.tab-contents .lifew01_right_box .lifew01_right_txt h4 {color: #1c7b87; font-size: clamp(16px, 1.8vw, 20px); line-height: 1.4; letter-spacing: 0.3rem; display: flex; align-items: center; margin-bottom: clamp(10px, 1.8vw, 20px);}
.tab-contents .lifew01_right_box .lifew01_right_txt h4 span {font-family: "Jost", sans-serif; font-size: 50px; font-weight: 300; line-height: 1; margin-right: 15px;}
.tab-contents .lifew01_right_box .lifew01_right_txt p {font-size: clamp(14px, 1.1vw, 15px);line-height: 2;}
.tab-contents .lifew01_right_box .lifew01_right_box:last-child {margin-bottom: 0;}
.life_planSpec {margin-bottom: 30px;}
.life_planSpec .spec01 {font-size: clamp(20px, 2vw, 28px);}
.life_planSpec .spec01 b {font-size: 200%;line-height: 1;}
.life_planSpec .spec02 {font-size: clamp(18px, 1.8vw, 24px);}
.life_planSpec .spec_text {}
/*  */
@media screen and (max-width: 960px){
	#life_area .life_tabs {margin-top: 30px;}
	
	.tab-contents {}
	#life_area .tab-contents .life_wrap01 {padding: 40px 20px;}
	#life_area .tab-contents .life_wrap01_left {width: 100%; margin-bottom: 30px;}
	#life_area .tab-contents .life_wrap01_right {width: 100%;}
	#life_area .tab-contents .life_wrap01_right h3 {font-size: 24px; margin-bottom: 20px;}
	#life_area .tab-contents .lifew01_right_box figure {width: 100%;}
	#life_area .tab-contents .lifew01_right_box .lifew01_right_txt {width: 100%;padding-left: 0;margin-top: 20px;}
	#life_area .tab-contents .lifew01_right_box .lifew01_right_txt h4 span {font-size: 32px;}
}



/* ----------------------------------------
change_area
------------------------------------------- */
#change_area {padding: 120px 0; margin: 0 auto; text-align: center; background: #f4f9fc;}

.change02Img {margin: clamp(40px, 4vw, 60px) 0;}

#change_area .change_wrap01 {background: #fff;padding: 70px 100px;}
#change_area .change_wrap01 .change_wrap01_img {margin: 40px 0;}
#change_area .change_wrap01 .change_wrap01_txt {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#change_area .change_wrap01 .change_wrap01_txt h3 {width: 15%; background: #993d5c; color: #fff; font-size: 50px; font-family: "Jost", sans-serif; font-weight: 200; line-height: 1; padding: 14px 0;}
#change_area .change_wrap01 .change_wrap01_txt p {width: 85%; padding-left: 3%; text-align: left; color: #993d5c; line-height: 1.8; font-weight: 600; font-family: "sans-serif";}
/*  */
@media screen and (max-width: 960px){
	#change_area {padding: 30px 0;}
	#change_area .change_title {margin-bottom: 30px;}
	#change_area .change_title p {text-align: center; font-size: 16px; padding: 25px; margin: 0 auto 30px; line-height: 2;}
	#change_area .change_title .change_num {position: relative;top: inherit;left: inherit;font-weight: 200; text-align: center; margin-bottom: 20px;}
	#change_area .change_title .change_num h2 {font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px;}
	
	#change_area .change_wrap01 {padding: 40px 20px;}
	#change_area .change_wrap01 > p {font-size: 14px; line-height: 2; text-align: center;}
	#change_area .change_wrap01 .change_wrap01_txt h3 {width: 100%; padding: 8px 0; font-size: 24px; margin-bottom: 15px;}
	#change_area .change_wrap01 .change_wrap01_txt p {width: 100%;}
	
	#change_area .slideBox {}
	#change_area .slideBox.change02Img img {max-width: 1000px!important;}
}


























@media screen and (max-width: 960px){
}
@media screen and (max-width: 640px){
}