@charset "UTF-8";
	

@media only screen and (max-width: 640px) {

/*--------------------------------------------
基本スタイル
--------------------------------------------*/
body {
margin: 0px auto;
padding: 0;
text-align: left;
font-size: 16px;
line-height: 150%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;

}


/*--------------------------------------------
ヘッダーh1
--------------------------------------------*/

.h1_ara{
display:none;
}

h1{
width: 100%;
margin: 0 auto;
color: #FFF;
text-align: left;

}

.header{
width:100%;
padding:10px 0;
margin:0 auto;
text-align:center;
}

.header .logo{
float:none;
width:222px;
padding:10px 0;
margin:0 auto;
}

.head_text{
width: 230px;
float: none;
margin: 0 auto;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #3366cc;
padding: 4px 10px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #3366cc;
}

.head_text h3{
margin:0;
padding:0;
}



/*--------------------------------------------
ナビゲーション
--------------------------------------------*/



.g_navi .li_end{
border-right-width: 1px;
border-right-style: none;
}

.g_navi ul{
width: 100%;
}

#menu {
display: none;
}
#menu li:nth-child(odd) {
width: 50%;
text-align: center;
padding: 20px 0;
color: #FFF;
border-left-style: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
}

#menu li{
width: 49%;
text-align: center;
padding: 20px 0;
color: #FFF;
border-left-style: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;

border-right-style: none;
}

#menu li a:before {
content: attr(data-text);
margin:20px 0;
color:#FFF;
}

#menu li img {
display: none;
}


#toggle {
display: block;
position: relative;
width: 100%;
background: #3366cc;
}
#toggle a{
display: block;
position: relative;
padding: 20px 0 20px;
border-bottom: 1px solid #fff;
color:#FFF;
text-align: center;
text-decoration: none;
}
#toggle:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
background: #FFF;
}
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 30px;
height: 6px;
background: #3366cc;
}
#toggle a:before {
margin-top:-9px;
}
#toggle a:after {
margin-top: 3px;
}


/*--------------------------------------------
レイアウト
--------------------------------------------*/

.wrap{
width:100%;
margin:30px auto;
}

.con_area{
width:90%;
margin:0 auto 30px auto;
float:none;
padding: 0;
}

.side_area{
width: 90%;
float:none;
margin:20px auto;
}

.side_inq_panel{
width: 90%;
padding: 10px;
border: 3px solid #093;
text-align:center;
}


.side_inq_panel .panel_txt01{
width: 80%;
margin:8px auto;
text-align:left;
}

.side_inq_panel .panel_txt02{
float:none;
width: 90%;
margin:8px auto;
font-size:16px;
text-align:left;
line-height:1.4em;
}

.side_inq_panel02{
width: 90%;
padding: 10px;
border: 3px solid #999;
text-align:center;
}

.side_inq_panel02 .panel_txt01{
width: 90%;
margin:8px 0;
text-align:left;
}

.side_inq_panel02 .panel_txt02{
width: auto;
margin: 5px;
text-align: left;
background-color: #FFF2DA;
padding:20px;
font-size:16px;
line-height:1.6em;
}

.side_inq_panel03{
width: auto;
padding: 10px;
border: 3px solid #3366cc;
text-align:center;
margin:0 0 20px 0;
}

.side_inq_panel03 .panel_midashi01{
width: auto;
padding:4px;
background-color:#3366cc;
color:#FFF;
font-size:14px;
font-weight:700;
margin:0 auto;
}

.side_inq_panel03 ul{
margin:8px auto;
width: auto;
}

.side_inq_panel03 li{
padding: 3px;
background-image: url(../../../img/side_list_icon.gif);
background-repeat: no-repeat;
background-position: left;
padding:3px 0 0 20px;
text-align:left;
}

.center_img{
margin:0 auto;
}

.mousikomi_btn{
width:100%;
text-align:center;
}

.mousikomi_btn img{
width:90%;
margin:20px auto;
height:auto;
}


/*--------------------------------------------
見出し
--------------------------------------------*/

.con_area h3 {
background-color: rgba(0, 0, 0, 0);
background-image: url(../../../img/h3_icon.png);
background-position: left 7px;
background-repeat: no-repeat;
height:auto;
color: #3366cc;
font-size: 18px;
font-weight: bold;
margin: 10px 0 20px 10px;
padding: 2px 0 0 30px;
text-align: left;
line-height:1.8em;
width: 80%;
}

.con_area h4 {
font-size: 16px;
margin: 20px 0 20px 10px;
padding: 4px;
text-align: left;
width: 80%;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #093;
color: #006633;
font-weight: 800;
}



