@charset "UTF-8";
@media screen and (min-width: 768px),print {  

h2.main-title { padding: 24px 0;}
main { width: 100%; }


#main  { width: 1100px; margin: 0 auto 205px;min-height: 415px;text-align: center; padding-top: 66px;background: url(../images/special/bg.jpg) top center no-repeat}
#main .ttl { margin-bottom: 33px; }
#main .ttl-1 { color: #221814;margin-bottom: 9px;font-size: 25px;font-weight: 400; }
#main .txt-1 { color: #221814;font-size: 16px;font-weight: 400;letter-spacing: 0.8px;line-height: 30px; }

/*============================
#kaji
============================*/
#kaji { width: 1100px; margin: 0 auto 210px; padding-bottom: 300px; border-bottom: 1px solid #ccc; }
#kaji .relative-box { position: relative; min-height: 400px; margin-bottom: 112px; }
#kaji .ttl-1 { color: #1db5a0; margin-bottom: 40px;  font-size: 35px; font-weight: 400; }
#kaji .ttl-1::before { content: url(../images/special/leaf.png); display: block; position: absolute; top: -54px; left: -65px; }
#kaji .txt-1 { margin-bottom: 30px; color: #221814; width: 588px;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#kaji .img { position: absolute; top: -60px; right: -37px; }
#kaji .relative-box02 { position: relative; margin-bottom: 133px; }
#kaji .img02 { position: absolute; top: -160px; left: 41px; }
#kaji .txt-box { width: 588px; margin-left: auto; }
#kaji .txt-2 { margin-bottom: 30px; height: 115px; color: #221814;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#kaji .relative-box03 { position: relative; }
#kaji .img03 { position: absolute; top: -100px; right: 45px; }
#kaji .txt-3 { width: 588px; color: #221814;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }



#mama { width: 1100px; margin: 0 auto 208px; padding-bottom: 155px;border-bottom: 1px solid #ccc; }
#mama .relative-box { position: relative; min-height: 400px; margin-bottom: 112px; }
#mama .txt-box { width: 588px; margin-left: auto; }
#mama .ttl-1 { position: relative;color: #1db5a0; margin-bottom: 40px;  font-size: 35px; font-weight: 400; }
#mama .ttl-1::before { content: url(../images/special/leaf.png); display: block; position: absolute; top: -54px; left: -65px; }
#mama .txt-1 { margin-bottom: 30px; color: #221814; width: 588px;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#mama .img { position: absolute; top: -60px; left: -37px; }
#mama .relative-box02 { position: relative; margin-bottom: 20px; }
#mama .img02 { position: absolute; top: -150px; right: 159px; }
#mama .txt-2 { width: 387px; margin-left: 100px; margin-bottom: 30px; height: 115px; color: #221814;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#mama .washi-box { width: 1000px; margin: 0 auto; padding: 10px; background: url(../images/special/washi.jpg) no-repeat top center/cover; }
#mama .border-box { border: 1px solid #7a6c59; padding: 54px 17px 41px; }
#mama .txt { text-align: center; margin-bottom: 17px; }
#mama .ttl-2 { color: #221814; text-align: center; margin-bottom: 41px;  font-size: 40px; font-weight: 400; line-height: 21px; }
#mama .list-item { width: 304px; margin-right: 15px; float: left; padding-top: 15px; border-right: 1px solid #ccb294; }
#mama .list-item:last-child { border-right: none; margin-right: 0; }
#mama .c-img { text-align: center; margin-bottom: 15px; }
#mama .c-txt { width: 236px; margin: 0 auto; color: #221814;  font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 25px; }

#aka { width: 1100px; margin: 0 auto  70px; }
#aka .relative-box { position: relative; min-height: 400px; margin-bottom: 112px; }
#aka .ttl-1 { color: #1db5a0; margin-bottom: 40px;  font-size: 35px; font-weight: 400; }
#aka .ttl-1::before { content: url(../images/special/leaf.png); display: block; position: absolute; top: -54px; left: -65px; }
#aka .txt-1 { margin-bottom: 30px; color: #221814; width: 588px;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#aka .img { position: absolute; top: -60px; right: -37px; }
#aka .relative-box02 { position: relative; margin-bottom: 75px; }
#aka .img02 { position: absolute;     top: -112px;    left: 65px; }
#aka .txt-box { width: 387px; margin-left: auto;margin-right: 70px; }
#aka .txt-2 { margin-bottom: 30px; height: 115px; color: #221814;  font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 30px; }
#aka .link { display: block;width: 550px;margin: 0 auto; }

#banner  { margin-bottom: 100px; }
#banner .list { width: 860px; margin: 0 auto; }
#banner .list-item { float: left;margin-right: 40px; }
#banner .list-item:last-child { margin-right: 0; }
#banner .txt-1 { margin-bottom: 15px;color: #221814;text-align: center;font-size: 16px;font-weight: 400;letter-spacing: 0.8px; }

}

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

