.line_stamp nav li a:before {
    content: "";
    background: url(/images/common/icon_arrow_under.png) no-repeat left center;
    padding: 15px;
    position: absolute;
    left: 10px;
    top: 35%;
}


.line_stamp{font-size:16px; color:#777;}
.line_stamp h2{font-size:2em; text-align:center; color:#01b903; border-bottom:1px solid; margin: 50px 0 30px;}
.line_stamp h3{clear:both; text-align:center; font-size:1.8em; padding: 35px 0 0; color:#FFF; background:url(/images/line_stamp/bg_line_stamp.png) no-repeat top center; height:120px;}
.line_stamp h4{font-size:1.4em; text-align: center; color:#6c3808; margin:0 2% 30px; border:none;}
.line_stamp p{line-height: 1.6em;}
article h2:before, article h2:after{border-top:none;}

/*共通************/
.sampleimg li{float:left; margin: 0 0 0 1%;}
.smartphone .sampleimg li{float:left; margin: 0 0 10px 2%;}
#profile li:not(:last-child) dd,
.step li:not(:last-child){border-bottom: 1px dotted #CCC; padding: 0 0 10px; margin: 0 0 10px;}


.usescene dt:after
{ content: ""; position: absolute; border-style: solid; bottom: -9px; left: 50%; border-width: 9px 9px 0 9px; border-color: #01b901 transparent transparent transparent; z-index: 0;}
.cvlink{margin:50px auto; text-align: center;}
#profile,
#example{padding-bottom:50px;}


/*冒頭************/
#intro{}
#intro nav {margin-bottom:50px;}
#intro nav li{float:left; width:32%; box-sizing: border-box; margin:10px 0.6% ; border:3px solid #f39000; border-radius:5px; text-align:center; position:relative;            }
#intro nav li a{display:block; padding:15px 5px;}
#intro nav li a:hover{background:#fffae6;}



/*プロフィール************/
#profile{ background:url(/images/line_stamp/bg_dotted.gif) ;}
#profile .sampleimg li:first-child{margin-left:15px;}
#profile .sampleimg li img{width:120px;}
#profile dt{color:#f39000;}
#hukidashi{clear:both; background:url(/images/line_stamp/hukidashi.png) no-repeat top center; color:#FFF; padding: 18px 0 0;}




/*使用例************/
#example{ background:url(/images/line_stamp/bg_stripe.gif) ;}
.usescene {float:left; margin:10px 1.5% 50px; text-align:center; width:30%; box-sizing:border-box;}
.usescene dt{position:relative; background:#01b901; color:#FFF; border-radius:30px; padding: 5px; margin:20px 0;}
.pharmastamp{clear:both; border:3px solid #f39000; border-radius:5px; background:#FFF; margin: 3%;}
.pharmastamp p{background:#f39000; color:#FFF; padding: 10px;}
.pharmastamp p:before{content:""; background:url(/images/line_stamp/icon_drug.png) no-repeat left center; padding:22px;}
.pharmastamp li {width:23%;}



/*ダウンロード方法************/
#download{ background:#fffae6; padding-bottom:30px;}
#download .step{ margin:30px;}
#download .step li{text-align:left; display: flex; align-items: center; background:url(/images/line_stamp/step01.png) no-repeat left top; padding-left:160px; min-height:60px;}
#download .step li:nth-child(2){ background:url(/images/line_stamp/step02.png) no-repeat left top;}
#download .step li:nth-child(3){ background:url(/images/line_stamp/step03.png) no-repeat left top;}

#download .cvlink{line-height: 1.8em; padding:10px; background: url(/images/line_stamp/qrcode.png) no-repeat right 10% top 30px; width: 80%; margin: auto;}
#download .cvlink a{ color:#01b903; width:50%; font-size:1.8em; border:4px solid; background:#FFF; display:block; padding:15px; margin: 20px;}
#download .cvlink a:hover{background:#01b903; color:#FFF;}
#download .cvlink a span{font-size:.6em;}
#download .cvlink p{clear:both; font-size:.8em;}

.attention{clear:both; background:#FFF; border:2px solid #DDD; padding: 1em 2em; margin:30px 30px 0; text-align:center;}
.attention p{margin:0 0 10px;}
.attention+p{text-align:left; font-size: .8em; margin: 5px 30px;}
.attention li{text-align:left; font-size:.8em;}
.attention li:before{content:"※"; margin-left:-1em;}


/*PC*/
@media only screen and (min-width: 768px) {
.line_stamp{    float: left;    max-width: 840px;    width: 70%;}
#hukidashi{font-size:.9em; text-align: center; min-height:110px;}


#profile figure{float:left; width:45%;}
.profile_pharurun{float:left; width:50%; text-align: left; margin: 0 2%;}


}


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

.line_stamp h3{height:100px;}
#hukidashi:after{ content: ""; position: absolute; border-style: solid; bottom: -9px; left: 50%; border-width: 9px 9px 0 9px; border-color: #01b901 transparent transparent transparent; z-index: 0;}
.cvlink{text-align:center;}

 #intro nav li{float:inherit; width:95%; margin:10px auto;}
 #profile figure{float:inherit; text-align:center;}
 .profile_pharurun{margin:30px;}
#profile .sampleimg li img{width:100%;}
 #hukidashi{position:relative; text-align:center; background:#A0D250; margin: 20px 0; padding: 20px; border-radius: 60px; }
 #hukidashi:after{border-color: #A0D250 transparent transparent transparent; }
 #profile .sampleimg li{width:30%;}
 .usescene {float:inherit;}
.usescene { margin:10px 5% 50px; text-align:center; width:90%;}
 .usescene:last-child {margin-bottom:50px;}
 #download h3{padding:10px 10px 20px;}
 #download .step li{ padding:60px 0 20px; background-position:top left;}
 #download .cvlink{background:none; width:inherit; margin:auto;}
 #download .cvlink a{width:90%; margin:auto; line-height: 1.3em;}
 #download .cvlink p{font-size:.7em; text-align:left;}
 
 
}