/*--------------------------------------------
トップページ
--------------------------------------------*/

.top_img{
width:100%;
overflow:hidden;
}

.top_img h2::after{
width: auto;
height:auto;
margin:-20px auto 50px auto;
display:block;
background-color: #ff6634;
font-size: 20px;
text-align:left;
line-height: 1.8em;
font-weight: bold;
content: attr(data-label);
padding:0;
color:#FFF;
}

.top_img img{
width:150%;
height:auto;
}

.plan_panel{
width: 90%;
height:auto;
border: 4px solid #CCC;
float:none;
padding:5px;
margin:0 auto 20px auto;
}

.plan_panel img{
width: 100%;
height:auto;
}

.plan_panel .midashi{
font-size:18px;
color:#3366cc;
padding:4px 0;
font-weight: 900;
width:95%;
margin:3px auto;
text-align:center;
}

.plan_panel .setumei{
width:90%;
margin:3px auto;
}

.plan_panel .kakaku{
width:90%;
margin:3px auto;
font-size:18px;
color:#3366cc;
font-weight: 700;
}

.plan_panel .planimg{
width:206px;
margin:2px auto;

}



/*--------------------------------------------
フッター
--------------------------------------------*/


.ftr_ara{
width: 100%;
padding:10px;
background-color: #3366cc;
padding:10px 0;
margin:40px 0 0 0;
}

.ftr{
width: 100%;
margin: 0 auto;
color: #FFF;
font-size: 16px;
text-align: center;

}

/*--------------------------------------------
ホームページ制作
--------------------------------------------*/

.website_text{
width:90%;
float:none;
margin:0 auto 10px;
}

.website_text .kakaku{
width: 90%;
margin: 5px  0;
font-size: 18px;
color: #336633;
font-weight: 700;
}

.check{

background-image: url(../../../img/check_icon.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
margin: 10px auto;
padding: 2px 0 4px 30px;
text-align: left;
width: 90%;
color: #006633;
font-weight: 800;
}

.kakaku{
width: 90%;
margin: 3px;
font-size: 18px;
color: #FF6600;
font-weight: 700;
}

.plan_btn{
text-align:center;
}

.facebook_area{
width:90%;
margin:0 auto;
}

.facebook_area iframe{
width:100%;
height:auto;
}

.ml30{
margin:0 20px;
}

.mb10{
margin:0 20px 10px;
}
/*--------------------------------------------
テーブル
--------------------------------------------*/


table{
width:90%;
margin:0 auto;
border:#c0c0c0 solid;
border-width: 1px 1px 0 0;
border-collapse:collapse;
}
th{
border:#c0c0c0 solid;
border-width: 0 0 1px 1px;
background:#eee;
padding:8px;
font-weight:normal;
display:block;
}
td{
border:#c0c0c0 solid;
border-width: 0 0 1px 1px;
background:#fff;
padding:8px;
display:block;
}

.toppage_mainimg{
width:100%;
}

.toppage_mainimg img{
width:100%;
height:auto;
}

.contact_table{
width:90%!important;
margin:0 auto;
}


.contact_table table{
width:100%!important;
margin:0 auto;
}

textarea {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

/* pagetop --------------------- */
#pagetop {
position: fixed;
bottom: 10px;
right: 10px;
width: 50px;
margin-top: -50px;
padding-top: 50px;
z-index: 9999999999;
}
#pagetop img {
width: 100%;
height: auto;
}
	
/*-------------------------------------------
	お問い合わせ
--------------------------------------------*/


.contact_wrap{
	width:90%;
	padding:20px 5%;
	margin:0 auto;
	}


.contact_set{
	width:90%;
	background-color:#FFF;
	margin:20px auto;
	padding:20px 5% 20px 5%;
		border-radius: 6px;          
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;
	text-align:left;
	}

.contact_con{
	width:100%;
	margin:0 auto;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea
{
	width:95%;
padding:6px 2.5%;
font-size:16px;
}

#sp-field{
width:95%;
padding:6px 2.5%;
}

span.wpcf7-list-item {
display: block;
}

.contact_form_btn{
	text-align:center;
	padding:10px 0 30px 0;
	height:20px;
	}
	
input.wpcf7-submit {
	padding: 5px 30px;/* ボタン内の余白 */
	background: #bfd420;/* 背景色 */
	border-radius: 5px;/* 角を丸く*/
	color: #fff;/* 文字の色*/
	font-size: 16px;/* 文字の大きさ */
	font-weight: bold;/* 太字*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input.wpcf7-submit:hover {
opacity: 0.8;/* マウスオンで半透明に */
cursor:pointer;
}	

.head_text {
display: none;
}

}