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

	/* pagewrap */
	#pagewrap {width: 100%;}

	
}

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

	/* pagewrap */
.smr01{ margin:15px 0px 10px 0px; width:100%;}
.smr02{ margin:15px 0px 10px 0px; width:100%;}
.smr03{ margin:15px 0px 10px 0px; width:100%;}	
	

}
/************************************************************************************
1024
*************************************************************************************/
@media screen and (max-width: 1024px) {

	/* pagewrap */
	#pagewrap {width: 100%;}
	.bookmark_navibox {	display:none;}
	.how01{width:calc(100% - 42px);}
	.how02{width:calc(100% - 42px);}
	.img_box .title {font-size:1.5rem;
	
}

	.ico_box {
	padding:32px 0px 15px 10px;
	width:100%;	
}
	
	
.ico_box .ico01 {font-size:0.875rem;}

	.self_link ul{
			width:100%;
			text-align:left;
	
	}
	.self_link ul li{
		text-align:left;
			width:33%;
		margin:0px 0px 20px 0px; 
	}	
	
.self_contentwrap{min-width:245px; vertical-align:top; width:calc(100% - 20px)}

.self_direct{
	min-width:245px;
	vertical-align:top;	
	color:#1428a0;
	text-align:center; 
font-size:0.875rem;}
.smr01{ margin:15px 0px 10px 0px; width:100%;}
.smr02{ margin:15px 0px 10px 0px; width:100%;}
.smr03{ margin:15px 0px 10px 0px; width:100%;}


.self_img{width:190px; margin:0px 0px 0px 0px;}

	

.useful_link ul{
			width:100%;
			text-align:left;
	
	}
	
.useful_contentwrap{min-width:285px; vertical-align:top; width:calc(100% - 20px);  min-height: 200px;}
.useful_content{width:calc(100% - 200px); font-size:1rem;display:inline-block; vertical-align:middile; text-align:left; padding:15px 10px 10px 15px; min-height:20px; min-width:150px;}
	
.extended01{width:calc(100% - 45px); min-width:200px; min-height:160px;}
.extended02{width:calc(100% - 45px); min-height:200px;}



}
/************************************************************************************
 768
*************************************************************************************/
@media screen and (max-width: 768px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	

	.bookmark_navibox {	display:none;}
	
.img_box{
	background-image:none;
}
	
	
	.ico_box {
	padding:32px 0px 15px 10px;
	width:70%;	
}
	
	
	.content_title{width:100%; padding:33px 0px 20px 0px; font-size:1.4375rem; color:#303030;}

.ico_box .ico01 {

	width:100%;
padding:12px 0px 0px 70px; 
font-size:1.25rem;
    line-height: normal;

	}
	
	.ico_box .ico02 {
	width:100%;
padding:15px 0px 0px 70px; 
font-size:1.25rem;
    line-height: normal;

	}
	
	.ico_box .ico03 {
	width:100%;
padding:12px 0px 0px 70px; 
font-size:1.25rem;
    line-height: normal;


	}
	
	.ico_box .ico04 {
	width:100%;
padding:12px 0px 0px 70px; 
font-size:1.25rem;
    line-height: normal;

	}
	
.howto{width:calc(100% - 45px) padding:0px 0px 0px 0px;}
.how01{width:calc(100% - 42px);
margin:0px 0px 20px 0px;
min-width:200px;
}
.how02{width:calc(100% - 42px);
margin:0px 0px 20px 0px;
min-width:200px;
}
	
	.self_link ul{
			width:100%;
			text-align:left;
	
	}
	
	.self_link ul li{
		width:100%;
		text-align:left;
		
		margin:0px 0px 20px 0px; 
	}	
	
.self_contentwrap{min-width:285px; vertical-align:top; width:calc(100% - 20px)}


.smr01{ margin:15px 10px 10px 0px; width:100%;}
.smr02{ margin:15px 10px 10px 0px; width:100%;}
.smr03{ margin:15px 10px 10px 0px; width:100%;}


.self_img{width:190px; margin:0px 0px 0px 0px;}
.useful_link ul li{width:100%;}
.useful_contentwrap{min-width:285px; vertical-align:top; width:100%; min-height: 115px;}
.useful_content{width:calc(100% - 120px); font-size:1rem;display:inline-block; vertical-align:middile; text-align:left; padding:10px 10px 10px 15px; min-height:20px;}


.extended01{width:calc(100% - 42px);
min-width:200px;
}




.extended02{width:calc(100% - 42px);
min-width:200px;}

.extended03{width:calc(100% - 42px);
min-width:200px;
}
.extended_des{ width:calc(100% - 10px); min-height:60px; vertical-align:top; display:inline-block; font-size:1.125rem; }
	
.extended_img{ width:220px;  margin:10px 0px 0px 0px;}	

}





/************************************************************************************
smaller than 415
*************************************************************************************/
@media screen and (max-width: 415px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	h2 {
	font-size: 1.375rem;
}

	#bodywrap{
	padding:0px 5% 20px 5%;
	width:90%;
	background-image:none;}
	
	.img_box_bg { display:none;
}

.img_box{margin:9px; 0px; 0px; 8px;}

.img_box .title {
	width:calc(100% - 12px);
	position:relative;
	font-family:'SamsungIFRg', 'Arial', 'sans-serif';
	font-style:italic;
	color:#ffffff;
	font-size:1.375rem;
	padding: 30px 10px 5px 0px;  
}

.ico_box {
	padding:22px 0px 0px 0px;
	width:calc(100% - 42px);	
}
	
.ico_box .ico01 {

width:calc(100% - 42px);
padding:5px 0px 0px 70px; 
font-size:1.0625rem;
    line-height: normal;

	}
	
	.ico_box .ico02 {
width:calc(100% - 42px);
margin:9px 0px 0px 8px; 
padding:15px 0px 0px 70px; 
font-size:1.0625rem;
    line-height: normal;

	}
	
	.ico_box .ico03 {
width:calc(100% - 42px);
padding:5px 0px 0px 70px; 
font-size:1.0625rem;
    line-height: normal;


	}
	
	.ico_box .ico04 {
width:calc(100% - 42px);
padding:15px 0px 0px 70px; 
font-size:1.0625rem;
    line-height: normal;

	}


.self_box{padding:0px 0px 10px 0px; text-align:left; background-color:#ffffff;}
	
	.self_link ul{
			width:100%;
			text-align:center;
	}
	.self_link ul li{
		width:calc(100%-40px);
		text-align:center;
		margin:0px 20px 20px 0px; 
	}	
	
.self_contentwrap{min-width:285px; vertical-align:top; width:calc(100% - 0px)}


.smr01{ margin:15px 10px 10px 0px; width:100%;}
.smr02{ margin:15px 10px 10px 0px; width:100%;}
.smr03{ margin:15px 10px 10px 0px; width:100%;}

.self_img{width:150px; margin:0px 0px 0px 0px;}


.useful_link ul li{	width:100%;}

.useful_contentwrap{min-width:265px; vertical-align:top; width:calc(100% - 20px);}
.useful_content{width:90%; font-size:1rem;display:inline-block; vertical-align:middile; text-align:left; margin:10px 5% 10px 5%; min-height:20px;}

	.useful_img{width:80px; margin:0px 0px 0px calc(50% - 40px);}
	
	
.btn_row{margin:0px 0px 10px calc(50% - 65px); display:inline-block; width:100%; text-align:left;}

.extended_des{ width:calc(100% - 10px); min-height:40px; vertical-align:top; display:inline-block; font-size:1.125rem; }
	
.extended_img{ width:100%;  margin:10px 0px 0px 0px;}	


.useful_box{padding:0px 0% 10px 0%; text-align:left;background-color:#ffffff;}

.howto{width:calc(100% - 2px); padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.how01{width:calc(100% - 45px);
margin:0px 0px 20px 0px;
min-width:200px;
}
.how02{width:calc(100% - 45px);
margin:0px 0px 20px 0px;
min-width:200px;
}

.extended_box{padding:0px 0px 10px 0px; text-align:left;background-color:#ffffff;}

.extended01{width:calc(100% - 45px);
margin:0px 0px 20px 0px;
min-width:200px;
}



	
	.benefit01{	margin:10px 0px 10px 10px;;}

	
	.benefit02{	margin:10px 0px 10px 10px;;}

	
	.benefit03{	margin:10px 0px 10px 10px;;}
	
	
	.extended_3year{
	width: 100%;
	}
	
	

}