/*
Theme Name:easelaugh
Template:wp-bootstrap-starter
*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  color:#4a403d;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h2{
  display:inline-block;
  padding:2rem 1rem;
  text-align:center;
  border-radius:0.5em;
	margin-bottom:0.75em;
}
.whatis h2{
	background:#f66;
	transform:rotate(-1.7deg);
	color:#fff;
}
.seminar1 h2{
	background:#3f3;
	transform:rotate(-2.5deg);
}
.about1 h2{
	background:#f33;
	transform:rotate(2.5deg);
}
.about2 h2{
	background:#b5f;
	transform:rotate(-1.5deg);
}
.recommend h2{
	background:#0f0;
	transform:rotate(2deg);
}
.company h2{
	background:#d16300;
	transform:rotate(1.5deg);
	color:#fff;
}

h3{
/*  background:#eef; */
}
p{
	font-size:1.1em;
	line-height:1.8;
}
p:last-child{
	margin-bottom:0;
}
li{
		line-height:1.8;
}

.btn-entry{
	display:inline-block;
	background: #fff url(https://ease-laugh.co.jp/lp/wp-content/uploads/2021/10/btn-entry.svg?1019);
	background-size:100%;
	background-position:center -5px;
	margin: 0;
	padding: 0.7em;
	font-size: 2em;
	border-radius: 5em;
	border:1px solid #eee;
	color: #000;
	font-weight: bold;
	box-shadow:0 5px 5px rgba(0,0,0,0.3);
}

