@charset "utf-8";

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

br.pcOnly {
	display:block;
}
	@media screen and (max-width:767px){
		br.pcOnly {
			display:none;
		}
	}


/* common
---------------------------------------------- */
.contents h2 {
	position:relative;
	background-color:#CB1414;
	color:#FFF;
	text-align:center;
	font-size:28px;
	line-height:1.3;
	padding:15px 0;
	font-weight:bold;
}
	@media screen and (max-width:767px){
		.contents h2 {
			font-size:22px;
		}
	}

.contents h2:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -16px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #CB1414 transparent  transparent transparent;
	border-width: 16px 12px 0 12px;
}

a.btn2 {
	font-weight:bold;
	display:inline-block;
	color:#FFF;
	padding:0 60px;
	background:url(/wp/wp-content/themes/pip-maker/assets/img/trial/bg_btn.png) right 30px center no-repeat #CB1414;
	background-size:13px 15px;
	line-height:40px;
	border-radius:20px;
}



/* contents
---------------------------------------------- */
.banner_saminar {
	margin-bottom:40px;
}

/* can */
.can {
	margin-bottom:50px;
}
.can > h2 {
	margin-bottom:35px;
}
.can > ul {
	margin:0 3%;
	padding:30px 2%;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}
	@media screen and (max-width:767px){
		.can > ul {
			padding:15px 2%;
		}
	}

.can > ul > li {
	border-top:1px solid #D9F8FF;
	padding:15px 8%;
}
	@media screen and (max-width:767px){
		.can > ul > li {
			padding:10px 0;
		}
	}

.can > ul > li:last-child {
	border-bottom:1px solid #D9F8FF;
}
.can > ul > li > img {
	width:100%;
}



/* now */
.now {
	margin-bottom:50px;
}
.now > img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.now > .seminar {
	background:url(/wp/wp-content/themes/pip-maker/assets/img/trial/bg_arrow.png) center top no-repeat;
	background-size:51px 61px;
	padding-top:45px;
}
.now > .seminar > div {
	border:3px solid #FCD052;
	width:72%;
	margin:0 auto;
	padding:20px 3%;
}
	@media screen and (max-width:767px){
		.now > .seminar > div {
			width:94%;
		}
	}

.now > .seminar > div > div {
	width:52%;
	float:right;
}
	@media screen and (max-width:767px){
		.now > .seminar > div > div {
			width:auto;
			float:none;
			margin-bottom:2em;
		}
	}

.now > .seminar > div > div > h3 {
	background:none !important;
	color:#000 !important;
	padding-left:0 !important;
	font-weight:bold;
	margin:0;
	padding:8px 0;
}
.now > .seminar > div > div > p {
	margin:0;
	padding:8px 0;
}
.now > .seminar > div > div > a {
	float:right;
}
.now > .seminar > div > figure {
	margin:0;
	padding:0;
	width:39%;
	float:left;
}
	@media screen and (max-width:767px){
		.now > .seminar > div > figure {
			width:auto;
			text-align:center;
			float:none;
		}
	}

.now > .seminar > div > figure > img {
	width:100%;
}
	@media screen and (max-width:767px){
		.now > .seminar > div > figure > img {
			max-width:240px;
		}
	}

/* form_header */
.form_header {
	margin-bottom:15px;
}
.form_header > figure {
	margin:0 3% 20px 3%;
}
.form_header > figure > img {
	width:100%;
}
.form_header > p {
	margin:0 3% 20px 3%;
	padding:5px 0;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}

.formtbl .mwform-checkbox-field {
	display:block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

.formtbl td span.mwform-checkbox-field-text, .formtbl td span.mwform_stext {
	font-size:14px;
}



/* solution */
.solution {
	margin-bottom:50px;
}
.solution > h2 {
	margin-bottom:40px;
}
.solution > ul {
	margin:0;
	padding:0;
}

.solution > ul > li {
	width:47%;
	float:left;
	margin:0 1.5% 20px 1.5%;
}


/* faq */
.faq .accordion {
	margin-bottom:20px;
}
.faq .accordion > h3 {
	position:relative;
	background:#f5f5f5 !important;
	color:#000 !important;
	padding-left:0 !important;
	font-weight:bold;
	padding:8px 3px 8px 40px !important;
	margin:0 0 5px 0;
	cursor:pointer;
}
.faq .accordion > h3 > span {
	position:absolute;
	top:10px;
	left:10px;
	display:inline-block;
	width:25px;
	height:25px;
	background:url(/wp/wp-content/themes/pip-maker/assets/img/trial/faq_icon.png) top left no-repeat;
	background-size:25px 50px;
}
.faq .accordion > h3.open > span {
	background-position:bottom left;
}
.faq .accordion > p {
	display:none;
}
.faq .accordion > p strong {
	background: linear-gradient(transparent 50%, #ffff66 0%);
}
.faq .accordion > p.is-open {
	display:block;
}
.faq > nav {
	text-align:center;
}