@charset "utf-8";



/*PC*/
@media print, screen and (min-width: 769px) {
	
.hed_img .hed_ttl { background: url("../images/project/head_img.jpg") center/cover;}


.cont01 { padding: 0 0 150px;}
.cont01 .mainTxt { margin: 0 0 100px;}
.cont01 .mainTxt h3 { font-size: 1.8em; font-weight: 500; margin-bottom: 20px;}
.cont01 .mainTxt p {}

.cont01 ul { list-style: none;}
.cont01 ul li { display: flex; justify-content: space-between; padding: 0 0 150px;}
.cont01 ul li:nth-child(2n+2) { display: flex; flex-direction: row-reverse;}
.cont01 ul li:nth-last-child(1) { padding: 0 0 0;}
.cont01 ul li .img { width: 45%; flex-basis: 45%; position: relative;}
.cont01 ul li .txt { width: 45%; flex-basis: 45%;}
.cont01 ul li .txt h4 { font-size: 1.4em; font-weight: 500; color: #d09c80; margin: 0 0 20px;}
.cont01 ul li .txt p {}



.cont02_bg { width: 100%; height: 400px; background: url(../images/project/cont02Img01.jpg) no-repeat; background-position: center; background-size: cover;}
.cont02 { padding: 100px 0; margin: 0 0 150px; position: relative; background: #f4efe9;}
.cont02 .mainTxt { text-align: center; position: relative;}
.cont02 .mainTxt h3 { font-size: 1.6em; text-align: center; margin-bottom: 100px; font-weight: 500; position: relative;}
.cont02 .mainTxt h3::after { content: ""; border-top: 2px solid #d09c80; position: absolute; right: 0; left: 0; margin: auto; bottom: -10px; width: 100px;}
.cont02 .mainTxt .txtC { text-align: center;}
.cont02 .mainTxt .txtC ol { list-style: none; counter-reset: number 0; display: flex; justify-content: space-between; position: relative;}
.cont02 .mainTxt .txtC ol li { width: 23%; text-align: center;}
.cont02 .mainTxt .txtC ol li p { font-size: 1.2em; font-weight: bold;}
.cont02 .mainTxt .txtC ol li .number { font-size: 1.4em; font-weight: 500; color: #d09c80; border: 2px solid #d09c80; display: inline-block; line-height: 1; padding: 20px 24px; border-radius: 50px; margin-bottom: 20px;}
.cont02 .txt { text-align: center;}
.cont02 .txt p { margin: 0 0 50px; font-weight: 500;}



.cont03 { }
.cont03 ul { list-style: none; position: relative;}
.cont03 ul li { padding: 0 0 200px; position: relative;}
.cont03 ul li:nth-last-child(1) { padding: 0 0 0;}
.cont03 ul li .img { margin-bottom: 30px; position: relative;}
.cont03 ul li .txt { }
.cont03 ul li h4 { font-size: 1.8em; font-weight: 500; color: #d09c80;}
.cont03 ul li .txt p {}
.cont03 ul li .box { display: flex; justify-content: space-between; margin-top: 50px;}
.cont03 ul li .box .img { width: 48%; flex-basis: 48%;}
.cont03 ul li .box02 { display: flex; justify-content: space-between;}
.cont03 ul li .box02 li { width: 48%; flex-basis: 48%; padding-bottom: 0;}
.cont03 ul li .motto { position: absolute; width: 30%; top: -80px; right: 0;}
.cont03 ul li:nth-child(1) .motto { top: -40px;}
.cont03 ul li .motto img { border-radius: 0;}





}
/*----------------------------------------------------------------------*/







/*sp*/
@media only screen and (max-width: 768px) {
	
.hed_img .hed_ttl { background: url("../images/project/head_img.jpg") center/cover;}


.cont01 { padding: 0 0 50px;}
.cont01 .mainTxt { padding: 0 0 50px;}
.cont01 .mainTxt h3 { font-size: 1.3em; font-weight: 500; margin-bottom: 10px;}
.cont01 .mainTxt p {}

.cont01 ul { list-style: none;}
.cont01 ul li {  padding: 0 0 50px;}
.cont01 ul li:nth-child(2n+2) { }
.cont01 ul li:nth-last-child(1) { padding: 0 0 0;}
.cont01 ul li .img { position: relative; margin: 0 0 10px;}
.cont01 ul li .txt h4 { font-size: 1.1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.cont01 ul li .txt p {}


.cont02_bg { width: 100%; height: 200px; background: url(../images/project/cont02Img01.jpg) no-repeat; background-position: center; background-size: cover;}
.cont02 { padding: 50px 0; margin: 0 0 50px; position: relative; background: #f4efe9;}
.cont02 .mainTxt { text-align: center; position: relative;}
.cont02 .mainTxt h3 { font-size: 1.2em; text-align: center; margin-bottom: 50px; font-weight: 500; position: relative;}
.cont02 .mainTxt h3::after { content: ""; border-top: 1px solid #d09c80; position: absolute; right: 0; left: 0; margin: auto; bottom: -15px; width: 100px;}
.cont02 .mainTxt .txtC { text-align: center;}
.cont02 .mainTxt .txtC ol { list-style: none; counter-reset: number 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.cont02 .mainTxt .txtC ol li { width: 48%; text-align: center; font-weight: 500; font-size: 1.3em; margin: 10px 0;}
.cont02 .mainTxt .txtC ol li p { font-weight: bold;}
.cont02 .mainTxt .txtC ol li .number { font-size: 1.4em; font-weight: 500; color: #d09c80; border: 2px solid #d09c80; display: inline-block; line-height: 1; padding: 10px 15px; border-radius: 50px; margin-bottom: 20px;}
.cont02 .txt p { margin: 0 0 30px; font-weight: 500;}


.cont03 { }
.cont03 ul { list-style: none;}
.cont03 ul li {  padding: 0 0 80px; position: relative;}
.cont03 ul li:nth-child(2n+2) { }
.cont03 ul li:nth-last-child(1) { padding: 0 0 0;}
.cont03 ul li .img { width: 100%; margin-bottom: 10px; position: relative;}
.cont03 ul li .txt { }
.cont03 ul li h4 { font-size: 1.2em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.cont03 ul li .txt p {}
.cont03 ul li .box { display: flex; justify-content: space-between; margin-top: 10px;}
.cont03 ul li .box .img { width: 48%; flex-basis: 48%;}
.cont03 ul li .box02 { }
.cont03 ul li .box02 li { padding-bottom: 30px;}
.cont03 ul li .motto { position: absolute; width: 45%; top: 0px; right: 0;}
.cont03 ul li .motto img { border-radius: 0;}


}