@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;
}


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

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;}}



/*---------- メインビジュアル ----------*/

#proactive_care{
width:100%;
margin:0;
padding:49px 0 0 0;
background-color:#fff;
}
#pc_mv{margin:0;padding:0;text-align:center;}
#pc_mv h1{margin:0;padding:0;}
#pc_mv img{width:100%;}
@media screen and (min-width:769px){
#proactive_care{padding:0;}
#pc_mv{
background-image:url("img/pc_mv_bkpc.jpg") ;
background-position:top center;
background-repeat:repeat-x;
}
#pc_mv img{width:840px;}
}


#pc_of_bg{
margin:-3px 0 0 0;
padding:30px 20px;
background:#fff9eb;
}
.pc_of_add{margin:0 0 30px 0;padding:0;}
.pc_of_add img{width:100%;}
@media screen and (min-width:769px){
#pc_of_bg{
padding:45px 0;
background:#fff9eb;
}
.pc_of_add{width:760px;margin:30px auto 0 auto;}
}


.pc_of_txt{
margin:0 auto;
padding:0;
}
.pc_of_txt p{font-size:16px;}
.pc_of_memo{
margin:15px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:180%;
}
@media screen and (min-width:769px){
.pc_of_txt{
width:760px;
margin:0 auto;
padding:0;
}
.pc_of_txt p{font-size:16px;}
.pc_of_memo{
margin:15px 0;
padding:0;
font-size:18px;
font-weight:bold;
line-height:180%;
}
}


