
/* 640px -------------------------- */
@media only screen and (max-width: 640px) {
.sp_bg {
display: none;
}
.sp_bg_2 {
display: inline;
min-width: 320px;
width: 100%;
margin: 0 auto;
}
.line_2 {
margin-top: -6px;
}
.si_x {
margin: -8px auto -9px;
}
.si_l {
font-size: 1.1rem;
margin: 0 auto;
padding: 9px 28px;
}

.content {
font-size: 0.9rem;
}


/* --------- content 1 */
.c1_1 {
max-width: 460px;
width: 80%;
margin: 21px auto 14px;
}
.c1_bg {
background-image: url(../img/top/c1_bg_sp.jpg);
margin: 0 auto 35px;
}
.c1_line {
margin: 11px auto 17px;
padding: 0;
}
.nav_c1 {
display: none;
}
.nav_c1_sp {
display: block;
width: 100%;
margin: 4px auto 28px -20px;
padding: 10px 0 7px 0;
}
.nav_c1_sp a:hover img {opacity: 1.0; filter: alpha(opacity=100);}

.nav_c1_sp img {
max-width: 200px;
padding: 2px 0 3px;
}
ul#navi_c1_sp li {
display: block;
margin: 0 auto;
text-align: center;
}
.news {
width: 98%;
margin: 37px auto 35px;
}
.qr {
display: none;
}
.telfax {
margin: -16px auto 37px;
}

.about {
display: none;
}
.about_sp {
display: inline;
}
.about_bg{
margin-bottom: 43px;
}
.about_txt {
padding: 28px 8px 20px 12px;
}
.about_txt span {
font-size: 1.0rem;
}
ul.flx_m {
	margin: 11px auto -15px;
	font-size: 0.9rem;
}
ul.flx_m li {
	padding-top: 7px;
}

.dayori {
display: none;
}
.dayori_sp {
display: inline;
}
.dayori_txt {
margin: 0 0 -16px 0;
padding: 15px 8px 0 12px;
}
.dayori_txt_r {
margin-bottom: 46px;
}
.space_c1_1 {
margin: 19px 0;
}
.space_c1_2 {
margin: 41px 0;
}
.space_c1_3 {
display: block;
margin: 6px 0;
}
.space_c1_1_sp {
margin: 12px 0;
}


/* --------- content 2 */
.c2_1 {
margin: 28px auto -7px;
}
.space_c2_0 {
margin: -5px 0;
}
.space_c2_1 {
margin: -2px 0;
}
.space_c2_2 {
margin: 13px 0;
}
.space_c2_3 {
margin: 40px 0;
}


/* --------- content 3 */
.c3_2 {
margin: -8px auto -7px;
}
.c3_2_txt {
font-size: 0.9rem;
}
.c3_3_txt {
font-size: 0.95rem;
}
.c3_3 {
width: 220px;
margin: -8px auto 18px;
}
.nav_c3 {
display: none;
}
.nav_c3_sp {
display: block;
width: 100%;
margin: 6px auto 15px -20px;
padding: 0px;
}
.nav_c3_sp img {
max-width: 210px;
padding: 2px 0;
}
ul {
list-style: none;
}
ul#navi_c3_sp li {
display: block;
margin: 0 auto;
text-align: center;
}
section {
padding: 9px 0px 0;
}
.c3_m {
font-size: 1.0rem;
margin: 0px auto 12px;
padding-right: 8px;
}

#cel_sp {
	width: 98%;
	margin: 0 auto;
	text-align: center;
}
.smx_2 {
margin-bottom: -10px;
}
.space_c3_1 {
margin: 11px 0;
}
.space_c3_2 {
margin: 32px 0;
}
.fmap {
width: 98%;
margin: 0 auto;
text-align: center;
}


/* --------- content 4 */
.c4_m_1 {
font-size: 1.0rem;
margin: 22px auto -1px;
}
.c4_m_2 {
margin-top: 2px;;
font-size: 1.0rem;
}
.c4_m_3 {
margin-top: 35px;
font-size: 1.0rem;
}
.c4_txt {
padding: 13px 0 22px;
}
.c4_m_qa {
font-size: 1.0rem;
margin: 1px 0 4px 10px;
}
#c4_qa_1 {
margin-bottom: -18px;
}
#c4_qa_2 {
margin-bottom: -7px;
}
.c4_f {
padding: 11px 0 0;
margin-bottom: 15px;
}
.cel th {
width: 25%;
}
textarea {
width: 99%;
font-size: 14px;
}
#target_a {
margin: 39px 0 -35px;
}
#target_b {
margin: 28px 0 -31px;
}
.space_c4 {
margin: -11px 0;
}


/* --------- content 5 */
.c5_m_1 {
font-size: 1.0rem;
margin: 25px auto -2px;
}
.c5_txt {	/*--- content 2 で使用 ---*/
padding: 19px 8px 2px;
}
.c5_txt_r {	/*--- content 2 で使用 ---*/
margin-bottom: -2px;
}
.space_c5_1 {
margin: 20px 0;
}
.space_c5_2{
margin: 38px 0;
}


/* --------- content 6 */
.c6_m {
padding-bottom: 5px;
}

.c6_f {
margin-bottom: 27px;
}

.space_c6_1 {
margin: -18px 0;
}
.space_c6_2 {
margin: -25px 0;
}


