.container, .inner-container {
	overflow: scroll;
}

.main-scroll-area {
	min-width: 1320px;
}

.column-main {
	min-width: 955px;
	max-width: 955px;
	background: #fff;
	padding: 0;
	margin: 0 5px 0 0;
}

.btn-wrap a {
	transition: 0.2s;
}

.btn-wrap a:hover {
	opacity: 0.8;
}

.main-visual {
	background: url("/jp/~/media/medicom/cloud/bg_mv_pc.png") no-repeat;
	height: 380px;
}

.main-visual .ttl {
	font-size: 1.12rem;
	font-family: 'UD Shin Go DemiBold', sans-serif;
	font-weight: bold;
	padding: 70px 0 0 80px;
	position: relative;
	color: #595757;
}

.main-visual .ttl strong {
	color: #158ad0;
	display: inline-block;
	margin: 0 0 0 95px;
}

.main-visual .ttl em {
	font-size: 0.75rem;
	font-style: normal;
}

.main-visual .ttl .ico {
	position: absolute;
	width: 108px;
	top: 46px;
	left: 55px;
}

.main-visual .ttl .img {
	display: block;
	margin: 20px 0;
}

.main-visual .txt {
	font-size: 0.75rem;
	font-family: 'UD Shin Go DemiBold', sans-serif;
	font-weight: bold;
	color: #595757;
	margin: 0 0 25px 90px;
	line-height: 1;
}

.main-visual .btn-wrap {
	margin: 0 0 0 90px;
}

.contents-intro {
	background: url("/jp/~/media/medicom/cloud/bg_intro_pc.png") no-repeat center;
	background-size: auto 105%;
	padding: 0 0 80px 0;
}

.contents-intro .ttl {
	font-weight: bold;
	font-size: 1rem;
	font-family: 'UD Shin Go DemiBold', sans-serif;
	margin: 0 0 25px 0;
	position: relative;
}

.contents-intro .ttl strong,.contents-intro .ttl2 strong {
	font-size: 1.5rem;
	display: block;
	color: #158ad0;
}

.contents-intro .ttl::after {
	content: "";
	display: block;
	width: 47px;
	height: 38px;
	background: url("/jp/~/media/medicom/cloud/ico_ttl-cloud_pc.png") no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -10px;
	left: 70px;
}

.contents-intro .txt {
	line-height: 2;
}

.txt strong {
	font-family: 'UD Shin Go DemiBold', sans-serif;
	font-weight: bold;
	color: #158ad0;
}

.contents-intro .cont01 {
	margin: 0 0 135px 0;
	padding: 68px 50px 0 423px;
	position: relative;
}

.contents-intro .cont01 .img {
	width: 322px;
	position: absolute;
	left: 50px;
	top: 0;
}

.contents-intro .cont02 {
	margin: 0 0 146px 0;
	padding: 68px 50px 0 50px;
	position: relative;
}

.contents-intro .ttl::after {
	left: 85px;
}

.contents-intro .cont02 .img {
	position: absolute;
	right: 50px;
	top: 0;
}

.contents-intro .cont02 .txt {
	width: 480px;
}

.contents-intro .summary-txt {
	font-family: 'UD Shin Go DemiBold', sans-serif;
	font-weight: bold;
	color: #158ad0;
	font-size: 1.75rem;
	font-style: italic;
	text-align: center;
	margin: 0 0 70px 0;
}

.contents-intro .btn-wrap {
	display: flex;
	justify-content: center;
}

.contents-intro .btn-wrap li {
	margin: 0 15px;
}

.products-info-mc {
	background: url("/jp/~/media/medicom/cloud/bg_mc_pc.png") no-repeat #5ac8f3;
	background-size: 100%;
	padding: 100px 0 0 0;
}

.products-info-mc .intro {
	position: relative;
}

.products-info-mc .intro .ttl {
	font-family: 'UD Shin Go DemiBold', sans-serif;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 40px 0;
}

