@charset "utf-8";

/* =====================================
■Elementor
===================================== */
/* -------------------------------------
general
------------------------------------- */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1240px;
	padding: 0 20px;
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
	padding: 0;
}

/* -------------------------------------
見出し
------------------------------------- */
.elementor-heading-title {
	padding: inherit;
	margin: inherit;
	line-height: inherit;
}


/* =====================================
■mainView
===================================== */
.elementor-editor-active #wrapper {
	margin-top: 165px;
}
.mainView {
	height: 100vh;
	position: relative;
}


/* =====================================
■TITLE
===================================== */
.titWrap h2 {
	display: inline-block;
	/*font-family: "dnp-shuei-mincho-pr6n", sans-serif;*/
	font-family: source-han-serif-japanese,serif;
	font-weight: 600;
	font-size: 32px;
	letter-spacing: 0.08em;
	line-height: 1.45;
}
.titWrap h2 sub {
	display: block;
	font-size: 16px;
	letter-spacing: 0;
	margin-top: 16px;
}

@media screen and (max-width: 767px) {
	.titWrap h2 {
		font-size: 28px;
	}
	.titWrap h2 sub {
		font-size: 14px;
	}
}


/* =====================================
■Information
===================================== */
.infoSec {
	padding: 96px 0 0;
	overflow: hidden;
	z-index: 2;
}
.infoSec .titWrap {
	margin-bottom: 30px;
}
.infoSec .titWrap h2 {
	border-left: 1px solid #707070;
	padding-left: 24px;
}
.infoArea.first {
	padding-bottom: 152px;
}
.infoArea.first:after {
	content: "";
	width: calc(100% - 48px);
	height: 62.5%;
	max-height: 340px;
	background: url(/wp-content/uploads/top-img01.png) no-repeat center;
	background-size: cover;
	border-radius: 25px 0 0 25px;
	position: absolute;
	right: 0;
	bottom: 25px;
	pointer-events: none;
	z-index: -1;
}
.infoArea.second {
	margin-top: 103px;
	margin-bottom: 147px;
	z-index: 2;
}
.infoArea.second .picWrap .pic:after {
	content: "";
	width: 100%;
	height: calc(100% + 270px);
	background: url(/wp-content/uploads/top-bg02.png) no-repeat right top;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	bottom: -96px;
	z-index: -1;
	pointer-events: none;
}
.infoArea.third .picWrap .pic:after {
	content: "";
	width: 100%;
	height: calc(100% + 275px);
	background: url(/wp-content/uploads/top-bg03.png) no-repeat left top;
	background-size: auto 100%;
	position: absolute;
	left: 0;
	bottom: -116px;
	z-index: -1;
	pointer-events: none;
}
.infoArea .txt {
	line-height: 2.5;
	letter-spacing: 0;
}
.infoArea.first .inner .txt > div {
	background: #fff;
	border-radius: 25px;
	padding: 39px 48px 33px !important;
}
.infoArea.first .inner .txt > div:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/top-bg01.png) no-repeat right top;
	background-size: 100% auto;
	position: absolute;
	right: -32px;
	top: -50px;
	z-index: -1;
	pointer-events: none;
}

