@charset "utf-8";

#MDs_visual_txt { top:46% }


/* SUB */
.MD45s_section { width:100% ; overflow:hidden ; margin:auto ; margin-bottom:100px }
.MD45s_section:last-child  { margin-bottom:20px } 

.MDs45s_p { max-width:1000px ; margin:auto ; text-align:justify ; line-height:26px ; padding-bottom:30px ; color:#595959 }
.MDs45s_p:last-child { padding-bottom:0px } 
.MDs45s_lang , .MD45s_h2 b { font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit }


 
/* LEAD */
#MD45_section0 { height:443px ; background:url(MD45_bg1.jpg) no-repeat center ; background-size:cover }

#MDs45s_warp { width:100% ; max-width:1000px ; height:800px ; margin:auto ; position:relative }
#MDs45s_lead { 
    width:100% ; max-width:900px ; box-sizing:border-box ; padding:30px ;
    background-color:rgba(139,10,26,0.8) ; border-radius:4px ;
    position:absolute ; right:0 ; top:27% ; transform:translateY(-50%) ; text-shadow:0px 0px 3px #000000 }
#MDs45s_lead > p { font-size:20px ; letter-spacing:-0.5px ; line-height:36px ; color:#ffffff ; text-align:justify ; word-break:keep-all }



/* TITLE */
.MD45s_h2 , .MD45s_h2 * { letter-spacing:-2px }
.MD45s_h2 {
    width:100% ; padding-bottom:40px ; position:relative ;
    font-size:30px ; line-height:38px ; color:#333333 ;  text-align:center ; font-weight:400 ;
}
.MD45s_h2 b { font-weight:600 ; display:block }
.MD45s_h2::after {
    content:"" ; display:block ; width:30px ; height:3px ; background-color:#ee3432 ;
    position:absolute ; left:50% ; bottom:25px ; transform:translateX(-50%) ;
}



/* IMG */
.MDs45_imgs , .MDs45_img , .MDs45_img img { width:100% }
.MDs45_img img { border-radius:4px } 
.MDs45_imgs , .MDs45_img { max-width:1000px ; margin:auto ; font-size:0 }
.MDs45_imgs { margin-bottom:50px ; overflow:hidden }
.MDs45_imgs:last-child { margin-bottom:0 }

.MDs45_img.left , .MDs45_img.right  { max-width:495px }
.MDs45_img.left  { float:left }
.MDs45_img.right { float:right }

.MDs45_tag , .MDs45_tag > a { font-size:12px ; line-height:14px ; margin-top:10px ; text-align:center ; overflow:hidden ; word-break:keep-all }
.MDs45_tag > a:hover { text-decoration:underline }
.MDs45_tag_bg { text-align:center ; padding-bottom:8px }
.MDs45_tag_bg > b { display:inline-block ; background-color:#ee3432 ; padding:5px 20px ; color:#ffffff ; font-weight:blod ; border-radius:20px ; font-size:14px ; line-height:18px }

#MDs45_img5 { max-width:450px }
#MDs45_img6 { max-width:540px }



/* PART.3 */
#MDs45s_box2 { width:100% ; margin:auto ; height:933px ; padding-top:110px ; box-sizing:border-box ; background:url(MD45_bg2.jpg) no-repeat center top ; background-size:auto }
#MDs45s_box2 > img { display:none }
#MDs45s_box2 .MD45s_h2 , #MDs45s_box2 .MDs45s_p , #MDs45s_box2 .MDs45_tag , #MDs45s_box2 .MDs45_tag > a , #MDs45s_box2 .MDs45_tag > a:hover { color:#ffffff }
#MDs45s_box2 .MDs45s_p { padding-bottom:30px }






#MD45s_source { max-width:1000px ; overflow:hidden }
#MD45s_source > p { margin:auto ; text-align:left ; border-top:solid 1px #d7d7d7 ; font-size:14px ; line-height:22px ; padding-top:10px ; color:#595959 }
#MD45s_source > p > a { font-size:14px ; padding-top:10px ; color:#595959 }
#MD45s_source > p > a:hover {text-decoration:underline}



@media screen and (max-width:1300px) {

	#MDs45s_lead { max-width:600px ; right:0 }


}





/* MOBILE **********/
@media screen and (max-width:999px){ 

    /* LEAD */
	.MD45s_section { margin-bottom:60px }
    #MD45_section0 { 
        height: 330px ; padding:30px ; box-sizing:border-box ; 
        background-image:url(MD45_bg1_MB.jpg) }
		
    #MDs45s_warp { padding-bottom:0px ; height:0px }
    #MDs45s_lead {position:static ; margin:auto ; padding:30px ; width:100% ; transform:none ; top:20% }
    #MDs45s_lead > p { font-size:16px ; line-height:26px ; text-align:justify }
	#MDs45s_lead > p > br { display:none }


    /* IMG */
    .MDs45_imgs { text-align:center ; margin-bottom:20px }
    .MDs45_img.left , .MDs45_img.right  { float:none ; display:inline-block ; margin:3px ; margin-bottom:10px ; line-height:0 }
	
	#MDs45_img1 , #MDs45_img3 , #MDs45_img5 , #MDs45_img7 , #MDs45_img9  { padding-bottom:20px }
	
	
	#MDs45s_box2 { background:none ; background-color:#282b5e ; text-align:center ; height:auto ; padding:30px }
	#MDs45s_box2 > img { display:block ; width:100% }


	
}