@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#222;
font-family: "游ゴシック体", YuGothic, "游ゴシック", Yu Gothic, "Noto Sans JP", "小塚ゴシック Pro", "Kozuka Gothic Pro", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

a:link {color:#008bce;text-decoration:underline;}
a:visited {color:#008bce;text-decoration:underline;}
a:hover {color:#4caedd;text-decoration:underline;}

/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:180%;
}
@media screen and (min-width:769px){
p {font-size:18px;letter-spacing:1px;}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}


#skin_problems{
margin:0;
padding:49px 0 1px 0;
background-image: 
url("img/sp_bksp.png"),
linear-gradient(to bottom, #ffffff, #e5f4fa);
background-position:top center;
background-repeat:no-repeat;
background-size:100% auto;
}
.sp_subtitle_bg{
margin:0 30px;
padding:20px 0 30px 0;
text-align:center;
}
.sp_subtitle{
width:100%;
margin:0;
padding:15px 0;
font-size:100%;
line-height:150%;
position:relative;
display:inline-block;
border-radius:10px;
background:#fff;
box-shadow:-3px 0 5px rgba(200,200,200,0.1);
}
.sp_subtitle:before {
content: "";
position: absolute;
top:100%;
left:50%;
margin-left:-15px;
border:15px solid transparent;
border-top:15px solid #fff;
}
.sp_title{
margin:0 20px;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
}
.sp_topmemo{
margin:15px 20px 30px 20px;
padding:10px 0 0 0;
border-top:solid 4px #00aaee;
}
.sp_supervisor{
margin:0 20px 45px 20px;
padding:25px 0 20px 0;
background:rgba(194,231,245,0.7);
}
.sp_supervisor_title{
margin:0;
padding:0 0 20px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_supervisor_box{
margin:0 40px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_supervisor_detail{
width:60%;
margin:0;
padding:0;
}
.sp_supervisor_role{
margin:0;
padding:20px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
color:#00aaee;
}
.sp_supervisor_degree{
margin:0;
padding:0;
font-size:90%;
line-height:150%;
}
.sp_supervisor_name{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.sp_supervisor_photo{width:40%;margin:0;padding:0;}
.sp_supervisor_photo img{width:100%;border-radius:50%;}
@media screen and (min-width:769px){
#skin_problems{
padding:0 0 1px 0;
background-image: 
url("img/sp_bk.png"),
linear-gradient(to bottom, #ffffff, #e5f4fa);
background-size:2000px auto;
}
.sp_subtitle_bg{width:540px;margin:0 auto;padding:30px 0 40px 0;}
.sp_subtitle{padding:20px 0;font-size:20px;}
.sp_title{margin:0;font-size:36px;}
.sp_topmemo{
width:768px;
margin:20px auto 45px auto;
padding:10px 0 0 0;
}
.sp_supervisor{
width:640px;
margin:0 auto 45px auto;
padding:30px 0 25px 0;
}
.sp_supervisor_title{font-size:24px;}
.sp_supervisor_box{width:360px;margin:0 auto;}
.sp_supervisor_role{padding:25px 0 10px 0;font-size:20px;}
.sp_supervisor_degree{font-size:16px;}
.sp_supervisor_name{font-size:20px;}
}


.sp_pagelink{
margin:0 20px;
padding:0 0 20px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_link{
width:49%;
margin:0 0 10px 0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
display:flex;
align-items:stretch;
}
.sp_link a:link{
width:100%;
height:100%;
padding:10px 25px 10px 10px;
display:block;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
box-sizing:border-box;
color:#00aaee;
background:#fff;
border:solid 1px #00aaee;
border-radius:5px;
transition:0.8s;
position:relative;
}
.sp_link a:visited {color:#42b9d0;text-decoration:none;}
.sp_link a:hover {color:#fff;background:#00aaee;text-decoration:none;ransition:0.8s;}
.sp_link a::after {
position:absolute;
content:"";
display:inline-block;
width:14px;
height:14px;
background-image: url("img/sp_link_arrow.png");
background-size:contain;
background-repeat:no-repeat;
top:50%;
right:10px;
left:auto;
bottom:auto;
color:#00aaee;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
@media screen and (min-width:769px){
.sp_pagelink{width:1000px;margin:0 auto;padding:0 0 45px 0;}
.sp_link{width:24%;margin:0;font-size:16px;}
.sp_link a:link{padding:10px 25px;}
}


#sp_container{margin:0 15px 45px 15px;padding:0;}
.sp_subhead{
margin:0;
padding:20px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background:#00aaee;
}
.sp_contents{
margin:0 auto 45px auto;
padding:10px 20px 30px 20px;
background:#fff;
border-left:solid 1px #00aaee;
border-right:solid 1px #00aaee;
border-bottom:solid 1px #00aaee;
}
@media screen and (min-width:769px){
#sp_container{width:1000px;margin:0 auto 60px auto;}
.sp_subhead{font-size:28px;}
.sp_contents{margin:0 auto 60px auto;padding:10px 60px 45px 60px;}
}


.sp_cnt_intro{
margin:0;
padding:15px 0 20px 0;
font-size:100%;
line-height:180%;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_subhead{
margin:30px 0 0 0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00aaee;
}
.sp_cnt_causebox{margin:20px 0 0 0;padding:0;}
.sp_cnt_cause{
margin:0 0 15px 0;
padding:15px 10px;
font-size:100%;
line-height:160%;
text-align:center;
color:#00aaee;
background:#e8f5fb;
border-radius:10px;
-webkit-box-sizing:border-box;
}
.sp_cnt_arrow{
width:90px;
height:25px;
margin:20px auto 15px auto;
padding:0;
clip-path:polygon(0 0,100% 0, 50% 100%);
background-color:#c2e7f5;
}
.sp_cnt_pict01{
margin:0 auto;
padding:0 0 30px 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_pict01 img{width:100%;}
.sp_cnt_pict01_caption{margin:0;padding:0;}
.sp_cnt_more{
margin:0;
padding:10px 0 0 0;
font-size:90%;
line-height:160%;
text-align:right;
}
.sp_cnt_pict02{
margin:20px auto 0 auto;
padding:0;
text-align:center;
}
.sp_cnt_pict02 img{width:100%;}
@media screen and (min-width:769px){
.sp_cnt_intro{padding:15px 0 25px 0;font-size:20px;}
.sp_cnt_subhead{margin:45px 0 0 0;font-size:24px;}
.sp_cnt_causebox{
margin:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_cnt_cause{width:32%;margin:0;padding:15px 10px;font-size:15px;}
.sp_cnt_cause b{font-size:17px;}
.sp_cnt_pict01{padding:10px 0 45px 0;text-align:center;}
.sp_cnt_pict01 img{width:600px;}
.sp_cnt_pict01_caption{width:480px;margin:0 auto;text-align:right;}
.sp_cnt_more{padding:5px 0 0 0;font-size:12px;line-height:150%;}
.sp_cnt_pict02{margin:30px auto 0 auto;}
.sp_cnt_pict02 img{width:680px;}
}


.sp_cnt_read{
margin:0;
padding:0 0 10px 0;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_causeframe{
margin:0;
padding:30px 0 30px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
border-bottom:solid 1px #00aaee;
}
.sp_cnt_causeitem{margin:0;padding:0;}
.sp_caption{
margin:0;
padding:5px 0 15px 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_cnt_causeitem img{width:100%;}
.sp_cnt_causeitem ul {margin:0;padding:0;list-style:none;}
.sp_cnt_causeitem ul li{
margin:0;
padding:0 0 0 20px;
font-size:100%;
line-height:160%;
position:relative;
}
.sp_cnt_causeitem ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
.sp_cnt_causeitem ul li.sp_point{
margin:0 0 0 20px;
padding:0 0 10px 20px;
font-weight:bold;
color:#00aaee;
}
.sp_cnt_causeitem ul li.sp_point:before {content: "⇒";}
.sp_cnt_causeitem ul li.sp_point_end{
margin:0 0 0 20px;
padding:0 0 0 20px;
font-weight:bold;
color:#00aaee;
}
.sp_cnt_causeitem ul li.sp_point_end:before {content: "⇒";}
@media screen and (min-width:769px){
.sp_cnt_causeframe{padding:30px 0 45px 0;}
.sp_cnt_causeitem{width:48%;}
.sp_caption{padding:10px 0 0 0;font-size:12px;}
.sp_cnt_causeitem ul li{font-size:18px;}
}


.sp_cnt_barrierpict{
margin:0;
padding:30px 0 0 0;
text-align:center;
}
.sp_cnt_barrierpict img{width:100%;margin:0;}
.sp_cnt_barrier_caption{
margin:0 auto 20px auto;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_cnt_barriertxt{margin:0;padding:0;}
.sp_cnt_barrierhead{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00aaee;
}
.sp_cnt_barriertxt ul {
margin:15px 0 10px 0;
padding:10px 20px 20px 20px;
list-style:none;
border:solid 2px #c2e7f5;
border-radius:10px;
}
.sp_cnt_barriertxt ul li{
margin:0;
padding:10px 0 0 20px;
font-size:100%;
line-height:160%;
position:relative;
}
.sp_cnt_barriertxt ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
@media screen and (min-width:769px){
.sp_cnt_barrierpict img{width:600px;}
.sp_cnt_barrier_caption{width:480px;margin:0 auto 30px auto;font-size:12px;}
.sp_cnt_barrierhead{font-size:24px;}
.sp_cnt_barriertxt ul {margin:15px 0 20px 0;padding:20px 40px 30px 40px;}
.sp_cnt_barriertxt ul li{font-size:18px;}
}



.sp_sst_frontbox{margin:0;padding:20px 0 0 0;}
.sp_sst_front{
margin:0 0 20px 0;
padding:20px;
border:solid 2px #c2e7f5;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sp_sst_fronttitle{
margin:0;
padding:5px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.sp_sst_fronttitle span{
padding:5px 20px;
color:#fff;
background:#00aaee;
border-radius:30px;
}
.sp_sst_front ul {
margin:-15px 0 0 0;
padding:25px 20px 15px 20px;
list-style:none;
background:#e8f5fb;
border-radius:10px;
}
.sp_sst_front ul li{
margin:0;
padding:5px 0 0 20px;
font-size:100%;
font-weight:bold;
line-height:160%;
position:relative;
}
.sp_sst_front ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
.sp_sst_front_caption{
margin:0;
padding:0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_sst_skpoint{
margin:0;
padding:30px 0 15px 0;
font-size:140%;
font-weight:bold;
line-height:150%;
color:#00aaee;
text-align:center;
}
.sp_sst_skpoint span{
padding:10px 30px;
border-top:solid 1px #00aaee;
border-bottom:solid 1px #00aaee;
}
.sp_sst_skpbox01{
margin:0;
padding:0 0 15px 0;
}
.sp_sst_skppict{
margin:0;
padding:5px 0 0 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.sp_sst_skppict img{width:100%;margin-bottom:10px;}
.sp_sst_skptxt{margin:0;padding:0;}
.sp_sst_skpbox02{margin:0;padding:20px 0 0 0;}
.sp_sst_skp{
margin:0 0 20px 0;
padding:0;
border-radius:5px;
border:solid 1px #00aaee;
}
.sp_sst_skphead{
margin:0;
padding:15px 0 14px 0;
font-size:130%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
background:#00aaee;
border-radius:5px 5px 0 0;
}
.sp_sst_skpmemo{
margin:0;
padding:1px 15px 5px 15px;
}
.sp_sst_skpmemo ul {margin:-10px 0 20px 0;padding:0;list-style:none;}
.sp_sst_skpmemo ul li{
margin:0;
padding:10px 0 0 24px;
font-size:100%;
line-height:170%;
position:relative;
}
.sp_sst_skpmemo ul li:before {
display: block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c";
font-size:95%;
color: #00aaee;
position:absolute;
left:0;
}
.sp_sst_skpguide{
margin:0;
padding:5px 0 15px 0;
font-size:80%;
line-height:180%;
text-align:right;
}
@media screen and (min-width:769px){
.sp_sst_frontbox{
padding:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_sst_front{width:48%;margin:0;padding:30px;}
.sp_sst_front p{font-size:16px;}
.sp_sst_fronttitle{font-size:20px;}
.sp_sst_front ul {margin:-15px 0 0 0;padding:25px 20px 15px 20px;}
.sp_sst_front ul li{padding:10px 0 0 20px;font-size:18px;}
.sp_sst_front_caption{font-size:12px;}
.sp_sst_skpoint{padding:40px 0 15px 0;font-size:21px;}
.sp_sst_skpbox01{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sp_sst_skppict{width:37%;font-size:12px;}
.sp_sst_skptxt{width:60%;}
.sp_sst_skpbox02{padding:20px 0 20px 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.sp_sst_skp{width:32%;margin:0;}
.sp_sst_skphead{font-size:20px;}
.sp_sst_skpmemo p{font-size:16px;}
.sp_sst_skpmemo ul li{font-size:15px;}
.sp_sst_skpmemo ul li:before {font-size:14px;}
.sp_sst_skpguide{padding:5px 0 10px 0;font-size:14px;}
}



.sp_item_box{
margin:0;
padding:10px 0 0 0;
}
.sp_item_goods{
margin:0 0 30px 0;
padding:0;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.sp_item_goods_under{
border-top:solid 1px #ddd;
margin:40px 0 15px 0;
padding:30px 0 0 0;
}
}
.sp_item_photo{margin:0;padding:0;text-align:center;}
.sp_item_photo img{width:100%;}
.sp_item_detail{margin:0;padding:0;}
.sp_item_catch{
margin:0 0 10px 0;
padding:0;
font-size:160%;
font-weight:bold;
line-height:150%;
color:#f19d00;
text-align:center;
}
.sp_item_brand{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_item_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:130%;
text-align:center;
}
.sp_item_subname{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.sp_item_category01{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
line-height:140%;
text-align:center;
color:#f19d00;
}
.sp_item_category01 span{
padding:1px 5px 0 5px;
margin-right:5px;
font-size:90%;
color:#fff;
background:#f19d00;
}
.sp_item_category02{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
line-height:140%;
text-align:center;
color:#00aaee;
}
.sp_item_category02 span{
padding:1px 5px 0 5px;
margin-right:5px;
font-size:90%;
color:#fff;
background:#00aaee;
}
.sp_item_product{
margin:0;
padding:0 0 5px 0;
font-size:80%;
line-height:140%;
text-align:center;
}
.sp_item_product span{
padding:1px 2px 0 2px;
margin-left:10px;
font-size:90%;
border:1px solid #535351;
}
.sp_item_link{width:100%;margin:0;padding:0;text-align:center;}
.sp_item_link a:link {color:#fff;text-decoration:none;transition:0.5s;}
.sp_item_link a:visited {color:#fff;text-decoration:none;}
.sp_item_link a:hover {color:#fff;text-decoration:none;transition:0.5s;filter:brightness(1.1);}
.sp_item_link2{width:100%;margin:0;padding:0;text-align:center;}
.sp_item_link2 a:link {color:#fff;text-decoration:none;transition:0.5s;}
.sp_item_link2 a:visited {color:#fff;text-decoration:none;}
.sp_item_link2 a:hover {color:#fff;text-decoration:none;transition:0.5s;filter:brightness(1.1);}
.sp_more {
width:80%;
margin:15px 0 0 0;
padding:15px 0 13px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
border-radius:60px;
position:relative;
}
.sp_more:after {
font-size:100%;
position:absolute;
content:"▶";
font-size:80%;
font-weight:900;
top:50%;
right:20px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
.sp_more_org{background:linear-gradient(to bottom,#ffd086,#f19d00);}
.sp_more_blue{background:linear-gradient(to bottom,#66bdff,#009ce5);}
@media screen and (min-width:769px){
.sp_item_box{
margin:0;
padding:30px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_item_goods{
width:48%;
margin:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sp_item_photo{width:25%;margin:0;padding:0;text-align:center;}
.sp_item_photo img{width:100%;}
.sp_item_detail{width:70%;margin:0;padding:0;position:relative;}
.sp_item_catch{
margin:0 0 5px 0;
padding:0;
font-size:21px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_brand{
margin:0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_name{
margin:0;
padding:0;
font-size:20px;
font-weight:bold;
line-height:130%;
letter-spacing:-1px;
text-align:left;
}
.sp_item_subname{
margin:0;
padding:0;
font-size:16px;
font-weight:bold;
line-height:150%;
text-align:left;
}
.sp_item_category01{padding:10px 0 5px 0;font-size:14px;text-align:left;}
.sp_item_category02{padding:10px 0 5px 0;font-size:14px;text-align:left;}
.sp_item_product{
margin:0;
padding:0 0 5px 0;
font-size:14px;
line-height:140%;
text-align:left;
}
.sp_item_product span{
padding:1px 2px 0 2px;
margin-left:10px;
font-size:90%;
border:1px solid #535351;
}
.sp_item_link2{position:absolute;bottom:0;}
.sp_more {
width:100%;
margin:15px 0 0 0;
padding:15px 0 13px 0;
font-size:16px;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
border-radius:60px;
position:relative;
}
.sp_more:after {
font-size:100%;
position:absolute;
content:"▶";
font-size:80%;
font-weight:900;
top:50%;
right:20px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
}

.sp_bnr{
margin:0;
padding:0;
text-align:center;
}
.sp_bnr img{width:100%;}
@media screen and (min-width:769px){
.sp_bnr img{width:480px;}
}


.sp_order_01{}
.sp_order_02{}
.sp_clr_blue{color:#00aaee;}
.bold{font-weight:bold;}
.ym{font-weight:bold;background:linear-gradient(transparent 70%, #fcf69f 70%);}
@media screen and (min-width:769px){
.sp_order_01{order:1;}
.sp_order_02{order:2;}
}

.sp-only {display: none;}
/* スマホ表示（例: 768px以下）で表示 */
@media screen and (max-width: 768px) {.sp-only {display:inline;}}

.sp-txtspace {}
/* スマホ表示（例: 768px以下）で適用 */
@media screen and (max-width: 768px) {.sp-txtspace {letter-spacing:-1px;}}

/*------------------------------ フローティング ------------------------------*/

.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0 10px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:rgba(255,255,255,0.7);
}

.device{
margin:0;
padding:0 20px;
text-align:center;
}
.device img{width:100%;}
@media screen and (min-width:769px){
.device{padding:0;}
.device img{width:480px;}
}