.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 768px){
body{
  font-size: 1em;
}
img{
	max-width:100%;
	height: auto;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.txt{
	font-size: 1em; 
}
.row{
	width: 100%;
}
#main .row {
	margin: 10px auto;
}
#main .aboutssl .row{
	margin:auto;
}
#main h2 {
    background: rgba(0, 0, 0, 0) url("../img/key.png") no-repeat scroll left center;
}
.head_btn_link{
	display:none;
}

.intro{
    font-size: 0.9em;
    padding: 17px;
    position: static;
}
#head_line{
	font-size: 0.5em;
    padding: 3px 5px;
}


.intro p.h2 {
    border-bottom: 2px solid #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

/*h1 {
	font-size: 22px;
    height: auto;
    padding: 0 10px;
	line-height:100%;
}*/


#head_content{
	height: auto;
}
.intro_char {
	position: static;
}
.intro_char {
	display:none;
	padding: 0 10%;
    width: 43%;
}
#main h1,
#main h2{
	font-size: 16px;
	min-height: 27px;
	 margin: 35px 4px 14px;
}
.sns{
	position: relative;
    top: 0;
	display:table;
	padding:0 0 0 2px;
	width:100%
}
.sns div{
	margin:2px;float:left;
}

.intro .txt br{
	display:none;
}
#main{
	 padding: 0 11px;
}
#serifchar1,
#intro_char2{
	text-align:right;
}
#intro_char2 img{
	width:50%;
	display: inline;
}
#serifchar1 img{
	width:39%;
	display: inline;
}
#serifchar2 img{
	 width:30%;
}
.serif2,
.serif1{
	padding: 15px;
    position: static;
	width:auto;
	background: #FFF;
	border-radius: 5px;
}
.serif1{
	margin-bottom:8px;
}
.about_inner{
	height: auto;
	background: none;
}
.aboutssl{
	height: auto;
	background: #CCC;
	padding: 8px;
}

.about_inner h2 {
    color: #0063b2;
    font-size: 20px !important;
    padding: 0 0 10px !important;
}

.setssl_inner {
	width:100%;
}
.fleft{
	margin-bottom:10px;
}
.offer_title,
.offer_middle_txt,
.offer_sub_txt,
.offer_book {
	position: static;
}
.offer_middle_txt{font-size:12px;}
.offer_book{
	width:50%;
	display:block;
	margin:auto;
}
.offer{
	padding:10px;
}
#main .row.risk {
    margin: auto;
    padding: 0px;
}
.yakuwari1 {
    background: rgba(0, 0, 0, 0) url("../img/yakuwari1.png") no-repeat scroll right bottom / 50% auto;
    height: auto;
    padding-bottom: 63%;
}
.yakuwari1,
.yakuwari2{
	font-size:0.9em;
}

.yakuwari1 br,
.yakuwari2 br{
	display:none;
}
.yakuwari2 {
	background: rgba(0, 0, 0, 0) url("../img/yakuwari2.png") no-repeat scroll right bottom / 50% auto;
    height: auto;
    padding-bottom: 53%;
}
#main .row.risk h2{
	margin: 14px 17px 0px;
    padding: 15px 27px;
	text-align: left;
}
.row.risk{
    width:100%;
	text-align: center;
}
.risk .fleft h3{
    background: #257fc6 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline;
    margin: auto;
    padding: 2px 15px;
    width: 70%;
	
}
.risk .fleft{
	float:none;
	margin-bottom:20px;
}
.risk img{
	display:block;
	margin:auto;
}
.chkssl {
	background: none;
	height: auto;
}
.offer{
	height: auto;
}
.offer_title{
	 display: block;
    margin: auto;
    width: 90%;
}
.offer_sub_txt{
	padding:15px;
}
.offer_btn_block{
	position:static;
}
.fukidashi{
	background: #fff none repeat scroll 0 0;
    margin: auto;
    position: relative;
    width: 90%;
	padding:10px;
	border: 1px solid #000;
    border-radius: 5px;
    text-align: left;
}
.fukidashi_inner{
	position:static;
	width:100%;
	text-align: left;
}

#tech .fleft,
.flow  li{
	float: none;
	text-align:center;
	height:auto;
}
.flow div.fleft {
	padding:0px;
}
.select_type .fleft {
	width:100%;
}
.domain_type {
	background: none;
}
.value_graph{
	margin-top: -35px;
}
.graph_meta {
	text-align: left;
	padding:0px 10px;
}
#sp_head1{
	float:left;
	width:40%;
	padding:0px;
}
#sp_head2{
	float:left;
	width:60%;
}
#head_inner {
	height:auto;
}

#intro {
    margin-top: 20%;
}
.nobr br{
	display: none;
}
.domain_type .mt25.mb25{
	display: block;
    margin: auto auto 11px;
    padding-bottom: 28px;
}
.graphcharsp{
	display: block;
    margin: auto;
}
.risk .fleft {
    text-align: center;
    width: 100%;
}
.risk p {font-size:0.8em;}
#footer {
    margin:0 auto 0;
	font-size:0.6em;
	padding-bottom:20px;
}
.footer_left,
.footer_right{width:100%;float:none;}

}