@charset "utf-8";

/*----------------------------- common ---*/

body { padding-top: 130px;}

#bread { }
#bread ol li a,
#bread ol li { color: #707070;}
#bread ol li + li::before { background: #707070;}
#about #bread { }
#about #bread ol li a,
#about #bread ol li { color: #fff;}
#about #bread ol li + li::before { background: #fff;}

.h3_property .big { font-weight: 300; font-size: 190px; color: rgb(28 53 92 / 0.04);}

.sec_items { padding: 100px 0; overflow-x: hidden;}
.sec_items:last-child { padding-bottom: 0;} 
.bg_blue { position: relative;}
.bg_blue:before { position: absolute; top: 0; right: calc(50% - 550px); content: ''; width: 100%; height: 100%; background: rgb(247 253 254 / 0.8) 75%; z-index: -1;}
.bg_blue.bg_blue_r:before { left: calc(50% - 600px); right: auto; }

.sec_items h3 { font-size: 44px; font-family: 'Noto-Sans-JP-Medium'; margin-bottom: 40px; text-align: center;}
.sec_items h3:after { content: ''; display: block; width: 93px; height: 8px; background: #B9D4F0; margin: 30px auto 0;}
.sec_items p.outline { font-size: 18px; line-height: 200%; margin-bottom: 50px;}

.sec_items .one_p:not(:last-child) { margin-bottom: 60px;}
.sec_items .flex { display: flex; justify-content: space-between;}
.sec_items .flex .item { width: 635px;}
.sec_items .flex .item img { margin-bottom: 30px;}
.sec_items .flex .item h4 { font-size: 30px; color: #0CA375; font-family: 'Noto-Sans-JP-Medium'; margin-bottom: 20px;}
.sec_items .flex .item p { font-size: 18px; line-height: 200%;}

.sec_items .flex img { }
.sec_items .flex .text { width: 635px; }
.text_item:not(:last-child) { margin-bottom: 60px;}
.sec_items .flex .text h4 { font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; margin-bottom: 10px; border-bottom: 1px solid #E1E8F4;}
.sec_items .flex .text h4:after { content: ''; display: block; width: 45px; height: 1px; border-bottom: 1px solid #A5BDE2; margin-top: 20px;}
.sec_items .flex .text p { font-size: 18px; line-height: 200%;}
.sec_items .flex .text p span { font-family: "Times New Roman", Times, serif; color: #707070;}
.sec_items .flex .text p span em { font-style: italic;}

.sec_items .flex .text a { display: flex; align-items: center; margin-top: 30px; font-size: 18px;}
.sec_items .flex .text a img { margin-right: 29px;}
.sec_items .flex .text a span { display: block; font-size: 14px; font-family: "Times New Roman", Times, serif; color: #707070;}
.sec_items .flex .text a span em { font-style: italic;}
.annotation p { line-height: 200%;}
.sec_items .italic { font-style: italic; }

/*----------------------------- fv ---*/

#fv { padding-top: 60px; margin-bottom: 100px;}
#fv h2 { font-size: 50px; font-family: 'Noto-Sans-JP-Medium'; margin-bottom: 35px;}
#fv h2 span { display: block; font-size: 24px; font-family: "goldenbook", serif; font-weight: 400; font-style: normal; margin-bottom: 20px;}
#fv .fv_img { max-width: 1600px; text-align: right; margin: 0 auto;}
#fv .fv_img img { }
#fv #bread { margin-bottom: 70px;}
#fv .flex { display: flex; justify-content: space-between; margin-bottom: 100px;}
#fv .flex h3 { width: 400px; font-size: 30px; font-family: 'Noto-Sans-JP-Medium'; line-height: 190%;}
#fv .flex p { width: 640px; font-size: 18px; line-height: 220%; padding-top: 5px;}
#fv .TOC { width: 1000px; margin: 0 auto;}
#fv .TOC dt { background: #C2E8EF; padding: 21px 26px; font-size: 24px; font-family: 'Noto-Sans-JP-Medium';}
#fv .TOC dt img { margin-right: 12px; vertical-align: -6px;}
#fv .TOC dd { display: flex; justify-content: space-between; background: #F4F9FA; padding: 35px 50px 65px;}
#fv .TOC dd ol { width: 50%;}
#fv .TOC dd li:not(:last-child) { margin-bottom: 22px;}
#fv .TOC dd li a { font-size: 18px;}
#fv .TOC dd li a span { display: inline-block; width: 2em; font-family: 'Noto-Sans-JP-Medium'; padding-right: 0.5em; text-align: right;}





/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	/*----------------------------- common ---*/
	
	body { padding-top: 80px;}

	.sec_items { padding: 40px 0; overflow-x: hidden;}
	.bg_blue { position: relative;}
	.bg_blue:before { position: absolute; top: 0; right: auto; left: 0; width: 90%; height: 100%; background: rgb(247 253 254 / 0.8) 75%; z-index: -1;}
	.bg_blue.bg_blue_r:before { left: auto; right: 0; }
	
	.sec_items h3 { font-size: 24px; line-height: 140%; margin-bottom: 20px;}
	.sec_items h3:after { width: 50px; height: 4px; margin: 20px auto 0;}
	.sec_items p.outline { font-size: 12px; line-height: 200%; margin-bottom: 30px;}
	
	.sec_items .scroll { width: 100%; overflow-x: scroll;}
	.sec_items .one_p { width: 150vw; max-width: none;}
	.sec_items .one_p:not(:last-child) { margin-bottom: 20px;}
	.sec_items .flex { display: block;}
	.sec_items .flex .item { width: 48%;}
	.sec_items .flex .item img { margin-bottom: 15px;}
	.sec_items .flex .item h4 { font-size: 18px; margin-bottom: 10px;}
	.sec_items .flex .item p { font-size: 12px; line-height: 200%;}
	
	.sec_items .flex img { margin-bottom: 20px;}
	.sec_items .flex .text { width: 100%; }
	.text_item:not(:last-child) { margin-bottom: 20px;}
	.sec_items .flex .text h4 { font-size: 20px; line-height: 120%; font-family: 'Noto-Sans-JP-Medium'; margin-bottom: 10px; border-bottom: 1px solid #E1E8F4;}
	.sec_items .flex .text h4:after { width: 45px; height: 1px; border-bottom: 1px solid #A5BDE2; margin-top: 20px;}
	.sec_items .flex .text p { font-size: 12px; line-height: 200%;}
	.sec_items .flex .text p span { color: #707070;}
	.sec_items .flex .text a { display: flex; align-items: center; margin-top: 30px;}
	.sec_items .flex .text a img { width: 30%; margin-right: 15px; margin-bottom: 0;}
	.sec_items .flex .text a span { display: block; font-size: 12px;}
	.annotation p { font-size: 12px; line-height: 200%;}
	
	#research #sec01.sec_items .flex { display: flex; flex-direction: row;}
	
	/*----------------------------- fv ---*/
	
	#fv { padding-top: 10px; margin-bottom: 50px;}
	#fv h2 { font-size: 30px; margin-bottom: 20px;}
	#fv h2 span { font-size: 18px; margin-bottom: 10px;}
	#fv .fv_img { width: 95%;  padding-bottom: 200px; margin: 0 0 0 auto;}
	#evidence #fv .fv_img { background: url(../images/evidence/fv.jpg) no-repeat left center / auto 100%;}
	#research #fv .fv_img { background: url(../images/research/fv.jpg) no-repeat left center / auto 100%;}
	#fv #bread { margin-bottom: 30px;}
	#fv .inner { width: 100%;}
	#fv .flex { display: block; margin-bottom: 50px;}
	#fv .flex h3 { width: 100%; font-size: 22px; line-height: 190%; margin-bottom: 10px;}
	#fv .flex p { width: 100%; font-size: 12px; line-height: 220%; padding-top: 0;}
	#fv .TOC { width: 90%;}
	#fv .TOC dt { padding: 14px 5%; font-size: 20px; font-family: 'Noto-Sans-JP-Medium';}
	#fv .TOC dt img { margin-right: 12px; vertical-align: -6px;}
	#fv .TOC dd { display: block; padding: 20px 5%;}
	#fv .TOC dd ol { width: 100%;}
	#fv .TOC dd li { margin-bottom: 16px;}
	#fv .TOC dd li a { display: block; font-size: 13px; padding-left: 2em; text-indent: -2em; line-height: 120%;}
	#fv .TOC dd li a span { }
			
	
	
}