@charset "shift_jis";

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

div.select-box01 {
	width: 40%;
	margin:1vw auto;
}

select::-ms-expand {
    display: none;
}

.select-box01 select {
	width: 100%;
    height:3vw;
    padding-left:9vw;
    font-size: 1.3vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFFFFF;
	background-image: url("/com/images/triangle.gif");
	background-repeat:no-repeat;
	background-position:94%;
	background-size:4% auto;
	border-radius: 10px;
	border:1px solid #999;
	border-radius: 6px 6px 6px 6px;
	box-shadow:0px 0px 6px -1px #52a1f1;
	-moz-box-shadow:0px 0px 6px -1px #52a1f1;
	-webkit-box-shadow:0px 0px 6px -1px #52a1f1;
}

.attention{
    margin: 3vw 0 4vw 3vw;

}

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 {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 50%; 
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    
    div.tabbox ul.tabs li#tabB {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabC {
    margin:0;
	box-sizing:border-box;
    }
   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #259df8; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }
   
   div.tabbox div#tab2 {
       background-color: #FFF;
   }
   div.tabbox div#tab3 {
      background-color: #FFF;
   }

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;
}

}

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

div.select-box01 {
	width: 96%;
	margin:1vw auto;
}

select::-ms-expand {
    display: none;
}

.select-box01 select {
	width: 100%;
    height:10vw;
    padding-left:25vw;
    font-size: 3.8vw;
    line-height: 6.8vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#FFFFFF;
	background-image: url("/com/images/triangle.gif");
	background-repeat:no-repeat;
	background-position:94%;
	background-size:3% auto;
	border-radius: 10px;
	border:1px solid #999;
	border-radius: 6px 6px 6px 6px;
	box-shadow:0px 0px 6px -1px #52a1f1;
	-moz-box-shadow:0px 0px 6px -1px #52a1f1;
	-webkit-box-shadow:0px 0px 6px -1px #52a1f1;
}

.attention{
    margin: 5vw 3vw;
}

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 {
      border-radius: 4px 4px 0px 0px;
      margin: 0px;  
      padding: 0px; 
      list-style-type: none; 
      float: left; 
      width: 50%; 
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs li.tab_img {
       width:100%;
       display: block;
	   margin: 0 auto;
	   padding: 0;
   }
    
    div.tabbox ul.tabs li#tabB {
    margin:0;
	box-sizing:border-box;
    }
    div.tabbox ul.tabs li#tabC {
    margin:0;
	box-sizing:border-box;
    }
   div.tabbox ul.tabs a {
      padding: 10% 10% 0;
   }
   div.tabbox ul.tabs li.tab {
      background-color: gray; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      text-decoration:none;
	  color:gray;
   }
   div.tabbox div.tab {
      height: auto;  
      overflow: auto; 
      clear: left;    
	  border:1px solid #259df8; 
	  border-top:none;
	  border-radius: 0px 0px 4px 4px; 
   }
   div.tab div.tabbox_contents{
	   width:98%;
	   margin:auto;
   }
   
   div.tabbox div#tab2 {
       background-color: #FFF;
   }
   div.tabbox div#tab3 {
      background-color: #FFF;
   }

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

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



}