@charset "utf-8";

/*-------------------------------------------------------------------
home_health_care
-------------------------------------------------------------------*/
#home_health_care {}

#container #main_col #main_visual dl {
align-content: center;
display: flex;
align-items: center;
flex-wrap: wrap;
top:0;
left:50px;
position: absolute;
width: 100%;
padding:0;
height: 100%;
}
#container #main_col #main_visual dl dt { flex:0 0 100%; font-size:200%; text-align:left; }
#container #main_col #main_visual dl dt span { color:#329995; font-weight:600; }
#container #main_col #main_visual dl dd { flex:0 0 100%; margin-top:10px; text-align:left; }
#container #main_col #main_visual dl dd span { color:#000; }

.second_box { margin-top:20px; }
.second_box .left_area { display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; }
.second_box .left_area dl { padding:10px; }
.second_box .left_area dl dt { color:#329995; font-size:137%; font-weight:600; text-align:left; }
.second_box .left_area dl dd { text-align:left; }
.second_box .left_area dl dd ul { margin-top:10px; }
.second_box .left_area dl dd ul li { margin-top:6px; font-size:116%; }

.second_box .right_area { display:inline-block; letter-spacing:normal; margin-top:30px; vertical-align:top; width:100%; }
.second_box .right_area .medical_insurance {
/*background-image:url(../img/home_health_care/p_charactor.png);*/
/*background-position:98% bottom;*/
/*background-size:102px 200px;*/
/*background-color:#d5eceb;*/
background-image:url(../img/top/p_illust_sample.png);
background-size:100px 241px;
background-repeat:no-repeat;
background-color:#fffaee;
background-position:95% 95%;
border-radius:3px;
padding:30px;
}
.second_box .right_area .medical_insurance dl { width:75%; text-align:left; }
.second_box .right_area .medical_insurance dl dt {
background-image:url(../img/common/i_h6_green.png);
background-repeat:no-repeat;
background-position:left 5px;
text-align:left;
font-weight:600;
font-size:138%;
border-bottom:2px solid #329995;
padding:0 0 10px 60px;
}
.second_box .right_area .medical_insurance dl dd { text-align:left; }
.second_box .right_area .medical_insurance dl dd ul { background-color:#fff; padding:30px; border-radius:3px; letter-spacing:-.40em; margin-top:20px; }
.second_box .right_area .medical_insurance dl dd ul li { display:inline-block; letter-spacing:normal; vertical-align:middle; text-align:center; width:25%; }
.second_box .right_area .medical_insurance dl dd ul li:first-child { text-align:left; width:60%; }
.second_box .right_area .medical_insurance dl dd ul li:first-child span { font-size:125%; }
.second_box .right_area .medical_insurance dl dd ul li:nth-child(2) { width:15%; }
.second_box .right_area .medical_insurance dl dd ul li:nth-child(3) { font-size:125%; font-weight:600; color:#ff3300; }
.second_box .right_area .medical_insurance dl dd p { font-size:93%; margin-top:10px; line-height:1.4; }

.infomation_box { background-color:#d5eceb; border-radius:3px; margin-top:10px; position:relative; }
.infomation_box img.image { position:absolute; right:20px; top:-220px; }
.infomation_box ul { border-radius:3px; letter-spacing:-.40em; padding:0 25px 25px; }
.infomation_box ul li { border-radius:3px; display:inline-block; letter-spacing:normal; margin-top:25px; margin-right:25px; vertical-align:top; width:264px; }
.infomation_box ul li:nth-child(3n) { margin-right:0; } 
.infomation_box ul li dl { background-color:#fff; border-radius:3px; padding:15px; }
.infomation_box ul li dl dt { color:#329995; font-size:125%; font-weight:600; text-align:left; }
.infomation_box ul li dl dd.image { margin-top:15px; }
.infomation_box ul li dl dd p { font-size:108%; margin-top:10px;  }
.infomation_box ul li dl dd p span { display:block; font-size:116%; font-weight:600; }

.flow { margin-top:30px; }
.flow ol { width:100%; }
.flow ol li { border-bottom:1px dotted #ccc; position:relative; padding:45px 0; text-align:left; width:100%; }
.flow ol li:after {
content:" ";
position:absolute;
background-image:url(../img/common/i_ar_flow.png);
background-position:center center;
background-repeat:no-repeat;
background-size:31px 31px;
left:50%;
bottom:-15px;
margin-left:-15px;
width:31px;
height:31px;
}
.flow ol li > span { width:48px; height:48px; background-color:#329995; color:#fff; font-weight:600; text-align:center; display:inline-block; border-radius:24px; vertical-align:middle; letter-spacing:normal; position:absolute; left:20px; top:50%; font-size:132%; line-height:1; padding:14px 0; margin-top:-24px; }
.flow ol li > p { display:inline-block; letter-spacing:normal; padding-left:120px; margin-top:0; font-size:125%; }
.flow ol li img { vertical-align:middle; }

.flow ol li:first-child { letter-spacing:-.40em;  }
.flow ol li:first-child dl { display:inline-block; vertical-align:middle; margin-left:130px; }
.flow ol li:first-child dl dt { background-color:#fff; border:1px solid #329995; color:#329995; letter-spacing:normal; text-align:center; font-size:116%; padding:5px 20px; margin-top:0; }
.flow ol li:first-child dl dd { letter-spacing:-.40em; margin-top:5px; }
.flow ol li:first-child dl dd .tel { margin-top:15px; text-align:center; }
.flow ol li:first-child dl dd .tel a { display:block; }
.flow ol li:first-child dl dd .info { margin-top:10px; }
.flow ol li:first-child dl dd .info dl { letter-spacing:-.40em; margin-left:0; }
.flow ol li:first-child dl dd .info dl dt { display:inline-block; text-align:left; letter-spacing:normal; font-size:108%; margin-right:10px; }
.flow ol li:first-child dl dd .info dl dd { display:inline-block; text-align:left; letter-spacing:normal; font-size:116%; margin-top:0; }
.flow ol li:first-child dl dd .info dl dd span { display:inline-block; letter-spacing:normal; margin-left:10px; }
.flow ol li:first-child dl dd .info dl dd span:first-child { margin-left:0; }
.flow ol li:first-child img.image { position:absolute; right:10px; bottom:-10px; width:100px; height:241px; }

/*.flow ol li:nth-child(2) p { margin-right:100px; }*/
/*.flow ol li:nth-child(2) .btn { display:inline-block; text-align:left; letter-spacing:normal; text-align:right; }*/
/*.flow ol li:nth-child(2) .btn a { display:block; font-size:116%; }*/

.flow ol li:nth-child(2) { padding:85px 0; }
.flow ol li:nth-child(2) div { padding-left:120px; }
.flow ol li:nth-child(2) div p { vertical-align:middle; display:inline-block; letter-spacing:normal; font-size:125%; margin-top:0; width:60%; }
.flow ol li:nth-child(2) div img { display:inline-block; text-align:right; vertical-align:middle; width:234px; height:150px; position:absolute; right:40px; top:50%; margin-top:-75px; } 

.flow ol li:nth-child(5) {
/*background-image:url(../img/home_health_care/bg_flow_06.png);*/
/*background-position: left top;*/
/*background-repeat:no-repeat;*/
/*margin:30px 0;*/
/*padding:55px 0;*/
padding:85px 0;
}
.flow ol li:nth-child(5):after { content:none; }

.flow ol li:nth-child(5) div { padding-left:120px; }
.flow ol li:nth-child(5) div p { vertical-align:middle; display:inline-block; letter-spacing:normal; font-size:125%; margin-top:0; width:60%; }
.flow ol li:nth-child(5) div img { display:inline-block; text-align:right; vertical-align:middle; width:234px; height:150px; position:absolute; right:40px; top:50%; margin-top:-75px; } 

/*-------------------------------------------------------------------
medical_guide
-------------------------------------------------------------------*/
.medical_price {
margin-top:20px;
}
.medical_price dl {
background-color:#dcf1f9;
}
.medical_price dl dt {
background-color:#1ea2d9;
color:#fff;
font-size:125%;
padding:20px; 10px;
text-align:left;
}
.medical_price dl dd { padding:20px; }
.medical_price dl dd .lead { padding:0 0 20px 0; text-align:left; }
.medical_price dl dd .lead span { color:#0586bb; font-size:131%; font-weight:600; }
.medical_price dl dd table { border-top:1px solid #1ea2d9; border-right:1px solid #1ea2d9; width:100%; }
.medical_price dl dd table th { background-color:#fff; border-right:1px solid #1ea2d9; border-bottom:1px solid #1ea2d9; border-left:1px solid #1ea2d9; padding:20px 20px; width:20%; text-align:center; font-weight:600; font-size:125%; }
.medical_price dl dd table th.sat { background-color:#f2fafd; }
.medical_price dl dd table td { background-color:#fff; border-bottom:1px solid #1ea2d9; border-left:none; padding:20px 20px; width:20%; font-size:125%; text-align:center; }

#container #left_nav ul.nav li a:hover { background-color:#329995; }
#container #left_nav ul.nav li.current a { background-color:#329995; }
#container #left_nav ul.sub_nav li a:hover { background-color:#329995; color:#fff; }
#container #left_nav ul.sub_nav li.current a { background-color:#329995; color:#fff; }

.conv {
background-image:url(../img/common/bg_illust.png);
background-position:center bottom;
background-repeat:no-repeat;
margin:40px auto 0;
border:2px solid #1ea2d9;
}
.conv .conv_cont {
background-image:url(../img/sports_clinic/p_charactor_m.png);
background-position:96% bottom;
background-repeat:no-repeat;
background-size:148px 220px;
padding:40px 20px 80px 30px;
margin-top:0;
position:relative;
letter-spacing:-.40em;
text-align:left;
}
.conv .conv_cont  > img { display:inline-block; text-align:left; padding-right:40px; vertical-align:middle; }
.conv dl { display:inline-block; vertical-align:middle; }
.conv dl dt { letter-spacing:normal; text-align:center; font-size:116%; background-color:#1ea2d9; color:#fff; padding:5px 20px; margin-top:5px; }
.conv dl dd { letter-spacing:-.40em; margin-top:5px; }
.conv dl dd .tel { margin-top:10px; }
.conv dl dd .info { margin-top:5px; }
.conv dl dd .info dl { letter-spacing:-.40em; }
.conv dl dd .info dl dt { display:inline-block; text-align:left; letter-spacing:normal; font-size:108%; margin-top:5px; margin-right:10px; vertical-align:top; }
.conv dl dd .info dl dd { display:inline-block; text-align:left; letter-spacing:normal; font-size:116%; margin-top:5px; }
.conv dl dd .info dl dd span { display:inline-block; letter-spacing:normal; margin-left:0; }
.conv dl dd .info dl dd span:first-child { margin-left:0; }
.conv dl dd .info dl dd span:nth-child(3) { margin-left:10px; }
.conv dl dd .info dl dd span:nth-child(5) { margin-top:4px; margin-left:0; }
.conv dl dd .info dl dd span:nth-child(7) { margin-left:10px; }

/*-------------------------------------------------------------------
explain
-------------------------------------------------------------------*/
.explain { letter-spacing:-.40em; }
.explain li { display:inline-block; letter-spacing:normal; vertical-align:top; }
.explain li:first-child { width:60%; padding-right:5%; }
.explain li:nth-child(2) { width:35%; }
.explain li:nth-child(2) img { width:100%; height:auto; }

.explain li div.free_trial { border:3px solid #f60; margin-top:20px; }
.explain li div.free_trial span { color:#f60; display:block; padding:10px 30px; font-size:127%; text-align:center; font-weight:600; }

/*-------------------------------------------------------------------
module
-------------------------------------------------------------------*/
.module h2 { background: #329995; font-size:165%; }
.module h3 { border-bottom:2px solid #329995; color:#444; font-size:146%; }
.module h4 { background-color:#f0f0f0; border:none; color:#329995; font-size:126%; }
.module h4:before { background-image:url(../img/common/i_h4_green.png); }
.module h5 { border-bottom:1px dotted #329995; }
.module h5:before { background-image:url(../img/common/i_h5_green.png); }
.module h6 { border-bottom:1px solid #329995; }
.module h6:before { background-image:url(../img/common/i_h6_green.png); }
.module dl.box { border:1px solid #329995; }
.module dl.box dt { border-bottom:1px solid #329995; }
.module dl.box dt:before { background-image:url(../img/common/i_h6_green.png); }
.module ul.list li { background-image:url(../img/common/i_h6_green.png); }
.module ul.list.square li { background-image:url(../img/common/i_h5_green.png); }

/*-------------------------------------------------------------------
case
-------------------------------------------------------------------*/
#case #case_cont .second_box .left_area { align-items:start; display:flex; justify-content:space-between; }
#case #case_cont .second_box .left_area dl { background-color:#fff; border-radius:0; margin-top:0; padding:15px; }
#case #case_cont .second_box .left_area dl:first-child { margin:0; }
#case #case_cont .second_box .left_area dl dt { align-items:center; display:flex; justify-content:space-between; }
#case #case_cont .second_box .left_area dl dt span { flex:0 0 50%; line-height:1.6; }
#case #case_cont .second_box .left_area dl dt img { border-radius:10px; max-width:200px; height:200px; margin-right:-15px; }
#case #case_cont .second_box .left_area dl dd { margin-top:15px; }

/*-------------------------------------------------------------------
concept
-------------------------------------------------------------------*/
#concept {
display: flex;
justify-content: space-between;
position: relative;
max-width: 1080px;
overflow: hidden;
padding: 20px 0;
width: 100%;
}
#concept #concept_cont { padding-top:30px; width:50%; }
#concept #concept_cont h3 { background:transparent; border:none; font-size:185%; line-height:1.6; margin:0; padding:0; }
#concept #concept_cont h3 span { border:none; color:#000; }
#concept #concept_cont .link { margin-top:15px; }
#concept #concept_cont .link a { border:1px solid #ccc; border-radius:3px; display:block; padding:15px 30px; }
#concept #concept_cont .link a:hover { background-color:#eee; text-decoration:none; }

#concept .image { margin: 0 -20px 0 60px; width: 70%; }
#concept .image img { border-radius:20px 0 0 20px; max-width:100%; height:auto; }