@charset "utf-8";

#mainvd{padding:75px 0px 75px 0; margin-bottom:80px; background: url(../../img/title_bk.jpg); background-size: cover;}
#mainvd h1{font-size:30px; color:#fff; padding:5px 0;}
#mainvd p{font-size:16px; font-weight:400;margin-top:20px; color:#fff;}
#mainvd .inner_wrapper{padding:0px 0; margin-top:20px;}

ol {position:relative; border:1px solid #C0C0C0; border-radius:5px; padding:2px 0px; margin-bottom:40px;}
ol>li:last-child{position: relative;}
ol>li:last-child:after{position: absolute; content:url(../../img/arrow.png); bottom:-50px; left:80px;}

ol>li:first-child{border-bottom:1px solid #C0C0C0; padding:6px 0 6px 20px; font-weight:500; background:#e8e8e8; margin-top:-2px;}

ol li ul,ol li ul li{padding:0px; margin:0px;}
     
ol li ul li{list-style-type:none !important; list-style-image:none !important; margin: 10px 0 10px 0px !important; position:relative; padding-left:37px;}
     
ol li ul li:before{
    	content:''; 
    	display:block; 
    	position:absolute; 
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	top:7px; 
    	left:22px; 
    	height:0; 
    	width:0; 
    	border-top: 6px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 6px solid transparent;
    	border-left: 9px solid #aaa;
    }

#contents08 ol>li:last-child:after{content:none;}

#contents08{margin-bottom:30px;}


/* SP */
@media screen and (max-width: 800px){
    body{width: 100%; max-width: 100%; overflow-x: hidden;}
    #contents01 .article_r,#contents02 .article_r{width: 100%; max-width: 100%; overflow: hidden;}
    ol>li:last-child:after{left:calc(50% - 30px);}
    #mainvd{margin-bottom:30px;}
    #contents03, #contents06{margin-top: 0!important;}
}