@charset "utf-8"; /**reset**/

/**sect_project**/
#sect_project{}
#sect_project img.ins_img{width:30%;}
#sect_project .collab_box{border: 8px solid #F0F0F0;border-radius: 1rem;padding: 1rem;}
#sect_project .collab_box img:first-child{width:35%;}
#sect_project .collab_box img.collab_batsu{width:3%;}
#sect_project .collab_box img:last-child{width:30%;}

#sect_project [class*="project_box"] .project_txt{flex:1;}
#sect_project .project_box01 figure{width:39%;}
#sect_project .project_box02 figure{width:19%;}
#sect_project .project_box03 figure{width:100%;padding-top: 4rem;}
#sect_project [class*="project_box"]{padding-top:6rem;}

#sect_project .project_ol{display: flex;flex-wrap: wrap;gap:0.5em;}
#sect_project .project_ol>*{padding:0.75rem 1.5rem;border-radius: 0.25rem; }
#sect_project .project_ol .ol_item{width: 15.5em;background-color: #ebecf9;}
#sect_project .project_ol .ol_txt{width: calc(100% - 16em);background-color:#f1f1f1;}
#sect_project .project_ol .ol_txt strong{display: block;text-indent: -0.75em;font-size:120%;font-weight:500;padding-bottom:.25em;color: #5c64cb;}
#sect_project .project_ol .ol_txt strong:nth-of-type(n+2){padding-top:2em;}

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

	/**sect_project**/

	#sect_project{padding-top:5rem;}
	#sect_project img.ins_img{width:80%;margin: auto;}
	#sect_project .collab_box{padding:1.5rem 0; margin-top: 1rem;}
	#sect_project .collab_box img:first-child{width:85%;}
	#sect_project .collab_box img.collab_batsu{width:6vw;margin-bottom:1rem;}
	#sect_project .collab_box img:last-child{width:80%;}

	#sect_project [class*="project_box"] .project_txt{}
	#sect_project .project_box01 figure{width:100%;}
	#sect_project .project_box02 figure{width:100%;}
	#sect_project .project_box03 figure{width:100%;}
	#sect_project [class*="project_box"]{}

	#sect_project .project_ol{flex-direction: column;}
	#sect_project .project_ol>*{}
	#sect_project .project_ol .ol_item{width: 100%;padding: 0;background:transparent;color:#5c64cb;font-size:110%;}
	#sect_project .project_ol .ol_item:before{content:"▼";font-size: 85%;text-align: center;display: inline-block;padding-right: 0.25em;}
	#sect_project .project_ol .ol_txt{width: 100%;}
	#sect_project .project_ol .ol_txt:nth-last-child(n+2){margin-bottom:3rem;}
	#sect_project .project_ol .ol_txt strong{font-size: 100%;}
	#sect_project .project_ol .ol_txt strong:nth-of-type(n+2){}

	}