@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
#form{
width:90%;!important;
float: left;
}
.maincontent{
	width:90%;!important;
	float: left;	
}
}

.head_top{
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #FFFFFF;
    float: left;
    background-color: #FFFFFF;
}
.head_logo{
    float: left;
    width: 30%;
    
}
.head_tel{
    float: left;
    width: 50%;
}
.head_mail{
    float: right;
    width: 20%;
}
.img_100{
    width: 100%;
    float: left;
    
}

/*火葬の種類*/
.tab {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.tab__label {
  color: #fff;
  background: #ccc;
  margin-right: 5px;
  padding: 6px 16px;
  order:-1;
  cursor: pointer;
}

.tab__content {
  width: 100%;
  display: none;
  border: 1px solid #ccc;
  padding: 16px; 
}

.tab__switch {
  display: none; 
}

.tab__switch:checked + .tab__label {
  background: red;  
}

.tab__switch:checked + .tab__label + .tab__content {
  display: block; 
}
.jin{
    color: #FFFFFF!important;
}
.c66{
    color: #666666!important;
    
    
}


/*---------------------------------
問い合わせボックス
--------------------------------*/
.formabox{
    width: 100%;
    height: 100%;
    float: left;
    background-image: url(../img/top/bodytel.png);
    background-repeat: no-repeat;
}
.formabox_tel{
    float: left;
    height: auto;
    width: 40%;
    margin-left: 5%;

}

.formabox_mail{
    float: left;
    height: auto;
    width: 30%;
    
}


/* ---------- フッター 固定CTA ---------- */
.foot_fix_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100% !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.foot_fix_btn.js_hide {
    transform: translateY(100%);
}
.foot_fix_btn ul li{
    text-align: center;
}

.f_tel{width:50%;
float: left;
background: #F40307;
padding-top: 3%;
padding-bottom: 3%;
text-align: center !import；
opacity: 0.7;    
}

.f_b a{
font-size: xx-large; 
font-weight: bold;
display: inline-block;
}


.f_mail{width:50%;
float: left;
background: #39934A;
padding-top: 3%;
padding-bottom: 3%;
text-align: center !import；
opacity: 0.7;    

}



.c_b{
    color: #130101;
    padding-top: 3%;
}
.fo_h2{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: x-large;
    color: #2F0405;
}
.btn01 {
  display: inline-block;
  padding: 16px 32px;
  background: #e41313;
  border-bottom: solid 4px #bd1111;
  border-radius: 8px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  line-heigt: 1.2em;
  -webkit-transition: .100s;
  transition: .100s;
}
.btn01:hover {
  border-bottom: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}