h2.main-title { padding: 1.932vw 0;}

/* p{ color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; } */

#main  {margin-bottom: 60px; text-align: center; padding:8% 5%;background: url(../images/special/sp-ttl-bg.png) top 56% center no-repeat/contain,url(../images/special/sp-bg.jpg) top center no-repeat/100% 100%}
#main .ttl { margin-bottom: 5%; }
#main .ttl-1 { color: #221814;margin-bottom: 6%;font-size: 1.75rem;font-weight: 400;letter-spacing: 0.05em;line-height: 1.5; }
#main .txt-1 { color: #221814;font-size: 1.3rem;font-weight: 400;letter-spacing: 0.05em;line-height: 1.8; }

#kaji { margin-bottom: 60px; }
#kaji .ttl-1 { position: relative;padding:0 5%;color: #1db5a0; margin-bottom: 5%;  font-size: 2rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.5;}
#kaji .ttl-1::before {content: "";display: block;width: 40px;min-height: 50px;position: absolute;top: -30px;left: 1%;background: url(../images/estate/leaf.png) no-repeat top left/contain; }
#kaji .txt-1 ,#kaji .txt-2{margin-bottom: 5%;padding:0 5%; color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; }
#kaji .img {padding:0 3%; margin-bottom: 5%;}
#kaji .img03 { padding:0 5% 0 15%;margin-bottom: 5%; }
#kaji .txt-3 { width: 90%; margin: 0 auto; color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; padding-bottom: 8%; border-bottom: 1px solid #ccc; }

#mama { margin-bottom: 60px; }
#mama .ttl-1 { position: relative;padding:0 5%;color: #1db5a0; margin-bottom: 5%;  font-size: 2rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.5;}
#mama .ttl-1::before {content: "";display: block;width: 40px;min-height: 50px;position: absolute;top: -30px;left: 1%;background: url(../images/estate/leaf.png) no-repeat top left/contain; }
#mama .txt-1,#mama .txt-2 { margin-bottom: 5%;padding:0 5%; color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; }
#mama .img {padding:0 8% 0 3%; margin-bottom: 5%; }

#mama .sp-line-box { width: 90%; margin: 0 auto;  padding-bottom: 8%; border-bottom: 1px solid #ccc; }
#mama .washi-box { padding: 1%; background: url(../images/special/washi.jpg) repeat-y top center; }
#mama .border-box { border: 1px solid #7A6C59;padding:5%;  }
#mama .txt { text-align: center; margin-bottom: 2%;padding:0 34%; }
#mama .ttl-2 { color: #221814; text-align: center; margin-bottom: 2%;  font-size: 2.25rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.5; }
#mama .list-item {margin-bottom: 5%; padding: 5% 0 5%; border-bottom: 1px solid #ccb294; }
#mama .list-item:last-child { border-bottom:none; }
#mama .list-item .txt { text-align: center; margin-bottom: 5%; padding:0;}
#mama .list-item .txt img { max-height: 16px; }
#mama .c-img { text-align: center; margin-bottom: 5%;padding:0 24%; }
#mama .c-txt {  color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; }

#aka { margin-bottom: 12%; }
#aka .ttl-1 { position: relative;padding:0 5%;color: #1db5a0; margin-bottom: 5%;  font-size: 2rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.5;}
#aka .ttl-1::before {content: "";display: block;width: 40px;min-height: 50px;position: absolute;top: -30px;left: 1%;background: url(../images/estate/leaf.png) no-repeat top left/contain; }
#aka .txt-1 ,#aka .txt-2{margin-bottom: 5%;padding:0 5%; color: #221814; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em;line-height: 1.8; }
#aka .img {padding:0 3%; margin-bottom: 5%;}
#aka .txt-2 { margin-bottom: 8%; }
#aka .link { display: block;width: 90%;margin: 0 auto; }

#banner  {padding:0 5%; margin-bottom: 12%;  }
#banner .list {  }
#banner .list-item { float: left;margin-right: 2%; width: 49%;}
#banner .list-item:last-child { margin-right: 0; }
#banner .txt-1 { margin-bottom: 5%;color: #221814;text-align: center;font-size: 1.3rem;font-weight: 400;letter-spacing: 0.05em;line-height: 1.8; }












}