/* --------- content 7 */
.c7 {
width: 220px;
margin: 27px auto -16px;
}
.c7_txt {
padding: 33px 4px 39px 8px;
}
.bt- {
margin-bottom: -5px;
}
.c7_txt_r {
padding: 20px 6px 2px;
}


/*--- copy ---*/
.copy {
font-size: 0.85rem;
padding : 24px 0 22px;
}
.copy span {
font-size: 0.85rem;
}
}




/* 480px -------------------------- */
@media only screen and (max-width: 480px) {
body {
	line-height: 1.7;
}
.line_2 {
font-size: 0.8rem;
}
.line_2 span {
font-size: 0.8rem;
}
.si_x {
margin: -16px auto -5px;
}
.si_l {
font-size: 1.0rem;
margin: 0 auto;
padding: 8px 24px;
}

.menu1Btn {
width: 42px;
height: 42px;
line-height: 41px;
right: 5px;
}
.first-link {
font-size: 1.4rem;
}

.content {
font-size: 0.85rem;
min-width: 300px;
}


/* --------- content 1 */
.c1_1 {
max-width: 270px;
margin: 19px auto 12px;
}
.c1_bg {
margin: 0 auto -1px;
}
.nav_c1_sp {
padding: 10px 0 5px 0;
}
.news {
margin: 31px auto 36px;
}
.telfax {
margin: -21px auto 38px;
}
.about_txt {
padding: 26px 8px 19px;
}
.about_txt span {
font-size: 0.95rem;
}
ul.flx_m {
	margin: 11px auto -20px;
}
ul.flx_m li {
	padding-top: 5px;
}

.dayori_txt {
margin: 0 0 -16px 0;
padding: 13px 8px 0;
}
.dayori_txt_r {
margin-bottom: -18px;
}
.c1_line {
margin: 9px auto 15px;
}

.button {
	float: left;
	min-width: 112px;
	font-size: 0.85rem;
}


/* --------- content 2 */
.c2_1 {
width: 170px;
margin: 24px auto -7px;
}
.space_c2_2 {
margin: 11px 0;
}
.space_c2_3 {
margin: 39px 0;
}


/* --------- content 3 */
.c3_2 {
margin: -8px auto -5px;
}
.c3_2_txt {
font-size: 2rem;
margin-bottom: -4px;
padding: 10px 5px;
}
.c3_3_txt {

}
.c3_3 {
margin-top: 31px;
margin-bottom: 14px;
}
.nav_c3_sp {
margin: 7px auto 19px -20px;
}
.c3_m {
font-size: 0.95rem;
margin: -10px auto 8px;
padding-right: 8px;
}
#cel_sp {
	width: 93%;
}
#cel_sp td {
padding: 8px;
}
.cel {
margin-left: -12px;
}
.cel th,
.cel td {
width: 100%;
display: block;
border-top: none;
}
.cel td {
width: 101%;
}
.cel tr:first-child th {
border-top: 1px solid #ddd;
}
.space_c3_1 {
margin: -4px 0;
}
.space_c3_2 {
margin: 27px 0;
}
.space_c3_4 {
margin: -12px 0 0;
}
.smx_2 {
margin-bottom: -12px;
}


/* --------- content 4 */
.c4_m_1 {
font-size: 0.95rem;
margin: 17px auto -5px;
}
.c4_m_2 {
margin-top: 1px;
margin-left: -6px;
font-size: 0.95rem;
}
.c4_m_3 {
margin-top: 37px;
margin-left: -6px;
font-size: 0.95rem;
}
.c4_txt {
padding: 13px 0 17px;
}
.c4_m_qa {
font-size: 0.95rem;
margin: 2px 0 4px 14px;
}
#c4_qa_1 {
margin-bottom: -27px;
}
#c4_qa_2 {
margin-bottom: -3px;
}

#target_a {
margin: 40px 0 -42px;
}
#target_b {
margin: 16px 0 -26px;
}
textarea {
width: 98.5%;
font-size: 14px;
}
.space_c4 {
margin: -11px 0;
}


/* --------- content 5 */
.c5_m_1 {
font-size: 0.95rem;
margin: 19px auto -4px;
padding: 0 10px;
}
.c5_txt {	/*--- content 2 で使用 ---*/
padding: 17px 4px 3px 8px;
}
.c5_txt_r {	/*--- content 2 で使用 ---*/
margin-bottom: -4px;
}
.space_c5_1 {
margin: 15px 0;
}
.space_c5_2 {
margin: 39px 0;
}


/* --------- content 6 */
.c6_m {
padding-bottom: 3px;
}

.c6_f {
margin-bottom: 23px;
}

.space_c6_1 {
margin: -17px 0;
}
.space_c6_2 {
margin: -19px 0;
}


/* --------- content 7 */
.c7 {
margin: 24px auto -20px;
}
.c7_txt {
padding: 32px 4px 39px 8px;
}
.bt- {
margin-bottom: -9px;
}
.c7_txt_r {
padding: 16px 6px 5px;
}


/*--- fbg ---*/
.fbg {
margin: -10px auto 0px;
}


/*--- copy ---*/
.copy {
font-size: 0.8rem;
padding : 19px 16px 17px;
}
.copy span {
font-size: 0.8rem;
}
}




/* test -------------------------- */
@media only screen and (max-width: 320px) {

.copy {
color: #ff0000;
}
}