@charset "utf-8";

/* ==========================================================================
                          mainv
   ========================================================================== */
.mainv_page_photo {
	background-image: url(../img/briefing/meinv-v3.jpg);
}

@keyframes catch {
	0% {
		bottom: 10px;
		opacity: 0;
	}

	100% {
		bottom: 40px;
		opacity: 1;
	}
}

@keyframes catchSP {
	0% {
		bottom: -120px;
		opacity: 0;
	}

	100% {
		bottom: -90px;
		opacity: 1;
	}
}


.hed {
	margin: 0 0 49px;
}

.briefingBox {
	margin: 0 0 50px;
}

.briefingBox2 {
	margin: 0 0 90px;
}


.briefingBox3 {
	padding: 0 0 90px;
	border-bottom: #666464 2px dotted;
}

/*----------------------------------------------------------*/


/* ========== table ========== */
.table-briefing {
	width: 100%;
	border-top: 2px solid #cce1da;
	border-left: 2px solid #cce1da;
}

.table-briefing + .table-briefing {
	margin-top: 50px;
}

.table-briefing caption {
	border-top: 2px solid #cce1da;
	border-left: 2px solid #cce1da;
	border-right: 2px solid #cce1da;
	text-align: center;
	color: #006747;
	font-size: 18px;
	padding: 20px;
}

.table-briefing th {
	text-align: center;
	vertical-align: middle;
	color: #006747;
	width: 240px;
}

.table-briefing th,
.table-briefing td {
	padding: 20px;
	border-bottom: 2px solid #cce1da;
	border-right: 2px solid #cce1da;
}

.table-briefing td {
	padding-left: 60px;
}

.briefing-att {
	margin-top: 10px;
	font-size: 12px;
}


/* ========== btn ========== */
.briefing_btnArea {
	padding-top: 35px;
	text-align: center;
	margin: 0 0 130px;
}

.btnArea_mail,
.btnArea_tel {
	width: 380px;
	display: inline-block;
}

.btnArea_mail {
	margin-right: 40px;
}

.btnArea_mail a.link_other {
	display: block;
	margin-top: 20px;
	font-weight: bold;
	font-size: 17px;
	text-decoration: underline;
}

.ttl_btnArea {
	margin-bottom: 15px;
	text-align: left;
}

.ttl_btnArea span {
	color: #666464;
	font-weight: 400;
	margin-left: 20px;
}

.btn_mail,
.btn_tel {
	font-size: 20px;
	display: block;
	width: 100%;
	line-height: 80px;
}

.btn_mail img,
.btn_tel img {
	margin-right: 30px;
}

/* ========== post ========== */
.dai1_ttl {}

.dai1_box {
	margin: 26px 0 60px;
}

.dai1_box_l {
	float: left;
	width: 45.27%;
}

.dai1_box_name {
	font-size: 20px;
	font-weight: 400;
	color: #006747;
	margin: 0 0 12px;
}

.dai1_box_img {
	padding: 58.2% 0 0 0;
	background-repeat: no-repeat;
	background-position: 50%;
	-moz-background-size: cover;
	background-size: cover;
	display: block;

}

.dai1_box_r {
	float: right;
	width: 45.27%;
}

.dai1_box2 {
	background: #e5efec;
	padding: 34px 38px 39px;
	margin: 0 0 50px;
}

.dai1_box2_ttl {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 13px;
}

.dai1_box2_list {}

.dai1_box2_list li {
	position: relative;
	padding-left: 20px;
}

.dai1_box2_list li::before {
	content: "・";
	display: inline-block;
	width: 20px;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
}

.briefingBox_dai1 {
	margin-top: -36px;
	margin-bottom: -32px;
}

/* ------------------------- */
.briefingNav {
	margin: 0 0 82px;
}

.briefingNav_inner {}

.briefingNav_inner a {
	font-size: 28px;
	background: #006747;
	color: #fff;
	font-weight: 400;
	text-align: center;
	display: block;
	width: 47%;
	float: left;
	margin: 0 0 0 6%;
	padding: 17px 0 27px;
	position: relative;
	z-index: 1;
}

.briefingNav_inner a:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/briefing/btn_arrow.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 17px;
	height: 10px;
	margin: auto;
	bottom: 8px;
	right: 0;
	left: 0;
}

.briefingNav_inner a:first-child {
	margin-left: 0;
}

.briefingNav_btn1 span {
	padding-left: 41px;
	position: relative;
	z-index: 1;
}

.briefingNav_btn1 span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/briefing/icon2.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 24px;
	height: 41px;
	top: 4px;
	left: 0;
}