.products-info-mc .intro .ttl span {
	display: block;
	margin: 20px 0 0 0;
}

.products-info-mc .intro .txt {
	width: 800px;
	margin: 0 auto 20px;
	color: #fff;
	text-align: center;
	line-height: 2;
}

.products-info-mc .intro .evidence {
	width: 800px;
	margin: 0 auto;
	font-size: 0.75rem;
	color: #fff;
}

.products-info-mc .intro .btn-wrap {
	position: absolute;
	bottom: -25px;
	right: 80px;
}

.products-info-mc .cont01 .ttl {
	background: url("/jp/~/media/medicom/cloud/bg_merit01_pc.png") no-repeat;
	position: relative;
	padding: 125px 0 0 421px;
	height: 207px;
	font-weight: bold;
	font-size: 1.25rem;
	box-sizing: border-box;
}

.products-info-mc .cont01 .ttl .img {
	display: block;
	position: absolute;
	top: 50px;
	left: 240px;
	width: 133px;
	height: 108px;
}

.products-info-mc .cont01 .txt-area {
	background: #fff;
	padding: 10px 60px 0;
	display: flex;
}

.products-info-mc .cont01 .txt-area .txt {
	width: 440px;
	margin: 0 0 20px 0;
	padding: 30px 0 0 0;
	line-height: 2;
}

.products-info-mc .cont01 .txt-area .evidence {
	width: 440px;
	font-size: 0.75rem;
	text-indent: -24px;
	padding: 0 0 0 24px;
}

.products-info-mc .cont01 .txt-area .img {
	width: 359px;
}

.products-info-mc .cont02 {
	background: url("/jp/~/media/medicom/cloud/bg_merit02_pc.png") no-repeat;
	padding: 0 0 220px 0;
}

.products-info-mc .cont02 .ttl {
	position: relative;
	padding: 165px 0 0 0;
	font-weight: bold;
	font-size: 1.25rem;
	box-sizing: border-box;
	text-align: center;
	font-family: 'UD Shin Go DemiBold', sans-serif;
}

.products-info-mc .cont02 .ttl-step {
	position: relative;
	padding: 75px 0 0 0;
	font-weight: bold;
	font-size: 1.25rem;
	box-sizing: border-box;
	text-align: center;
	font-family: 'UD Shin Go DemiBold', sans-serif;
}

.products-info-mc .cont02 .ttl .img {
	display: block;
	position: absolute;
	top: 90px;
	right: 117px;
	width: 133px;
	height: 108px;
}

.products-info-mc .cont02 .txt-area {
	padding: 40px 60px 0;
}

.products-info-mc .cont02 .txt-area .txt {
	width: 640px;
	margin: 0 auto 40px auto;
	line-height: 2;
}

.products-info-mc .cont02 .txt-area .img {
	text-align: center;
	width: 671px;
	margin: 0 auto;
}

.products-info-dl {
	background: #5ac8f3;
	padding: 30px 0 0 0;
}

.products-info-dl .intro .ttl {
	font-family: 'UD Shin Go DemiBold', sans-serif;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0 0 40px 0;
}

.products-info-dl .intro .ttl span {
	display: block;
}

.products-info-dl .intro .txt {
	width: 800px;
	margin: 0 auto 20px;
	color: #fff;
	text-align: center;
	line-height: 2;
}

.products-info-dl .intro .evidence {
	width: 800px;
	margin: 0 auto;
	font-size: 0.75rem;
	color: #fff;
}

.products-info-dl .intro .btn-wrap {
	display: flex;
	justify-content: center;
	margin: 0 0 20px 0;
}

.products-info-dl .intro .btn-wrap li {
    margin: 0 15px;
}

.products-info-dl .cont01 .ttl {
	background: url("/jp/~/media/medicom/cloud/bg_merit01_pc.png") no-repeat;
	position: relative;
	padding: 125px 0 0 421px;
	height: 207px;
	font-weight: bold;
	font-size: 1.25rem;
	box-sizing: border-box;
}

