@charset "shift_jis";

@media screen and (min-width: 750px) {

div.tabbox {
      margin:0 auto 5%;
      padding: 0px;
      width: 98%; 
   }
   div.tabbox ul.tabs {
      margin:  0px; 
      padding: 0px; 
      width:100%;
   }
   
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }

   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }

div.box_1 {
	width:100%;
	padding:20px 0;
	margin:0 auto;
}

a.btn_base_triangle {
	width:29%;
    margin:1vw 0 1vw 1.4%;
	float:left;
}

.tab_title{
    font-weight: bold;
    font-size: 2vw;
    margin-left: 1vw;
}
.top_margin{
    margin-top: 3.5vw;
}

}

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

div.tabbox {
      margin:0 auto 5%;
      padding: 0px;
      width: 98%; 
   }
   
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    
   div.tabbox ul.tabs a {
      padding: 16% 10% 0;
      font-size: 4.2vw;
   }
   
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }

div.box_1 {
	width:100%;
	padding:2px 0 20px 0;
	margin:0 auto;
}

a.btn_base_triangle {
	width:90%;
	margin:5vw auto;
}

.tab_title{
    font-weight: bold;
    font-size: 5.5vw;
    margin-left:2vw;
    margin-top: 3vw;
}
.top_margin{
    margin-top: 3vw;
}

}