.corona{
  text-align:center;
  background:#fa0;
  padding:2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.corona h2{
	 color:#fff;
	 margin:0;
	 padding:0.5rem;
}

.whatis{
  background:url(https://ease-laugh.co.jp/lp/wp-content/uploads/2021/10/pixta_33031196_M.jpg);
  background-size:cover;
  background-position:center 60%;
  padding-bottom:3em;
}
.whatis h4{
  color:#c40;
}
.whatis p{
	color:#830;
}
.whatis img{
	margin:auto;
	display:block;
	padding-bottom:2em;
}

.top{
  background:url(https://ease-laugh.co.jp/lp/wp-content/uploads/2021/10/top.jpg);
  width:100%;
  height:50vw;
  background-size:cover;
}

.introduction{
	background: #ffe3a0;
	color:#000;
}

.introduction-txt{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.introduction-txt h4{
	color:#fff;
}
/*recommend*/
.recommend{
	background:#fff3dd url(https://ease-laugh.co.jp/lp/wp-content/uploads/2021/10/bg_recommend.svg);
	background-size:20%;
}
.recommend h3{
	color: #e38a2b;
}

.recommend span{
	color: #963;
}
/*.recommend1 h3:first-letter,.recommend2 h3:first-letter,.recommend3 h3:first-letter{
    font-size:2.5em;
  margin-right:0rem;
	color:#f26;
}*/
.recommend-txt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:1em;
}
.recommend img{
	margin:auto;
	display:block;
/*	padding-bottom:2em;*/
}


.whatis,.seminar1,.program1,.about1,.about2,.recommend,.company,.virus,.faq,.message{
	padding:1rem 1rem 0;
}
.whatis,.company{
	padding-bottom:1rem;
}

/*参加者からのメッセージ*/
.attendee{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-between;
}
.enq{
	background:#f3f3f3;
	border-radius:1em;
	border:1px solid #ececec;
	margin-bottom:	1em;
	width:100%;
	padding:1em;
}
.enq1{
	margin-bottom:1em;
}
.attendee .enq1:before{
	content:"1.キッズマネースクールのご感想をご自由にお書きください。"	;
	display:block;
	color:#a40;
	font-weight:bold;
}
.attendee .enq2:before{
	content:"2.一番参考になったことをお書きください。";	
	display:block;
	color:#a40;
	font-weight:bold;
}
/*よくある質問*/
.faq dl{
	margin-left:2.4em;
}
.faq dt{
	color:#3a0;
	font-size:1.15em;
	border-bottom:1px solid #ccc;
	margin-top:1em;
}
.faq dt:before{
	content:'Q';
	background:#3a0;
	padding:0.25em;
	border-radius:50%;
	color:#fff;
	font-size:1.25em;
	margin-right:0.2em;
	margin-left:-1.6em;
}
.faq dd{
/* 	padding-left:2em; */
	padding-top:0.25em;
}

/*effect*/
.effect h3{
	color: #fff;
	background: #c30;
	padding:0.5em;
	border-radius:0.5em;
}
.effect h4{
	border-bottom:1px solid #666;
	color:#666;
	padding-bottom:0.2em;
}
.effect span{
	color:#b61;
}
.effect .flexlayout{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-end;
}
.effect img.image1{
	width: 100%;
}
.effect img.image2{
	width: 50%;
}
.effect .txt1{
	width: 100%;
}
.effect .txt2{
	width: 100%;
}

/*gaiyou*/
.company-txt-first{
	background:#fff;
	padding:1em 0;
	border-bottom:1px solid #999;
}
.company-txt-last{
	background:#fff;
	padding:1em 0;
}
.btn_contact{
	display:inline-block;
	width:100%;
	padding:0.8em;
	margin-top:1em;
	margin-bottom:1em;
	background:#90f;
	text-align:center;
	color:#eee;
	border-radius:0.4em;
}
.btn_contact:hover{
	color:#fff;
}
/*about1*/
.about1-txt{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:1em;
}


/*footer*/
footer{
	background:#f93;
}
footer ul{
	padding:0;
}
footer li{
	display:inline-block;
}
footer a,footer a:hover{
	color:#fff;
	text-decoration:none;
}
.footer-inner{
	display:flex;
	justify-content: space-between;
	flex-direction:column;
	align-items:center;
}

/*otoiawase*/
.otoiawase{
	padding:30px;
}
.otoiawase h2{
	background:#90f;
	transform:rotate(1.2deg);
	color:#fff;
}
.otoiawase th, .otoiawase td{
	display:block;
}

.otoiawase td{
	padding:5px;
}
.wpcf7-submit,.backtohome{
	font-size: 1.25rem;
	width:100%;
}
.required{
	display:inline-block;
	color:#fff;
	background:#f36;
	padding:2px 5px;
	font-size:.8em;
	border-radius:3px;
	float:none;
	margin:0 10px;
}
.backtohome{
	background:#999;
	color:#fff;
}

/*thmbnail_youtube*/
.movie-content-wrap {
	position: relative;
	width: 100%;
	padding-top: 8%;
}
.movie-content-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie-content-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.sp-spacer {
	display: none;
	width: 1px;
	height: 1px;
}
/*コロナ対策*/
.virus h2{
	background:#fa0;
	color:#fff;
	transform:rotate(1.5deg);
}
.virus ul{
	color:#08e;
	font-size:1.2em;
}
.virus li:nth-child(2n){ 
	color:#45f;
}
/*ご利用規約*/
.terms h1{
  border-bottom:1px solid #999;
  color:#333;
  display:table;
  font-size:2.5rem;
  font-weight:bolder;
  margin:50px auto 45px auto;
  padding-bottom:0;
}
.terms h2{
  background:none;
  color:#333;
  font-size:1.3rem;
  font-weight:bold;
  text-shadow:none;
  padding-left:0;
}
.terms h3{
  color:#333;
  font-size:1.1rem;
  font-weight:bold;
}
.terms p{font-size:1rem;line-height:1.8em;}
.terms ul{padding-left:2em;}
.terms ul li{font-size:1rem; margin-bottom:1rem;}
.terms ol{list-style-type:none;padding-left:0;}
.terms ol li{font-size:1rem; line-height:1.7em;margin-bottom:1rem;}
.terms ol ol{font-size:90%;list-style-type:none;padding-left:2em;}
.terms ol ol li{line-height:1.6em;margin-top:1rem;}


@media screen and (min-width:768px){
	.footer-inner{
		flex-direction:row;
	}
	.effect .flexlayout{
		flex-direction:row;
		align-items:flex-start;
	}
	.effect img.image1{
		width: 40%;
	}
	.effect img.image2{
		width: 30%;
	}
	.effect .txt1{
		width: 55%;
	}
	.effect .txt2{
		width: 65%;
	}
}


@media screen and (min-width:992px){
	.whatis,.seminar1,.program1,.about1,.about2,.recommend,.company,.corona,.faq,.message{
		padding:2rem 2rem 1rem;
	}
	.corona{
	  flex-direction: row;
	}
	.whatis,.company{
		padding-bottom:2rem;
	}
	.otoiawase th, .otoiawase td{
	display:table-cell;
	}
	.required{
		float:right;
	}
	.enq{
		width:calc(50% - 0.5em);
	}

}

@media screen and (max-width: 768px) {
	.sp-spacer {
		display: block;
	}
}