@charset "UTF-8";
.pc {
	display: none;
}
.smp {
	display: block;
}
.tablet {
	display: none;
} 

/* ================================================ 
	header 
==============================================================================================================================================================*/

header {
	padding: 10px 0;
	height: 32px;
	transition: .3s;
	width: 100%;
	background: #fff;
	position: fixed;
	z-index: 1000;
}
header.fix {
	position: fixed;
	width: 100%;
	top: 0;
	background: #fff;
	transition: .3s;
}
header .innar {
	margin: 0 auto;
	max-width: 1120px;
	width: 94%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-ms-flex-pack: flex-start;
	-ms-flex-align: flex-end;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: flex-start;
	-webkit-box-align: flex-end;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: flex-end;
}
header .innar .left {
	width: 100%;
}
header .innar .left .logo {
	max-width: 120px;
}
header .innar .right {
	display: none;
}
/* ================================================ 
	nav 
==============================================================================================================================================================*/
nav {
	display: none;
}
/* ================================================ 
	sp-na
==============================================================================================================================================================*/
.sp-nav {
	display: block;
}
.sp-nav .telblock-cover {
	padding-bottom: 15px;
}
.sp-nav .telblock {
	margin: 0 auto;
	color: #000;
	display: block;
	width: 90% !important;
	text-align: center;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 150%;
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.sp-nav .telblock a {
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.sp-nav .faxblock {
	background: #fff;
	margin: 0 auto;
	color: #000;
	display: block;
	text-align: center;
	padding: 0 10px 20px;
	width: 90% !important;
}
.sp-logo {
	margin: 0 16px 15px;
	padding: 10px;
	text-align: center;
	background: #fff;
}
.sp-menu {
	padding-top: 50px;
}
.sp-menu a {
	margin: 0 16px 20px;
	display: block;
	padding: 5px 10px;
	text-align: center;
	background: #261a0a;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	transition: .3s;
}
.sp-menu a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* ================================================ 
	メインビジュアル
==============================================================================================================================================================*/
.main-block {
	width: 100%;
	padding: 30px 0;
	background: url(../img/bg_main.jpg) no-repeat right center;
	background-size: cover;
}
.main-block.sp {
	margin-top: 32px;
}
.main-block .inner h2 {
	margin-bottom: 20px;
}
.main-block .inner ul {
	margin-left: 0;
	margin-bottom: 20px;
}
.main-block .inner ul li p {
	margin-bottom: 12px;
	padding: 10px;
}
.main-block .inner ul li span {
	display: block;
	padding-left: 18px;
	font-size: 15px;
	line-height: 150%;
	background: url(../img/icon_check.svg) no-repeat left 0.4em;
	background-size: 10px 7px;
}
.main-block .inner .btn {
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 0;
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background: #261a0a;
	border-radius: 0;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	transition: all .3s;
}
.main-block .inner .btn p {
	margin-bottom: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 150%;
	color: #f8d800;
}
.main-block .inner .btn span {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 130%;
	background: url(../img/icon_btn.svg) no-repeat right 0.4em;
	background-size: 16px 12px;
	padding-right: 18px;
}
.main-block .inner .btn:hover {
	background: #483215;
}
.m-btn {
	display: block;
	border: 5px #87bd10 solid;
	box-shadow: 3px 3px #5a761d;
	background: linear-gradient(0deg, #87bd10 0%, #87bd10 50%, #a7c85f 50%, #a7c85f 100%);
	text-decoration: none !important;
	padding: 15px 20px;
	position: relative;
	z-index: 20;
	top: 20px;
	margin-bottom: 0;
	transition: all .3s;
}
.m-btn span {
	display: block;
	text-align: center;
	font-size: 34px;
	line-height: 150%;
	color: #fff;
	background: url(../img/bg_o_btn.svg) no-repeat right center;
	background-size: 32px 32px;
}
.m-btn:hover {
	border: 5px #639D00 solid;
	background: linear-gradient(0deg, #639D00 0%, #639D00 50%, #639D00 50%, #639D00 100%);
}
/* ================================================ 
	イントロ
==============================================================================================================================================================*/
.intro {
	width: 94%;
	padding: 30px 3%;
}
.intro h2 {
	font-size: 20px;
	line-height: 150%;
	font-weight: normal;
}
.intro h2 span {
	display: block;
	font-size: 16px;
	line-height: 150%;
}
.about-block {
	background: #f6f4ed;
}
.about-block .tif {
	margin: 0 auto 20px;
	border-width: 22px 102.5px 0 102.5px;
}
.about-block .inner h2 {
	font-size: 22px;
	line-height: 150%;
}
.about-block .inner .caption {
	margin-bottom: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 160%;
}
.about-block .inner ul {
	margin: 0 auto;
	max-width: 1030px;
}
.about-block .inner ul li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 20px;
}
.about-block .inner ul li:last-child {
	margin-right: 0;
}
.about-block .inner ul li:nth-child(2n) {
	margin-right: 0;
}
.about-block .cont {
	margin: 0 auto;
	padding-bottom: 30px;
	min-height: inherit;
	background: none;
}
.about-block .cont .inbox {
	margin-left: 0;
	width: 100%;
}
.about-block .cont .inbox p {
	color: #483a1d;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 15px;
}
.about-block .cont .inbox iframe {
	width: 100%;
	height: 250px;
}
/* ================================================ 
	マリッジアドバイザーってこんなに稼げるんです。
==============================================================================================================================================================*/
.adviser-block {
	padding: 30px 0;
}
.adviser-block h2 {
	margin: 0 auto 20px;
	padding-bottom: 10px;
	font-size: 22px;
	line-height: 150%;
}
.adviser-block .caption {
	font-size: 15px;
	line-height: 160%;
}
.adviser-block .case {
	margin: 0 auto 10px;
	width: 94%;
	max-width: 1120px;
	display: block;
}
.adviser-block .case .box {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 0 15px 15px;
}
.adviser-block .case .box:last-child {
	margin-right: 0;
}
.adviser-block .case .box .headline {
	margin-bottom: 20px;
}
.adviser-block .case .box .headline .image {
	width: 100%;
	float: none;
	text-align: center;
}
.adviser-block .case .box .headline .image .tit {
	margin-bottom: 10px;
	background: #9A9281;
	padding: 5px 0 !important;
}
.adviser-block .case .box .headline .image .flex {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-ms-flex-pack: flex-start;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: flex-start;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: center;
}
.adviser-block .case .box .headline .image .flex .photo {
	margin-bottom: 0;
	margin-right: 5%;
}
.adviser-block .case .box .headline .image .flex .data {
	text-align: left;
}
.adviser-block .case .box .headline .image .flex .data p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 150%;
}
.adviser-block .case .box .headline .image .flex .data h3 {
	display: block;
	font-size: 16px;
	line-height: 150%;
	font-weight: normal;
}
.adviser-block .case .box .headline .txt {
	width: 100%;
	float: none;
	padding-top: 20px;
	color: #5e5138;
}
.adviser-block .case .box .headline .txt h3 {
	display: none;
}
.adviser-block .case .box .headline .txt p {
	font-size: 14px;
	line-height: 160%;
}
.adviser-block .case .box .work {
	margin-bottom: 10px;
	background: #fffde7;
	padding: 15px;
}
.adviser-block .case .box .work table {
	width: 100%;
}
.adviser-block .case .box .work table th {
	width: 100%;
	display: block;
	text-align: center;
}
.adviser-block .case .box .work table th .icon_smp {
	margin-bottom: 15px;
}
.adviser-block .case .box .work table .mi span {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 150%;
	background: #261a0a;
	padding: 3px 30px;
}
.adviser-block .case .box .work table .price {
	font-size: 16px;
	line-height: 150%;
}
.adviser-block .case .box .work table .price strong {
	font-size: 34px;
	line-height: 150%;
	margin-right: 2px;
	font-weight: normal;
}
.adviser-block .case .box .work table .price span {
	font-size: 14px;
	line-height: 150%;
}
.adviser-block .case .box .work table td {
	width: 100%;
	display: block;
	color: #ba3737;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
}
.adviser-block .case .box .work table td.icon_pc {
	display: none;
}
.adviser-block .case .box .work table td strong {
	font-size: 46px;
	line-height: 150%;
	margin-right: 2px;
	font-weight: normal;
}
.adviser-block .case .box .work table .icon_smp {
	display: block;
}
.adviser-block .case .box .cap {
	text-align: right;
}
.adviser-block .breakdown {
	margin: 0 auto 15px;
	max-width: 221px;
	position: static;
	z-index: 11;
}
.adviser-block .breakdown-box {
	color: #403d35;
	position: static;
	z-index: 10;
	top: 0;
	margin: 0 auto 20px;
	width: 94%;
	max-width: 1120px;
	box-sizing: border-box;
	border: 3px #a69d8b solid;
	background: #fff;
	box-shadow: 5px 5px #2d2b25;
	padding: 30px 50px;
	display: block;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: column wrap;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: column;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: column wrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: none;
}
.adviser-block .breakdown-box .icon {
	margin: 10px 0;
}
.adviser-block .breakdown-box .con .tit1 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	line-height: 120%;
}
.adviser-block .breakdown-box .con .tit1 span {
	display: block;
	font-size: 30px;
	line-height: 150%;
}
.adviser-block .breakdown-box .con .txt1 p {
	margin-bottom: 10px;
	display: inline-block;
	text-align: left;
	font-size: 16px;
	line-height: 150%;
}
.adviser-block .breakdown-box .con .txt1 span {
	background: #ba3737;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
	padding: 5px;
}
.adviser-block .breakdown-box .con .txt2 {
	text-align: center;
	font-size: 22px;
	line-height: 150%;
}
.adviser-block .breakdown-sp {
	display: block;
	margin: 0 auto 20px;
	width: 94%;
	text-align: center;
	max-width: 1120px;
	box-sizing: border-box;
	border: 3px #a69d8b solid;
	background: #fff;
	box-shadow: 5px 5px #2d2b25;
	padding: 10px;
}
.adviser-block .btn {
	margin: 0 auto;
	max-width: 930px;
	width: 94%;
	display: block;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	color: #aa8946;
	background: #000000;
	text-decoration: none;
	transition: .3s;
}
.adviser-block .btn span {
	display: block;
	text-decoration: none;
	background: url(../img/arrow2.svg) no-repeat right center;
	background-size: 9px 15px;
	padding-right: 15px;
	font-size: 15px;
	line-height: 150%;
	text-align: center;
}
.adviser-block .btn:hover {
	color: #fff;
	background: #ba3737;
}
/* ================================================ 
	気になった方。
==============================================================================================================================================================*/
.questionnaire-block {
	padding: 30px 0;
}
.questionnaire-block .h2-cover {
	margin-bottom: 20px;
}
.questionnaire-block h2 {
	display: inline-block;
	padding: 0 10px 8px;
	border-bottom: 3px #ba3737 solid;
	color: #ba3737;
	font-size: 20px;
	line-height: 150%;
}
.questionnaire-block dl {
	margin-bottom: 20px;
}
.questionnaire-block dl dt {
	font-size: 22px;
	line-height: 150%;
}
.questionnaire-block dl dd {
	font-size: 14px;
	line-height: 160%;
}
.questionnaire-block .cont {
	display: block;
}
.questionnaire-block .cont .box {
	margin-bottom: 30px;
	width: 100%;
	margin-right: 0;
}
.questionnaire-block .cont .box:last-child {
	margin-right: 0;
	margin-bottom: 0;
}
.questionnaire-block .cont .box p {
	margin-bottom: 20px;
}
.btn2 {
	margin: 0 auto;
	max-width: 930px;
	width: 94%;
	display: block;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 15px 10px;
	color: #000;
	text-decoration: none !important;
	background: #fff;
	border: 2px #000 solid;
	transition: .3s;
}
.btn2 span {
	display: block;
	background: url(../img/arrow3.svg) no-repeat right center;
	background-size: 10px 16px;
	padding-right: 15px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
.btn2:hover {
	color: #fff;
	background: #000;
}
.btn2:hover span {
	display: block;
	background: url(../img/arrow2.svg) no-repeat right center;
	background-size: 10px 16px;
	padding-right: 15px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
/* ================================================ 
	オンライン説明会。
==============================================================================================================================================================*/
.online-block {
	background: url(../img/bg_online.jpg) no-repeat center center;
	background-size: cover;
}
.online-block .tif {
	margin: 0 auto;
	border-width: 22px 102.5px 0 102.5px;
}
.online-block .inner {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 15px 0 30px;
}
.online-block .inner h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	line-height: 150%;
	font-weight: normal;
}
.online-block .inner h2 span {
	display: block;
	font-size: 16px;
	line-height: 150%;
}
.online-block .inner .txt1 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 150%;
}
.online-block .inner .flex1 {
	margin: 0 auto;
	width: 100%;
	display: block;
}
.online-block .inner .flex1 li {
	margin-bottom: 30px;
	width: 100%;
	background: #fff;
	border: 1px #a69d8b solid;
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
	margin-right: 4%;
}
.online-block .inner .flex1 li:last-child {
	margin-right: 0;
}
.online-block .inner .flex1 li h3 {
	font-size: 20px;
	line-height: 150%;
	font-weight: normal;
}
.online-block .inner .flex1 li h4 {
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 150%;
	font-weight: normal;
	border-bottom: 1px #000 dotted;
}
.online-block .inner .flex1 li h4 span {
	font-size: 40px;
	line-height: 150%;
}
.online-block .inner .flex1 li p {
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 160%;
}
.online-block .inner .flex2 {
	display: none;
}
.btn3 {
	margin: 0 auto;
	max-width: 930px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 15px 10px;
	color: #fff !important;
	text-decoration: none !important;
	background: #707070;
	border: 2px #707070 solid;
	transition: .3s;
}
.btn3 span {
	display: block;
	background: url(../img/icon_btn.svg) no-repeat right center;
	background-size: 21px 17px;
	padding-right: 15px;
	font-size: 15px;
	line-height: 150%;
	text-align: left;
}
.btn3:hover {
	color: #fff;
	background: #000;
}
.btn3:hover span {
	display: block;
	background: url(../img/icon_btn.svg) no-repeat right center;
	background-size: 21px 17px;
	padding-right: 15px;
	font-size: 15px;
	line-height: 150%;
	text-align: left;
}
/* ================================================ 
	無料映像講座のメリット。
==============================================================================================================================================================*/
.merit-block {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 30px 0;
}
.merit-block h2 {
	margin-bottom: 20px;
	text-align: center;
	color: #483a1d;
	font-size: 24px;
	line-height: 150%;
}
.merit-block .flex1 {
	margin-bottom: 30px;
	display: block;
}
.merit-block .flex1.m0 {
	margin-bottom: 0;
}
.merit-block .flex1 .image {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.merit-block .flex1 .txt {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.merit-block .flex2 {
	margin-bottom: 30px;
	display: block;
}
.merit-block .flex2 .image {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.merit-block .flex2 .txt {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.merit-block h3 {
	margin-bottom: 15px;
}
.merit-block dl dt {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 150%;
}
.merit-block dl dd {
	font-size: 15px;
	line-height: 150%;
}
.osusume-block {
	padding: 30px 0;
	background: #f6f4ed;
}
.osusume-block .inner .box {
	width: 100%;
	margin-left: 0;
}
.osusume-block .inner h2 {
	margin-bottom: 20px;
	color: #483a1d;
	font-size: 22px;
	line-height: 150%;
	font-weight: normal;
}
.osusume-block .inner h3 {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 150%;
	font-weight: normal;
}
.osusume-block .inner ul {
	margin-bottom: 15px;
	background: #fff;
	padding: 15px;
}
.osusume-block .inner ul li {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 180%;
	background: url(../img/check.svg) no-repeat left 0.4em;
	background-size: 14px 14px;
	padding-left: 18px;
}
.osusume-block .inner ul li:last-child {
	margin-bottom: 0;
}
.osusume-block .inner p {
	font-size: 16px;
	line-height: 16 0%;
}
/* ================================================ 
	マリッジアドバイザーのあれこれ
==============================================================================================================================================================*/
.how-bock {
	padding: 30px 0;
}
.how-bock .h2-cover {
	margin: 0 auto 20px;
}
.how-bock h2 {
	display: inline-block;
	padding: 0 10px 5px;
	color: #ba3737;
	font-size: 22px;
	line-height: 150%;
}
.how-bock .txt1 {
	margin: 0 auto 20px;
	font-size: 15px;
	line-height: 160%;
}
.how-bock .cont {
	display: block;
}
.how-bock .cont a {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
	height: 260px;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	line-height: 150%;
	font-weight: normal;
	transition: .3s;
}
.how-bock .cont a:nth-child(2n) {
	margin-right: 0;
}
.how-bock .cont a:nth-child(1) {
	background: url(../img/ho_image1.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:nth-child(2) {
	background: url(../img/ho_image2.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:nth-child(3) {
	background: url(../img/ho_image3.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:nth-child(4) {
	background: url(../img/ho_image4.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a span {
	margin: 0 auto;
	width: 94%;
	max-width: 323px;
	text-align: center;
	display: block;
	padding: 66px 0 76px;
	background: url(../img/btn.png) no-repeat center bottom;
	background-size: 100% auto;
}
.how-bock .cont a:hover {
	color: #000;
}
.how-bock .cont a:hover:nth-child(1) {
	background: url(../img/ho_image1_on.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:hover:nth-child(2) {
	background: url(../img/ho_image2_on.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:hover:nth-child(3) {
	background: url(../img/ho_image3_on.jpg) no-repeat center center;
	background-size: cover;
}
.how-bock .cont a:hover:nth-child(4) {
	background: url(../img/ho_image4_on.jpg) no-repeat center center;
	background-size: cover;
}
/* ================================================ 
	top-voice-slide
==============================================================================================================================================================*/
.top-voice-slide {
	margin-bottom: 30px;
	padding: 30px 0;
	background: #fde9ec;
}
.top-voice-slide .h2-cover {
	margin-bottom: 20px;
	text-align: center;
}
.top-voice-slide h2 {
	padding: 0 10px 5px;
	font-size: 22px;
	line-height: 150%;
}
.top-voice-slide .innar {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
}
.top-voice-slide .innar .voice-container {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.top-voice-slide .innar .swiper-wrapper {
	margin: 0 auto 40px;
}
.top-voice-slide .innar .swiper-slide {
	padding: 0;
	background: #fff;
	padding: 15px 0;
	box-shadow: 5px 5px rgba(189, 161, 165, 0.8);
}
.top-voice-slide .innar .swiper-slide .block {
	margin: 0 auto;
	max-width: 780px;
	display: block;
}
.top-voice-slide .innar .swiper-slide .block .image {
	width: 100%;
	max-width: 250px;
	margin: 0 auto 15px;
}
.top-voice-slide .innar .swiper-slide .block .txt {
	margin: 0 auto;
	width: 80%;
}
.top-voice-slide .innar .swiper-slide .block .txt .tag {
	margin-bottom: 15px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
	-ms-flex-pack: flex-start;
	-ms-flex-align: stretch;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: flex-start;
	-webkit-box-align: stretch;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row wrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.top-voice-slide .innar .swiper-slide .block .txt .tag p {
	width: 48%;
	box-sizing: border-box;
	margin-right: 4%;
	margin-bottom: 8px;
	text-align: center;
	padding: 5px;
	font-size: 13px;
	line-height: 150%;
	background: #ba3737;
	color: #fff;
}
.top-voice-slide .innar .swiper-slide .block .txt .tag p:nth-child(2n) {
	margin-right: 0;
}
.top-voice-slide .innar .swiper-slide .block .txt h3 {
	margin-bottom: 10px;
	color: #ba3737;
	font-size: 20px;
	line-height: 150%;
}
.top-voice-slide .innar .swiper-slide .block .txt p {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 150%;
}
.top-voice-slide .innar .swiper-slide .block .txt p:last-child {
	margin-bottom: 0;
}
.top-voice-slide .innar .swiper-button-prev {
	width: 14px;
	height: 26px;
	margin-top: -26px;
	-moz-background-size: 14px 26px;
	-webkit-background-size: 14px 26px;
	background-size: 14px 26px;
	background-image: url(../img/prev.svg);
	left: 10px;
	right: auto;
}
.top-voice-slide .innar .swiper-button-next {
	width: 14px;
	height: 26px;
	margin-top: -26px;
	-moz-background-size: 14px 26px;
	-webkit-background-size: 14px 26px;
	background-size: 14px 26px;
	background-image: url(../img/next.svg);
	right: 10px;
	left: auto;
}
.top-voice-slide .innar .btn-cover {
	margin: 0 auto;
	max-width: 340px;
}
.end-txt {
	padding: 30px 0;
	width: 94%;
	margin: 0 auto;
	max-width: 1120px;
	text-align: center;
	color: #382c1f;
}
.end-txt div {
	font-size: 18px;
	line-height: 150%;
}
.end-txt div strong {
	font-size: 22px;
	line-height: 150%;
}
.end-txt p {
	font-size: 18px;
	line-height: 150%;
}
.end {
	background: #261a0a;
	padding: 0 3% 20px;
}
.end .tif {
	margin: 0 auto 20px;
	border-width: 22px 102.5px 0 102.5px;
}
.end dl {
	text-align: center;
}
.end dl dt {
	color: #f8d800;
	font-size: 12px;
	line-height: 150%;
}
.end dl dd {
	display: inline-block;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	padding-right: 40px;
	background: url(../img/icon_btn.svg) no-repeat right center;
	background-size: 23px 18px;
}
/* ================================================ 
	footer
==============================================================================================================================================================*/
footer {
	padding: 30px 0 120px;
}
footer .inner {
	display: block;
}
footer .inner .foot-left {
	margin-bottom: 10px;
	width: 100%;
	margin-right: 0;
}
footer .inner .foot-left .logo {
	margin-bottom: 20px;
}
footer .inner .foot-center {
	width: 100%;
	margin-right: 0;
}
footer .inner .foot-center a {
	display: block;
	font-size: 13px;
	line-height: 180%;
	padding-left: 10px;
	background: url(../img/foot_icon.svg) no-repeat left 0.5em;
}
footer .inner .foot-right {
	width: 100%;
}
footer .inner .foot-right a {
	display: block;
	font-size: 13px;
	line-height: 180%;
	padding-left: 10px;
	background: url(../img/foot_icon.svg) no-repeat left 0.5em;
}
footer .fax {
	margin-bottom: 15px;
	font-size: 19px;
	line-height: 150%;
}
footer .fax span {
	font-size: 30px;
	line-height: 150%;
}
footer .btn-area {
	display: block;
}
footer .btn-area a {
	display: block;
	margin: 0 auto 15px;
	width: 318px;
	background: #382c1f;
	border-radius: 5px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	padding: 15px;
	color: #fff;
	transition: .3s;
}
footer .btn-area a span {
	display: inline-block;
	padding: 5px 28px 5px 0;
	background: url(../img/icon_fax.svg) no-repeat right center;
}
footer .btn-area a:last-child {
	background: #ba3737;
}
footer .btn-area a:last-child span {
	display: inline-block;
	padding: 5px 36px 5px 0;
	background: url(../img/icon_mail.svg) no-repeat right center;
}
footer .btn-area a:hover {
	background: #8F7250;
}
footer .btn-area a:hover:last-child {
	background: #D36D6D;
}
/* -------------------------------------------------------------------------------------

	ページトップへ戻る

-------------------------------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
	font-size: 70%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 10000;
}
#page-top a {
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	color: #fff;
}
#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* ================================================ 
	下層ページ共通項
=========================================================================================================*/

.page-tit{
	width: 100%;
	background: #f5f3e9;
	font-size: 150%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	padding-top: 60px;
}
.page-tit div{
	width: 90%;
	margin: 0 auto;
	position: relative;
	height: 200px;

}

.page-tit p{
	position: absolute;
  top: 50%;
	left:50%;
	text-align: center;
	width: 80%;
  -webkit-transform: translate(-50%,-50%); /* Safari用 */
  transform: translate(-50%,-50%);
	background-color: rgba(0,0,0,.5);
	padding: 3%;
	color: #fff;
	border-radius: 6px;
	line-height: 150%;
}

.pankuzu{
	width: 90%;
	border-bottom: 1px dotted #000;
	padding: 15px 5%;
	color: #382c1f;
	margin-bottom: 50px;
}

.pankuzu p{
	background: url(../img/icon-house.svg) no-repeat left center;
	background-size: 16px 16px;
	max-width: 1120px;
	margin: 0 auto;
	width: 90%;
	padding-left: 30px;
	color: #382c1f;
}

.un-end{
	width: 100%;
	border-top: 1px solid #333;
	margin-top: 70px;
}

/* ================================================ 
	お問い合わせ
=========================================================================================================*/

.bg-contact{
	background: url(../img/contact-bg.png) no-repeat 80% bottom #f5f3e9;
	background-size: auto 100%;
}

.forms{
	max-width: 1120px;
	width: 90%;
	margin: 0 auto 50px;
}

.forms dl{
	text-align: center;
	color: #261a0a;
	margin-bottom: 50px;
}

.forms dl dt{
	font-size: 180%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 150%;
	margin-bottom: 20px;
}

.forms .blown-btn{
	width: 100%;
	margin: 0 auto;
}

.blown-btn a{
	display: block;
	text-align: center;
	background: #261a0a;
	color: #fff;
	padding: 5%;
	font-size: 130%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-decoration: none;
	font-weight:normal;
	border-radius: 6px;
	transition: .3s;
}

.blown-btn a:hover{
	display: block;
	text-align: center;
	background:#4B2E08;
	color: #fff;
	padding: 5%;
	font-size: 130%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-decoration: none;
	font-weight:normal;
	border-radius: 6px;
	transition: .3s;
}

.file{
	background: url(../img/file.svg) no-repeat right center;
	padding-right: 40px;
	background-size: 20px 20px;
}
.finger{
	background: url(../img/finger.svg) no-repeat right center;
	padding-right: 40px;
	background-size: 20px 20px;
}

.download{
	background: url(../img/icon.svg) no-repeat right center;
	padding-right: 40px;
	background-size: 20px 20px;
}

.contactform{
	max-width: 920px;
	width: 90%;
	margin: 0 auto 30px;
}

.contactform th,
.contactform td{
	font-weight: normal;
	text-align: left;
	padding: 1% 0%;
	vertical-align: middle;
	display: block;
	margin-bottom: 10px;
}

.contactform td{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.contactform th{
	width: 100%;
}

.contactform th span{
	/*display: none;*/
}
form span.ok{
	display: none;
}
.contactform td input[type="text"]{
	width: 90%;
	padding: 15px 5%;
	border-radius: 6px;
	background: #e5e5e5;
	box-shadow: 0 0 0 1px #ccc inset;
	border: none;
}

.contactform td textarea{
	width: 90%;
	padding: 15px 5%;
	border-radius: 6px;
	background: #e5e5e5;
	box-shadow: 0 0 0 1px #ccc inset;
	border: none;
	min-height: 200px;
}


.contactform td select{
	width: 90%;
	padding: 15px 5%;
	border-radius: 6px;
	background: #e5e5e5;
	box-shadow: 0 0 0 1px #ccc inset;
	border: none;
}

.sum-t{
	max-width: 1120px;
	width: 90%;
	margin: 0 auto ;
}

.tecbs20{
	width: 90%;
	margin: 0 auto 20px;
}

.sum-t {
	text-align: center;
}
.sum-t:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sum-t .reset{
	width: 48%;
	margin-right: 4%;
	background: #cccccc;
}

.sum-t .submit{
	width: 48%;
	background: #c04a4a;
	color: #fff;
}

.sum-t .reset,
.sum-t .submit{
	padding: 3% !important;
	border: none;
	border-radius: 6px;
	font-size: 100%;
}

.cash-ch{
	max-width: 1120px;
	width: 90%;
	margin: 0 auto 50px;
	background: #f5f3e9;
	padding: 5% 2% 2px;
}

.credit{
	box-shadow: 0 0 0 1px #ccc inset;
	padding: 3%;
	display: inline-block;
	background: #fff;
}

.short{
	width: 20% !important;
}
.middle{
	width: 40% !important;
}
.mini{
	width: 10% !important;
}

.bank-s{
	text-align: center;
	width: 90%;
	margin: 0 auto 30px;
}

.bank-s .blown-btn{
	margin-bottom: 20px;
}

.nakoudo__introduction--area{
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nakoudo__introduction--area p{
  display: inline-block;
  width: 100%;
  margin:0 auto 10px;
}
.introduction--matchmaker_number{
  width: 30% !important;
}

.introduction--matchmaker_name{
  width: 40% !important;
}

.text {
  display: none;
}
.text01 {
  display: block;
}

.s-tit{
	text-align: center !important;
	font-size: 120%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background: #f5f3e9;
	padding: 15px 0;
	max-width: 920px;
	width:90%;
	margin: 50px auto 20px;
}

.pads{
	padding-bottom: 40px !important; 

}

.ext{
	font-weight: bold;
	margin-bottom: 15px;
}

.label-area{
	
	margin-bottom: 20px;
border-bottom: 1px dotted #ccc;
padding-bottom: 20px;}

.radio-inline{
	margin: 0 25px 5px 0;
	display: block;
}

.f-policy{
	text-align: center;
	background: #efefef;
	max-width: 900px;
	width: 90%;
	margin: 0 auto 30px;
	padding: 1%;
	border: 2px solid;
	border-color: red;
}

.f-policy p {padding: 10px;}

.movie{
	text-align: center;
	margin: 0 auto 50px;
}

.movie iframe{
	max-width: 640px;
	height: auto;
	width: 100%;
	height: 360px;
}

.long{
	width: 100% !important;
}

.conform {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
}
.conform:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.conform li{
	width: 48%;
	float: left;
}

.conform li:first-child{
	margin-right: 4%;
}

.conform .reset{
	width: 90%;
	background: #cccccc;
	display: block;
	color: #000;
	text-decoration: none;
}

.conform .submit{
	width: 90%;
	background: #c04a4a;
	color: #fff;
}

.conform .reset,
.conform .submit{
	padding: 20px 5% !important;
	border: none;
	border-radius: 6px;
	font-size: 120%;
}

.complete{
	max-width: 1120px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.zooms{
	text-align: left;
	background: #FCFCE9;
	padding: 5%;
	margin: 30px auto;
}

.zooms-btn{
	text-align: center !important;
}

.zooms-btn a{
	display: block;
	padding: 20px 5%;
	background:url(../img/dw-icon.svg) no-repeat 96% center #382c1f;
	background-size: 14px 14px;
	width: 90%;
	margin: 15px auto 0;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-size: 100%;
	transition: .4s;
}

.zooms-btn a:hover{
	display: block;
	padding: 20px 5px;
	background:url(../img/dw-icon.svg) no-repeat 96% center #251B10;
	background-size: 14px 14px;
	width: 50%;
	margin: 15px auto 0;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-size: 100%;
}

/* ================================================ 
	動画視聴一覧ページ
=========================================================================================================*/
.bg-movielist{
	background: url(../img/sp-bg-movielist.png) no-repeat 80% bottom #f5f3e9;
	background-size: auto 100%;
}

.movie-pro{
	width: 100%;
	background:url(../img/un-delta.png) no-repeat center top #403d35;
	padding: 60px 0 40px;
	margin-bottom: 40px;
}

.movies{
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 20px;
}

.movies dl{
	text-align: center;
	color: #261a0a;
	margin-bottom: 20px;
}

.movies dl dt{
	font-size: 180%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 150%;
	margin-bottom: 20px;
}

.numbers{
	text-align: center;
	color: #f4e6c0;
	font-size: 140%;
	line-height: 150%;
	margin-bottom: 25px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.movie-pro ul{
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
}

.movie-pro ul li{
	float: left;
	width: 31.6%;
	margin-right: 2.6%;
	list-style: none;
}

.movie-pro ul li img{
	width: 100%;
	height: auto;
}

.movie-pro ul li:last-child{
	margin-right: 0;
}

.tit-redline{
	text-align: center;
	width: 90%;
	margin: 0 auto 40px;
}
.tit-redline dt{
	color: #ba3737;
	font-size: 150%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 150%;
	margin-bottom: 20px;
	border-bottom: 5px solid #ba3737;
	display: inline-block;
	padding: 0 10% 10px;
}

.tab{
	overflow:hidden;
max-width: 1120px;
	width: 100%;
margin: 0 auto;
}

.tab > li{
	background:url(../img/corner.svg) no-repeat left top #ccc;
	background-size: 16px 16px;
	padding:15px 0;
	float:left;
	margin-right:0%;
	width: 50%;
	text-align: center;
	font-size: 90%;
	cursor: pointer;
}

.tab > li:last-child{
	margin-right: 0;
}

.tab > li.select{
	background:url(../img/corner.svg) no-repeat left top #898066;
	background-size: 16px 16px;
color: #fff;
}

.content > li{
	background:#f5f3e9;
	padding:50px 0;
	border-top: 3px solid #898066;
	margin-bottom: 60px;
}

.content > li ul{
	max-width: 1120px;
	margin: 0 auto;
	width: 100%;
}

.content > li ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.content > li ul li{
	float: none;
	width: 90%;
	margin: 0 auto 4%;
}

.content > li ul li:nth-child(2n){
	margin: 0 auto 4%;
}

.content > li ul li img{
	width: 100%;
	height: auto;
}

.content > li ul li iframe{
	width: 100% !important;
	height: 244px;
}

.mt-tit{
	text-align: center;
	font-size: 150%;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, "sans-serif";
}

.hide {display:none;}

/* youtube用 */
.movieYoutube {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height:244px;
}
.movieYoutube::before {
    content: '';
	position: absolute;
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	background:url(../img/movielist01.jpg);
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.movieYoutube:hover::before {
	background:url(../img/movielist01.jpg);
	background-size: cover;
	cursor: pointer;
	transition: all 0.3s;
}

.mlist li{
	position: relative;
}

.mlist li .movie-tit{
	font-size: 120%;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	margin-top:15px;
}

.blown-tit{
	text-align: center;
	margin: 0 auto 30px;
	width: 90%;
}
.blown-tit dt{
	color: #7b6b5c;
	font-size: 140%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height: 150%;
	margin-bottom: 20px;
	border-bottom: 5px solid #7b6b5c;
	display: inline-block;
	padding: 0 10% 20px;
}

.blw-btn a{
	display: block;
	color: #aa8946;
	background: #000000;
	max-width: 600px;
	width: 90%;
	height: auto;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 130%;
	line-height: 130%;
	text-decoration: none;
	padding: 20px 0;
	border-radius: 8px;
	transition: .3s;
}

.blw-btn a:hover{
	display: block;
	color: #aa8946;
	background: #333;
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 160%;
	line-height: 130%;
	text-decoration: none;
	padding: 20px 0;
	border-radius: 8px;
}

.blw-btn a span{
	background: url(../img/arrow-button.svg) no-repeat right center;
	background-size: 12px 12px;
	padding-right: 20px;
}


.blw-btn input,button{
	display: block;
	color: #aa8946;
	border: none;
	background: url(../img/arrow-button.svg) no-repeat 96% center #000;
	background-size: 12px 12px;
	max-width: 600px;
	width: 90%;
	height: auto;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 100%;
	letter-spacing: -1px;
	line-height: 130%;
	text-decoration: none;
	padding: 20px 0;
	border-radius: 8px;
	transition: .3s;
}

.blw-btn input:hover,button:hover{
	display: block;
	color: #aa8946;
	border: none;
	background: url(../img/arrow-button.svg) no-repeat 96% center #333;
	background-size: 12px 12px;
	max-width: 600px;
	width: 90%;
	height: auto;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 100%;
	letter-spacing: -1px;
	line-height: 130%;
	text-decoration: none;
	padding: 20px 0;
	border-radius: 8px;
        cursor: pointer;
}

.un-btn {
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 0;
	z-index: 1000;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background: #261a0a;
	border-radius: 0;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	transition: all .3s;
}
.un-btn p {
	margin-bottom: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 150%;
	color: #f8d800;
}
.un-btn span {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	line-height: 130%;
	background: url(../img/icon_btn.svg) no-repeat right 0.4em;
	background-size: 16px 12px;
	padding-right: 18px;
}
.un-btn:hover {
	background: #483215;
}