@media screen and (min-width: 768px) {
	.infoArea.even .picWrap {
		padding-right: 48px;
	}
	.infoArea.odd .picWrap {
		padding-left: 48px;
	}
	.infoArea.second .picWrap .pic {
		padding: 0 48px 0 83px;
	}
	.infoArea.third .picWrap .pic {
		padding: 0 0 0 38px;
	}
	.infoArea.second .picWrap .elementor-image {
		max-width: 504px;
		margin-left: auto;
	}
	.infoArea.third .picWrap .elementor-image {
		max-width: 597px;
	}
	.infoArea.odd .txtWrap {
		padding-left: 83px;
	}
	.infoArea.even .txtWrap {
		padding-right: 83px;
	}
	.infoArea.second .txtWrap {
		padding-top: 13px;
		padding-bottom: 30px;
	}
	.infoArea.third .txtWrap {
		padding-top: 33px;
		padding-bottom: 30px;
	}
	/*.infoArea .txtWrap > div {
	max-width: 580px;
}*/
	.infoArea .txtWrap > div {
		max-width: 1220px;
		margin-right: auto;
		margin: 0 auto;
	}
	.infoArea .txtWrap > div .armagTxt {
		background: #fff;
		padding: 40px;
		border-radius: 20px;
		position: relative;
	}
	.armagTxt:before {
		position: absolute;
		content: "";
		background: url(/wp-content/uploads/top-bg01-1.png);
		top: -197px;
		right: -54px;
		width: 555px;
		height: 500px;
		background-size: 100% 100%;
		z-index: -1;
	}
	.infoArea .txtWrap > div .elementor-element-718c67f .elementor-widget-container {
		width: 95%;
		margin: 0 auto;
	}
	/*.infoArea.odd .txtWrap > div {
	margin-left: auto;
}*/
	.infoArea:not(.first) .txtWrap .txt {
		margin-left: 24px;
	}
	.infoArea.first .inner {
		padding-right: 83px;
	}
	.infoArea.first .txtWrap {
		padding-top: 36px;
	}
	.infoArea.first .inner .txt {
		max-width: 632px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
	.infoArea.first:after {
		width: calc(100% - 35px);
	}
	.infoArea.second .picWrap .pic {
		padding-left: 48px;
	}
	.infoArea.odd .txtWrap {
		padding-left: 48px;
	}
	.infoArea.even .txtWrap {
		padding-right: 48px;
	}
	.infoArea.first .inner {
		padding-right: 48px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.infoArea.first:after {
		width: calc(100% - 20px);
	}
	.infoArea.odd .picWrap {
		padding-left: 30px;
	}
	.infoArea.even .picWrap {
		padding-right: 30px;
	}
	.infoArea.second .picWrap .pic {
		padding: 0 30px 0 30px;
	}
	.infoArea.third .picWrap .pic {
		padding: 0 0 0 30px;
	}
	.infoArea.odd .txtWrap {
		padding-left: 30px;
	}
	.infoArea.even .txtWrap {
		padding-right: 30px;
	}
	.infoArea.first .inner {
		padding-right: 30px;
	}
	.infoArea.first .txtWrap {
		padding-right: 30px;
	}
	.infoArea.first .inner .txt > div {
		padding: 30px !important;
	}
	.infoArea.first .inner .txt > div:after {
		right: -28px;
	}
}

@media screen and (max-width: 767px) {
	.armagTxt {
		background: #fff;
		padding: 40px;
		border-radius: 20px;
	}
	.infoSec {
		padding: 50px 0 0;
	}
	.infoArea.first:after {
		width: calc(100% - 20px);
		max-height: 210px;
		border-radius: 15px 0 0 15px;
	}
	.infoArea.second {
		margin-top: 0;
		margin-bottom: 120px;
	}
	.infoSec .titWrap h2 {
		padding-left: 20px;
	}
	.infoArea.second .picWrap {
		padding-right: 20px;
	}
	.infoArea.third .picWrap {
		padding-left: 20px;
	}
	.infoArea.second .picWrap .pic {
		padding: 0 30px;
		max-width: 390px;
	}
	.infoArea.third .picWrap .pic {
		padding: 0 0 0 30px;
		width: 390px;
		margin-left: auto;
	}
	.infoArea.second .picWrap .pic:after {
		height: calc(100% + 100px);
		right: 0;
		bottom: -40px;
	}
	.infoArea.third .picWrap .pic:after {
		height: calc(100% + 160px);
		bottom: -70px;
	}
	.infoArea .txtWrap {
		padding: 0 18px 0 20px;
	}
	.infoArea.second .txtWrap {
		margin-top: 80px;
	}
	.infoArea.third .txtWrap {
		margin-top: 100px;
	}
	.infoArea .txt {
		font-size: 15px;
		line-height: 2;
	}
	.infoArea.first .inner {
		padding: 0 20px 0 30px;
	}
	.infoArea.first .inner .txt > div {
		border-radius: 15px;
		padding: 20px 25px !important;
	}
	.infoArea.first .inner .txt > div:after {
		top: -30px;
		right: -68px;
	}
}


/* =====================================
■Risk
===================================== */
.riskSec .pic {
	padding-right: 48px;
	margin-bottom: 84px;
}
.riskSec .pic .elementor-image {
	height: 340px;
	overflow: hidden;
}
.riskSec .pic .elementor-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 25px 25px 0;
}
.tb_sp {
	display: none;
}
.riskSec .titWrap {
	margin-bottom: 57px;
}
.riskSec .titWrap h2 .line {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #707070;
	padding-bottom: 13px;
}
.riskSec .titWrap h2 sub {
	text-align: right;
	margin-top: 10px;
}
.riskWrap > div > div {
	flex-wrap: wrap;
	background: rgba(255, 255, 255, 0.64);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04);
	padding: 30px 24px 27px;
	letter-spacing: 0;
}
.riskWrap .w100 {
	width: 100%;
	margin-bottom: 24px;
}
.riskWrap .w42 {
	width: 42%;
}
.riskWrap .w58 {
	width: 58%;
	padding-left: 34px;
}
.risk_table th,
.risk_table td {
	letter-spacing: 0;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 23px 32px;
	vertical-align: middle;
}
.risk_table thead th,
.risk_table thead td {
	background: #F0F7FF;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	padding: 22px 32px 20px;
}
.risk_table thead th {
	width: 23%;
	border-right: none;
	white-space: nowrap;
}
.risk_table thead td {
	border-left: none;
}
.risk_table tbody td:first-child {
	text-align: center;
}
.riskWrap .heading {
	margin-bottom: 8px;
}

