/**** スマホサイズ ****/

@media screen and (min-width: 375px) and (max-width: 413px){

@charset "utf-8";
/* CSS Document */

/* ======================================================================================
 	全体共通
====================================================================================== */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #000000;
	line-height:1.5;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	height:auto;
}

img {
    border-style: none;
	vertical-align:bottom;
}

.clearfix {
	overflow:hidden; /*モダンブラウザ用*/
	_zoom:1; 　　　　/*IE用*/
}

.clear {
	clear:both;
}

.FL{
	float:left;
}

/* リンクカラー -------------------- */

a:link { color:#F7AB00 }

a:visited  { color:#F7AB00 }

a:hover { color:#F7AB00 }

a:active  { color:#FFB200 }

/* h1 -------------------- */

h1{
	font-weight:normal;
	font-size:10px;	
}
/* ======================================================================================
 	ヘッダー
====================================================================================== */
#header {
	width:100%;
	height:auto;


}

.header_line{
	width:100%;
	border-top:#BBE2E9 solid 3px;
}

.logo img{
	width:100%;
	height:auto;
	margin:5px;

}




h1.header_menu{
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin:5px;
}

h1.header_menu a:link { color:#000 }

h1.header_menu a:visited  { color:#000 }

h1.header_menu  a:hover { color:#000 }

h1.header_menu  a:active  { color:#000 }

.headerBox01{
	width:480px;
	padding:29px 0 10px 0;
}

.shop_info01 img{
	width:100%;
	height:auto;
	margin-left:-60px;
	padding-top:30px;
}

.btnBox01{
	width:198px;
	padding:0 10px 0 0;
}

.fax_btn img{
	margin-left:170px;
	margin-top:-100px;
	
}

.contact_btn{
	width:97px;
	padding:5px 0 0 0;
}

.application_btn{
	width:97px;
	padding:5px 4px 0 0;
}

/* ======================================================================================
 	グローバルメニュー
====================================================================================== */
.menu_back{
	width:100%;
	height:auto;

}

.menu_content{
	background:url(http://kk-task.com/img/g_menu_back.jpg) ;
	width:100%;
	height:185px;
	padding-left:10px;
	margin:auto}
	
	
.g_menu{
	width:100%;
	margin-left:50px;
}

.g_menu ul li{
	list-style-type:none;
}

.pankuzu_underline{
	border-bottom:#CCC solid 2px;
}

.pankuzu_area{
	width:100%;
	margin: 0 auto;
	padding:5px 0;
}

.pankuzu{
	margin:10px;}

.pankuzu a:link {
	color:#000;
	text-decoration:none;
}

.pankuzu a:visited  {
	color:#000;
	text-decoration:none;
}

.pankuzu a:hover {
	color:#000;
	text-decoration:none;
}

.pankuzu a:active  {
	color:#000;
	text-decoration:none;
}

.pankuzu ul li{
	list-style-type:none;
	display:inline;
}

.sitemap{
	float:right;
}
/* ======================================================================================
 	メインコンテンツ
====================================================================================== */
#main_contents{
	width:100%;
	margin: 0 auto;
}

.main_img{
	padding:20px 0 0 0;
	position:relative;
	width:100%;
}

.watch{
	position:absolute;
	top:320px;
	left:698px;
}
/* ======================================================================================
 	レフトコンテンツ
====================================================================================== */

#Left_Contents {
	width:100%;
	margin:20px 0 0 0;
}

.earthquake{
	border:#BBE4EA double 4px;
	padding:15px;
	line-height:1.7;
	overflow: hidden;
}

.earthquake p{
	text-align:center;
}

span.bold{
	font-weight:bold;
	font-size:15px;
}

ul.news{
	padding:5px 0;
}

ul.news li{
	list-style-type:none;
	padding:10px 0 3px 0;
	border-bottom:#000 dotted 1px;
	font-size:10px;
}







/* ======================================================================================
 	ライトコンテンツ
====================================================================================== */



#Right_Contents{
	margin:auto;
	width:80%;}
	
	
ul.side_menu li{
	list-style-type:none;
	padding:0 0 8px 0;
}

ul.side_menu02{
	padding:10px 0 0 0;
}

ul.side_menu02 li{
	list-style-type:none;
	padding:0 0 8px 0;
}

.shop_info02{
	padding:10px 0 0 0;
}

.shopInfoArea{
	width:228px;
	background-color:#A0C6C9;
	padding:0 0 10px 0;
}

.btnBox02{
	width:198px;
	padding:5px 0 0 15px;
}

.company_info{
	padding:10px 0 30px 0;
}

.company_info p{
	line-height:1.7;
}

.sidemenu_try{
	padding:0 0 10px 0;
}

.sidemenuBox01{
	border-left:#BCE2E8 solid 3px;
	border-right:#BCE2E8 solid 3px;
	width:74%;
}

.sidemenuBox01 img{
	padding:5px 12px;
}

.sidemenu_campaign{
	padding:0 0 10px 0;
}

.sidemenuBox02{
	border-left:#30BACA solid 3px;
	border-right:#30BACA solid 3px;
	width:74%;
}

.sidemenuBox02 img{
	padding:5px 12px;
}
	

/* ======================================================================================
 	フッター
====================================================================================== */
#footer {
	width:100%;
	border-top:#BBE2E9 solid 2px;
	color:#78CAD5;
}

.footer_menu{
		width:100%;

	margin:10px;
}

.footer_menu a:link { color:#78CAD5 }

.footer_menu a:visited  { color:#78CAD5 }

.footer_menu a:hover { color:#78CAD5 }

.footer_menu a:active  { color:#78CAD5 }

.footer_menu ul{
	padding:5px 0;
}

.footer_menu ul li{
	list-style-type:none;
	display:inline;
	padding:0px 1px;
	color:#78CAD5;
}

.copyright{
		width:100%;
		margin:10px;
}

.copyright p{
	padding:30px 0 10px 0;
	color:#78CAD5;
	width:95%;
}







.contens{
	width:100%;
	height:auto;}
	
	

h2{
	
	border-bottom:2px solid #78cad6;
	width:95%;
	height:auto;
	background-repeat:no-repeat;	
}

h2.title{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
    padding-top:5px;
    clear:both;
	padding-left:20px;
	font-size:16px;
	font-weight:bold;
	
}


h3{
	
	background-color:#f39800;
		width:95%;
	   height:auto;}



h3.sub_title{
	text-align:center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	padding:10px;
	font-size:18px;
	 color:#fff;
	 font-weight:bold;}



h4{
	
	background-color:#009fe9;
		width:95%;
	   height:auto;
	   margin-top:30px;}


h4.sub_title{
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	padding:10px;
	font-size:18px;
	 color:#fff;
	 font-weight:bold;}


.contact_box{
	width:100%;
	height:auto;
	margin-top:10px;}
	
.contact_tex{
	color:#000;
	clear:both;
	font-size:14px;
	padding:20px;
	font-weight:bold;}
	
		
.red{
	color:#ff0000;}


.tex{

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	 font-weight:bold;
	 width:95%;
	 margin:10px;
}




.qestion{
	border-bottom:2px dotted #00a1e9;
	font-size:20px;
	width:100%;
		margin:5px;

	font-weight:bold;
	color:#00a1e9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:5px;}



.answer{
	border-bottom:2px dotted #e2007d;
	font-size:20px;
	font-weight:bold;
	width:100%;
	margin:5px;
	color:#e2007d;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:5px;}



.qestion_tex{
	font-size:14px;
	width:95%;
	margin:10px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	margin-bottom:10px;}


.answer_tex{
	font-size:14px;
		width:95%;
	margin:10px;

	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	margin-bottom:20px;}


.pic{
	width:88%;}



.call{
	margin-top:10px;
	margin-bottom:-10px;}
	











}