@charset "UTF-8";
/* -----------------------------------------------------
ご購入はこちらボタン（updated on 2023.02.08）
※どこかでマイナスマージンが入ってるのを解除
----------------------------------------------------- */
.about_index #mail-orders {margin-top: 0;}

/* -----------------------------------------------------
Obagiについて（updated on 2023.09.20）
----------------------------------------------------- */
#about_story #doctor_intro {clear: both; margin: 0 25px 45px;}
#about_story #doctor_intro h2 {font-size: 1.6em !important; letter-spacing: 0 !important; color: #fff;}
#about_story #doctor_intro p {text-align: left;}

#shr_intro h3 {margin: 0 0 40px !important;}

#shr_theory h2.shr_theory_ttl {background-color: #e5e5e5 !important; margin-bottom: 0 !important;}

/* -----------------------------------------------------
スペシャルムービー（updated on 2023.02.08）
----------------------------------------------------- */
.about_index .about_special_movie {padding: 0 20px 40px;}
.about_index .about_special_movie .cm_subttl {margin-top: 0;}
.about_index .about_special_movie .block-library {display: block;}
.about_index .about_special_movie .block-library .library-inner {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.about_index .about_special_movie .block-library .library-inner .block-cts {width: calc(50% - 20px);}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span {font-weight: normal; font-size: 0.9em;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls {font-size: 1em; color: #333;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-2 {letter-spacing: -1px;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-3 {letter-spacing: -2px;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-4 {letter-spacing: -3px;}

/* ====================================================== Media Querie
641px〜
TB, PC
======================================== */
		@media screen and (min-width:641px) {
.about_index .about_special_movie .block-library .library-inner {-ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 960px; margin: 0 auto;}
.about_index .about_special_movie .block-library .library-inner .block-cts {width: 20%;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl {font-weight: normal; font-size: 0.9em;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-2 {letter-spacing: -2px;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-3 {letter-spacing: -3px;}
.about_index .about_special_movie .block-library .library-inner .block-cts .ttl span.ls.ls-4 {letter-spacing: -4px;}

#shr_theory h2.shr_theory_ttl {padding-bottom: 0 !important;}
		}