@charset "utf-8";

/* mv */
.top-mv.pulsign{
	height: 520px;
}
.top-mv.pulsign .inner{
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
}
.top-mv.pulsign .txt_area{
	margin: 0;
}
.top-mv.pulsign p.sm_copy{
	color: #49bda9;
	font-weight: 700;
	font-size: 1.1rem;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	-ms-align-items: center;
	align-items: center;
}
.top-mv.pulsign p.sm_copy span{
	border-bottom: 2px solid #49bda9;
}
.top-mv.pulsign p.sm_copy img{
	max-width: 26%;
	margin: 0 0 0 10px;
}
.top-mv.pulsign h2{
	line-height: 1.3;
	font-weight: 700;
	margin: 0 0 20px;
}
.top-mv.pulsign p.point{
	max-width: 450px;
}
.top-mv.pulsign p.btn a{
	border-radius: 4px;
	background: #ef8541;
	max-width: 450px;
	width: 100%;
	font-weight: 700;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
}
.top-mv.pulsign p.btn a:hover{
	background: #ffffff;
	color: #ef8541;
	opacity: 1;
}
.top-mv.pulsign .img_area{
	width: 56%;
	position: relative;
	top: 40px;
}
@media screen and (max-width: 750px){
	.top-mv.pulsign {
		height: 540px;
		margin: 0 0 10px;
		padding-top: 50px;
	}
	.top-mv.pulsign h2{
		font-size: 1.6rem;
		text-align: center;
	}
	.top-mv.pulsign .txt_area{
		margin: 0 0 20px;
	}
	.top-mv.pulsign p.sm_copy{
		justify-content: center;
	}
	.top-mv.pulsign .img_area{
		width: 70%;
		top: 0;
	}
}

