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

.un-btn{
	display: none;
}
/* ================================================ 
	header 
==============================================================================================================================================================*/
header {
	padding: 20px 0;
}
header .innar {
	margin: 0 auto;
	max-width: 1120px;
	width: 94%;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-ms-flex-align: end;
	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: 50%;
}
header .innar .right {
	width: 50%;
	text-align: right;
	font-size: 16px;
	line-height: 150%;
}
header .innar .right a {
	text-decoration: none;
}
header .innar .right a:hover {
	text-decoration: underline;
}
/* ================================================ 
	nav 
==============================================================================================================================================================*/
nav {
	margin-bottom: 0;
	width: 100%;
	background: url(../img/bg_nav.png) repeat-x left top #261a0a;
	padding: 4px 0 0;
}
nav .innar {
	margin: 0 auto;
	max-width: 1120px;
	width: 94%;
	display: table;
	border-collapse: collapse;
}
nav .innar .g-nav {
	display: table-cell;
	vertical-align: middle;
}
nav .innar .g-nav .g-nav-inner {
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-ms-flex-pack: space-between;
	-ms-flex-align: stretch;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: space-between;
	-webkit-box-align: stretch;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row nowrap;
	-webkit-justify-content: space-between;
	-webkit-align-items: stretch;
}
nav .innar .g-nav .g-nav-inner a {
	width: 20%;
	color: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row nowrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	-webkit-transition: .3s;
	transition: .3s;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #898066));
	background-image: linear-gradient(transparent 50%, #898066 50%);
	background-size: auto 200%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
nav .innar .g-nav .g-nav-inner a:hover {
	color: #261a0a;
	background-position: 0 100%;
}
nav .innar .g-nav .g-nav-inner a span {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 3px;
	background: url(../img/bg_nav_li.png) no-repeat right center;
}
nav .innar .g-nav .g-nav-inner a:last-child span {
	background: none;
}
.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	border-bottom: 1px #dadada solid;
}
/* ================================================ 
	sp-na
==============================================================================================================================================================*/
.sp-nav {
	display: none;
}
/* ================================================ 
	メインビジュアル
==============================================================================================================================================================*/
.main-block {
	width: 100%;
	padding: 50px 0;
	background: url(../img/bg_main.jpg) no-repeat center center;
	background-size: cover;
}
.main-block .inner {
	margin: 0 auto;
	width: 94%;
	max-width: 820px;
}
.main-block .inner h2 {
	margin-bottom: 30px;
}
.main-block .inner ul {
	margin-left: 5%;
	margin-bottom: 30px;
}
.main-block .inner ul li p {
	margin-bottom: 15px;
	display: inline-block;
	background: #bf4949;
	padding: 10px 20px;
	-webkit-box-shadow: 5px 5px rgba(214, 216, 215, 0.5);
	box-shadow: 5px 5px rgba(214, 216, 215, 0.5);
}
.main-block .inner ul li span {
	color: #fff;
	padding-left: 28px;
	font-size: 24px;
	line-height: 150%;
	background: url(../img/icon_check.svg) no-repeat left 0.4em;
	background-size: 18px 13px;
}
.main-block .inner .btn {
	display: block;
	background: #261a0a;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.main-block .inner .btn p {
	text-align: center;
	font-size: 24px;
	line-height: 150%;
	color: #f8d800;
}
.main-block .inner .btn span {
	color: #fff;
	display: inline-block;
	font-size: 36px;
	line-height: 130%;
	background: url(../img/icon_btn.svg) no-repeat right 0.4em;
	background-size: 30px 24px;
	padding-right: 34px;
}
.main-block .inner .btn:hover {
	background: #483215;
}
.m-btn {
	display: block;
	border: 5px #87bd10 solid;
	-webkit-box-shadow: 3px 3px #5a761d;
	box-shadow: 3px 3px #5a761d;
	background: -webkit-gradient(linear, left bottom, left top, from(#87bd10), color-stop(50%, #87bd10), color-stop(50%, #a7c85f), to(#a7c85f));
	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;
	-webkit-transition: all .3s;
	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: -webkit-gradient(linear, left bottom, left top, from(#639D00), color-stop(50%, #639D00), color-stop(50%, #639D00), to(#639D00));
	background: linear-gradient(0deg, #639D00 0%, #639D00 50%, #639D00 50%, #639D00 100%);
}
/* ================================================ 
	イントロ
==============================================================================================================================================================*/
.intro {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 50px 3%;
	text-align: center;
}
.intro h2 {
	font-size: 40px;
	line-height: 150%;
	font-weight: normal;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.intro h2 span {
	display: block;
	font-size: 30px;
	line-height: 120%;
}
.about-block {
	background: #f6f4ed;
}
.about-block .tif {
	margin: 0 auto 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 42px 132.5px 0 132.5px;
	border-color: #ffffff transparent transparent transparent;
}
.about-block .inner {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
}
.about-block .inner h2 {
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 180%;
}
.about-block .inner .caption {
	margin-bottom: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 160%;
}
.about-block .inner ul {
	margin: 0 auto 40px;
	max-width: 1030px;
}
.about-block .inner ul:after {
	overflow: hidden;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.about-block .inner ul li {
	width: 23.5%;
	float: left;
	margin-right: 2%;
}
.about-block .inner ul li:last-child {
	margin-right: 0;
}
.about-block .cont {
	margin: 0 auto;
	width: 94%;
	max-width: 1320px;
	min-height: 680px;
	background: url(https://online-nk.com/common/img/bg_about.jpg) no-repeat right bottom;
}
.about-block .cont .inbox {
	margin-left: 7%;
	width: 44%;
}
.about-block .cont .inbox p {
	color: #483a1d;
	font-size: 16px;
	line-height: 200%;
	margin-bottom: 30px;
}
.about-block .cont .inbox iframe {
	width: 100%;
	height: 380px;
}
/* ================================================ 
	マリッジアドバイザーってこんなに稼げるんです。
==============================================================================================================================================================*/
.adviser-block {
	background: #403d35;
	padding: 50px 0;
}
.adviser-block h2 {
	margin: 0 auto 30px;
	max-width: 860px;
	width: 94%;
	padding-bottom: 20px;
	border-bottom: 1px #fff solid;
	color: #f4e6c0;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 180%;
}
.adviser-block .caption {
	text-align: center;
	color: #fff;
	margin: 0 auto 40px;
	width: 94%;
	max-width: 784px;
	font-size: 16px;
	line-height: 160%;
}
.adviser-block .case {
	margin: 0 auto 10px;
	width: 94%;
	max-width: 1120px;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.adviser-block .case .box {
	width: 49%;
	margin-right: 2%;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0 20px 20px;
	-webkit-box-shadow: 5px 5px #2d2b25;
	box-shadow: 5px 5px #2d2b25;
}
.adviser-block .case .box:last-child {
	margin-right: 0;
}
.adviser-block .case .box .headline {
	margin-bottom: 20px;
}
.adviser-block .case .box .headline:after {
	overflow: hidden;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.adviser-block .case .box .headline .image {
	width: 17%;
	float: left;
	text-align: center;
}
.adviser-block .case .box .headline .image .tit {
	margin-bottom: 20px;
	padding: 25px 0;
	background: #9A9281;
}
.adviser-block .case .box .headline .image .flex .photo {
	margin-bottom: 3px;
}
.adviser-block .case .box .headline .image .flex .data {
	font-size: 10px;
	line-height: 150%;
}
.adviser-block .case .box .headline .image .flex .data h3 {
	display: none;
}
.adviser-block .case .box .headline .txt {
	width: 75%;
	padding-top: 20px;
	float: right;
	color: #5e5138;
}
.adviser-block .case .box .headline .txt h3 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 150%;
	font-weight: normal;
}
.adviser-block .case .box .headline .txt p {
	color: #5e5138;
	font-size: 16px;
	line-height: 180%;
}
.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 .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-family: -apple-system, BlinkMacSystemFont, "Vollkorn", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	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 {
	color: #ba3737;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
}
.adviser-block .case .box .work table td strong {
	font-family: -apple-system, BlinkMacSystemFont, "Vollkorn", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 46px;
	line-height: 150%;
	margin-right: 2px;
	font-weight: normal;
}
.adviser-block .case .box .work table .icon_smp {
	display: none;
}
.adviser-block .case .box .cap {
	text-align: right;
}
.adviser-block .breakdown {
	margin: 0 auto;
	max-width: 221px;
	position: relative;
	z-index: 11;
}
.adviser-block .breakdown-box {
	color: #403d35;
	position: relative;
	z-index: 10;
	top: -10px;
	margin: 0 auto 20px;
	width: 94%;
	max-width: 1120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px #a69d8b solid;
	background: #fff;
	-webkit-box-shadow: 5px 5px #2d2b25;
	box-shadow: 5px 5px #2d2b25;
	padding: 30px 50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row nowrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}
.adviser-block .breakdown-box .icon {
	margin: 0 6%;
}
.adviser-block .breakdown-box .con .tit1 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 23px;
	line-height: 120%;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.adviser-block .breakdown-box .con .tit1 span {
	display: block;
	font-size: 36px;
	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: none;
}
.adviser-block .btn {
	margin: 0 auto;
	max-width: 930px;
	width: 94%;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 30px;
	color: #aa8946;
	background: #224874;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}
.adviser-block .btn span {
	display: block;
	text-decoration: none;
	background: url(../img/arrow2.svg) no-repeat right center;
	background-size: 10px 16px;
	padding-right: 15px;
	font-size: 30px;
	line-height: 150%;
	text-align: center;
}
.adviser-block .btn:hover {
	color: #fff;
	background: #ba3737;
}
/* ================================================ 
	気になった方。
==============================================================================================================================================================*/
.questionnaire-block {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 50px 0;
}
.questionnaire-block .h2-cover {
	margin-bottom: 40px;
	text-align: center;
}
.questionnaire-block h2 {
	display: inline-block;
	padding: 0 20px 5px;
	border-bottom: 3px #ba3737 solid;
	color: #ba3737;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 30px;
	line-height: 150%;
}
.questionnaire-block dl {
	margin-bottom: 30px;
}
.questionnaire-block dl dt {
	font-size: 22px;
	line-height: 150%;
}
.questionnaire-block dl dd {
	font-size: 16px;
	line-height: 180%;
}
.questionnaire-block .cont {
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.questionnaire-block .cont .box {
	width: 48%;
	margin-right: 4%;
}
.questionnaire-block .cont .box:last-child {
	margin-right: 0;
}
.questionnaire-block .cont .box p {
	margin-bottom: 20px;
}
.btn2 {
	margin: 0 auto;
	max-width: 930px;
	width: 94%;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 15px 10px;
	color: #224874;
	text-decoration: none !important;
	background: #fff;
	border: 2px #224874 solid;
	-webkit-transition: .3s;
	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: #224874;
}
.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 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 42px 132.5px 0 132.5px;
	border-color: #ffffff transparent transparent transparent;
}
.online-block .inner {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 30px 0 50px;
}
.online-block .inner h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 40px;
	line-height: 150%;
	font-weight: normal;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.online-block .inner h2 span {
	display: block;
	font-size: 34px;
	line-height: 150%;
}
.online-block .inner .txt1 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 150%;
}
.online-block .inner .flex1 {
	margin: 0 auto 30px;
	width: 90%;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.online-block .inner .flex1 li {
	width: 48%;
	background: #fff;
	border: 1px #a69d8b solid;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	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 #224874 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 {
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.online-block .inner .flex2 li {
	width: 23.5%;
	background: #fff;
	border: 1px #a69d8b solid;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 2%;
}
.online-block .inner .flex2 li:last-child {
	margin-right: 0;
}
.online-block .inner .flex2 li h3 {
	font-size: 16px;
	line-height: 150%;
	font-weight: normal;
}
.online-block .inner .flex2 li h4 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px #224874 dotted;
}
.online-block .inner .flex2 li h4 span {
	font-size: 22px;
	line-height: 150%;
}
.online-block .inner .flex2 li p {
	font-size: 15px;
	line-height: 160%;
}
.btn3 {
	margin: 0 auto;
	max-width: 930px;
	width: 94%;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 15px 10px;
	color: #fff !important;
	text-decoration: none !important;
	background: #707070;
	border: 2px #707070 solid;
	-webkit-transition: .3s;
	transition: .3s;
}
.btn3 span {
	display: block;
	background: url(../img/icon_btn.svg) no-repeat right center;
	background-size: 30px 24px;
	padding-right: 15px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
.btn3:hover {
	color: #fff;
	background: #224874;
}
.btn3:hover span {
	display: block;
	padding-right: 15px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
/* ================================================ 
	無料映像講座のメリット。
==============================================================================================================================================================*/
.merit-block {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 50px 0;
}
.merit-block h2 {
	margin-bottom: 30px;
	text-align: center;
	color: #483a1d;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 34px;
	line-height: 150%;
}
.merit-block .flex1 {
	margin-bottom: 30px;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	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;
}
.merit-block .flex1.m0 {
	margin-bottom: 0;
}
.merit-block .flex1 .image {
	width: 50%;
}
.merit-block .flex1 .txt {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 20px;
}
.merit-block .flex2 {
	margin-bottom: 30px;
	display: flex;
	flex-flow: row-reverse nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row-reverse nowrap;
	-ms-flex-pack: flex-start;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row-reverse;
	-webkit-box-pack: flex-start;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row-reverse nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: center;
}
.merit-block .flex2 .image {
	width: 50%;
}
.merit-block .flex2 .txt {
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
.merit-block h3 {
	margin-bottom: 20px;
}
.merit-block dl dt {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 150%;
}
.merit-block dl dd {
	font-size: 16px;
	line-height: 150%;
}
/* ================================================ 
	こんな方にオススメのマリッジアドバイザー。
==============================================================================================================================================================*/
.osusume-block {
	padding: 50px 0;
	background: url(../img/bg_osusume.jpg) no-repeat center center #f6f4ed;
}
.osusume-block .inner {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
}
.osusume-block .inner .box {
	width: 63%;
	margin-left: 37%;
}
.osusume-block .inner h2 {
	margin-bottom: 20px;
	color: #483a1d;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 32px;
	line-height: 150%;
	font-weight: normal;
}
.osusume-block .inner h3 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 150%;
	font-weight: normal;
}
.osusume-block .inner ul {
	margin-bottom: 15px;
	background: #fff;
	padding: 20px;
}
.osusume-block .inner ul li {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 180%;
	background: url(../img/check.svg) no-repeat left 0.4em;
	background-size: 24px 24px;
	padding-left: 34px;
}
.osusume-block .inner ul li:last-child {
	margin-bottom: 0;
}
.osusume-block .inner p {
	font-size: 16px;
	line-height: 160%;
}
/* ================================================ 
	マリッジアドバイザーのあれこれ
==============================================================================================================================================================*/
.how-bock {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 50px 0;
}
.how-bock .h2-cover {
	margin: 0 auto 40px;
	max-width: 860px;
	text-align: center;
	border-bottom: 3px #ba3737 solid;
}
.how-bock h2 {
	display: inline-block;
	padding: 0 20px 5px;
	color: #ba3737;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 30px;
	line-height: 150%;
}
.how-bock .txt1 {
	text-align: center;
	margin: 0 auto 30px;
	max-width: 690px;
	font-size: 16px;
	line-height: 180%;
}
.how-bock .cont {
	display: flex;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	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;
}
.how-bock .cont a {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
	height: 320px;
	font-size: 26px;
	line-height: 150%;
	color: #fff;
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 26px;
	line-height: 150%;
	font-weight: normal;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	/*--- Androidブラウザ用 ---*/
	display: -webkit-box;
	-webkit-box-direction: row;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	/*--- safari（PC）用 ---*/
	display: -webkit-flex;
	-webkit-flow: row wrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	-webkit-transition: .3s;
	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: 76px 0 76px;
	background: url(../img/btn.png) no-repeat center bottom;
	background-size: 100% auto;
}
.how-bock .cont a:hover {
	color: #224874;
}
.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 {
	padding: 60px 0;
	background: #fde9ec;
}
.top-voice-slide .h2-cover {
	margin-bottom: 40px;
	text-align: center;
}
.top-voice-slide h2 {
	display: inline-block;
	padding: 0 20px 5px;
	border-bottom: 3px #ba3737 solid;
	color: #ba3737;
	font-family: -apple-system, BlinkMacSystemFont, "小塚明朝 Pr6N", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 30px;
	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: 30px 0;
	-webkit-box-shadow: 5px 5px rgba(189, 161, 165, 0.8);
	box-shadow: 5px 5px rgba(189, 161, 165, 0.8);
}
.top-voice-slide .innar .swiper-slide .block {
	margin: 0 auto;
	max-width: 780px;
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
.top-voice-slide .innar .swiper-slide .block .image {
	width: 34%;
	margin-right: 5%;
}
.top-voice-slide .innar .swiper-slide .block .txt {
	width: 61%;
}
.top-voice-slide .innar .swiper-slide .block .txt .tag {
	margin-bottom: 10px;
}
.top-voice-slide .innar .swiper-slide .block .txt .tag p {
	margin-bottom: 0;
	padding: 5px;
	font-size: 13px;
	line-height: 150%;
	display: inline-block;
	background: #ba3737;
	color: #fff;
}
.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: 27px;
	height: 52px;
	margin-top: -26px;
	background-size: 27px 52px;
	background-image: url(../img/prev.svg);
	left: 20px;
	right: auto;
}
.top-voice-slide .innar .swiper-button-next {
	width: 27px;
	height: 52px;
	margin-top: -26px;
	background-size: 27px 52px;
	background-image: url(../img/next.svg);
	right: 20px;
	left: auto;
}
.top-voice-slide .innar .btn-cover {
	margin: 0 auto;
	max-width: 340px;
}
.end-txt {
	padding: 50px 0;
	width: 94%;
	margin: 0 auto;
	max-width: 1120px;
	text-align: center;
	color: #382c1f;
}
.end-txt div {
	font-size: 42px;
	line-height: 150%;
}
.end-txt div strong {
	font-size: 140%;
	line-height: 120%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.end-txt p {
	font-size: 170%;
	line-height: 150%;
}
.end {
	background: #261a0a;
	display: block;
	padding: 0 0 30px;
	text-decoration: none !important;
	-webkit-transition: .3s;
	transition: .3s;
}
.end:hover {
	background: #6A491C;
}
.end .tif {
	margin: 0 auto 30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 42px 132.5px 0 132.5px;
	border-color: #ffffff transparent transparent transparent;
}
.end dl {
	text-align: center;
}
.end dl dt {
	color: #f8d800;
	font-size: 24px;
	line-height: 150%;
}
.end dl dd {
	display: inline-block;
	font-size: 32px;
	line-height: 150%;
	color: #fff;
	padding-right: 40px;
	background: url(../img/icon_btn.svg) no-repeat right center;
	background-size: 30px 24px;
}

header .innar .right h1{
    font-size: 12px;
    line-height: 150%;
}
/* ================================================ 
	top-voice-slide
==============================================================================================================================================================*/
footer {
	margin: 0 auto;
	width: 94%;
	max-width: 1120px;
	padding: 50px 0;
}
footer .inner {
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
footer .inner .foot-left {
	width: 44%;
	margin-right: 3%;
}
footer .inner .foot-left .logo {
	margin-bottom: 20px;
}
footer .inner .foot-center {
	width: 25%;
	margin-right: 3%;
}
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: 25%;
}
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 {
	font-size: 19px;
	line-height: 150%;
}
footer .fax span {
	font-family: -apple-system, BlinkMacSystemFont, "Vollkorn", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 30px;
	line-height: 150%;
}
footer .btn-area {
	display: flex;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: stretch;
	/*--- IE10 用 ---*/
	display: -ms-flexbox;
	-ms-flex-flow: row nowrap;
	-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 nowrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: stretch;
}
footer .btn-area a {
	width: 318px;
	background: #382c1f;
	margin-right: 20px;
	border-radius: 5px;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	color: #fff;
	-webkit-transition: .3s;
	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;
}

.sstel .btn-area a {
    max-width: 600px;
    width: 100%;
    display: block;
    background: #382c1f;
    margin:0 auto 0px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 15px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 40%;
}
.sstel .btn-area a span {
    display: inline-block;
    padding: 5px 28px 5px 0;
    background: url(../img/icon_fax.svg) no-repeat right center;
}
.sstel .btn-area a:last-child {
    background: #ba3737;
}
.sstel .btn-area a:last-child span {
    display: inline-block;
    padding: 5px 36px 5px 0;
    background: url(../img/icon_mail.svg) no-repeat right center;
}
.sstel .btn-area a:hover {
    background: #8F7250;
}
.sstel .btn-area a:hover:last-child {
    background: #D36D6D;
}

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

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

}

.page-tit p{
	position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
	background-color: rgba(255,255,255,.5);padding: 10px;
	border-radius: 6px;
}

.pankuzu{
	width: 100%;
	border-bottom: 1px dotted #224874;
	padding: 20px 0;
	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 right bottom;
	background-size: 1920px auto;
}

.forms{
	max-width: 1120px;
	width: 100%;
	margin: 0 auto 60px;
}

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

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

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

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

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

.file{
	background: url(../img/file.svg) no-repeat right center;
	padding-right: 40px;
	background-size: 30px 30px;
}
.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: 30px 30px;
}

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

.contactform th,
.contactform td{
	font-weight: normal;
	text-align: left;
	padding: 1% 2%;
	vertical-align: text-top;
}

.contactform th{
	width: 26%;
}

.contactform th span{
	background: #c04a4a;
	color: #fff;
	display: inline;
	float: right;
	padding: 5px;
}

.contactform td input[type="text"],
.contactform td input[type="email"],
.contactform td input[type="tel"],
.contactform td input[type="number"]{
	width: 90%;
	padding: 15px 5px;
	border-radius: 6px;
	background: #e5e5e5;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	box-shadow: 0 0 0 1px #ccc inset;
	border: none;
}

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

.contactform td select{
	width: 90%;
	padding: 15px 5px;
	border-radius: 6px;
	background: #e5e5e5;
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	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;
	text-align: center;
}


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

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

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

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

.submit:focus,
.submit:hover {
	cursor:pointer;
}

.sum-t span.reset{
	width: 36%;
	float: left;
}

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

.needs{
background: #c04a4a;
    color: #fff;
    padding: 5px;
  font-size: 90%;
}

.credit{
	-webkit-box-shadow: 0 0 0 1px #ccc inset;
	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: 50%;
	margin: 0 auto 30px;
}

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

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

.s-tit{
	text-align: center !important;
	font-size: 140%;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background: #f5f3e9;
	padding: 15px 0;
	max-width: 920px;
	width:100%;
	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;
}

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

.f-policy input[type="checkbox"] {
  transform: scale(2);
}

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

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

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

.conform {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
}
.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: #224874;
	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: 100%;
	margin: 0 auto;
	text-align: center;
}

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

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

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

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

/* ================================================ 
	動画視聴一覧ページ
=========================================================================================================*/

.bg-movielist{
	background: url(../img/bg-movielist.png) no-repeat right bottom;
	background-size: 1920px auto;
}

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

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

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

.movies dl dt{
	font-size: 240%;
	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: 160%;
	line-height: 150%;
	margin-bottom: 25px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

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

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

.movie-pro ul li{
	float: left;
	width: 30%;
	margin-right: 5%;
	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;
	margin-bottom: 40px;
}
.tit-redline dt{
	color: #ba3737;
	font-size: 180%;
	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 200px 20px;
}

.nakoudo__introduction{
  margin-top: 10px;
  background: #f5f5f5;
  padding: 3%;
  display: inline-block;
}

.nakoudo__introduction--area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}

.nakoudo__introduction--area p{
  display: inline-block;
  margin-right: 20px;
}
.introduction--matchmaker_number{
  width: 20% !important;
}

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

.tab{
	overflow:hidden;
max-width: 1120px;
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:2%;
	width: 49%;
	text-align: center;
	font-size: 130%;
	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: left;
	width: 48%;
	margin: 0 4% 4% 0;
}

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

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

.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:365px;
}
.movieYoutube::before {
    content: '';
	position: absolute;
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 180px;
	background:url(../img/movielist01.jpg);
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.movieYoutube:hover::before {
	background:url(../img/movielist01.jpg);
	background-size: cover;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.mlist li{
	position: relative;
}

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

.blown-tit{
	text-align: center;
	margin-bottom: 40px;
}
.blown-tit dt{
	color: #7b6b5c;
	font-size: 180%;
	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 150px 20px;
}

.blw-btn input,button{
	display: block;
	color: #aa8946;
	border: none;
	background: url(../img/arrow-button.svg) no-repeat 94% center #224874;
	background-size: 12px 12px;
	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;
	-webkit-transition: .3s;
	transition: .3s;
}

.blw-btn input:hover,button:hover{
	display: block;
	color: #aa8946;
	border: none;
	background: url(../img/arrow-button.svg) no-repeat 94% center #333;
	background-size: 12px 12px;
	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;
        cursor: pointer;
}

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


.sstel{
    max-width: 900px;
    width: 80% !important;
    text-align: center;
    font-size: 300%;
    padding: 4% 2%;
    -webkit-box-shadow: 0 0 0 5px #eee inset;
    box-shadow: 0 0 0 5px #eee inset;
    margin: 0 auto;
    line-height: 110%;
    margin-bottom: 50px;
}

.small{
    font-size: 40%;

}

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