/*
.online	{width:100%;margin:0 0 20px 0;}
.online:after	{content:"";display:block;clear:both;}
.online	.tit	{background-color:#f36;padding:8px;color:#fff;font-weight:bold;text-align:center;}
.online img	{display:block;width:65%;margin:12px auto;border:1px solid #630;border-radius:5px;float:none;}
.online img.pc_tel{display:none;}
.online img.sp_tel{display:block;}*/

.gaiyou h1.ol {font-size:21px;color:#fff;padding:20px 0 60px 0;margin:0;border:0px;text-align:center;line-height:1.5;background-image:url("images/online_tit_bg.gif");background-size:auto;background-repeat:no-repeat;background-position:center;}
.gaiyou .line h2 {font-size:18px;padding:10px 20px;color:#630;margin:30px 0;background-color:#fff;line-height:1.5;border:1px solid #630;border-radius:30px;}

.gaiyou .line .in {width:90%;margin:0 auto;text-aling:left;}
.gaiyou .line .in img {width:100%;}
.gaiyou .line span.y{background-color:#ff0;font-weight:bold;}

.gaiyou .line .sample_box{position: relative;}
.gaiyou .line .sara{background-color:#3c3;color:#fff;font-weight:bold;padding:20px 10px;border-radius:100%;position: absolute; top: -7px; left: -1px;}


/*tablet*/
@media print, screen and (min-width: 768px) {
.gaiyou .line .in {width:70%;text-align:center;}
.gaiyou .line .in img {width:100%;}
/*
.online img	{width:30%;margin:15px 1.5%;box-sizing:border-box;float:left;}
.online img.pc_tel{border:1px solid #fff;display:block;}
.online img.sp_tel{display:none;}*/
}

/*PC*/
@media print, screen and (min-width:850px) {
.line .talk{width:60%;}
}

/*iPhone5 only*/
@media only screen and (max-width:373px) {

}