@charset "utf-8";
/* CSS Document */

.btm_anime{animation: animScale 4s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.05, 1.05); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
    }

.mt20{margin-top: 20px;}
.tac{text-align: center;}
.tac img{margin:35px auto 0;}


.ctaTab_wrap {padding: 0 10px 10px;}
.ctaTab_wrap a:hover{opacity: 0.7;}

.tab_wrap{
	display: flex;
	flex-wrap: wrap;
}
.tab_wrap::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: #ec9b4a;
}
.tab_wrap .tabLabel {	/* タブ */
	margin-right: 3px;
	padding: 20px 15px;
	flex: 1;
	order: -1;
	border-radius: 10px 10px 0 0;
	color: #444;
	background: #f0db82;
	transition: .5s ;
	cursor: pointer;
}
.tab_wrap .tabLabel:nth-last-of-type(1){ margin-right: 0; }
.tab_wrap input {		/* ラジオボタン非表示 */
	display: none;
}
.tab_wrap .content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
.tab_wrap input:checked + .tabLabel {
	background: #ec9b4a;
}
.tab_wrap input:checked + .tabLabel + .content {
	padding: 5px 5px 25px;
	height: auto;
	border:8px solid #ec9b4a;
	transition: .5s opacity;
	opacity: 1;
}

.tab_wrap p {line-height: 1.5;width: 95%;text-align: left;font-size: 120%;margin:0 20px;font-weight: 600;}
ul.asterisk{margin:0 10px 0 40px;}
ul.asterisk li {
line-height: 1.5;width: 95%;text-align: left;font-size: 120%;font-weight: 600;	
  list-style-type: none;
  text-indent: -1em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}



.dropdown_container {
  margin: 20px auto;
  max-width: 768px;
  text-align: center;
}

.dropdown_wrap {
  margin: 15px 0;
}

.dropdown_wrap label {
  display: block;
  font-size: 120%;
  font-weight: 600;
  color: #444;
  margin-bottom: 5px;
}

.dropdown_wrap select {
  width: 80%;
  max-width: 300px;
  padding: 10px;
  font-size: 16px;
  border: 2px solid #ec9b4a;
  border-radius: 5px;
  background: #fff;
  color: #444;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.dropdown_wrap select:focus {
  outline: none;
  border-color: #f0db82;
}


@media screen and (max-width: 640px){	
.btm_anime{width: 90%;}
.mt20{margin-top: 10px;}	
.ctaTab_wrap {padding: 0 5px 5px;}
.tab_wrap input:checked + .tabLabel + .content {padding: 5px 0px 15px;border: 5px solid #ec9b4a;}
.tab_wrap .tabLabel {padding: 20px 5px;}	
.tab_wrap p { font-size: 90%; margin-left: 10px;width: 95%;}
.tac img { margin: 20px auto 0;width: 90%;}
	
  .dropdown_container {
    margin: 10px auto;
  }

  .dropdown_wrap select {
    width: 90%;
    font-size: 14px;
    padding: 8px;
  }	
	
}