.briefingNav_btn2 span {
	padding-left: 33px;
	position: relative;
	z-index: 1;
}

.briefingNav_btn2 span:before {
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/briefing/icon1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 21px;
	height: 52px;
	top: 4px;
	left: 0;
}

/* ========== post ========== */
/*.post a {
	color: #006747;
}
.post a::before {
	content: "> ";
}
*/

/*--LINEでお申し込み 2020/06/05--*/
.line_ttl {
	margin: 40px auto 20px;
	text-align: center;
	font-size: 22px;
}

.line {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.line img {
	width: 100%;
}

a.line_link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
/*@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {*/
@media screen and (max-width: 1024px) and (orientation: portrait),
screen and (max-width: 838px) and (orientation: landscape) {

	.hed {
		margin: 0 0 19px;
	}

	/*----------------------------------------------------------*/


	.briefingBox {
		margin: 0 0 50px;
	}

	.briefingBox2 {
		margin: 0 0 40px;
	}

	.briefingBox3 {
		padding: 0 0 90px;
		border-bottom: #666464 2px dotted;
	}


	/* ========== table ========== */
	.table-briefing {
		width: 100%;
		border-top: 2px solid #cce1da;
		border-left: 2px solid #cce1da;
	}

	.table-briefing + .table-briefing {
		margin-top: 50px;
	}

	.table-briefing caption {
		border-top: 2px solid #cce1da;
		border-left: 2px solid #cce1da;
		border-right: 2px solid #cce1da;
		text-align: center;
		color: #006747;
		font-size: 12px;
		padding: 10px;
	}

	.table-briefing th {
		text-align: center;
		vertical-align: middle;
		color: #006747;
		width: 77px;
	}

	.table-briefing th,
	.table-briefing td {
		padding: 10px 6px;
		/* width: 39px; */
		border-bottom: 2px solid #cce1da;
		border-right: 2px solid #cce1da;
	}

	.table-briefing td {
		padding-left: 10px;
	}

	.briefing-att {
		margin-top: 10px;
		font-size: 10px;
	}

	.table-yotei th,
	.table-yotei td {
		width: 100%;
		display: block;
	}


	/* ========== btn ========== */
	.briefing_btnArea {
		padding-top: 25px;
		text-align: center;
		margin: 0;
	}

	.btnArea_mail,
	.btnArea_tel {
		width: 100%;
		display: inline-block;
	}

	.btnArea_mail {
		margin-right: 0;
		margin-bottom: 45px;
	}

	.ttl_btnArea {
		color: #006747;
		margin-bottom: 10px;
		text-align: center;
	}

	.ttl_btnArea span {
		color: #666464;
		font-weight: 400;
		margin-left: 0;
		display: block;
	}

	.btn_mail,
	.btn_tel {
		font-size: 14px;
		display: block;
		width: 100%;
		line-height: 60px;
	}

	.btn_mail img,
	.btn_tel img {
		margin-right: 15px;
	}

	/* ------------ */
	.dai1_ttl {}

	.dai1_box {
		margin: 32px 0 47px;
	}

	.dai1_box_l {
		float: none;
		width: auto;
		margin: 0 0 21px;
	}

	.dai1_box_name {
		font-size: 16px;
		margin: 0;
		margin: 0 0 6px;
	}

	.dai1_box_img {}

	.dai1_box_r {
		float: none;
		width: auto;
	}

	.dai1_box2 {
		padding: 16px 4%;
		margin: 0 0 20px;
	}

	.dai1_box2_ttl {
		font-size: 16px;
		margin: 0 0 4px;
	}

	.dai1_box2_list {}

	.dai1_box2_list li {}

	.briefingBox_dai1 {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* ------------------------- */
	.briefingNav {
		margin: 0 0 35px;
	}

	.briefingNav_inner {}

	.briefingNav_inner a {
		font-size: 15px;
		padding: 13px 0 24px;
	}

	.briefingNav_inner a:before {}

	.briefingNav_inner a:first-child {}

	.briefingNav_btn1 span {
		padding-left: 27px;
	}

	.briefingNav_btn1 span:before {
		width: 15px;
		height: 24px;
		top: -1px;
		left: 0;
	}

	.briefingNav_btn2 span {
		padding-left: 23px;
	}

	.briefingNav_btn2 span:before {
		width: 15px;
		height: 33px;
		top: -1px;
		left: 0;
	}

	.line_ttl {
		margin: 30px auto 14px;
		font-size: 16px;
	}

	.line {
		margin-bottom: 0px;
	}

}