#pc_wry_bg{
margin:0 0 45px 0;
padding:45px 20px;
background:#c2e7f5;
}
.pc_wry_mv{margin:0 -20px;padding:0;}
.pc_wry_mv img{width:100%;}
.pc_wry_caption{
margin:15px 0 30px 0;
padding:0;
font-size:60%;
line-height:160%;
color:#666;
text-align:center;
}
.pc_wry_memo{
margin:0 auto;
padding:20px 30px;
font-size:120%;
line-height:180%;
background:#96dcf8;
border-radius:5px;
}
.pc_wry_memo b{font-weight:bold;}
.pc_wry_subhead{
margin:30px 0 15px 0;
padding:0;
font-size:130%;
line-height:150%;
text-align:center;
color:#0091da;
}
.pc_wry_subhead b{font-weight:bold;}
.pc_wry_box{margin:0 auto;padding:0;}
.pc_wry_item{margin:0;padding:0 0 20px 0;}
.pc_wry_title{
margin:0;
padding:7px 0 5px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
background: linear-gradient(to right,#c2e7f5,#0091da 50%,#c2e7f5); 
}
ul.pc_wry_list{
margin:0;
padding:5px 0 0 0;
list-style:none;
}
ul.pc_wry_list li{
margin:0;
padding:10px 0 0 20px;
font-size:100%;
font-weight:bold;
line-height:180%;
position:relative;
}
ul.pc_wry_list li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
.pc_wry_pict{
margin:10px auto 30px auto;
padding:20px;
background:#fff;
border-radius:5px;
}
.pc_wry_pict img{width:100%;}
.pc_wry_guide{
margin:0;
padding:0 0 10px 0;
font-size:110%;
font-weight:bold;
line-height:180%;
text-align:center;
}
.pc_wry_link{margin:0;padding:0;text-align:center;}
.pc_wry_link a:link {color:#0091da;text-decoration:none;transition:0.5s;}
.pc_wry_link a:visited {color:#0091da;text-decoration:none;}
.pc_wry_link a:hover {color:#fff;background:#0091da;text-decoration:none;transition:0.5s;}
.wrybtn {
width:50%;
margin:0 auto;
padding:10px 0 12px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
display:inline-block;
border:solid 1px #0091da;
border-radius:5px;
position:relative;
}
.wrybtn:after {
font-size:100%;
position:absolute;
content:">";
font-size:90%;
font-weight:normal;
top:50%;
right:10px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
@media screen and (min-width:769px){
#pc_wry_bg{margin:0 0 75px 0;padding:45px 0 60px 0;}
.pc_wry_mv{margin:0;text-align:center;}
.pc_wry_mv img{width:1180px;}
.pc_wry_caption{margin:10px 0 30px 0;font-size:12px;}
.pc_wry_memo{width:680px;font-size:18px;text-align:center;}
.pc_wry_subhead{margin:60px 0 30px 0;font-size:30px;}
.pc_wry_box{width:1000px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.pc_wry_item{width:47%;padding:0;}
.pc_wry_title{padding:10px 0;font-size:20px;}
ul.pc_wry_list li{font-size:18px;}
.pc_wry_pict{width:640px;margin:30px auto 30px auto;padding:30px 90px;}
.pc_wry_guide{font-size:18px;}
.wrybtn {width:200px;padding:10px 0 8px 0;font-size:16px;}
.wrybtn:after {font-size:14px;}
}

.pc_basic_top{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#f4a000;
}
.pc_space{font-weight:bold;padding:0;background:#fff;}
.pc_basic_waku{
margin:0 20px;
padding:0;
}
.pc_basic_frame{
margin:30px 15px 45px 15px;
padding:30px 20px 30px 20px;
border:solid 2px #f4a000;
border-radius:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.pc_basic_frame:before {
content: "";
position:absolute;
bottom:-39px;
left:50%;
margin-left:-25px;
border:20px solid transparent;
border-top:20px solid #FFF;
z-index:2;
}
.pc_basic_frame:after {
content: "";
position: absolute;
bottom:-44px;
left:50%;
margin-left:-27px;
border:22px solid transparent;
border-top:22px solid #f4a000;
z-index:1;
}
.pc_basic_box{
margin:20px 0 0 0;
padding:0;
}
.pc_basic_item{
margin:0 0 30px 0;
padding:0;
}
.pc_basic_title{
margin:0;
padding:14px 0 15px 0;
font-size:130%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#fff;
background:#f4a000;
}
.pc_basic_txt{
margin:10px 0;
padding:0;
font-size:100%;
line-height:180%;
text-align:center;
}
.pc_basic_pict{margin:0;padding:0;}
.pc_basic_pict img{width:100%;}
.pc_basic_pict a img {border-style:none;transition:0.5s;}
.pc_basic_pict a:hover img{filter:brightness(1.1);transition:0.5s;}
@media screen and (min-width:769px){
.pc_basic_top{font-size:30px;}
.pc_basic_waku{width:1080px;margin:0 auto;}
.pc_basic_frame{
width:1080px;
margin:30px auto 60px auto;
padding:35px 30px 35px 30px;
}
.pc_space{padding:0 15px;b}
.pc_basic_box{
margin:30px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pc_basic_item{width:48%;margin:0;}
.pc_basic_title{padding:15px 0;font-size:21px;}
.pc_basic_txt{margin:15px 0;font-size:18px;}
.pc_basic_frame:before {
content: "";
position:absolute;
bottom:-79px;
left:50%;
margin-left:-45px;
border:40px solid transparent;
border-top:40px solid #FFF;
z-index:2;
}
.pc_basic_frame:after {
content: "";
position: absolute;
bottom:-84px;
left:50%;
margin-left:-47px;
border:42px solid transparent;
border-top:42px solid #f4a000;
z-index:1;
}
}



.pc_feature_bg{
margin:0 auto;
padding:45px 20px 30px 20px;
border-radius:5px;
background:#c2e7f5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pc_feature_top{
margin:0 0 30px 0;
padding:0;
font-size:180%;
font-weight:bold;
line-height:100%;
text-align:center;
color:#00aaee;
}
.pc_feature_frame{margin:0;padding:0;}
.pc_feature_bk{
margin:0 0 30px 0;
padding:25px 30px 20px 30px;
border-radius:5px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pc_feature_number{
margin:0;
padding:10px 0 20px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
font-family:Arial, Helvetica, "sans-serif";
}
.pc_feature_number span{
padding:5px 15px 4px 15px;
color:#fff;
background:#00aaee;
border-radius:60px;
}
.pc_feature_title{
margin:0;
padding:0 0 20px 0;
font-size:140%;
font-weight:bold;
line-height:140%;
text-align:center;
}
.pc_feature_txt{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
}
.pc_feature_pict{
margin:0;
padding:15px 0 10px 0; 
text-align:center;
}
.pc_feature_pict img{width:100%;}
.pc_feature_photo{margin:0;padding:15px 0 10px 0; }
.pc_feature_photo img{width:100%;}
.pc_feature_caption{
margin:0;
padding:0;
font-size:60%;
line-height:150%;
text-align:right;
color:#666;
}
.pc_feature_link{
margin:30px 0 15px 0;
padding:0;
text-align:center;
}
.pc_feature_link a:link {color:#00aaee;text-decoration:none;transition:0.5s;}
.pc_feature_link a:visited {color:#00aaee;text-decoration:none;}
.pc_feature_link a:hover {color:#fff;background:#00aaee;text-decoration:none;transition:0.5s;}
.ftbtn {
width:50%;
margin:0 auto;
padding:10px 0 12px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
display:inline-block;
border:solid 1px #00aaee;
border-radius:5px;
position:relative;
}
.ftbtn:after {
font-size:100%;
position:absolute;
content:">";
font-size:90%;
font-weight:normal;
top:50%;
right:10px;
left:auto;
bottom:auto;
transform:translateY(-50%);
}
@media screen and (min-width:769px){
.pc_feature_bg{width:1080px;margin:0 auto 60px auto;padding:60px 20px 45px 20px;}
.pc_feature_top{margin:0 0 45px 0;font-size:36px;}
.pc_feature_frame{display:flex;flex-wrap:wrap;justify-content:space-between;}
.pc_feature_bk{width:32%;padding:20px 20px 10px 20px;position:relative;}
.pc_feature_number{font-size:18px;}
.pc_feature_title{padding:0 0 15px 0;font-size:24px;}
.pc_feature_txt{font-size:16px;}
.pc_feature_photo{position:absolute;bottom:20px;padding:0 20px 0 0;}
.pc_feature_caption{font-size:12px;}
.pc_feature_link{margin:15px 0 0 0;}
.pc_feature_link a:link {color:#00aaee;text-decoration:none;transition:0.5s;}
.pc_feature_link a:visited {color:#00aaee;text-decoration:none;}
.pc_feature_link a:hover {color:#fff;background:#00aaee;text-decoration:none;transition:0.5s;}
.ftbtn {width:240px;padding:12px 0 10px 0;font-size:16px;}
.ftbtn:after {font-size:14px;}
}


.pc_eff_box{
margin:0 20px;
padding:5px 0 0 0;
}
.pc_eff_item{
margin:45px 0 0 0;
padding:0;
}
.pc_eff_title{
margin:0;
padding:15px 0;
font-size:150%;
font-weight:bold;
line-height:140%;
text-align:center;
color:#fff;
border-radius:10px 10px 0 0;
position:relative;
}
.pc_eff_title img{
height:110px;
position:absolute;
top:-8px;
right:0;
}
.pc_eff_frame{
margin:0;
padding:10px 20px 20px 20px;
border:solid 1px;
border-radius:0 0 10px 10px;
}
.pc_eff_pict{margin:0;padding:10px 0 5px 0;}
.pc_eff_pict img{width:100%;}
.pc_eff_caption{
margin:0;
padding:5px 0;
font-size:75%;
line-height:100%;
text-align:right;
color:#666;
}
.pc_eff_frame ul {
margin:0;
padding:0;
list-style-type:none;
position:relative
}
.pc_eff_frame ul li {
margin:0;
padding:15px 0 0 30px;
font-size:120%;
font-weight:bold;
line-height:160%;
}
.pc_eff_frame ul li::before {
position:absolute;
top:15px;
left:0;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:'\f058';
}
.pc_line_org ul li::before {color:#f4a000;}
.pc_line_blue ul li::before {color:#009edd;}
.pc_eff_caution{
margin:20px 20px 45px 20px;
padding:0;
font-size:60%;
line-height:160%;
color:#666;
}
@media screen and (min-width:769px){
.pc_eff_box{width:1080px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.pc_eff_item{width:49%;margin:0;}
.pc_eff_title{padding:20px 0 15px 0;font-size:28px;}
.pc_eff_title img{height:150px;top:-15px;}
.pc_eff_frame{padding:15px 30px 30px 30px;}
.pc_eff_caption{font-size:12px;}
.pc_eff_frame ul li {font-size:20px;}
.pc_eff_caution{width:1080px;margin:20px auto 60px auto;font-size:12px;line-height:100%;text-align:right;}
}



.pc_step_bg{
margin:0 auto 45px auto;
padding:30px 20px 45px 20px;
background:#e3f1f1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pc_flow{
margin:0;
padding:0;
text-align:center;
}
.pc_flow img{width:100%;}
.pc_step_box{
margin:30px 0 0 0;
padding:0;
}
.pc_step_item{
margin:0;
padding:0;
background:#fff;
}
.pc_step_arrow{
width:20%;
margin:15px auto;
padding:0;
display:flex;
justify-content:center;
align-items:center;
}
.pc_arrow{
width:100%;
height:20px;
clip-path:polygon(0 0,100% 0, 50% 100%);
background-color:#ccc;
}
.pc_step_head{
margin:0;
padding:10px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
color:#fff;
text-align:center;
font-family:Arial, Helvetica, "sans-serif";
}
.pc_step_title{
margin:20px 20px 0 20px;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pc_step_term{
width:50%;
margin:0;
padding:10px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
color:#fff;
text-align:center;
border:solid 1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pc_step_goods{margin:0;padding:10px 0 35px 0;}
.pc_step_photo{margin:0;padding:0;text-align:center;}
.pc_step_photo img{width:80%;}
.pc_step_detail{margin:0;padding:0;}
.pc_step_medicinal{
margin:0;
padding:0 0 5px 0;
text-align:center;
}
.pc_step_medicinal span{
padding:1px 5px 0 5px;
font-size:80%;
color:#fff;
background:#a49a6c;
}
.pc_step_brand{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.pc_step_name{
margin:0;
padding:0;
font-size:130%;
font-weight:bold;
line-height:130%;
letter-spacing:-1px;
text-align:center;
}
.pc_step_subname{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.pc_step_product{
margin:0;
padding:15px 0 5px 0;
font-size:90%;
line-height:180%;
text-align:center;
}
.pc_step_drugs{
padding:1px 2px 0 2px;
font-size:90%;
border:1px solid #535351;
}
.pc_step_price{
margin:0;
padding:0;
font-size:90%;
line-height:140%;
text-align:center;
}
.pc_step_price span{font-size:75%;}
.pc_step_link{margin:0;padding:0;text-align:center;}
.pc_step_link a:link {color:#fff;text-decoration:none;transition:0.5s;}
.pc_step_link a:visited {color:#fff;text-decoration:none;}
.pc_step_link a:hover {color:#fff;text-decoration:none;transition:0.5s;filter:brightness(1.1);}
.pc_more {
width:60%;
margin:12px 0 0 0;
padding:12px 0 14px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
display:inline-block;
border-radius:60px;
position:relative;
}
.pc_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%);
}
.pc_more_org{background:linear-gradient(to bottom,#ffd086,#f19d00);}
.pc_more_blue{background:linear-gradient(to bottom,#66bdff,#009ce5);}
.pc_step_triangle_org{
margin:20px auto;
width:0;
height:0;
border-left:45px solid transparent;
border-right:45px solid transparent;
border-top:30px solid #f19d00;
}
.pc_step_triangle_blue{
margin:20px auto;
width:0;
height:0;
border-left:45px solid transparent;
border-right:45px solid transparent;
border-top:30px solid #009ce5;
}
@media screen and (min-width:769px){
.pc_step_bg{
width:1080px;
margin:0 auto 60px auto;
padding:45px 20px;
border-radius:5px;
}
.pc_flow img{width:768px;}
.pc_step_box{
margin:45px 0 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pc_step_item{width:48%;}
.pc_step_arrow{width:1.8%;margin:0;}
.pc_arrow{height:60px;clip-path:polygon(0 0, 0 100%, 100% 50%);}
.pc_step_head{font-size:18px;}
.pc_step_title{margin:20px 25px 0 25px;}
.pc_step_term{font-size:20px;}
.pc_step_goods{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.pc_step_photo{width:28%;}
.pc_step_photo img{width:100%;}
.pc_step_detail{width:68%;position:relative;}
.pc_step_medicinal{padding:0 0 5px 0;text-align:left;}
.pc_step_medicinal span{padding:1px 5px 0 5px;font-size:13px;}
.pc_step_brand{font-size:18px;text-align:left;}
.pc_step_name{font-size:21px;text-align:left;}
.pc_step_subname{font-size:18px;text-align:left;}
.pc_step_product{padding:10px 0 5px 0;font-size:13px;line-height:140%;text-align:left;}
.pc_step_drugs{margin-left:10px;}
.pc_step_price{font-size:16px;text-align:left;}
.pc_step_link{width:100%;position:absolute;bottom:10px;}
.pc_more {width:100%;font-size:16px;line-height:150%;padding:10px 0 8px 0;}
}



@media screen and (min-width:240px) and ( max-width:768px) {
.pc_endlink_bg{
margin:60px 20px 30px 20px;
padding:45px 20px 30px 20px;
border-radius:10px;
background:#ffedc3;
position:relative;
}
.pc_endlink_bg img{
width:110px;
position:absolute;
top:-30px;
right:0;
bottom:0;
left:0;
margin:0 auto;
}
}
.pc_endlink_frame{}
.pc_endlink_linkhead{
font-size:130%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#ff8c00;
}
.pc_endlink_linkbox{margin:0;padding:0;}
.pc_endlink_link{margin-top:15px;}
.pc_endlink_link a:link {color:#535351;text-decoration:none;transition:0.5s;}
.pc_endlink_link a:visited {color:#535351;text-decoration:none;}
.pc_endlink_link a:hover {color:#535351;text-decoration:none;opacity:0.6;filter:alpha(opacity=60);transition:0.5s;}
.pc_btn {
width:100%;
padding:20px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
display:inline-block;
border-radius:10px;
position:relative;
background-position:top left;
background-repeat:no-repeat;
background-size:auto 100%;
background-color:#fff;
text-shadow:0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff; 
}
.pc_btn_bg01{background-image:url("img/pc_explain_link01.webp") ;}
.pc_btn_bg02{background-image:url("img/pc_explain_link02.webp") ;}
.pc_btn:after {
font-size:100%;
position:absolute;
content:"▶";
font-weight:900;
top:50%;
right:10px;
left:auto;
bottom:auto;
transform:translateY(-50%);
color:#ff8c00;
}
@media screen and (min-width:769px){
.pc_endlink_bg{
width:740px;
margin:45px auto 60px auto;
padding:30px 0 35px 0;
background:#fbf1df;
border-radius:10px;
}
.pc_endlink_frame{width:680px;margin:0 auto;position:relative;}
.pc_endlink_frame img{
width:110px;
position:absolute;
top:5px;
right:0;
}
.pc_endlink_linkhead{font-size:24px;}
.pc_endlink_linkbox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pc_endlink_link{width:49%;}
.pc_btn {padding:25px 0;font-size:18px;}
.pc_btn:after {right:15px;}
}



.pc_clr_org{color:#f4a000;}
.pc_clr_blue{color:#009edd;}
.pc_bg_org{background:#f4a000;}
.pc_bg_blue{background:#009edd;}
.pc_line_org{border-color:#f4a000;}
.pc_line_blue{border-color:#009edd;}

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

@media screen and (min-width:240px) and ( max-width:768px) {
.ts_floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:0;
}
.ts_device{margin:0;padding:0;text-align:center;}
.ts_device img{width:100%;vertical-align:bottom;}
}
.ts_close_btn {
  position: absolute;
  top:2px;
  right:2px;
  background: transparent;
  border: none;
  font-size:18px;
  color:#fff;
  cursor: pointer;
}
@media screen and (min-width:769px){
.ts_floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:20px;
z-index:9999;
text-align:right;
margin:0;
padding:0;
}
.ts_device{padding:0;}
.ts_device img{width:150px;vertical-align:bottom;}
}