.contents_ymn              { color:#333; font-family: 'Noto Sans JP', sans-serif;}
markar                     { background:linear-gradient(transparent 50%, #ffdc50 50%);}
markar.txb                 { font-weight: bold;}
.sp                        { display: none !important;}
.pc                        { display: block !important;}
.br                        { display: inline !important;}

.no                        { display: none;}
.ta_c                      { text-align: center !important;}

.obi                       { background-color: #FF7800; color: #FFF; padding: 0.5rem; text-align: center; font-size: 1.5rem; font-weight: bold;}
.obi span                  { background-color: #0E7333; color: #FFF; border-radius: 1rem; font-size: 1rem; font-weight: bold; padding: 0.25rem 0.5rem; position: relative; top: -0.25rem; left: -0.5rem;}
.hd                        { background: url(../images/scalp/hd.jpg); height: 500px; font-size: 0; line-height: 0; text-indent: -9999px; margin-bottom: 30px;}

.ct01                        { color:#454545; background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;}
.ct01 h2                     { text-align: center; font-size: 1.5em; font-weight: bold; border-bottom: 2px dotted #454545; padding-bottom: 0.5em;}
.ct01 ul                     { width: 90%; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 30px; margin-left: 30px;}
.ct01 ul li                  { float: left; width: 55%; font-weight: bold; box-sizing: border-box; padding-left: 30px; margin-bottom: 0.5em; background: url(../images/common/check_bl.png) center left no-repeat; font-size: 1.2em;}
.ct01 ul li:nth-child(1),
.ct01 ul li:nth-child(3)     { width: 45%}
.ct01 ul li:nth-child(5)     { width: 100%;}

.ct02               { background-image: url(../images/scalp/ct02-bg1.png), url(../images/scalp/ct02-bg2.png); background-position: top, bottom; background-size: 100% auto; background-repeat: no-repeat; padding: 3em 2em; margin-top: 30px;}
.ct02 h2            { font-size: 2.5rem; line-height: 1.3em; margin-bottom: .5em; font-weight: bold;}
.ct02 ul            { background: url(../images/scalp/ct02-01.png) no-repeat; background-size: 100% auto; font-size: 0; line-height: 0; text-indent: -9999px; height: 170px; width: 600px; margin: 2rem auto;}
.ct02 p strong      { font-size: 1.5rem; text-align: center; display: block;}

.ct03               { background: url(../images/scalp/ct03-bg.png); background-size: cover; padding: 3em 2em;}
.ct03 dl           { background: url(../images/scalp/ct03-bg2.png); padding: 2em; max-width: 100%; border-radius: 1rem; display: flex; position: relative;}
.ct03 dl img        { width: 220px; position: absolute; top: -10px; left: -20px;}
.ct03 dl dt          { width: 150px;}
.ct03 dl dd          { flex: 1;}
.ct03 h2            { font-size: 2rem; line-height: 1.3em; margin-bottom: .5em; font-weight: bold;}

.ct04            { background-color: #FFF7DD; padding: 1.5rem;}
.ct04 ul         { display: flex; flex-wrap: wrap; gap: 1.5rem 0; justify-content: space-between;}
.ct04 ul li      { background-color: #fff; width: 24%; text-align: center;}
.ct04 ul li img  { width: 100%; height: auto; display: block;}
.ct04 ul li h3   { font-size: 1.1rem; padding: .5rem 0; font-weight: bold;}
.ct04 ul li h3 span   { font-size: .9rem; display: block; line-height: 1rem;}
.ct04 dl           { padding: 4em 0 0 0; max-width: 100%; display: flex; position: relative;}
.ct04 dl img        { width: 90%; position: relative; top: -50px; left: 0;}
.ct04 dl dt          { width: 250px;}
.ct04 dl dd          { flex: 1;}

.ct05                   { background-image: url(../images/scalp/ct05-01.png), url(../images/scalp/ct05-02.png), url(../images/scalp/ct05-bg.png); background-position: top, bottom, center; background-size: 100% auto, 100% auto,cover; background-repeat: no-repeat; padding: 3em 2em; margin-top: -6rem; position: relative;}
.ct05 h2                { font-size: 2rem; line-height: 1.3em; margin-bottom: .5em; font-weight: bold;}
.ct05 p                 { margin: 1rem 0;}
.ct05 p:first-of-type   { width: 450px; margin-bottom: 2rem;}
.ct05 img               { width: 250px; position: absolute; top: 2rem; right: 2rem;}

.ct06                   { background-color: #A7D081; color: #fff; padding: 2rem 0; text-align: center;}
.ct06 h3                { font-size: 1.7rem; font-weight: bold; margin-bottom: 1rem;}
.ct06 p                 { font-size: 1.2rem;}

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

.pc                        { display: none !important;}
.sp                        { display: block !important;}

.contents_ymn              { color:#333; font-size: 4.3vw !important; line-height: 1.7em;}

.obi                       { font-size: .9rem; }
.obi span                  { font-size: .7rem; font-weight: bold; padding: 0.25rem 0.5rem; position: relative; top: -0.10rem; left: -0.5rem;}
.hd                        { background: url(../images/scalp/hd-sp.jpg) no-repeat top; background-size: 100% auto; height: 85vw; }


.ct01                        { background: url(../images/common/recommend_bg.jpg) center center; padding: 1.5em; margin-top: 30px;}
.ct01 h2                     { font-size: 1.3em; }
.ct01 ul                     { width: auto; margin: 1em auto 0; overflow: hidden; box-sizing: border-box; padding-left: 0px; margin-left: 0px;}
.ct01 ul li                  { float: none; width: 100%; font-weight: bold; box-sizing: border-box; padding-left: 8vw; margin-bottom: 0.5em; background-position: left 0.2em; -webkit-background-size: 5.8vw auto; background-size: 5.8vw auto; font-size: 1.1em;}
.ct01 ul li:nth-child(1),
.ct01 ul li:nth-child(3)     { width: 100%}


.ct02                { background-color: #FFEEDD; padding: 2em 1em; margin-top: 30px;}
.ct02 h2             { font-size: 6vw;}
.ct02 ul             { height: 27vw; width: 100%; margin: 1rem auto;}
.ct02 p strong       { font-size: 1.1rem; text-align: center; display: block;}

.ct03                { background: url(../images/scalp/ct03-bg.png); background-size: cover; padding: 3em 1em;}
.ct03 dl             { flex-direction: column;}
.ct03 dl img         { width: 220px; position: static; display: block; margin: 0 auto 1.5rem;}
.ct03 dl dt          { width: 100%; margin-top: -2rem;}
.ct03 dl dd          { flex: 1; margin-top: -1rem;}
.ct03 h2             { font-size: 6vw;}
.ct03 h2 br          { display: none;}

.ct04                { background-color: #FFF7DD; padding: 1.5rem;}

.ct04 ul li          { width: 49%;}
.ct04 ul li h3       { font-size: 1rem; padding: .5rem 0; font-weight: bold;}
.ct04 dl             { padding: 2em 0 0 0; display: block;}
.ct04 dl img         { width: 90%; position: relative; top: 0; left: 0;}
.ct04 dl dt          { width: 30vw; display: block; float: left;}


.ct05                   { padding: 3em 1em; margin-top: 0rem;}
.ct05 h2                { font-size: 6vw; }
.ct05 h2 br             { display: none;}
.ct05 p:first-of-type   { width: auto;}
.ct05 img               { width: 70vw; position: static; display: block; margin: auto;}

.ct06                   { color: #fff; padding: 2rem 1rem;}
.ct06 h3                { font-size: 6vw; font-weight: bold; margin-bottom: 1rem;}
.ct06 p                 { font-size: 4.5vw;}

}