@media screen and (max-width: 1050px) {
	.tb_sp {
		display: block;
	}
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
	.riskSec .pic {
		padding-right: 35px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.riskSec .pic {
		padding-right: 20px;
	}
}

@media screen and (max-width: 1023px) {
	.riskWrap .w42 {
		width: 100%;
		margin-bottom: 20px;
	}
	.riskWrap .w58 {
		width: 100%;
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.riskSec .pic {
		padding-right: 20px;
		margin-bottom: 50px;
	}
	.riskSec .pic .elementor-image {
		height: 210px;
	}
	.riskSec .titWrap {
		margin-bottom: 40px;
	}
	.riskWrap > div > div {
		padding: 25px 20px;
	}
	.risk_table th,
	.risk_table td {
		font-size: 14px;
		line-height: 1.8;
		padding: 10px 15px;
	}
	.risk_table thead th,
	.risk_table thead td {
		font-size: 16px;
		padding: 13px 20px 11px;
	}
	.risk_table thead th {
		width: 35%;
	}
}


/* =====================================
■Menu
===================================== */
.menuSec {
	padding: 47px 0 96px;
}
.menuSec > div > div {
	column-gap: 38px;
}

@media screen and (min-width: 768px) {
	.menuSec > div > div {
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.menuSec > div > div {
		column-gap: 30px;
	}
}

@media screen and (max-width: 767px) {
	.menuSec {
		padding: 20px 0 50px;
	}
	.menuSec > div > div {
		column-gap: 0;
		row-gap: 30px;
	}
}


/* =====================================
■Contact
===================================== */
.contactSec {
	background: url(/wp-content/uploads/contact-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 108px 0;
}
.contactSec .inner {
	max-width: 760px;
	margin: 0 auto;
}
.contactSec .inner .txt {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.78;
	color: #fff;
	margin-bottom: 45px;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.contactSec .inner {
		max-width: 630px;
	}
}

@media screen and (max-width: 767px) {
	.contactSec {
		padding: 50px 0;
	}
	.contactSec .inner {
		width: 90%;
	}
	.contactSec .inner .txt {
		font-size: 16px;
	}
}


/* =====================================
■Company
===================================== */
.companySec {
	padding: 96px 0 128px;
}
.companySec .arthrexLogo {
	max-width: 400px;
	margin: 0 auto;
}
.companySec .titWrap {
	text-align: center;
	margin: 84px 0 62px;
}
.company_table {
	max-width: 1152px;
	margin: 0 auto;
}
.company_table th,
.company_table td {
	letter-spacing: 0;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 23px 32px;
	vertical-align: middle;
}
.company_table th {
	background: #F9F9F9;
	width: 23%;
	font-weight: 600;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.companySec {
		padding: 50px 0 60px;
	}
	.companySec .arthrexLogo {
		max-width: 270px;
	}
	.companySec .titWrap {
		margin: 50px 0 40px;
	}
	.company_table th,
	.company_table td {
		font-size: 14px;
		line-height: 1.8;
		padding: 10px 15px;
	}
	.company_table th {
		width: 35%;
	}
}