.products-info-dl .cont01 .ttl .img {
	display: block;
	position: absolute;
	top: 50px;
	left: 240px;
	width: 133px;
	height: 108px;
}

.products-info-dl .cont01 .txt-area {
	background: #fff;
	padding: 10px 60px 0;
	display: flex;
	justify-content: space-between;
}

.products-info-dl .cont01 .txt-area .txt {
	width: 440px;
	margin: 0 0 20px 0;
	padding: 30px 0 0 0;
	line-height: 2;
}

.products-info-dl .cont01 .txt-area .img {
	width: 329px;
	margin: 0 30px 0 0;
}

.products-info-dl .cont02 {
	background: url("/jp/~/media/medicom/cloud/bg_merit03_pc.png") no-repeat #fff;
	padding: 0 0 90px 0;
}

.products-info-dl .cont02 .ttl {
	position: relative;
	padding: 165px 0 0 0;
	font-weight: bold;
	font-size: 1.25rem;
	box-sizing: border-box;
	text-align: center;
}

.products-info-dl .cont02 .ttl .img {
	display: block;
	position: absolute;
	top: 90px;
	right: 117px;
	width: 133px;
	height: 108px;
}

.products-info-dl .cont02 .txt-area {
	padding: 40px 60px 0;
}

.products-info-dl .cont02 .txt-area .txt {
	width: 640px;
	margin: 0 auto 40px auto;
	line-height: 2;
}

.products-info-dl .cont02 .txt-area .img {
	text-align: center;
	width: 671px;
	margin: 0 auto;
}

.sp-block {
	display: none;
}

#form-wrap {
	background: #e2f0f6;
	padding: 0 0 80px 0;
}

#form-wrap .ttl {
	font-size: 1.5rem;
	text-align: center;
	padding: 80px 0 40px 0;
}

#form-wrap .form-wrap {
	background: #fff;
	width: 800px;
	margin: 0 auto;
	border-radius: 10px;
}

.hbspt-form {
	padding: 0 30px 30px;
}

