@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */

.works							{}
.works #pageTitle				{ background-image: url("../images/works/title_bg.jpg");}

.works #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -8.5rem;}

@media print, screen and (min-width: 768px) {
.works #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -6.5rem;}

}

@media print, screen and (min-width: 1024px) {
.works #lead-wrap .txt-box .ttl-bg .main		{ margin-top: -8.5rem;}

}



/* sect-wrap
---------------------------------------------------------------- */

#sect-wrap								{}
#sect-wrap .box-wrap 					{ padding: 4rem 0 6rem;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.2rem; margin-top: 2rem;}
#sect-wrap .list-wrap					{  }
#sect-wrap .list-wrap li				{ margin-top: 2rem; background: #ffffff; box-shadow: 0 0 20px 5px rgba(120,120,120,0.1); }
#sect-wrap .list-wrap li .inbox			{ padding: 2rem 2rem 3rem; font-size: 1.2rem; }
#sect-wrap .list-wrap li .inbox .title	{ text-align: center; color: #1e90de; font-weight: bold; font-size: 1.4rem;}
#sect-wrap .list-wrap li .inbox .title+p	{  margin-top: 0.5rem; line-height: 1.8;}

@media print, screen and (min-width: 768px) {
#sect-wrap .box-wrap 					{ padding: 90px 0 120px;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.4rem; margin-top: 4rem; text-align: center;}
#sect-wrap .list-wrap					{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 4rem -10px 0; }
#sect-wrap .max							{ max-width: 80rem; margin: 0 auto;}
#sect-wrap .list-wrap li				{ width: calc(50% - 20px); margin: 0 10px;  }
#sect-wrap .list-wrap li:nth-child(n+3)	{ margin-top: 20px; }
#sect-wrap .list-wrap li .inbox			{ font-size: 1.6rem; }
#sect-wrap .list-wrap li .inbox .title	{ font-size: 2rem;}
#sect-wrap .list-wrap li .inbox .title+p{  margin-top: 1rem; line-height: 1.8;}

}

@media print, screen and (min-width: 1024px) {
#sect-wrap .box-wrap 					{ padding: 140px 0 160px;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.6rem; margin-top: 6rem; }
#sect-wrap .list-wrap					{ margin: 0 -30px 0; }
#sect-wrap .list-wrap li				{ width: calc(50% - 60px); margin: 0 30px;  }
#sect-wrap .list-wrap li:nth-child(n+3)	{ margin-top: 60px; }


}