@charset "utf-8";

/*-------------------------------------------------------------------
sp_traffic_accident_foreign
-------------------------------------------------------------------*/
@media screen and (max-width: 767px)  {

.module h2 { padding:20px; }
.module h3 { background-color:#f5e4f2; padding:20px; }
.module h4 { background-color:#f5e4f2; padding:20px; }

.module p { letter-spacing:normal; line-height:2.0; margin-top:0; padding:0; }

#container #main_col #main_visual { background-color:#f5e4f2; }
#container #main_col #main_visual dl dt span { color:#ad478c; }
#container #main_col #main_visual dl dd span { color:#000; }

.infomation_box {  background-color:#f5e4f2; border-radius:0; margin-top:0; }
.infomation_box ul { flex-wrap:wrap; padding:15px; }
.infomation_box ul li { flex:0 0 100%;margin-top:10px; margin-right:0; width:100%; }
.infomation_box ul li:first-child { margin-top:0; }
.infomation_box ul li dl { padding:0; }
.infomation_box ul li dl dt { background-color:#faf1f8; color:#763299; padding:15px; }
.infomation_box ul li dl dd { padding:15px; }
.infomation_box ul li dl dd.image { margin-top:0; }
.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.txt p { margin-top:0; padding:0; }
.infomation_box ul li dl dd.txt p br { display:none; }

.second_box { background-color:#eee; margin-top:0; padding:15px; }
.second_box .left_area { width:100%; }
.second_box .left_area dl { background-color:#fff; border-radius:10px; margin-top:20px; padding:20px; }
.second_box .left_area dl:first-child { margin-top:0; }
.second_box .left_area dl dt { font-size:124%; }
.second_box .left_area dl dd {}
.second_box .left_area dl dd ul li { font-size:100%; line-height:1.8; }

.second_box .right_area { margin-top:20px; width:100%; }
.second_box .right_area dl dt { font-size:100%; }
.second_box .right_area .medical_insurance { background-image:none; padding:20px; }
.second_box .right_area .medical_insurance dl { width:100%; }
.second_box .right_area .medical_insurance dl dt { font-size:138%; }


.flow { background-color:#eee; }
.flow h2 { font-size:131%; }
.flow ol { padding:15px; width:100%; }
.flow ol li { background-color:#fff; display:flex; flex-wrap:wrap; padding:30px 15px 30px; width:100%; }
.flow ol li > span { border-radius:0; display:flex; flex:0 0 48px; justify-content:center; margin-top:0; left:0; top:0; position:relative; line-height:1.2; }
.flow ol li .content > .caption { flex:1; padding-right:0; padding-left:0; }
.flow ol li dl { margin:0; flex:1; padding:0 0 0 20px; }
.flow ol li > p { flex:0 0 100%; font-size:108%; padding:15px 0 0; }

.flow ol li:first-child { border-radius:3px 3px 0 0; padding:15px 15px 30px 15px; }
.flow ol li:first-child .content { display:flex; }
.flow ol li:first-child .content > span { border-radius:0; display:flex; flex:0 0 48px; justify-content:center; margin-top:0; left:0; top:0; position:relative; line-height:1.2; }

.flow ol li:first-child img.image { display:none; }
.flow ol li:first-child dl { margin-top:0; margin-left:0; flex:1; padding:0 0 0 20px; width:auto; }
.flow ol li:first-child dl dt { background-color:#fff; border:1px solid #763299; color:#763299; display:inline-block; font-size:85%; padding:10px 30px; text-align:left; }
.flow ol li:first-child dl dd { display:flex; flex-wrap:wrap; letter-spacing:normal; }
.flow ol li:first-child dl dd .tel { flex:0 0 100%; margin-top:5px; text-align:left; }
.flow ol li:first-child dl dd .tel a {}
.flow ol li:first-child dl dd .tel img { height:auto; max-width:220px; width:100%; }

.flow ol li:first-child dl dd .info { flex:1 1 auto; margin-top:20px; text-align:left; }
.flow ol li:first-child dl dd .info dl { align-items:center; display:flex; justify-content:start; flex:1; padding:0; }
.flow ol li:first-child dl dd .info dl dt { align-items:center; display:flex; flex:0 0 70px; font-size:85%; justify-content:center; margin-right:0; padding:10px 10px; text-align:center; }
.flow ol li:first-child dl dd .info dl dd { display:flex; flex:0 0 200px; flex-wrap:wrap; justify-content:start; margin-top:0; margin-left:10px; }
.flow ol li:first-child dl dd .info dl dd span { font-size:79%; }
.flow ol li:first-child dl dd .info dl dd span:first-child { display:none; }
.flow ol li:first-child dl dd .info dl dd span:nth-child(2) { margin-left:0; } 
.flow ol li:first-child dl dd .info dl dd span:nth-child(4) { display:inline-block; flex:0 0 auto; font-size:79%; margin-top:5px; margin-left:0; text-align:left; }
.flow ol li:first-child .notice { margin-top:15px; }
.flow ol li:first-child .notice p {}
.flow ol li:first-child .notice > span { letter-spacing:normal; }

.flow ol li:nth-child(2) p { align-items:center; display:flex; flex: 0 1 100%; font-size:108%; margin-right:0; margin-left:0; padding: 0 0 0 70px; width:100%; }
.flow ol li:nth-child(2) p br { display:none; }

.flow ol li:nth-child(2) { flex-wrap:nowrap; margin:0; padding:35px 15px 30px; }
.flow ol li:nth-child(2) div { display:flex; flex:0 1 100%; justify-content:space-between; margin-left:0; padding-left:20px; }
.flow ol li:nth-child(2) div p { align-items:center; display:flex; flex:0 1 100%; font-size:108%; margin:0; padding:0; width:100%; }
.flow ol li:nth-child(2) div img { position:relative; object-fit:cover; right:auto; top:auto; height:90px; margin-top:auto; width:140px; }

.flow ol li:nth-child(3) { flex-wrap:wrap; padding:30px 15px 30px 15px; }
.flow ol li:nth-child(3) .content { display:flex; flex:1; flex-wrap:wrap; padding-left:20px; }
.flow ol li:nth-child(3) .content p { align-items:center; display:flex; flex:0 0 100%; font-size:108%; margin-right:0; margin-left:0; padding:0 0 15px; width:auto; }
.flow ol li:nth-child(3) .content img { position:relative; top:auto; right:auto; margin-top:0; }

.flow ol li:nth-child(4) { flex-wrap:wrap; padding:30px 15px 30px; }
.flow ol li:nth-child(4) .content { display:flex; flex:1; flex-wrap:wrap; padding-left:20px; }
.flow ol li:nth-child(4) .content p { align-items:center; display:flex; flex:0 0 100%; font-size:108%; margin-right:0; margin-left:0; padding:0; width:auto; }

.flow ol li:nth-child(5) { background-image:none; border-radius0 0 :3px 3px; flex-wrap:nowrap; margin:0; padding:35px 15px 30px; }
.flow ol li:nth-child(5) div { display:flex; flex:0 1 100%; justify-content:space-between; margin-left:0; padding-left:20px; }
.flow ol li:nth-child(5) div p { align-items:center; display:flex; flex:0 1 100%; font-size:108%; margin-right:0; margin-left:0; padding:0; width:100%; }
.flow ol li:nth-child(5) div img { position:relative; object-fit:cover; right:auto; top:auto; height:90px; margin-top:auto; width:140px; }

.flow ol li:after { left:50%; z-index:1; }

.conv { background-image:none; border:none; margin:0 auto; padding:10px; position:relative; }
.conv .conv_cont { background-image: url(../../img/common/bg_illust.png); background-position: center bottom; background-repeat: no-repeat; border:2px solid #1ea2d9; padding:25px 15px 130px 15px; position:relative; background-size:cover; text-align:center; }
.conv .conv_cont:after { content:" "; position:absolute; right:20px; bottom:0; background-image: url(../../img/visit_clinics/p_charactor_m.png); background-size:80px 119px; width:80px; height:119px; }
.conv .conv_cont > img { width:200px; height:56px; padding-right:0; }
.conv dl { margin-top:20px; }
.conv dl dt { margin-top:0; }
.conv dl dd .info dl { display:flex; }
.conv dl dd .info dl dt { align-items:center; display:flex; justify-content:center; margin-top:0; }
.conv dl dd .info dl dd { margin-top:0; }
.conv dl dd .info dl dd span { font-size:85%; }
.conv dl dd .tel img { height:auto; max-width:220px; width:100%; }

.flow ol li:first-child dl dd .notice { flex:0 0 100%; }


}