@media screen and (max-width: 650px){
	.sp-block {
		display: block;
	}

	.main-scroll-area {
		min-width: auto;
	}
	
	.container, .inner-container {
    padding: 30px 0 15px;
	}
	
	.column-sidebar {
		padding: 30px 10px 15px;
	}
	.column-main {
		width: 100%;
		min-width: 100%;
    max-width: 100%;
	}
	
	.main-visual {
    background: url(/jp/~/media/medicom/cloud/bg_mv_sp.png) no-repeat top;
		background-size: 100%;
    height: 95.733vw;
	}
	
	.main-visual .ttl {
		position: relative;
		font-size: 4.933vw;
		line-height: 1.4;
		padding: 0;
	}
	
	.main-visual .ttl	.inner {
		display: block;
		padding: 8vw 0 0 40.000vw;
	}

	.main-visual .ttl strong {
		display: block;
		margin: 0;
	}

	.main-visual .ttl em {
		font-size: 4.133vw;
		font-style: normal;
	}

	.main-visual .ttl .ico {
		position: absolute;
		width: 23.467vw;
		top: 4vw;
		left: 13.333vw;
	}

	.main-visual .ttl .img {
		display: block;
		margin: 4vw auto 0;
		width: 92%;
	}

	.main-visual .txt {
		font-size: 4.000vw;
		color: #fff;
		width: 92%;
		margin: 3.6vw auto 8vw;
		line-height: 1.6;
		text-shadow: 1px 1px 5px #1eb5ed;
	}

	.main-visual .txt .yellow {
		color: #ffd800;
	}

	.main-visual .txt .attention {
		font-size: 5.333vw;
	}

	.main-visual .btn-wrap {
		margin: 0 auto;
		padding: 0;
		width: 84.000vw;
	}

	.contents-intro {
		background: url("/jp/~/media/medicom/cloud/bg_intro_sp.png") no-repeat 0 top;
		background-size: auto 100%;
		padding: 10vw 0 9.333vw 0;
	}

	.contents-intro .ttl {
		font-size: 4vw;
		margin: 0 6.667vw 4vw;
	}

	.contents-intro .ttl strong,.contents-intro .ttl2 strong {
		font-size: 4.800vw;
	}

	.contents-intro .ttl::after {
		width: 11.867vw;
		height: 8.400vw;
		background: url("/jp/~/media/medicom/cloud/ico_ttl-cloud_sp.png") no-repeat;
		background-size: 100%;
		top: -3.267vw;
		left: 18vw;
	}

	.contents-intro .txt {
		margin: 0 6.667vw;
		font-size: 3.733vw;
	}

	.contents-intro .cont01 {
		margin: 0 0 13.333vw 0;
		padding: 0;
	}

	.contents-intro .cont01 .img {
		width: 76.000vw;
		position: static;
		left: -2.667vw;
		top: 0;
	}

	.contents-intro .cont02 {
		margin: 0;
		padding:0;
	}

	.contents-intro .cont02 .ttl,.contents-intro .cont03 .ttl {
		margin: 0 6.667vw 4vw;
	}

	.contents-intro .cont02 .ttl::after {
		left: 22vw;
	}

	.contents-intro .cont02 .img {
		position: static;
		width: 83.467vw;
		display: block;
		margin: 0 3.333vw 12.000vw auto;
	}

	.contents-intro .cont02 .txt,.contents-intro .cont03 .txt {
		width: auto;
	}

	.contents-intro .summary-txt {
		margin: 0 0 9.333vw 0;
		font-size: 4.800vw;
	}

	.contents-intro .btn-wrap {
		margin: 0 2.667vw;
		align-items: center;
		line-height: 0;
	}

	.contents-intro .btn-wrap li:first-child {
		margin: 0 5px 0 0;
	}

	.contents-intro .btn-wrap li:last-child {
		margin: 0 0 0 5px;
	}

	.products-info-mc {
		background: url("/jp/~/media/medicom/cloud/bg_mc_sp.png") no-repeat #38c0f5;
		background-size: 100%;
		padding: 0 0 0 0;
	}

	.products-info-mc .intro {
		position: relative;
	}

	.products-info-mc .intro .ttl {
		font-size: 4.267vw;
		font-weight: bold;
		padding: 20.667vw 0 0 0;
		margin: 0 0 40px 0;
	}

	.products-info-mc .intro .ttl span {
		display: block;
		width: 88.267vw;
		margin: 10.667vw auto;
	}

	.products-info-mc .intro .txt {
		width: 86.667vw;
		margin: 0 auto 5.000vw;
		text-align: left;
	}

	.products-info-mc .intro .evidence {
		width: 86.667vw;
		margin: 0 auto 6.667vw;
		font-size: 2.667vw;
	}

	.products-info-mc .intro .btn-wrap {
		position: static;
		width: 84.000vw;
		margin: 0 auto;
	}

	.products-info-mc .cont01 .ttl {
		background: url("/jp/~/media/medicom/cloud/bg_merit01_sp.png") no-repeat;
		background-size: 100% 100%;
		padding: 38.667vw 0 0 24.000vw;
		height: 57.333vw;
		font-size: 4.800vw;
	}

	.products-info-mc .cont01 .ttl .img {
		display: block;
		position: absolute;
		top: 9.333vw;
		left: 17.333vw;
		width: 34.533vw;
	}

	.products-info-mc .cont01 .txt-area {
		padding: 0;
		display: block;
	}

	.products-info-mc .cont01 .txt-area .txt {
		width: 86.667vw;
		margin: 0 auto 4.667vw;
		padding: 0;
		font-size: 3.733vw;
	}

	.products-info-mc .cont01 .txt-area .evidence {
		width: 86.667vw;
		margin: 0 auto 6.667vw;
		box-sizing: border-box;
		font-size: 2.667vw;
		text-indent: -24px;
		padding: 0 0 0 24px;
	}

	.products-info-mc .cont01 .txt-area .img {
		width: 84.000vw;
		margin: 0 auto;
		display: block;
	}

	.products-info-mc .cont02 {
		padding: 0 0 0;
		margin: 0 0 31.600vw 0;
		background: url("/jp/~/media/medicom/cloud/bg_merit02_sp.png") no-repeat #fff;
		background-size: 100% auto;
		position: relative;
	}
	
	.products-info-mc .cont02::after {
		background: url("/jp/~/media/medicom/cloud/bg_merit02-2_sp.png") no-repeat #38c0f5;
		background-size: 100% 100%;
		display: block;
		content: "";
		width: 100%;
		height: 31.600vw;
		position: absolute;
		bottom: -31.600vw;
	}

	.products-info-mc .cont02 .ttl {
		position: relative;
		padding: 49.333vw 0 8.000vw 6.666vw;
		font-size: 4.800vw;
		box-sizing: border-box;
		text-align: left;
	}
    
	.products-info-mc .cont02 .ttl-step {
		position: relative;
		padding: 20vw 0 8.000vw 6.666vw;
		font-size: 4.800vw;
		box-sizing: border-box;
		text-align: left;
	}

	.products-info-mc .cont02 .ttl .img {
		top: 11.333vw;
		right: 4.667vw;
		width: 34.533vw;
	}

	.products-info-mc .cont02 .txt-area {
		padding: 0;
		margin: 0;
		width: auto;
	}

	.products-info-mc .cont02 .txt-area .txt {
		width: 86.667vw;
		margin: 0 auto 9.333vw auto;
	}

	.products-info-mc .cont02 .txt-area .img {
		width: 95.333vw;
		margin: 0 auto;
		display: block;
	}

	.products-info-dl {
		background: #38c0f5;
		padding: 0 0 0 0;
	}

	.products-info-dl .intro {
		position: relative;
	}

	.products-info-dl .intro .ttl {
		font-size: 4.267vw;
		font-weight: bold;
		padding: 10.667vw 0 0 0;
		margin: 0 0 10.000vw 0;
	}

	.products-info-dl .intro .ttl .img {
		display: block;
		width: 90.667vw;
		margin: 0 auto;
	}

	.products-info-dl .intro .txt {
		width: 86.667vw;
		margin: 0 auto 5.000vw;
		text-align: left;
	}

	.products-info-dl .intro .evidence {
		width: 86.667vw;
		margin: 0 auto 6.667vw;
		font-size: 2.667vw;
	}

	.products-info-dl .intro .btn-wrap {
		display: block;
		position: static;
		width: 84.000vw;
		margin: 0 auto;
	}

	.products-info-dl .intro .btn-wrap li {
		margin: 0 0 2.667vw 0;
	}

	.products-info-dl .cont01 .ttl {
		background: url("/jp/~/media/medicom/cloud/bg_merit01_sp.png") no-repeat;
		background-size: 100% 100%;
		padding: 38.667vw 0 0 24.000vw;
		height: 57.333vw;
		font-size: 4.800vw;
	}

	.products-info-dl .cont01 .ttl .img {
		display: block;
		position: absolute;
		top: 9.333vw;
		left: 17.333vw;
		width: 34.533vw;
	}

	.products-info-dl .cont01 .txt-area {
		padding: 0;
		display: block;
	}

	.products-info-dl .cont01 .txt-area .txt {
		width: 86.667vw;
		margin: 0 auto 4.667vw;
		padding: 0;
		font-size: 3.733vw;
	}

	.products-info-dl .cont01 .txt-area .evidence {
		width: 86.667vw;
		margin: 0 auto 6.667vw;
		box-sizing: border-box;
		font-size: 2.667vw;
		text-indent: -24px;
		padding: 0 0 0 24px;
	}

	.products-info-dl .cont01 .txt-area .img {
		width: 84.000vw;
		margin: 0 auto;
		display: block;
	}

	.products-info-dl .cont02 {
		padding: 0 0 0;
		margin: 0 0 31.600vw 0;
		background: url("/jp/~/media/medicom/cloud/bg_merit02_sp.png") no-repeat #fff;
		background-size: 100% auto;
		position: relative;
	}
	
	.products-info-dl .cont02::after {
		background: url("/jp/~/media/medicom/cloud/bg_merit02-2_sp.png") no-repeat #38c0f5;
		background-size: 100% 100%;
		display: block;
		content: "";
		width: 100%;
		height: 31.600vw;
		position: absolute;
		bottom: -31.600vw;
	}

	.products-info-dl .cont02 .ttl {
		position: relative;
		padding: 49.333vw 0 8.000vw 6.666vw;
		font-size: 4.800vw;
		box-sizing: border-box;
		text-align: left;
	}

	.products-info-dl .cont02 .ttl .img {
		top: 11.333vw;
		right: 4.667vw;
		width: 34.533vw;
	}

	.products-info-dl .cont02 .txt-area {
		padding: 0;
		margin: 0;
		width: auto;
	}

	.products-info-dl .cont02 .txt-area .txt {
		width: 86.667vw;
		margin: 0 auto 9.333vw auto;
	}

	.products-info-dl .cont02 .txt-area .img {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	#form-wrap {
		padding: 16.000vw 6.667vw 13.333vw 6.667vw;
		background: #fff;
	}

	#form-wrap .ttl {
		font-size: 4.800vw;
		text-align: center;
		padding: 0;
	}

	#form-wrap .form-wrap {
		width: 100%;
		margin: 0 auto;
		border-radius: 0;
	}
	
	.hbspt-form {
		padding: 0;
	}
	
	.container-contact .inner-container {
		padding: 30px 10px 15px;
	}
}


