
.blockRight {padding-top:3rem; text-align:center; position: relative}	
.blockRight h4 {margin-left:0.16rem; font-size:13px; letter-spacing:0.075em; color: #8b998d}
.blockRight h2 {margin-top:0.85rem; font:normal 22px 'Cormorant'; letter-spacing:0.025em; line-height:1.2; text-transform:none}
.blockRight h2 span {font:700 29px 'Playfair'; letter-spacing:0; display:block}
.blockRight h3 {margin:1.25rem 0 1.35rem; font:italic 16px 'Lato'; letter-spacing:0.05em;text-transform:none}
.blockRight p {text-align:justify}
.blockRight a.btn {margin-top:2.5rem; width:250px; text-align:center; display: table}
.blockLeft {padding-top:3.95rem; text-align:center; position: relative}
.blockLeft blockquote {display:none}
@media all and (min-width:576px) {
	.blockRight {padding-top:3.95rem}
	.blockRight h4 {font-size:12px}
	.blockRight h2 {font-size:23px}
	.blockRight h2 span {font-size:36px}	
	.blockRight h3 {margin:1.75rem 0 1.9rem; font-size:16px}
	.blockRight a.btn {margin-top:3rem; width:300px}
	.blockLeft {padding-top:4.75rem}}
@media all and (min-width:992px) {
	.blockRight {padding-top:5rem; padding-left:3.5rem; text-align:left}	
	.blockRight h2 {margin-top:1rem; font-size:27px; letter-spacing:0; line-height:1}
	.blockRight h3 {margin:1.2rem 0 1.2rem}
	.blockRight a.btn {margin:2.25rem auto 0 0; width:270px}
	.blockRight p {letter-spacing:0.05em}
	.blockLeft {padding-top:5rem; padding-right:1.75rem; position: relative}											
	.blockLeft blockquote {margin:0 1.35rem 2rem 0; padding:0.25rem 1.35rem 0.3rem 0; font-size:20px; line-height:1.65; border-right:2px solid #8b998d; text-align: right; text-transform:none; display:block}}	
@media all and (min-width:1200px) {	
	.blockRight {padding:5.5rem 1rem 0 5.5rem}	
	.blockRight h4 {margin-top:0.25rem}
	.blockRight h2 {margin-top:1.5rem}	
	.blockRight h3 {margin:1.35rem 0 1.75rem}
	.blockRight p {letter-spacing:0.1em; line-height:1.7}
	.blockRight a.btn {margin:2.7rem auto 0 0}
	.blockLeft {padding-top:5.5rem; padding-right:1.25rem;}
	.blockLeft blockquote {margin:0 2.5rem 2rem 0; padding:0.1rem 1.5rem 0.2rem 0}
	.blockLeft img {width:450px; float:right}}
/* -------------------------------------------------------- Quote Page */	
.quote {padding:3.95rem 0 3.5rem; position: relative}
.quote svg {top:-1.5rem; height:70px; fill: #a8b2a9; left:50%; transform: translateX(-50%) rotateZ(180deg); width:auto; overflow: visible; position: absolute}			
.quote blockquote {margin:0; padding:0; position:relative}
.quote blockquote p {text-align:justify}
@media all and (min-width:576px){
	.quote {padding:5rem 0 3.95rem}	
	.quote blockquote p {width:480px; letter-spacing:0.035em; text-align:center}}
@media all and (min-width:992px){
	.quote {padding:11.5rem 0 4.5rem}
	.quote svg {top:4.5rem; fill: #a8b2a9}			
	.quote blockquote {line-height:1.5}
	.quote blockquote p {width:750px; letter-spacing:0.1em}}	
/* -------------------------------------------------------- AboutLove */	
.aboutLove {padding-top:3rem; margin:0 auto; background-color:#f7f5ef; width:100%; text-align:center; position:relative}
.aboutLove h2 {font-size:35px; color:#8b998d}														
.aboutLove .plus {font: normal 55px 'Signature'; opacity:0.8; line-height:0; text-transform: none}										
.aboutPlus {padding:3.5rem 0 1rem; margin:0 auto; width:100%; text-align:center; position:relative}	
.aboutPlus img {margin-bottom:3.5rem; width:100%}
.aboutPlus p.p100 {font-size:13px; line-height:0; color:#8b998d; text-align:center; text-transform:uppercase}
.aboutPlus p.p101 {padding-bottom:0.15rem; margin:1rem auto 3.7rem; font-size:20px; width:88%; font-style:italic; color:#252525; border-bottom:1px solid #e9e0bd}
@media all and (min-width:576px) {	
	.aboutLove {padding-top:3.95rem}	
	.aboutPlus {padding:5rem 0 0}
	.aboutPlus img {margin-bottom:3.95rem}
	.aboutPlus p.p100 {font-size:15px; letter-spacing:0.035em}
	.aboutPlus p.p101 {margin:1.3rem auto 5rem; font-size:25px; letter-spacing:0}}
@media all and (min-width:992px) {	
	.aboutLove {padding-top:3.5rem} 
	.aboutPlus {padding:3.5rem 0}
	.aboutPlus img {margin-bottom:0}
	.aboutPlus p.p100 {margin-top:1.5rem; font-size:13px}
	.aboutPlus p.p101 {padding-bottom:0; margin:0.8rem auto 2.85rem; letter-spacing:0.015em; font-size:20px}}	
@media all and (min-width:1200px) {	
	.aboutLove {padding-top:3.95rem}	
	.aboutPlus {padding:3.95rem 0 4.5rem}
	.aboutPlus p.p100 {margin-top:2.5rem; font-size:15px}
	.aboutPlus p.p101 {margin:0.8rem auto 3.5rem; font-size:23px}}			
/* -------------------------------------------------------- AboutTilte */	
.aboutTitle {padding-top:3rem; position:relative; text-align:center; clear: both}
.aboutTitle h3 {font:normal 13px 'Lato'; letter-spacing: 0.035em; text-transform:none; color:#888}
.aboutTitle h2 {margin-top:0.25rem}
.aboutTitle h2 span {display:flex; align-items: center; justify-content: center}
.aboutTitle h2 > span:nth-of-type(1) {font:bold 23px 'Florentino'; letter-spacing: 0.035em; line-height:1.75}
.aboutTitle h2 > span:nth-of-type(2) {font-size:20px; letter-spacing: 0.2em; line-height:1; font-style:italic}
@media all and (min-width:576px){
	.aboutTitle {padding-top:3.95rem}
	.aboutTitle h3 {font-size:17px}
	.aboutTitle h2 > span:nth-of-type(1) {font-size:30px}
	.aboutTitle h2 > span:nth-of-type(2) {font-size:25px}}	
@media all and (min-width:992px){
	.aboutTitle h3 {font-size:15px; letter-spacing: 0.15em; text-transform:uppercase}
	.aboutTitle h2 {margin-top:0.8rem}
	.aboutTitle h2 span {display:inline-flex}
	.aboutTitle h2 > span:nth-of-type(1),
	.aboutTitle h2 > span:nth-of-type(2) {font:bold 25px 'Florentino'; letter-spacing: 0.02em; line-height:0; text-transform:none;}}
/* -------------------------------------------------------- AboutTime */		
.aboutTime {padding-top:2rem; margin:0 auto; width:100%; text-align:center; position:relative}
.aboutTime ul {padding-left:2.1rem; text-align:left; list-style: none}
.aboutTime ul li {padding-bottom:1.5rem; font:700 21px 'Lato'; color:#8b998d; text-indent:-25px}
.aboutTime ul li::before {font-size:13px; line-height:1.6; margin-right:10px; color:#555; vertical-align:text-bottom; content: "\00279D"}										
.aboutTime ul li span {font-size:20px; letter-spacing:0.05em; line-height:1.35; color:#333; text-indent:0; text-transform:none; display:block}
@media all and (min-width:576px) {
	.aboutTime {padding-top:3.5rem}
	.aboutTime ul {padding-left:3rem}
	.aboutTime ul li {padding-bottom:2.3rem; font-size:25px}
	.aboutTime ul li::before {font-size:16px}										
	.aboutTime ul li span {font-size:22px}}
@media all and (min-width:992px) {
	.aboutTime {padding-top:3.95rem}
	.aboutTime ul {padding:0}
	.aboutTime ul li {padding:0.75rem 0; font-size:22px}
	.aboutTime ul li::before {margin-right:7px}	
	.aboutTime ul li span {margin-left:-1px; font-size:19px; letter-spacing:0.02em; line-height:1.35}
	.aboutTime .child:nth-of-type(1),
	.aboutTime .child:nth-of-type(2) {padding-left:1.2rem; border-left:1px solid #8b998d; height:480px; padding-right:2rem}
	.aboutTime .child:nth-of-type(3) {padding-left:1.2rem; border-left:1px solid #8b998d; height:480px}}
@media all and (min-width:1200px) {	
	.aboutTime ul li span {font-size:20px}}	
/* -------------------------------------------------------- */	
#favorite-love {padding:3rem 0 3.95rem; margin:0 auto; background-color:#f7f5ef; width:100%; text-align:center; position:relative; z-index:1}	
#favorite {padding:3rem 0 3.95rem; margin:2.5rem auto 0; background-color:#f7f5ef; width:100%; text-align:center; position:relative; z-index:1}	
#favorite-love .title h2,
#favorite .title h2 {font:normal 30px 'Florentino'; letter-spacing:0.035em; text-transform:none}	
#favorite-love .title h3,
#favorite .title h3 {font:700 15px 'Lato'; letter-spacing:0.1em; line-height:3}	
.favorite {margin-top:2rem}
.favorite .text-love,
.favorite .text {padding:3rem 0 3.5rem; margin:2rem 0; width:100%; background-color:rgba(255,255,255,0.7); position:relative; z-index:3}
.favorite .text h2 {font:normal 18px 'Florentino'; letter-spacing:0.025em; font-weight:700; text-transform:none}
.favorite .text-love p,
.favorite .text p {margin:1.25rem auto 0; max-width:250px}
.favorite .span-width {display:none}
.favorite a.btn {margin:2.25rem auto 1rem; width:180px; text-align:center; display: table}
@media all and (min-width:576px) { 
	#favorite-love,
	#favorite {padding:3.95rem 0 4.5rem}	
	#favorite-love .title h2,
	#favorite .title h2 {font-size:38px}	
	#favorite-love .title h3,
	#favorite .title h3 {font-size:18px; line-height:2.5}	
	.favorite {margin-top:2.5rem}
	.favorite .text-love,
	.favorite .text {padding:3.95rem 0 4.5rem}
	.favorite .text h2 {font-size:25px}
	.favorite .text-love p,
	.favorite .text p {margin-top:1.5rem; max-width:400px}}
@media all and (min-width:992px) {
	#favorite-love {padding-bottom:5rem}
	#favorite {padding-bottom:5rem; margin:5.5rem auto 0}
	#favorite-love .title h2,
	#favorite .title h2 {font-size:33px}		
	#favorite-love .title h3,
	#favorite .title h3 {font-size:15px}
	.favorite .text-love  {padding:2.5rem 0 2.25rem; margin:0; max-width:43%; color:#fff; background-color:#8b998d}
	.favorite .text {padding:3.95rem 0 2.5rem; margin:0; max-width:43%; color:#fff; background-color:#8b998d}
	.favorite .text h2 {font-size:20px}
	.favorite .text-love p,
	.favorite .text p {margin:1.5rem auto 0; max-width:300px; font-size:21px}	
	.favorite .img_left {margin:2.15rem auto 0 0; display: inline-block; padding: 15px; background: #fff; position: relative}
	.favorite .img_left::before {top:20px; left:20px; right: -10px; bottom: -10px; border:1px solid #8b998d; content: ""; position: absolute; z-index: -1}	
	.favorite .img_right {margin:2.15rem 0 0 auto; display: inline-block; padding: 15px; background: #fff; position: relative}
	.favorite .img_right::before {top:20px; left:-10px; right:20px; bottom: -10px; border:1px solid #8b998d; content: ""; position: absolute; z-index: -1}			
	.favorite .span-width {margin-top:2.25rem; width:60px; height:7px; background-color: #f7f5ef; display: inline-block}}
@media all and (min-width:1200px) {
	#favorite-love,
	#favorite {padding-bottom:5.5rem}
	.favorite .text-love,
	.favorite .text {padding:5.5rem 0 3.5rem; max-width:37%}
	.favorite .text-love p {margin:0 auto; font-size:22px}
	.favorite .text p {font-size:22px}
	.favorite .img_left {margin:1.5rem auto 0 0}
	.favorite .img_left::before {top:30px; left:30px; right: -20px; bottom: -20px}	
	.favorite .img_right {margin:1.5rem 0 0 auto}
	.favorite .img_right::before {top:30px; left:-20px; right:30px; bottom: -20px}		
	.favorite .span-width {margin-top:3rem}}
/* -------------------------------------------------------- */	
.expIntro {padding-top:3.95rem; margin:0 auto; width:100%; text-align:center; position:relative}
.expIntro h2 {margin-top:2.5rem; font-size:27px; letter-spacing:0.05em}	
.expIntro h3 {margin:1rem 0 1.5rem; font:normal 17px 'Florentino';  letter-spacing:0.07em; color: #8b998d; text-transform:none}	
.expIntro p {text-align:justify; margin-top:0.75rem}
.expIntro a.btn {margin-top:2.5rem; width:210px; text-align:center; display: table}
.expIntro .spanLine {display:none}
@media all and (min-width:576px) { 
	.expIntro {padding-top:5rem}
	.expIntro h2 {margin-top:3.5rem; font-size:33px}	
	.expIntro h3 {margin:1.5rem 0 2rem; font-size:22px}
	.expIntro a.btn {margin-top:2.5rem; width:230px}}
@media all and (min-width:992px) {	
	.expIntro {text-align:left}
	.expIntro .flexOrder-1 {padding-right:0.75rem}
	.expIntro .flexOrder-2 {padding-left:3rem}
	.expIntro .flexOrder-2 strong {font-weight:700}
	.expIntro h2 {margin-top:0.5rem; font-size:28px}	
	.expIntro h3 {margin:0.5rem 0; font-size:18px}
	.expIntro .spanLine {margin:1rem 0; width:80px; height:1px; background-color: #8b998d; display: inline-block}
	.expIntro p {font-size:21px; letter-spacing:0.03em; line-height:1.35; margin-top:0.5rem}
	.expIntro a.btn {margin:2rem auto 0 0}}
@media all and (min-width:1200px) {	
	.expIntro .flexOrder-1 {padding-right:2.25rem}
	.expIntro .flexOrder-2 {padding-left:2.5rem; padding-right:1rem}
	.expIntro h2 {margin-top:1rem; font-size:32px}	
	.expIntro h3 {font-size:20px}
	.expIntro .spanLine {margin:1.5rem 0}
	.expIntro p {font-size:22px; letter-spacing:0.06em; line-height:1.5; margin-top:0.75rem}
	.expIntro a.btn {margin:2.5rem auto 0 0}}
/* -------------------------------------------------------- */		
#process {padding-top:3.5rem; margin:4.5rem auto 0; background-color:#f7f5ef; text-align:center; width:100%; position:relative; z-index:1}
#process img {width:80px}
#process h2.h2-1 {margin-top:1.8rem; font-size:20px; letter-spacing: 0.025em}
#process h2.h2-1 span {font:normal 30px 'Playfair'; letter-spacing: 0.025em; display:block}
.process {padding:1.5rem 0 3.95rem; margin:4.5rem auto 0; background-color:#f8f8f8; text-align:center; width:100%; position:relative; z-index:1}	
.process h2.h2-2 {margin:2rem auto 0; width:290px; font:bold 23px 'Cormorant'; letter-spacing: 0.025em; line-height:1.5; text-transform:none}
.process h2.h2-2 strong {font-weight:bold}
.process p.p-1 {margin:0.5rem auto 0; width:300px; letter-spacing:0.035em}
.process .spanLine {margin:1.25rem auto 1.5rem 0; width:100px; height:2px; background-color: #8b998d; position:relative}
.process .M1 {margin-top:1rem}
.process h3 {margin-top:2rem; font:700 28px 'Lato'; letter-spacing:-0.025em; line-height:1.35; color:#8b998d; text-align:left}
.process h3 span {font:normal 23px 'Playfair'; letter-spacing: 0.05em; color:#555; display:block}
.process p.p-2  {letter-spacing:0.035em; text-align:justify}
@media all and (min-width:576px) {
	#process {padding-top:3.95rem; margin:5rem auto 0}
	#process h2.h2-1 {font-size:23px}
	#process h2.h2-1 span {font-size:35px}
	.process {margin:5rem auto 0}	
	.process h2.h2-2 {width:320px; font-size:25px}
	.process p.p-1 {width:330px}
	.process .spanLine {margin:1.5rem auto 1.75rem 0}
	.process .M1 {margin-top:1.5rem}
	.process h3 {margin-top:2.25rem; font-size:32px}
	.process h3 span {font-size:26px}}
@media all and (min-width:992px) {	
	#process {padding-top:4.5rem}
	#process h2.h2-1 {font-size:27px}
	#process h2.h2-1 span {font-size:27px; display:inline}
	.process .flexOrder-1 {padding-right:2.25rem}
	.process .flexOrder-2 {padding-left:2.25rem}
	.process {padding:2rem 0 5rem}
	.process h2.h2-2 {width:100%; font-size:23px; letter-spacing:0.015em; text-align:left}
	.process p.p-1 {margin-bottom:-0.75rem; width:100%; font-size:21px; text-align:justify}	
	.process .spanLine {height:1px}
	.process .M1 {margin-top:0}
	.process h3 {margin-top:3rem}
	.process p.p-2 {font-size:21px; line-height:1.35}}
