@charset "UTF-8";

/* laoaro
---------------------------------------------------------------------------*/
.white-box h2 + .white-box-inner > figure {
	margin-bottom: 25px;
	display: block;
	text-align: center;
}

.white-box .inner p:last-of-type {
	margin-bottom: 0;
}

.txt {
	margin: 0 0 10px;
	padding: 0 6px;
}

.txtmb {
	margin-bottom: 7px;
}

.note {
	margin: 0 0 23px;
	font-size: 12px;
}

.txt a {
	text-decoration: underline;
}

.btn-area,
.btn-list {
	margin: 20px 0 0 20px;
}

.btn-list li {
	display: inline-block;
}

.btn-area a:first-of-type,
.btn-list li:first-of-type {
	margin-right: 15px;
}

.mglr {
	margin-left: 0;
	margin-right: 0;
}

/* point-area　
-----------------------------------------*/
.point-area {
	margin: 48px 2px 0;
	padding: 30px 37px;
	background: #FDF9E0;
	overflow: hidden;
}

.point-area .at-txt {
	padding: 20px 35px 15px 30px;
	background: #f3efd9;
	overflow: hidden;
}

.point-area .at-txt {
	margin-bottom: 0;
}

/* .point-area-left
------------------------------------*/
.point-area .point-area-left {
	width: 628px;
	float: left;
}

.point-area .point-area-left .tit {
	margin-bottom: 0;
}

.point-area .point-area-left ul li {
	width: 225px;
	float: left;
	margin: 15px 0 0;
}

.point-area .point-area-left ul li:nth-child(2n) {
	width: 400px;
}

/* .point-area-right
------------------------------------*/
.point-area .point-area-right {
	width: 193px;
	float: right;
	margin-top: 40px px;
	padding: 45px 0;
	text-align: center;
	background: #F3EFD9;
	border-radius: 4px;
}

.point-area .point-area-right dl dt {
	display: inline-block;
	margin: 0 0 15px;
	padding: 0 0 4px;
	font-size: 20px;
	letter-spacing: 2px;
	border-bottom: #666 1px solid;
	letter-spacing: 1px;
}

.point-area .point-area-right dl dd {
	font-size: 18px;
	line-height: 1;
}

/* .at-txt
------------------------------------*/
.point-area .at-txt {
	padding: 25px 16px 20px 106px;
	background: url(../img/share/ico_speaker.png) no-repeat 16px center #F3EFD9;
}

.point-area .txt1 {
	margin: 0 0 20px;
}

/* dl.merit-list
------------------------------------*/
.point-area dl.merit-list {
	overflow: hidden;
}

.point-area dl.merit-list div:first-child {
	padding-bottom: 20px;
	border-bottom: solid 2px #F0ECD3;
}

.point-area dl.merit-list div:last-child {
	padding-top: 27px;
}

.point-area dl.merit-list dt {
	width: 159px;
	float: left;
	padding: 15px 0;
	background: #fff;
	border: #8CBD58 2px solid;
	border-radius: 5px;
	text-align: center;
	color: #8CBD58;
	letter-spacing: 1px;
}

.point-area dl.merit-list dd {
	padding: 0 0 0 193px;
}

.point-area dl.merit-list dd ul li {
	margin: 0 0 5px;
	line-height: 1.6;
	letter-spacing: 1px;
	width: 42%;
	white-space: nowrap;
	display: inline-block;
}

.point-area dl.merit-list dd ul li.uline {
	color: #F48C00;
}

.point-area dl.merit-list dd ul li.uline span {
	position: relative;
}

.point-area dl.merit-list dd ul li.uline span::after {
	content: "";
	position: absolute;
	display: block;
	height: 2px;
	width: calc(100% - 1px);
	background: #F39800;
	opacity: .4;
	bottom: -2px;
	left: 0;
}

/* operate-list
------------------------------------*/
.operate-list {
	display: inline-block;
	padding-bottom: 5px;
}

.operate-list .dl-column2 {
	padding: 0 0 0 26px;
}

.operate-list .dl-column2 div:first-of-type {
	margin-bottom: 25px;
	display: inline-block;
}

.operate-list .dl-column2 dt {
	width: 220px;
}

.operate-list .dl-column2 dt > em {
	font-weight: 600;
	font-size: 12px;
	display: block;
	letter-spacing: 0.1em;
	margin-top: 4px;
	margin-left: 1px;
}

.operate-list .dl-column2 dd {
	padding: 4px 0 6px 20px;
}

.operate-list .dl-column2 dd ul li {
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 3px;
}

.operate-list .dl-column2 dd ul li:first-of-type,
.operate-list .dl-column2 dd ul li:nth-of-type(3n-2) {
	width: 23%;
}

.operate-list .dl-column2 dd ul li:nth-of-type(3n-1) {
	width: 30%;
}

.operate-list .dl-column2 dd ul li:nth-of-type(3n) {
	width: 30%;
}

.operate-list .dl-column2 dd small {
	margin-top: 9px;
	margin-left: 3px;
	display: block;
}

/* laparo-message
------------------------------------*/
.white-box .inner {
	overflow: hidden;
	padding: 0 20px;
	letter-spacing: 0.04em;
}

.laparo-message h3 {
	margin: 10px 0 25px;
	color: #F39800;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.inner > .btn-area {
	margin: 30px 0 7px 0;
}

.laparo-message p {
	line-height: 1.95;
}

.span-uline {
	color: #F18B00;
	position: relative;
}

.span-uline::after {
	content: "";
	position: absolute;
	display: block;
	height: 3px;
	width: calc(100% - 15px);
	background: #F59900;
	opacity: .2;
	bottom: -3px;
	left: 7px;
}

/* dl.impression
------------------------------------*/

.impression > div {
	display: flex;
	padding: 44px 0 35px 20px;
	position: relative;
}

.impression > div::after {
	content: "";
	position: absolute;
	display: block;
	width: calc(100% - 2px);
	height: 3px;
	background: url(../img/share/bg_line_orange.png) repeat-x;
	bottom: 0;
	left: 2px;
}

.impression > div:first-of-type {
	padding-top: 20px;
}

.impression > div:last-of-type {
	padding-bottom: 0;
}

.impression > div:last-of-type::after {
	display: none;
}

.impression dt {
	width: 245px;
}

.impression dt div:first-of-type {
	margin-bottom: 8px;
}

.impression dt strong {
	display: block;
	color: #F18B00;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 1em;
	letter-spacing: 0.02em;
}

.impression dt strong small {
	font-size: 15px;
	letter-spacing: 0.01em;
}

.impression dt em,
.impression dt em + span {
	display: inline-block;
	font-weight: 600;
	font-size: 12px;
}

.impression dt em {
	color: #F59900;
}

.impression dd {
	width: 630px;
	line-height: 1.9;
	letter-spacing: 0.05em;
	transform: translateY(-4px);
}