.step-panel{
  background: rgb(220, 230, 242);
  padding: 15px;
  width:96%;
 display: table;	
 table-layout: fixed;
}
.step-icn{
	float: left;
	width: 10%;
	height: 20px;
}
.step-icn img{
  width: 70%;
  margin-top: -15px;
}
.step-txt{
	float: right;
	width: 90%;
	vertical-align: middle;
}
.step-panel p{
	margin:10px 0 10px;
}
p.arrow{
	margin:10px 0;
	margin-left:auto;
	margin-right:auto;
	width: 4%;
}
.step-title {
    font-weight: bold;
    font-size: 1.25rem;
}


@media only screen and (max-width: 768px) {
.step-panel{
  background: rgb(220, 230, 242);
  padding: 15px;
  width:91%;
 display: table;	
 table-layout: fixed;
}	
.step-icn{
	float: left;
	width: 25%;
	height: 20px;
}
.step-icn img{
  width: 80%;
  margin-top: -5px;
}
.step-txt{
	float: right;
	width: 75%;
	vertical-align: middle;
}
p.arrow{
	margin:10px 0;
	margin-left:auto;
	margin-right:auto;
	width: 10%;
}
}


.contents-intro .cont03 {
    margin: 0px;
    padding: 90px 50px 0 50px;
    position: relative;
}
.contents-intro .ttl2 {
    font-weight: bold;
    font-size: 1rem;
    font-family: 'UD Shin Go DemiBold', sans-serif;
    margin: 0 0 25px 0;
    position: relative;
}

.contents-intro　.ttl2::after {
    content: "";
    display: block;
    width: 47px;
    height: 38px;
    background-size: 100% 100%;
    position: absolute;
    top: -10px;
    left: 70px;
}


@media only screen and (max-width: 768px) {
.contents-intro .cont03 {
		margin: 0;
		padding:0;
	}
.contents-intro .ttl2 strong {
		padding-left:25px;
	}
}

































