@charset "UTF-8";

:root {
	--opt-blue: #133664;
	--opt-yellow: #fabe00;
	--opt-gray: #738691;
	--opt-red: #CC0000;
	--opt-gray-bg: #eaeff3;
	--opt-gray-dark: #343a40;
	--opt-gray-border: #b9c3c8;
	--opt-bluegray: #ccd9e2;
	--opt-softgray: #f9f9f9;
	--opt-link-blue: #0033aa;
	--opt-font-sans-serif: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--opt-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--opt-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
body {
	overflow-x: hidden;
	font-family:var(--opt-font-sans-serif)
}
b,
strong {
	font-weight: 800;
}
small, .small {
	font-size: 0.875em;
}
sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
.hide {
	display: none;
}
/*-----------------------------------------------------------------------

改行分け

-----------------------------------------------------------------------*/
/* デフォルトは改行を非表示 */
.responsive-br {
	display: none;
}

/* PCのみで改行 */
@media screen and (min-width: 961px) {
	.br-pc {
		display: block !important;
	}
}

/* タブレットのみで改行 */
@media screen and (min-width: 520px) and (max-width: 960px) {
	.br-tablet {
		display: block !important;
	}
}

/* スマホのみで改行 */
@media screen and (max-width: 519px) {
	.br-sp {
		display: block !important;
	}
}

/* PCとタブレットで改行 */
@media screen and (min-width: 520px) {
	.br-pc-tablet {
		display: block !important;
	}
}

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

SECTION

-----------------------------------------------------------------------*/
#overview,
#reason,
#case,
#contents {
	margin-top: 1em;
	margin-bottom: 5em;
}
#introduction {
	margin-top: 1em;
}
#enour {
	margin-bottom: 5em;
}
@media (max-width: 519px) {
	#overview,
	#reason,
	#case,
	#contents {
		margin-bottom: 2em;
	}
	#enour {
		margin-bottom: 2em;
	}
}
.section_inner {
	max-width: 980px;
	margin-top: 1rem;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.section_inner {
		margin-right: 1rem;
		margin-left: 1rem;
	}
}
@media (max-width: 519px) {
	.section_inner {
		margin-right: 4%;
		margin-left: 4%;
	}
	main section + section {
	  padding-top: 0;
	}
}
.section_ttl {
	margin: 0 auto;
	padding: 1em;
	font-size: clamp(1.2rem, calc(.727rem + 2.36vw), 2.5rem);
	font-weight: 900;
	text-align: center;
	line-height: 1.4;
}
.section_ttl span {
	position: relative;
}
.section_ttl span::before {
	position: absolute;
	content: "";
	top: 1.5em;
	display: inline-block;
	width: 4em;
	height: .15em;
	left: calc(50% - 2em);
	background-color: var(--opt-yellow);
}
.section_ttl + p {
	font-size: clamp(.875rem, .757rem + .59vw, 1.2rem);
	text-align: center;
}
.section_box {
	display: flex;
}
@media (max-width: 519px) {
	.section_ttl {
		padding: 1em 0 1em 0;
	}
	.reason .section_ttl span::before {
		top: 3em;
	}
	.section_ttl span::before {
		top: 1.5em;
	}
	.section_ttl + p {
		text-align: left;
	}
}
/*-----------------------------------------------------------------------

KV

-----------------------------------------------------------------------*/
.kv {
	background-color: #fff;
	background-image: url("/business/solution/medical/img/kv_pc.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100% ;
	height: 350px;
	padding-top: 0;
}
.kv_inner {
	position: relative;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.kv_logo {
	position: absolute;
	width: 70%;
	left: -7vw;
	top: 10vh;
}

@media (max-width: 519px) {
.kv {
		background-image: url("/business/solution/medical/img/kv_sp.jpg");
		height: 200px;
		background-size: auto 100%;
	}
	.kv_inner {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.kv_logo {
		top: 3em;
		left: auto;
		width: auto;
	}
}
@media (min-width: 520px) and (max-width: 959px)  {
	.kv_logo {
		left: 2em;
	}
}
/*-----------------------------------------------------------------------

ページ内ナビ

-----------------------------------------------------------------------*/
.nav-wrap{
	background: var(--opt-blue);
}
.nav-wrap .anchor_nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding:0;
	background: var(--opt-blue);
}
.nav-wrap .anchor_nav a {
	position: relative;
	display: inline-block;
	flex: 1 0 calc(100% / 4);
	width: 100%;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
	color: #fff;
}
.nav-wrap .anchor_nav a[class^="scroll"]::after {
	position: absolute;
	content: "\f282";
	font-family: bootstrap-icons;
	color: #fff;
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
	margin-left: .5em;
}
@media screen and (min-width: 961px) {
	.nav-wrap .anchor_nav a:hover{
		background-color: var(--opt-softgray);
		color: var(--opt-blue);
	}
	.nav-wrap .anchor_nav a[class^="scroll"]:hover::after{
		color: var(--opt-blue);
	}
}
@media screen and (max-width: 519px) {
	.nav-wrap .anchor_nav {
		flex-wrap: wrap;
		align-items: stretch;
		text-align: center;
		width: 100%
	}
	.nav-wrap .anchor_nav a {
		flex: 1 0 auto;
		border-bottom: 1px solid #fff;
		height: 1.3em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.nav-wrap .anchor_nav a:last-child {
		border-bottom: none;
	}
	.nav-wrap .anchor_nav a[class^="scroll"]::after {
		right: 2em;
	}
}
@media (min-width: 520px) and (max-width: 959px)  {
	.nav-wrap .anchor_nav {
		width: 100%;
	}
	.nav-wrap .anchor_nav a {
		border-right: 1px solid #fff;
		font-size: .7em;
		flex: initial;
	}
	.nav-wrap .anchor_nav a:last-of-type {
		border-right: none;
	}
}
/*-----------------------------------------------------------------------

オプテージの医療ソリューションが選ばれる理由

-----------------------------------------------------------------------*/
#reason {
	background: var(--opt-softgray);
}
.reason .section_box {
	align-items: flex-start;
	flex-wrap: wrap;
	padding: .5rem .5em 2em .5em;
	display: flex;
	justify-content: space-around;
}
.reason_box_child {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 0 calc(100% / 3 - 4em);
	min-height: 6em;
	margin: 1em;
	padding: 1em;
	background: var(--opt-blue);
}
.reason_box_child h3 {
	font-size: 1rem;
	font-weight: 600;
	color:#fff;
	text-align: center;
	line-height: 1.5;
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.reason_box_child h3 {
		font-size: .875em;
	}
}
@media screen and (max-width: 519px) {
	.reason .section_box {
		padding: .5rem;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
	}
	.reason_box_child {
		width: 90%;
		min-height: initial;
	}
	.reason_box_child h3 {
		font-size: .875em;
	}
}
.anchor_links {
	padding: 1em;
	display: flex;
	flex-wrap: wrap;
	margin: 1.5rem auto 1.5rem auto;
	border-top: 2px solid var(--opt-blue);
	border-bottom: 2px solid var(--opt-blue);
}
.anchor_links li {
	flex:1 0 auto;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.8;
	margin: auto 1em;
}
.anchor_links li::before {
	content: "\f229";
	font-family: bootstrap-icons;
	margin-right: .5rem;
	font-size: 1rem;
	font-weight: 600;
	color: var(--opt-blue);
	vertical-align: middle;
}
@media (max-width: 519px) {
	.anchor_links {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.anchor_links li {
		margin-bottom: .5rem;
		font-size: .8rem;
	}
}
/*-----------------------------------------------------------------------

オプテージの医療ソリューション

-----------------------------------------------------------------------*/
.section_flexBox {
	display: flex;
	max-width: 980px;
	align-items: center;
	justify-content: flex-start;
	margin: 0 auto;
}
.section_flexBox section {
	flex: 0 0 50%;
}
@media screen and (max-width: 519px) {
	.section_flexBox {
		flex-direction: column;
	}
	.section_flexBox .section_inner {
		margin-right: auto;
		margin-left: auto;
	}
}
.section_flexBox div h3{
	padding: 1rem;
	font-size: 1.2em;
	font-weight: 600;
	background: var(--opt-blue);
	color:#fff;
	text-align: center;
	line-height: 1.8;
}
.section_flexBox p{
	padding: 1.5em;
	line-height: 1.5;
	background: #fff;
	color:#000;
	font-size: .9em;
}
.section_flexBox .details_outline {
	border: 3px solid var(--opt-blue);
	margin: 1em;
}
.section_flexBox .details_inner {
	padding: 0em;
	min-height: 21em;
	position: relative;
}
@media screen and (max-width: 519px) {
	.section_flexBox .details_inner {
		min-height: 23em;
	}
}
.section_flexBox .details_inner p {
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
}
.section_box details {
	display: block;
	width: calc(100% - 2rem);
	margin: 1rem;
}
.section_box summary{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	cursor: pointer;
	border: 3px solid var(--opt-blue);
	overflow: hidden;
	line-height: 1.3;
}
.section_box summary::-webkit-details-marker{
	display: none;
}
.section_box details[open] summary {
	background-color: #fff;
}
.section_box summary:hover{
	background-color: var(--opt-bluegray);
	margin-bottom: 0;
}
.section_box summary:hover i,
.section_box details[open] summary i {
	color: var(--opt-blue);
}
.section_box summary::after {
	content: "\f22b";
	font-family: bootstrap-icons;
	font-size: 150%;
	position: absolute;
	bottom: -.5em;
	right: 1rem;
	transform: translateY(-50%);
	transition: transform.5s;
}
.section_box details[open] summary::after {
	transform:translateY(-50%) rotate(180deg);
}
.section_box details[open] .details_outline {
	animation:fadein .5s ease-in-out;
}
@keyframes fadein {
	0% { opacity: 0; }
	100%{ opacity: 1; }
}
@media (max-width: 767px) {
	.section_box details {
		width: 100%;
		margin: 0;
		margin-bottom: 1rem;
	}
	.section_box summary{
		flex-direction: column;
		align-items: flex-start;
	}
}
.section_box summary div{
	width: 100%;
	background: var(--opt-blue);
}
.section_box summary div h3{
	padding: 1rem;
	font-size: 1.2rem;
	font-weight: 600;
	color:#fff;
	text-align: center;
}
.section_box summary h4{
	padding: 1.5em;
	padding-bottom: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
}
.section_box summary p{
	padding: 1.5em;
	line-height: 1.5;
	color:#000;
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
	margin: 0 auto;
}
.details_outline {
	border: 3px solid var(--opt-blue);
	border-top: none;
}
.details_inner {
	padding: 2.5em;
}
.details_inner p {
	font-size: .9rem;
}
.imgCaption {
	font-size: .9rem;
	font-weight: 600;
	margin-top: 2em;
	padding-left: 1rem;
}
.emr_flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2rem auto;
}
.emr_flexbox dl {
	border: 1px solid var(--opt-bluegray);
	flex: 1 0 calc(100% / 2 - 4em);
	margin: 1em;
}
.emr_flexbox dl dt {
	background: var(--opt-bluegray);
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	padding: 1em;
}
.emr_flexbox dl dd {
	background: #fff;
	color: #000;
	font-size: .9em;
	line-height; 1.7;
	padding: 1.5em;
}
@media screen and (max-width: 519px) {
	.emr_flexbox {
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
	}
	.emr_flexbox dl {
		flex: 1 0 auto;
		width: 100%;
	}
}
.serviceLink_Btn a {
	display: block;
	padding: .7rem;
	text-align: center;
	line-height: 1.5;
	width: 70%;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	background-color: var(--opt-blue);
	border-radius: 2vh;
	position: absolute;
	bottom: 2em;
	right: 3em;
}
.serviceLink_Btn a::after {
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	position: absolute;
	top: calc(50% - 1.25rem);
	right: 1rem;
}
@media screen and (max-width: 519px) {
	.serviceLink_Btn a {
		width: 80%;
		bottom: 1em;
		right: 3vh;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.serviceLink_Btn a {
		width: 80%;
		right: 2vh;
	}
}
.serviceLink_Btn.wide a {
	display: block;
	position: relative;
	margin: 1rem auto;
	padding: 1rem 2rem;
	text-align: center;
	line-height: 1.5;
	width: 50%;
	color: #fff;
	font-size: clamp(1rem, calc(.927rem + .36vw),1.2rem);
	font-weight: 600;
	background-color: var(--opt-blue);
	border-radius: 2vh;
	right: 0;
}
.serviceLink_Btn.wide a::after {
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: calc(50% - 1.5rem);
	right: 2rem;
	font-size: clamp(1.3rem, calc(1.045rem + 1.27vw),2rem);
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
}
@media screen and (max-width: 519px) {
	.serviceLink_Btn.wide a {
		width: 80%;
	}
	.serviceLink_Btn.wide a::after {
		top: calc(50% - 1rem);
		right: 1rem;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.serviceLink_Btn.wide a {
		width: 65%;
	}
	.serviceLink_Btn.wide a::after {
		top: 10px;
	}
}
/*-----------------------------------------------------------------------

導入事例

-----------------------------------------------------------------------*/
#case {
	background: var(--opt-softgray);
	padding-bottom: 3em;
}
.case_banner {
	margin: 2em auto;
	text-align: center;
}
.corpoLink:before{
	right: 20px;
}
.corpoLink:after{
	right: 36px;
}
@media screen and (max-width: 519px) {
	.caseList .caseCompany .companyLogo{
		width: 70px;
		height: 20px;
		text-align: right;
		position: absolute;
		top: -6px;
		right: 20px;
		padding-left: 0;
	}
	.corpoLink:before{
		right: 40px;
	}

	.corpoLink:after{
		right: 52px;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.caseList .caseCompany .companyLogo{
		width: 90px;
	}
}
@media (min-width: 961px) {
	.caseList .caseCompany .companyLogo{
		width: 100px;
		height: 35px;
		top: -10px;
	}
}
/*-----------------------------------------------------------------------

メルマガ・コラム

-----------------------------------------------------------------------*/
.contents .mm,
.contents .column {
	margin 1rem auto 2rem auto;
}
.contents h3 {
	font-size: clamp(1rem, calc(.927rem + .36vw),1.2rem);
	font-weight: 600;
	color: var(--opt-blue);
	line-height: 1.8;
	margin: .5em auto;
}
.column ul {
	margin: 1em auto;
}
.column ul li {
	margin: .5em auto;
	line-height: 1.5;
}
.column ul li a {
	color: var(--opt-link-blue);
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
}
.textDoubleWrap p {
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
}
.toFormBtn {
	margin-bottom: 4em;
}
.toFormBtn a {
	display: block;
	position: relative;
	margin: 2em auto;
	padding: 1rem 2rem;
	text-align: center;
	line-height: 1.5;
	color: #fff;
	font-size: clamp(1rem, calc(.927rem + .36vw),1.2rem);
	font-weight: 600;
	background-color: var(--opt-blue);
	border-radius: 5px;
	width: 30%;
}
.toFormBtn a::after {
	content: "\f231";
	font-family: bootstrap-icons;
	position: absolute;
	top: calc(50% - 1.5rem);
	right: 2rem;
	font-size: clamp(1.3rem, calc(1.045rem + 1.27vw),2rem);
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
}
@media (max-width: 519px) {
	.toFormBtn a {
		margin-bottom: 1rem;
		width: 80%;
	}
	.toFormBtn a::after {
		top: 12.5px;
		right: .5rem;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.toFormBtn a::after {
		top: 10.5px;
		right: 1rem;
	}
}
/*-----------------------------------------------------------------------

お問い合わせ

-----------------------------------------------------------------------*/
.contact {
	position: fixed;
	z-index: 99;
	right: 1em;
	top: 6em;
	display: flex;
	flex-direction: column;
}
.contact__link {
	display: block;
}
.contact__link p {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 2em .5em .5em .5em;
	padding: 1em;
	width: 200px;
	color: var(--opt-blue);
	font-size: clamp(.7em, calc(.83rem + .23vw), 1rem);
	font-weight: 600;
	background-color: var(--opt-yellow);
	border-radius: 2vh;
	position: relative;
}
.contact__link p::after {
	content: "\f285";
	font-family: bootstrap-icons;
	font-weight: 600;
	color: var(--opt-blue);
	font-size: clamp(.7em, calc(.83rem + .23vw), 1rem);
	position: absolute;
	right: .5em;
	display: inline-flex;
}
@media (max-width: 519px) {
	.contact {
		background: var(--opt-gray-bg);
		right: initial;
		top: initial;
		bottom: 0;
		flex-direction: row;
	}
	.contact__link {
		flex: 1 0 auto;
		max-width: 100%;
	}
	.contact__link p {
		display: flex;
		width: auto;
	}
	.contact__link p::after {
		content: none;
	}
}

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

コラム バックナンバー

-----------------------------------------------------------------------*/
.medical-column-container {
	max-width: 980px;
	margin: 0 auto;
}
#column-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1rem;
	gap: 1em;
	margin: 2em 1em;
}
.column-item {
	width: calc(100% / 3 - 1em - 4px);
	border: 2px solid var(--opt-blue);
	padding: 1rem;
}
.column-item a {
	text-decoration: none;
	color: inherit;
}
.column-item a:hover {
	text-decoration: underline;
	color: var(--opt-link-blue);
}
.column-item-number {
	font-weight: 600;
	font-size: clamp(1rem, calc(.927rem + .36vw),1.2rem);
	padding-top: .8em;
}
.column-item-title {
	font-size: clamp(.875em, calc(.83rem + .23vw), 1rem);
	margin-top: 1em;
	line-height: 1.5;
	min-height: 5em;
}
.column-item-date {
	font-size: .8em;
	color: #666;
	margin-top: .5em;
	text-align: right;
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	#column-list {
		margin: 2em;
	}
}
@media screen and (max-width: 519px) {
	#column-list {
		justify-content: center;
		flex-direction: column;
	}
	.column-item-title {
		min-height: 3em;
	}
		.column-item {
		width: 90%;
		margin: .5em auto;
	}
}
.fy {
	color: var(--opt-yellow);
}

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

メールマガジン配信登録

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

.form_page {
	margin-top: -40px;
	padding-top: 40px;
}

.form_ttl {
	font-size: 25px;
	line-height: 1.4;
	color: #1c3661;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 40px;
	position: relative;
}
.form_ttl:after {
	content: '';
  position: absolute;
  left: 50%;
  bottom: 30px;
  display: inline-block;
  width: 65px;
  height: 2.5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fabe00;
}
.form_ttl span {
	font-size: 16px;
	font-weight: normal;
}

@media (min-width: 768px) {
	.form_page {
		margin-top: -100px;
		padding-top: 100px;
	}
	.form_page_inner {
		max-width: 980px;
		margin-right: auto;
		margin-left: auto;
	}
	.form_ttl {
		font-size: 36px;
		line-height: 1.3;
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.form_ttl:after {
		bottom: 0px;
		width: 100px;
		height: 3px;
	}
	.form_ttl span {
		font-size: 22px;
	}
	.form_ttl + p {
		font-size: 18px;
		line-height: 1.8;
		text-align: center;
	}
}
.formIntro_ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
}
.formIntro_ttl::before,
.formIntro_ttl::after {
	position: absolute;
	top: calc(50% + 5px);
	transform: translate(0, -50%);
	content: "";
	width: 18px;
	height: 60px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.formIntro_ttl::before {
	left: 50%;
	transform: translate(-145px, -50%);
	border-left: 1px solid #000000;
}
.formIntro_ttl::after {
	right: 50%;
	transform: translate(145px, -50%);
	border-right: 1px solid #000000;
}
.formIntro_stl {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 25px;
	padding: 0 .5em 10px 1.7em;
}
.formIntro_stl::before,
.formIntro_stl::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.formIntro_stl::before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: rgba(250, 190, 0, .6);
}
.formIntro_stl::after {
  top: .5em;
  left: .4em;
  width: 15px;
  height: 15px;
	border: 1px solid rgba(250, 190, 0, 0.6);
}

.formIntro_txt {
	margin-left: 6%;
}
.formIntro_img {
	text-align: center;
	margin: 20px auto 30px;
}
.formIntro_img img {
	margin: 0 auto ;
}
@media (min-width: 768px) {
	.formIntro_ttl {
		font-size: 26px;
		line-height: 1;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.formIntro_ttl::before,
	.formIntro_ttl::after {
		top: calc(50% + 8px);
		transform: translate(0, -50%);
		width: 20px;
		height: 50px;
	}
	.formIntro_ttl::before {
		left: 50%;
		transform: translate(-320px, -50%);
	}
	.formIntro_ttl::after {
		right: 50%;
		transform: translate(320px, -50%);
	}
	.formIntro_wrap {
		display: flex;
		justify-content: space-between;
	}
	.formIntro_container {
		width: 600px;
		margin-right: 20px;
	}
	.formIntro_stl {
		font-size: 20px;
		margin-top: 50px;
		padding-bottom: 20px;
	}
	.formIntro_stl span::before  {
		top: 3px;
		left: -24px;
		width: 16px;
		height: 21px;
	}
	.formIntro_txt {
		font-size: 16px;
	}
	.formIntro_img {
		width: 345px;
		margin: 50px 0 70px;
	}
}
.regist_ttl {
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #143664;
	margin-bottom: 20px;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
}
.regist_ttl::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 20px 0 20px;
	border-color: #143664 transparent transparent transparent;
}

a.linkTxt{
	position: relative;
  color: #143664;
	padding: 0 3px;
	text-decoration: underline;
}
a.linkTxt:hover{
	text-decoration: none;
}

@media (max-width: 767px) {

	.form_cont iframe{
		padding-left: 2%;
		margin: 0 auto;
	}
}