.trial-intro-point {
	background: #FFFAC6;
	padding: 1em 2em;
	border-radius: 10px;
}
.trial-intro-point p {
	color: #333;
	font-size: 15px;
	line-height: 1.8;
}
.trial-intro-point h4 {
	color: #231815;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
	margin-bottom: 0.8em;
}
.trial-intro h2 {
	color: #00a5e3;
}
.trial-intro h2 span {
	background: linear-gradient(transparent 50%, #FFF000 50%);
}
.trial-wave {
	background: #D2ECFA !important;
}

.trial-wave h2 {
	color: #231815;
}
.trial-wave-block {
	padding: 2em;
}
.trial-point-num {
	width: 80px;
}
a.trial-btn {
	background: #FFFAC6 !important;
}
.flexbox {
	display:flex;
	margin-bottom: 50px;
}
.trial-intro-point {
	width: 31%;
 margin: 1%;
}
@media only screen and (max-width: 767px){
	.flexbox {
	display:block;
}
	.trial-intro-point {
	width: 96%;
 margin: 2%;
}
.trial-wave-block {
	padding: 2em 0.5em;
}
}


.trial-wave_top {
	height: 80px;
    background-image: url(/images/trial/trial-wave-block_bg.png);
	background-position:center top;
}
.trial-wave_bottom {
	height: 80px;
    background-image: url(/images/trial/trial-wave-block_bg.png);
	background-position:center bottom;
}

.trial-wave-block h5 {
	background: #00A3E2;
	padding: 0.4em 0.8em;
	color: #fff;
	border-radius: 15px;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 1em;
}
.trial-wave-block p {
	color: #333;
	font-size: 15px;
	line-height: 1.8;
	padding-left: 2em;
}
.trial-wave-num img {
	width: 100%;
}
.trial-wave-blockL {
	border-right: solid 3px #fff;
}
.trial-wave h2 span {
	font-weight: 300;
}
@media only screen and (max-width: 767px){
	.trial-wave-blockL {
	border-bottom: solid 3px #fff;
		border-right: none;
}
.trial-wave-block p {
	color: #333;
	font-size: 15px;
	line-height: 1.8;
	padding-left: 0;
}
}


.tabs_nav {
	padding: 0 90px;
}
.trial-apply-tab {
	padding: 90px 0;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: 45%;
  height: 90px;
  line-height: 90px;
  font-size: 18px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	border-top-left-radius: 20px;
  border-top-right-radius: 20px;
	margin:0 2% 0;
	color: #000;
	cursor : pointer;
}

.tab_item:hover {
  /*opacity: 0.75;*/
}
.tab_trialA {
	background: #D2ECFA;
}
.tab_trialB {
	background: #FADCE9;
}

#trialA {
	background: #D2ECFA;
}
#trialB {
	background: #FADCE9;
}

#trialA .forms-content-area {
	background: #fff;
	border-radius: 20px;
}
#trialB .forms-content-area {
	background: #fff;
	border-radius: 20px;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#trialA:checked ~ #trialA,
#trialB:checked ~ #trialB {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {

}

@media only screen and (max-width: 767px){
/*タブのスタイル*/
.tab_item {
  width: 45%;
  height: auto;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	border-top-left-radius: 20px;
  border-top-right-radius: 20px;
	margin:0 2% 0;
	color: #000;
	cursor : pointer;
	padding: 20px 0;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px;
  clear: both;
  overflow: hidden;
}

.tab_content .forms-term {
	padding-left: 0.8em;
	padding-right: 0.8em;
}
}
.form-inline textarea {
	width: 100% !important;
}
.form-inline label {
	border: 1px solid #ccc;
	padding: 0.4em;
	margin: 0.4em;
	border-radius: 4px;
	}
input[type="checkbox"] {

	margin-right: 0.4em;

	}	
	
.forms-thanks {
	background: #FADCE9;
	padding: 10px 0 60px;
	margin-bottom: 60px;
}
a.forms-thanks_btn {
background: #E73A76;
	color: #fff;
}
a.forms-thanks_btn:hover {
background: #fff;
	color: #E73A76;
}
.forms-step {
	padding: 3em;
}
@media only screen and (max-width: 767px){
.thanks {
    padding-top: 30px;
}
	.forms-content-area .thanks h3 {
		font-size: 14px;
		margin-bottom: 0.3em;
	}
	.thanks h4 {
		font-size: 18px;
	}
	.forms-step {
	padding: 1em 2em;
}
	.forms-thanks {
	background: #FADCE9;
	padding-bottom: 60px !important;
	margin-bottom: 60px;
}
	.normal-btn span {
		font-size: 16px !important;
	}
}

.fuk-faq img {
	padding: 3% 10%;
}
.fuk-Q {
	color: #fff;
	margin-right: 0.6em;
	font-family: 'Krona One', sans-serif;
	font-size: 130%;
}
.fuk-A {
	padding-left: 3.5em !important;
}
.fuk-lead p {
	line-height: 1.6 !important;
	color: #000;
}
.fuk_tab {
	float: none;
	margin: 0px auto;
}
.slide-pc {
	position: relative;
	}
.fuk_trial_btn {
	position: absolute;
	top:70%;
	left: 65%;
}
.trial-announce {
	margin-top: 40px;
}
.trial-announce p {
	font-size: 18px;
	font-weight: 600;
	color: #000;
}
@media only screen and (max-width: 767px){
	.fuk_tab {
		width: 100%;
	float: none;
	margin: 0px auto;
}
.fuk_trial_btn {
	display: none;
}
.fuk-A {
	padding-left: 1.5em !important;
}
	}
	
	

/* 20240110 form custom*/
.select.form-control {
    border: solid 1px #aaa;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2), 2px 2px 4px 0 rgba(0,0,0,.2) inset;
}

.thanks-block h3 {
	text-align: center;
}
.thanks-line {
	text-align: center;
	padding: 15px;
}
.thanks-line h4 {
margin-bottom: 10px;
}
.thanks-line iframe {
	width: 200px;
}
@media only screen and (min-width: 767px){
.thanks-block p {
	text-align: center;
}
}