.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: right;
    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-repeat: no-repeat;
}
.formabox_tel{
    float: left;
    height: auto;
    width: 40%;
    margin-left: 5%;

}

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


/* ---------- フッター 固定CTA ---------- */
/*↓スマホ画像は表示、それ以外は非表示*/
@media only screen and (max-width:480px) {
.spnomis{
display:none;
}
.foot_fix_btn{
display:none!important;
}    
    
}





@media only screen and (max-width:480px) {
.tab_img,
.pc_img{
display:none;
}
}




.f_b a{
float: left;    
font-size: 80; 
font-weight: bold;
display: inline-block;
    
}



.f_mail{width:50%;
float: left;
background: #99EBFF;
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: #8ed9ef;
  border-bottom: solid 4px #008dd0;
  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);
}

/*↓スマホのみ表示*/
@media only screen and (max-width:480px) {
.pc_none{
display:none;
}
}