@charset "utf-8";

/*-------------------------------------------------------------------
traffic_accident_foreign
-------------------------------------------------------------------*/

.second_box { letter-spacing:-.40em; margin-top:20px; }
.second_box .left_area { display:inline-block; letter-spacing:normal; vertical-align:top; width:55%; }
.second_box .left_area dl { padding:10px 20px 10px 10px; margin-top:0; }
.second_box .left_area dl dt { color:#763299; font-size:137%; font-weight:600; text-align:left; margin-top:0; }
.second_box .left_area dl dd { text-align:left; margin-top:6px; font-size:116%; line-height:2.2; }

.second_box .right_area { display:inline-block; letter-spacing:normal; vertical-align:top; width:45%; }
.second_box .right_area .medical_insurance {
background-image:url(../img/common/p_charactor3.png);
background-position:100% bottom;
background-repeat:no-repeat;
background-size:102px 200px;
background-color:#fffaee;
border-radius:3px;
padding:20px 20px 40px;
}
.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_purple.png);
background-repeat:no-repeat;
background-position:left 5px;
text-align:left;
font-weight:600;
font-size:125%;
border-bottom:2px solid #763299;
padding:0 0 10px 60px;
}
.second_box .right_area .medical_insurance dl dd { text-align:left; line-height:1.6; }
.second_box .right_area .medical_insurance dl dd ul { background-color:#fff; padding:10px; 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 { color:#ff3300; font-weight:600; font-size:116%; text-align:left; width:60%; }
.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(2) img { vertical-align:middle; }
.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:116%; margin-top:10px; line-height:1.4; }

.infomation_box { background-color:#e4dced; border-radius:3px; margin-top:10px; position:relative; }
.infomation_box img.image { position:absolute; right:20px; top:-220px; }
.infomation_box ul { align-content:stretch; border-radius:3px; box-sizing:border-box; display:flex; justify-content:space-between; padding:0 25px 25px; }
.infomation_box ul li { background-color:#fff; border:1px solid #ccc; border-radius:3px; display:inline-block; flex:0 0 30%; letter-spacing:normal; margin-top:25px; margin-right:0; vertical-align:top; }
.infomation_box ul li:nth-child(3n) { margin-right:0; } 
.infomation_box ul li dl { border-radius:3px; padding:15px; }
.infomation_box ul li dl dt { color:#763299; font-size:125%; font-weight:600; text-align:left; }
.infomation_box ul li dl dd.image { margin-top:10px; }
.infomation_box ul li dl dd.image img { opacity:0; -webkit-transition:opacity 3s; transition:opacity 3s; }
.infomation_box ul li dl dd.image img.lazyloaded { opacity:1; }
.infomation_box ul li dl dd p { font-size:100%; margin-top:10px;  }
.infomation_box ul li dl dd p span { display:block; font-size:116%; font-weight:600; }

.flow { margin-top:20px; }
.flow ol { width:100%; }
.flow ol li { border-bottom:1px dotted #ccc; position:relative; padding:25px 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:30%;
bottom:-15px;
margin-left:-15px;
width:31px;
height:31px;
}
.flow ol li > span { width:48px; height:48px; background-color:#763299; 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:15%; font-size:132%; line-height:1; padding:14px 0; margin-top:0; }
.flow ol li > p { display:inline-block; letter-spacing:normal; padding-left:120px; margin-top:0; font-size:125%; }
.flow ol li .content > .caption { color:#763299; font-weight:600; padding-left:120px; margin-top:0; font-size:137%; margin-bottom:10px; }

.flow ol li:first-child { letter-spacing:-.40em;  }
.flow ol li:first-child .content { display:flex; }
.flow ol li:first-child .content > span { width:48px; height:48px; background-color:#763299; 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:15%; font-size:132%; line-height:1; padding:14px 0; margin-top:0; }

.flow ol li:first-child dl { margin-left:130px; display:inline-block; text-align:left; letter-spacing:normal; width:420px; }
.flow ol li:first-child dl dt { letter-spacing:normal; text-align:center; font-size:116%; background-color:#1ea2d9; color:#fff; 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:10px; }
.flow ol li:first-child dl dd .info { margin-top:5px; }
.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:40px; bottom:0; width:120px; height:178px; }

.flow ol li:first-child .notice { display:inline-block; letter-spacing:normal; }

.flow ol li:nth-child(2) p { margin-right:0; }
.flow ol li:nth-child(2) > span { width:48px; height:48px; background-color:#763299; 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: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(3) { padding:25px 0; }
.flow ol li:nth-child(3) .content { padding-left:120px; }
.flow ol li:nth-child(3) .content .caption { padding-left:0;  }
.flow ol li:nth-child(3) .content p { vertical-align:middle; display:inline-block; letter-spacing:normal; width:60%; }
.flow ol li:nth-child(3) .content 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(4) { padding:35px 0; }
.flow ol li:nth-child(4):after { content:none; }
.flow ol li:nth-child(4) .content { padding-left:120px; }
.flow ol li:nth-child(4) .content .caption { padding-left:0;  }

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


.conv {
background-image:url(../img/common/bg_illust.png);
background-position:center bottom;
background-repeat:no-repeat;
margin:20px auto 0;
border:2px solid #1ea2d9;
}
.conv .conv_cont {
background-image:url(../img/common/p_charactor3.png);
background-position:95% bottom;
background-repeat:no-repeat;
background-size:102px 200px;
padding:20px 160px 100px 20px;
}
.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; margin-top:10px; }
.conv dl dd .info dl dt { display:inline-block; text-align:left; letter-spacing:normal; font-size:108%; margin-top:0; 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:0; }
.conv dl dd .info dl dd span { display:inline-block; letter-spacing:normal; margin-left:10px; }
.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; }
#visit_clinics .module h3 { font-size:137%; }
.conv dl dd .info dl dd span:nth-child(7) { margin-left:10px; }

/*-------------------------------------------------------------------
module
-------------------------------------------------------------------*/
.module h2 { background: #763299; }
.module h3 { border-bottom:2px solid #763299; color:#444; font-size:138%; }
.module h4 { background-color:#f0f0f0; border:none; color:#763299; }
.module h4:before { background-image:url(../img/common/i_h4_purple.png); }
.module h5 { border-bottom:1px dotted #763299; }
.module h5:before { background-image:url(../img/common/i_h5_purple.png); }
.module h6 { border-bottom:1px solid #763299; }
.module h6:before { background-image:url(../img/common/i_h6_purple.png); }
.module dl.box { border:1px solid #763299; }
.module dl.box dt { border-bottom:1px solid #763299; }
.module dl.box dt:before { background-image:url(../img/common/i_h6_purple.png); }
.module ul.list li { background-image:url(../img/common/i_h6_purple.png); }
.module ul.list.square li { background-image:url(../img/common/i_h5_purple.png); }