/* contents */
.orange{
	color: #ef8541;
}
.green{
	color: #49bda9;
}
.is-gradi{
	background: -moz-linear-gradient(left, #5cc6b2, #2ca6af);
	background: -webkit-linear-gradient(left, #5cc6b2, #2ca6af);
	background: linear-gradient(to right, #5cc6b2, #2ca6af);
}
.wide_area{
	padding: 60px 0;
	color: #ffffff;
	font-weight: 700;
}
.block h3 span{
	color: #49bda9;
}
.block.is-gradi h3{
	color: #ffffff;
	margin: 0 auto 40px;
}
.block.is-gradi h3 span{
	color: #ffffff;
}
ul.green_lst li{
	padding: 0 0 0 20px;
	font-size: 0.9rem;
	background: url('../image/pulsign/icon_plus.png') no-repeat left top 3px / 16px;
}
ul.orange_lst li{
	padding: 0 0 0 20px;
	font-size: 0.9rem;
}
ul.orange_lst li:nth-of-type(1){	
	background: url('../image/pulsign/icon_num01.png') no-repeat left top 3px / 16px;
}
ul.orange_lst li:nth-of-type(2){
	background: url('../image/pulsign/icon_num02.png') no-repeat left top 3px / 16px;
}
ul.orange_lst li:nth-of-type(3){
	background: url('../image/pulsign/icon_num03.png') no-repeat left top 3px / 16px;
}
.w_box{
	background: #ffffff;
	padding: 60px 100px;
}
dl.common_block{
	width: 45%;
	color: #555555;
	font-weight: 700;
	margin: 0 0 60px;
}
dl.common_block dt{
	border-bottom: 2px solid #49bda9;
	height: 50px;
	font-size: 1.3rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}
.note{
	font-size: 0.8rem;
}
@media screen and (max-width: 750px){
	.wide_area{
		padding: 90px 0 60px;
	}
	.wide_area p{
		font-size: 1.5rem;
	}
	.block h3{
		font-size: 1.5rem;
	}
	.block h3 span{
		margin: 0;
	}
	.w_box{
		padding: 60px 20px;
	}
	dl.common_block{
		width: 100%;
	}
	dl.common_block dt{
		font-size: 1.1rem;
		height: auto;
		padding: 10px 0 5px;
	}
}

/* nayami */
.nayami .contents{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nayami .contents dl:nth-of-type(3),
.nayami .contents dl:nth-of-type(4){
	margin: 0;
}
.nayami .contents dl:nth-of-type(1) dt{
	background: url('../image/pulsign/ttl_num01.png') no-repeat left bottom -1px / 12%;
}
.nayami .contents dl:nth-of-type(2) dt{
	background: url('../image/pulsign/ttl_num02.png') no-repeat left bottom -1px / 14%;
}
.nayami .contents dl:nth-of-type(3) dt{
	background: url('../image/pulsign/ttl_num03.png') no-repeat left bottom -1px / 14%;
}
.nayami .contents dl:nth-of-type(4) dt{
	background: url('../image/pulsign/ttl_num04.png') no-repeat left bottom -1px / 15%;
}
@media screen and (max-width: 750px){
	.nayami .contents{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.nayami .contents dl:nth-of-type(3){
		margin: 0 0 60px;
	}
	.nayami .contents dl:nth-of-type(4){
		margin: 0;
	}
	.nayami .contents dl:nth-of-type(1) dt{
		background: url('../image/pulsign/ttl_num01.png') no-repeat left bottom -1px / 13%;
	}
	.nayami .contents dl:nth-of-type(2) dt{
		background: url('../image/pulsign/ttl_num02.png') no-repeat left bottom -1px / 15%;
	}
	.nayami .contents dl:nth-of-type(3) dt{
		background: url('../image/pulsign/ttl_num03.png') no-repeat left bottom -1px / 15%;
	}
	.nayami .contents dl:nth-of-type(4) dt{
		background: url('../image/pulsign/ttl_num04.png') no-repeat left bottom -1px / 16%;
	}
}

/* what_pul */
.what_pul .w_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.what_pul .w_box img{
	width: 40%;
}
.what_pul .w_box p{
	width: 54%;
}

@media screen and (max-width: 750px){
	.what_pul .w_box{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.what_pul .w_box img,
	.what_pul .w_box p{
		width: 100%;
	}
	.what_pul .w_box img{
		margin: 0 0 20px;
	}
}

/* feature */
.feature .feat_area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 0 40px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 0 40px;
}
.feature .feat_area:last-of-type{
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.feature .feat_area h4{
	margin: 0 0 20px;
}
.feature .feat_area .txt_area{
	width: 50%;
}
.feature .feat_area .img_area{
	width: 44%;
}
.feature .feat_area p{
	margin: 0 0 20px;
}
.feature .feat_area.is-flat{
	display: block;
}
.feature .feat_area.is-flat .txt_area{
	width: 100%;
	margin: 0 0 40px;
}
.feature .feat_area.is-flat .txt_area h4{
	width: 50%;
}
.feature .feat_area.is-flat .img_area{
	width: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	justify-content: space-between;
}
.feature .feat_area.is-flat .img_area img{
	width: 46%;
}
.feature .feat_area.replc .txt_area{
	order: 2;
}
.feature .feat_area.replc .img_area{
	order: 1;
}
@media screen and (max-width: 750px){
	.feature .feat_area{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.feature .feat_area .txt_area,
	.feature .feat_area .img_area{
		width: 100%;
	}
	.feature .feat_area .txt_area{
		margin: 0 0 30px;
	}
	.feature .feat_area.replc .txt_area{
	order: 1;
	}
	.feature .feat_area.replc .img_area{
	order: 2;
	}
	.feature .feat_area.is-flat .txt_area h4{
		width: 100%;
	}
	.feature .feat_area.is-flat .img_area{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.feature .feat_area.is-flat .img_area img{
		width: 100%;
		margin: 0 0 20px;
	}
}

/* step */
.step{
	background: url('../image/pulsign/bg_ptn.png'), -moz-linear-gradient(left, #eef9f7, #e9f6f7);
	background: url('../image/pulsign/bg_ptn.png'), -webkit-linear-gradient(left, #eef9f7, #e9f6f7);
	background: url('../image/pulsign/bg_ptn.png'), linear-gradient(to right, #eef9f7, #e9f6f7);
}
.step .step_icon{
	margin: 20px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
.step .step_icon dl{
	position: relative;
	width: 100%;
	max-width: 15%;
	font-weight: 700;
}
.step .step_icon dl dd span{
	display: block;
	font-size: 0.9rem;
	font-weight: 500;
}
.step .step_icon dl:after{
	content: "";
	background: url('../image/pulsign/step_arrow.png') no-repeat center / cover;
	width: 20px;
	height: 30px;
	position: absolute;
	top: 30%;
	right: -28%;
}
.step .step_icon dl:last-of-type:after{
	content: none;
}
@media screen and (max-width: 750px){
	.step .step_icon{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 20px 0 0;
	}
	.step .step_icon dl{
		max-width: 38%;
		margin: 0 40px 20px 0;
	}
	.step .step_icon dl:nth-of-type(even){
		margin: 0 0 20px;
	}
	.step .step_icon dl:after{
		top: 18%;
		right: -27%;
	}
	.step .step_icon dl:last-of-type{
		margin: 0;
	}
}

/* price */
.price .p_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
.price .p_wrap dl{
	margin: 0;
}
.price .p_wrap dl dt{
	margin: 0 0 20px;
}
.price .p_wrap dl:first-of-type dt{
	background: url('../image/pulsign/ttl_basic.png') no-repeat left bottom -2px / 34%;
}
.price .p_wrap dl:last-of-type dt{
	background: url('../image/pulsign/ttl_option.png') no-repeat left bottom -2px / 44%;
}
.price .p_wrap dl dd{
	font-weight: 500;
}
.price .p_wrap dl:first-of-type dd{
	margin: 0 0 20px;
}
@media screen and (max-width: 750px){
	.price .p_wrap{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.price .p_wrap dl{
		margin: 0 0 60px;
	}
	.price .p_wrap dl:last-of-type{
		margin: 0;
	}
}

/* qa */
.qa{
	background: #f0f0f0;
}
.qa .acd_list dl dt{
	font-weight: 700;
	position: relative;
	font-size: 1.2rem;
	display: block;
	padding: 20px 40px;
	width: 100%;
	display: block;
	color: #555555;
	background: #ffffff;
	border-bottom: 1px solid #f0f0f0;
}
.qa .acd_list dl dt span.ico{
	color: #49bda9;
}
.qa .acd_list span{
	display: inline-block;
	vertical-align: middle;
}
.qa .acd_list span.ico{
	font-size: 2rem;
	font-family: 'ヒラギノ角ゴシック Pro',sans-serif;
	font-weight: bold;
	margin: 0 20px 0 0;
}
.qa .acd_list dl dt.open{
	background: -moz-linear-gradient(left, #5cc6b2, #2ca6af);
	background: -webkit-linear-gradient(left, #5cc6b2, #2ca6af);
	background: linear-gradient(to right, #5cc6b2, #2ca6af);
	color: #ffffff;
	border-bottom: none;
}
.qa .acd_list dl dt.open span.ico{
	color: #ffffff;
}
.qa .acd_list dt:after{
	background: url('../image/pulsign/icon_plus.png') no-repeat center / 80%;
	content: "";
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	top: 34%;
    right: 2%;
}
.qa .acd_list dt.open:after{
	background: url('../image/pulsign/icon_minus.png') no-repeat center / 80%;
}
.qa .acd_list dl dd{
	padding: 20px 40px;
	background: #ffffff;
	display: none;
	border-bottom: 1px solid #f0f0f0;
}
.qa .acd_list dl dd span.ansr{
	width: 94%;
}
@media screen and (max-width: 750px){
	.qa .acd_list dl dt,
	.qa .acd_list dl dd{
		padding: 20px 10px;
		font-size: 1rem;
	}
	.qa .acd_list dt:after{
		top: 30%;
	}
	.qa .acd_list dl dt span:nth-of-type(2){
		width: 80%;
	}
	.qa .acd_list span.ico{
		width: 10%;
		margin: 0 10px 0 0;
	}
	.qa .acd_list dl dd span.ansr{
		width: 85%;
	}
}

/* form */
.form input,
.form textarea{
	width: 100%;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 10px 0 0;
	border-radius: 2px;
	box-sizing: border-box;
	font-family: "Noto Sans JP";
}
.form .form_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 40px;
}
.form .form_wrap dl{
	margin: 0 0 20px;
	width: 48%;
}
.form .form_wrap dl dt{
	font-weight: 700;
	color: #555555;
}
.form input[type="submit"]{
	-webkit-appearance: none;
	font-size: 1.1rem;
	font-weight: 700;
	background: #ef8541;
	border: 0;
	color: #ffffff;
	margin: 0 auto;
	display: block;
	width: 30%;
	padding: 15px 10px;
	border-radius: 4px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
	transition-duration: .3s;
}
.form input[type="submit"]:hover{
	background: #ffffff;
	color: #ef8541;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	display: none !important;
}
.thanks h3{
	color: #51BDB1;
}
.thanks p.link{
	margin: 20px 0 0;
}
.thanks p.link a{
	color:#51BDB1; 
	text-decoration: none;
}
@media screen and (max-width: 750px){
	.form .form_wrap{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.form .form_wrap dl{
		width: 100%;
	}
	.form input[type="submit"]{
		width: 70%;
	}
	.thanks{
		padding: 100px 0 60px;
	}
}

/* 固定ボタン(左上) */
.fixed_btn {
	width: 210px;
	border-radius: 3px;
	position: fixed;
	top: 110px;
	left: 50px;
	z-index: 5;
}
.fixed_btn a {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 15px 0;
	box-sizing: border-box;
	border-radius: 3px;
	background: linear-gradient(to right, #5cc6b2, #2ca6af);
	transition: all .3s ease;
}
.fixed_btn a:hover {
	color: rgba(255,255,255, .7);
}
@media screen and (max-width: 750px){
	.fixed_btn a {
		display: none !important;
	}
}
/* 固定ボタン(右下) */
.right_btn.asq .video{
	width: 250px;
	height: 140px;
	position: fixed;
	right: 20px;
	bottom: 110px;
	z-index: 1;
	box-shadow: 0 0 5px 1px #5cc6b2;
	border-radius: 3px;
	transition-duration: .3s;
}
.right_btn.asq .video:hover {
	opacity: .9;
}
.right_btn.asq .video span {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	color: #fff;
	background: linear-gradient(to right, #5cc6b2, #2ca6af);
	border-radius: 3px;
	position: absolute;
	top: -30px;
	transform: translateX(-50%);
}
.right_btn.asq .video iframe{
	width: 100%;
	height: 100%;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}
.right_btn.asq .video a {
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* footer */
footer.pulsign{
	background: #49bda9;
}
footer.pulsign .address{
	color: #333333;
}
@media screen and (max-width: 750px){
	footer.pulsign.conf{
		margin: 0;
	}
}




/*_ビデオ枠の表示_210601追記_*/
.video_scroll{
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 50px;
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}


/*------------------------------*/
/*-----240109_追記_フォームへチェックボックス追加のため--------*/
/*------------------------------*/
.form_wrap .privacy {
    margin-top: 30px;
    font-size: 13px;
    line-height: 1.75;
    letter-spacing: 0.06em;
    background-color: rgb(231, 231, 231);
    font-family: "Work Sans", "Noto Sans", "Noto Sans JP", "Noto Sans Japanese", Avenir, "Open Sans", Roboto, "Hiragino Kaku Gothic Pro", 游ゴシック, 游ゴシック体, "Yu Gothic", YuGothic, "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    padding: 17px 19px;
}
.form_wrap .caption label input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.form_wrap .caption .wpcf7-list-item-label {
    vertical-align: 4px;
}
.form_wrap .caption {
    margin-top: 0px;
    letter-spacing: .01em;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (max-width: 750px) {
    .form_wrap .caption .wpcf7-list-item-label {
    vertical-align: 4px;
    font-size: 15px;
    }
}
.form .form_wrap dl.checkbox_area dt {
    margin-bottom: 5px;
}
.checkbox-otoiawase span.wpcf7-list-item,
.checkbox-kaiketsukadai span.wpcf7-list-item {
    margin-bottom: 5px;
}
.checkbox-otoiawase span.wpcf7-list-item input[type="checkbox"]:first-child,
.checkbox-kaiketsukadai span.wpcf7-list-item input[type="checkbox"]:first-child {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}
.checkbox-otoiawase span.wpcf7-list-item span.wpcf7-list-item-label,
.checkbox-kaiketsukadai span.wpcf7-list-item span.wpcf7-list-item-label
{
    vertical-align: 4px;
}