/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html, body{
  font-family: 'Noto Sans JP', sans-serif;
  color: #3B444B;
  counter-reset: number;
}

/*デバイスごとのコンテンツ切り替え*/
@media screen and (max-width: 768px) {
	.pc {
		display: none
	}
}
.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pt-2-sp {
    padding-top: 0.5rem !important;
  }
  
  .pt-0-sp {
    padding-top: 0 !important;
  }
  
  .pb-2-sp {
    padding-bottom: 0.5rem !important;
  }
  
  .pb-0-sp {
    padding-bottom: 0 !important;
  }
  .py-0-sp {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* ヘッダー調整 */

.container_2 {
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}

.container_2{
	  max-width: 1360px;
    height: auto;
    padding: 0 50px;
    margin: auto;
}

.case-topic-2606_container {
  background: #fff;
  max-width: 1152px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin: 0 auto 80px;
}
#case .case-topic-2606_container .bodybox {
  max-width: 736px;
  width: auto;
}
  
@media screen and (max-width: 768px) {
	.container_2 {
		padding-left: 15px !important;
		padding-right: 15px !important
	}
}

/* Bluma 上書き */

@media screen and (min-width: 769px) {
	.container {
		max-width: 1136px !important;
		padding-left: 3rem !important;
		padding-right: 3rem !important
	}
  
  /* topメイン画像調整 */
  .pt-5.pb-6.container.m_visual {
    max-width: 1186px !important;
  }
  
  .ml-6_pc {
    margin-left: 3rem!important;
  }
}

@media screen and (max-width: 768px) {
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important
	}
}

@media screen and (max-width: 768px) {
	.column.is-6-mobile {
		flex: none !important;
		width: 50% !important
	}
}

/* サイト共通 */

section h2 {
  font-size: 35px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
	section h2 {
		font-size: 25px/*28px*/
	}
}

section h3{
  font-size: 20px;
  font-weight: 500;
  border-left: 2px solid #39c4ff;
  padding-left: .5rem;
}


p{
  line-height:1.8rem;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

/* ヘッダー */
header{
  position:fixed;
  display:block;
  top:0;
  left: 0;
  right: 0;
  width:100%;
  height: 56px;
  background: rgba(255,255,255,0.7) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  z-index:1000;
}

header .navbar {
  background-color: transparent;
}
  
header .navbar-menu a.navbar-item:hover{
  color:#209CEE;
  background:none;
}

header .navbar-brand > .sp {
  align-self: center;
  padding-bottom: 8px;
}

header .navbar-brand>.sp.dental {
    align-self: auto;
    padding-bottom: 0;
    line-height: 1;
    text-align: center;
}

header .sp + .navbar-burger {
  margin-left: 0;
}
.navbar-brand {
  justify-content: space-between;
}
.hamburger-menu {
  padding-left: 10px;
}
.menu-btn {
  display: flex;
  width: 40px;
  background: transparent;
  height: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: 25px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 48px;
    left: 100%;
    z-index: 80;
    background-color: #0793e1;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;
}
header .button.download {
  background: transparent linear-gradient(270deg, var(--unnamed-color-ee5169) 0%, #ED830D 53%, var(--unnamed-color-ffdd57) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #EE5169 0%, #ED830D 53%, #FFDD57 100%) 0% 0% no-repeat padding-box;
  border:none;
  border-radius: 30px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font-size:14px;
  font-weight:500;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  width: 88px;
  height: 35px;
}
header .button.contact {
  font-size:14px;
  font-weight:500;
  letter-spacing: 0px;
  border-radius: 30px;
  width: 144px;
}
header .button.download.header__cta{
  width: 100%;
  font-size:14px;
  padding: 0 .4em;
}

header .button.download_medi {
    border: 0;
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    width: 88px;
    height: 35px;
    background: transparent linear-gradient( 270deg,#ed5743 0%,#ff9862 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
}

header .button.download_medi_g {
    border: 0;
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    width: 88px;
    height: 35px;
    background: transparent linear-gradient( 270deg,#2BD67C 0%,#2BD67C 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
}

header .button.download_medi_y {
    border: 0;
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    width: 88px;
    height: 35px;
    background: transparent linear-gradient( 270deg,#FDB23B 0%,#FDB23B 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
}

header .button.download_medi_y_b {
    border: 0;
    border-radius: 30px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    width: 88px;
    height: 35px;
    background: transparent linear-gradient(to right,#fed651 0%,#ffb100 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
}

header .navbar-menu .button.login,.sp .button.login{
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid var(--unnamed-color-dbdbdb);
  border: 1px solid #DBDBDB;
  border-radius: 30px;
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font-size:14px;
  font-weight:500;
  letter-spacing: 0px;
  color: #3B444B;
  opacity: 1;
  width: 88px;
  height: 35px;
}

@media screen and (max-width: 1023px) {
	header {
		height: 48px
	}
  
  header .sp {
    display: flex;
    align-items: center;
  }

	header img {
		width: 126px !important;
		height: 12px !important
	}
}

/* ボディー */

main .breadcrumb{
  font-size:0.9rem;
  margin-top: 92px;
  padding-left:50px;
  padding-right:50px;
  padding-bottom: 0 !important;
}

main .breadcrumb__form__lp{
  font-size:0.9rem;
  margin-top: 52px;
  padding-left:50px;
  padding-right:50px;
  padding-bottom: 0 !important;
}

/* フッター */
footer.footer{
  background:#3B444C;
  color:#FFF;
  font-size:0.9rem;
  font-style:normal;
  line-height:1.5rem;
}

@media screen and (max-width: 768px) {
	footer.footer {
		padding-left: 10px !important;
		padding-right: 10px !important
	}
}

footer hr {
 height: 1px;
 background-color: #FFF;
 width: 100%;
 border: none;
 margin:8px 0;
 padding:0;
}

footer.footer a{
  color:#FFF;
}

footer.footer a:hover{
  color:#FFF;
  text-decoration: underline;
}

footer.footer .column.company{
  padding:0;
  margin:20px 0 30px 0;
}

footer.footer .logo{
  display:block;
}

footer.footer .logo img{
  width:228px;
  margin-left:-5px;
}

footer.footer address,
footer.footer .url,
footer.footer .email{
  display:block;
  font-style:normal;
}

footer.footer ul.footer_menu li{
  display:inline-block;
}

footer.footer ul.footer_menu li:after{
  content: "｜";
  margin-left:5px;
}

footer.footer ul.footer_menu li.last:after{
  content: "";
  margin-left:0px;
}

footer.footer .credit{
  display:block;
  font-style:normal;
  text-align:center;
  margin-top:30px;
  font-size: 15px;
}

/*ISMS*/
dvi.isms {
    background-image: url(https://www.smartmat.io/hubfs/isms/ISMS_ISMS-AC_color-01%2013.57.00.png);
    margin: 1.5vw 0 1.5vw 0;
    text-align: left;
    background-size: 72px 53px;
    background-position: left center;
    background-repeat: no-repeat;
    display: table;
    min-height: 52px;
    padding-left: 82px;
    width: 100%;
    max-width: 400px;
}
p.ismstext {
    display: table-cell;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
}

/* セクション タグ */

section.keyvisual{
  height:150px;
  width:100%;
  padding:0px 0;
  display:table;
}

@media screen and (max-width: 768px) {
	section.keyvisual {
		height: 80px
	}
}

section.keyvisual div.hs_cos_wrapper{
  display:table-row;
}

section.keyvisual div.inner{
  vertical-align:middle;
  display:table-cell;
}

section.keyvisual div.inner h1{
  display:block;
  font-size:2rem;
  font-weight:600;
  text-align:center;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

section.keyvisual.title_ch div.inner h1 {
    font-size: 1.4rem;
}

section.keyvisual.title_ch div.inner .subtitle{
	font-size: 2rem;
}

@media screen and (max-width: 768px) {
	.keyvisual h1 {
		font-size: 28px !important;
    padding: 0 15px;
	}
  section.keyvisual.title_ch div.inner h1 {
    font-size: 5.5vw !important;
    margin-bottom: .5em;
  }
  section.keyvisual.title_ch div.inner .subtitle{
    font-size: 7vw;
  }
}

section.keyvisual div.inner .subtitle{
  display:block;
  font-size:1.8rem;
  font-weight:600;
  text-align:center;
}

span.round_button_g{
    width: 100%;
    color: #fff;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    transition: .3s;
    background: transparent linear-gradient( 270deg, #2BD67C 0%, #2BD67C 100%) no-repeat padding-box;
    border-radius: 20px;
    border: 0;
    font-weight: 600;
    height: auto;
    padding: .4em .6em;
    font-size: .9em;
}

section.bg_white{
  background:#FFFFFF;
}

section.bg_blue{
  background:#F4F8F8;
}

section.bg_blue_2{
  background:#F4F8F8;
}

section.bg_gry{
  background:#f5f8f8;
}

section.bg_gry_me{
  background:#f5f5f5;
}

section.bg_gry-cta{
  background:#EFEFEF;
}

section h2 span{
  color: #39c4ff;
}

section.section-type ul.blocks li{
  display:inline-block;
}

section ul.blocks ul{
  margin-top:10px;
  margin-left:30px;
}

section ul.blocks ul li{
  list-style: disc;
}

.cta_btns .btn-cta{
  margin:auto;
}

.btn-cta{
  width: 440px;/*248*/
  height: 60px;/*42*/
  line-height: 60px;/*42*/
  border-radius: 8px;/*50*/
  border: none;
  opacity: 1;
  text-align: center;
  font-size: 25px;/*20*/
  font-weight: 600;/*500*/
  letter-spacing: 0px;
  opacity: 1;
  display:block;
  vertical-align: bottom;
  text-decoration: none;
  padding:0;
}

/*medical LP*/
.btn-cta-m{
    width: 420px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    border: 0;
    opacity: 1;
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0px;
    opacity: 1;
    display: block;
    vertical-align: bottom;
    text-decoration: none;
    padding: 0;
}
.btn-cta-g{
    width: 420px;
    height: 60px;
    line-height: 68px;
    border-radius: 40px;
    border: 0;
    opacity: 1;
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0px;
    opacity: 1;
    display: block;
    vertical-align: bottom;
    text-decoration: none;
    padding: 0;
}

/*ボタンに▶︎マーク*/
.container__btn-ar {
    display: block;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent transparent currentColor;
    margin-left: 8px;
}
a.cta_button{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.btn-free-experience{
  color: #3B444B;
  background: transparent linear-gradient(90deg, var(--unnamed-color-ffffff) 0%, #E4E4E4 43%, var(--unnamed-color-758693) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #FFFFFF 0%, #E4E4E4 43%, #758693 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 0.5px solid var(--unnamed-color-b7b7b7);
}

.btn-free-experience-m{
  color: #3B444B;
  background: transparent linear-gradient(90deg, var(--unnamed-color-ffffff) 0%, #E4E4E4 43%, var(--unnamed-color-758693) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #FFFFFF 0%, #E4E4E4 43%, #758693 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 0.5px solid var(--unnamed-color-b7b7b7);
  border-radius: 40px;
}

.btn-doc-request{
  color: #FFFFFF;
  background: transparent linear-gradient(270deg, var(--unnamed-color-ee5169) 0%, #ED830D 36%, var(--unnamed-color-ffdd57) 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #EE5169 0%, #ED830D 36%, #FFDD57 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #ffffff;/*枠線追加部分*/
  transition: .3s;
}

.btn-doc-request-m {
    color: #fff;
    background: transparent linear-gradient(270deg,#ed5743 0%,#ff9862 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    transition: .3s;
    text-shadow: 0px 0px 3px rgba(17, 17, 17, 0.5);
}

.btn-doc-request-g {
    color: #fff;
    background: transparent linear-gradient(270deg,#2BD67C 0%,#2BD67C 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    transition: .3s;
    text-shadow: 0px 0px 3px rgba(17, 17, 17, 0.5);
}

.btn-doc-request-y {
    color: #fff;
    background: transparent linear-gradient(270deg,#FDB23B 0%,#FDB23B 100%) no-repeat padding-box;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    transition: .3s;
    text-shadow: 0px 0px 3px rgba(17, 17, 17, 0.5);
}

.btn-doc-request-y_b{
	  color: #fff;
    transition: .3s;
    border-radius: 29.5px;
    background: linear-gradient(to right,#fed651 0%, #ffb100 100%);
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    text-shadow: 0px 0px 3px rgba(17, 17, 17, 0.5);
}

.btn-doc-request:hover{
  transform: translate3d(0, 5px, 0);
  color: #fff;
}

.btn-doc-request-m:hover{
  transform: translate3d(0, 5px, 0);
  color: #fff;
}

.btn-doc-request-g:hover{
  transform: translate3d(0, 5px, 0);
  color: #fff;
}

.btn-doc-request-y:hover{
  transform: translate3d(0, 5px, 0);
  color: #fff;
}

.btn-doc-request-y_b:hover{
  transform: translate3d(0, 5px, 0);
  color: #fff;
}

.alliance-service .company{
  font-weight:600; 
}
.alliance-service .service{
  font-size:0.9rem; 
}

.alliance-media ul li {
	padding: 9px
}

.alliance-media ul li div {
	width: 102px;
	height: 48px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.alliance-media ul li div.h {
	height: 102px;
}

.alliance-media ul li img {
	max-width: 100%;
	max-height: 100%
}

/* section-type1 section-type2 */
.section-type2 .read_text p,
.alliance-service .read_text p {
  font-size: 18px;
  line-height: 1.888;
}

@media screen and (max-width: 768px) {
	.section-type2 .read_text p,
	.alliance-service .read_text p {
    text-align: left !important;
		line-height: 1.75;
		font-size: .9rem
	}
}

.section-type1 .slide-column {
  flex: 0 0 542px;
  max-width: 542px;
}

.section-type1 .iframe_wrapper {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  
	box-shadow: 0px 3px 6px #00000029
}

.section-type1 .oembed_container {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

.section-type1 .oembed_container .iframe_wrapper > * {
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.section-type1 .embed_container {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%;
}

.section-type1 .embed_container iframe {
  left: 0;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.section-type2 .img img {
  border-radius: 4px;
}

.section-type1 .text p,
.section-type2 .text p {
  font-size: 1rem;
}

.section-type2 .link-area .button {
  width: 338px;
  font-weight: 500;
  font-size: 1rem;
  box-shadow: 0px 3px 6px #00000029;
}

@media screen and (max-width: 768px) {
	.columns-list {
		padding-top: 32px !important
	}
}

.hd-type-flow {
	counter-reset: num
}

.hd-type-flow h3 {
	display: flex;
	align-items: center;
	border: none;
	padding-left: 0
}

.hd-type-flow h3.md {
    background-color: #E0F1FC;
    border-radius: 30px;
    text-align: center;
    justify-content: center;
    position: relative;
    height: 48px;
}
.hd-type-flow h3.md::before {
    position: absolute;
    left: 0;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 10px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #209CEE;
    color: #fff;
    counter-increment: num;
    content: counter(num);
    font-size: 28px;
}


.hd-type-flow h3 span {
  flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid #dbdbdb;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.hd-type-flow h3 span::before,
.hd-type-flow h3 span::after {
	display: block;
	line-height: 1
}

.hd-type-flow h3 span::before {
	content: 'step';
	font-size: 12px;
	color: #7a7a7a
}

.hd-type-flow h3 span::after {
  margin-top: .1em;
	counter-increment: num;
	content: counter(num, decimal-leading-zero) ".";
	font-size: 20px;
	text-indent: .25em
}

/* section_cta */
.bg_gry-cta .index {
  font-size: 30px;
  font-weight: bold;
}

.bg_gry-cta .btn-cta {
  width: 440px;/* 380 */
  height: 68px;/* 48 */
  line-height: 68px;/* 48 */
  font-size: 25px;/* 20 */
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .bg_gry-cta .index {
  font-size: 25px;
  }
  
	.cta_btns {
		padding-bottom: 16px !important
	}
  .bg_gry-cta .btn-cta {
    width: 100%;
    font-size: 20px;
  }
  .btn-cta{
    width: 100%;
    font-size: 20px;
  }
  .bg_gry-cta .btn-cta-m {
    width: 100%;
    font-size: 20px;
  }
  .bg_gry-cta .btn-cta-g {
    width: 100%;
    font-size: 20px;
    max-width: 350px;
    margin: 0 auto;
  }
  .btn-cta-m{
    width: 100%;
    font-size: 20px;
    max-width: 350px;
    margin: 0 auto;
  }
    .btn-cta-g{
    width: 100%;
    font-size: 20px;
    max-width: 350px;
    margin: 0 auto;
  }
}

/* introducing_company */
.introducing-company ul{margin:-15px 0 0 0; padding:0px;}
.introducing-company ul li{display:inline-block; list-style="none"; margin:15px 10px 0 10px;}
.introducing-company ul li img{height:35px;}

@media screen and (max-width: 768px) {
	.introducing-company {
		margin-top: 0 !important
	}
}

.slider {
  display: flex;
  max-width: 100vw;
  overflow: hidden;
}
.slider__inner {
  display: flex;
}

.slider__inner li{
  text-align:center;
  list-style: none;
  padding:5px 20px;
}
.slider__inner li div.row1{
	height: 40px;
	vertical-align: middle;
}
.slider__inner li div.row2{
	height: 80px;
	vertical-align: middle;
}
.slider__inner li div.row1 img{
  margin: 5px auto;
  max-height:40px;
  height:40px;
  max-width: 180px;
  width: auto;
  display: block;
}
.slider__inner li div.row2 img{
  margin: 5px auto;
  max-height:90px;
  height:90px;
  max-width: 180px;
  width: auto;
  display: block;
}


.introducing-companys h2 {
  color: #333;
}

.introducing-companys ul li {
  padding: 9px;
}

.introducing-companys ul li div {
  width: 102px;
  height: 48px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.introducing-companys ul li div.h {
  height: 102px;
}

.introducing-companys ul li img {
  max-width: 100%;
  max-height: 100%;
}


/* blog post lists */
.slick-slide-wrap {
  margin: 0 -1rem;
}

.slick-track {
  display: flex;
}

.slick-dots {
  display: flex;
  justify-content: center;
}

.slick-dots li {
  margin: 0 10px;
  outline: none;
}

.slick-dots li button {
  width: 10px;
  height: 10px;
  background: #dbdbdb;
  border-radius: 50%;
  padding: 0;
  outline: none;
  border: none;
  text-indent: 9999px;
}

.slick-dots li:not(.slick-active) button {
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background: #758693;
}

.slick-track .slick-slide {
  height: auto;
}

.slick-track .slick-slide > div,
.slick-track .slick-slide > div li,
.slick-track .slick-slide > div li .card {
  height: 100%;
}


.slick-track .slick-slide > div li .card .card-image {
  height: 176px;
}


.slick-track .slick-slide > div li .card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick-track .slick-slide > div li .card .card-content .category {
  border: 1px solid #3B444B;
  border-radius: 4px;
  padding-top: 0.2rem;
  padding-bottom: 0.25rem;
  color:#3B444B;
}
.slick-track .slick-slide > div li .card .card-content .hd {
  font-weight: 500;
}

.slick-track .slick-slide > div li .card .card-content .tags-list {
  text-indent: -.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #7A7A7A;
}

.slick-track .slick-slide > div li .card .card-content .tags-list a{
  color: #7A7A7A;
}

.slick-track .slick-slide > div li .card .card-content .tags span:not(:first-child)::before {
  content: '/';
  display: inline-block;
  margin: 0 .5em;
}

.slick-track .slick-slide > div li .card .card-content .link-area {
  font-size: 15px;
}

.category-list li a {
  display: block;
  border-radius: 4px;
  background-position: center center;
  background-size: cover;
  box-shadow: 0px 3px 6px #00000029;
  font-size: 18px;
  font-weight: 500;
  color: #3b444b;
}

.link-area .button {
  width: 338px;
  font-weight: 500;
  font-size: 14px;
  box-shadow: 0px 3px 6px #00000029;
}






.categories-container ul {
	display: flex !important;
	flex-wrap: wrap
}

.categories-container ul li {
	width: 34% !important;
	flex: 0 0 34%;
	max-width: calc(100% / 3);
}

@media screen and (min-width: 769px) {
	.categories-container ul li:not(:nth-child(3n)) {
		border-right: 1px solid #B7B7B7
	}

	.categories-container ul li:not(:nth-last-child(-n+3)) {
		border-bottom: 1px solid #B7B7B7
	}
}

@media screen and (max-width: 768px) {
	.categories-container ul li {
		width: 50% !important;
		flex: 0 0 50%;
		max-width: 50%
	}

	.categories-container ul li:not(:nth-child(2n)) {
		border-right: 1px solid #B7B7B7
	}

	.categories-container ul li:not(:nth-last-child(-n+2)) {
		border-bottom: 1px solid #B7B7B7
	}
  
}

.categories-container ul li a {
	display: block !important;
	width: 100%;
	height: auto !important;
	padding: 1.5em 2em 1.5em 1.5em !important
}

@media screen and (max-width: 768px) {
	.categories-container ul li a {
		display: flex !important;
		height: 100% !important;
		align-items: center
	}
}

.card {
	display: flex;
	flex-direction: column
}

.card-image {
	height: 176px
}

.card-image .image {
	height: 100%
}

.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.card-content {
	flex: 1 1 auto
}

.card-content .content {
	height: 100%;
}

.card-content .content .category {
	border: 1px solid #3b444b;
	border-radius: 4px;
        padding-top: 0.2rem;
    padding-bottom: 0.25rem;
  color:#3b444b
}

.card-content .content p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}


.card-content .content .tags-list {
	text-indent: -.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #7a7a7a
}

.card-content .content .tags-list a{
color: #7a7a7a
}

.card-content .content-text {
	margin-top: auto
}



.modal-menu {
	display: none;
	z-index: 900
}

@media screen and (max-width: 1023px) {
	.modal-menu {
		display: block;
		background: #fafafa;
		opacity: 0;
		transition: .3s ease-out;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}

	.modal-menu.active {
		opacity: 1;
		pointer-events: auto
	}

	.modal-menu__nav {
		width: 100%;
		height: 100%;
	}

	.modal-list__item {
		font-size: 20px;
		font-weight: 500
	}


}







.lower-detail {
	background: #fafafa
}

.lower-detail .detail__article {
	max-width: 1036px !important;
	padding-top: 64px;
	padding-bottom: 80px;
	margin-bottom: 40px;
	background: #fff
}

@media screen and (max-width: 768px) {
	.lower-detail .detail__article {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

.lower-detail .detail__article .titlebox .tagbox a {
	padding: 3px 8px !important;
	display: inline-block !important;
	border: 1px solid #3b444b !important;
	margin-bottom: 5px !important;
	font-size: .8rem !important;
	color: #3b444b !important
}

.lower-detail .detail__article .titlebox h1 {
	font-weight: 500 !important;
	font-size: 30px !important
}

@media screen and (max-width: 768px) {
  .lower-detail .detail__article .titlebox h1 {
	font-size: 20px !important;
  }
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.loader {
  margin: 150px auto;
  font-size: 8px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.8em solid rgba(133,133,133, 0.2);
  border-right: 0.8em solid rgba(133,133,133, 0.2);
  border-bottom: 0.8em solid rgba(133,133,133, 0.2);
  border-left: 0.8em solid #858585;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.pagetop {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  bottom: 20px;
  right: 40px;
}

.js-scroll .pagetop {
  pointer-events: auto;
  opacity: 1;
}

.js-scroll .pagetop a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0px 3px 6px #00000029;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  display: block;
}


#pg_error .hs_cos_wrapper{
  text-align:center;
}


#pg_error h1{
  margin:100px;
  font-size:3rem;
  text-align:center
}

#pg_error .button{
  display:inline-block;
  width:auto;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto 100px auto;
}

.large-button {
  flex-basis: auto;
  width: 440px;/*380*/
}
@media screen and (max-width: 769px){
.large-button {
  width: 100%
}
}


.large-button .btn-cta {
  font-weight: 600;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .large-button {
    flex-basis: auto;
    width: 100%;
  }

  .large-button .btn-cta {
    width: 100%;
  }
}

/*電話差込*/
.h-tell {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 69px 10px 10px;
  background-color: #f2f2f2;
}

.h-tell__number {
  padding-left: 22px;
  background-image: url(https://www.smartmat.io/hubfs/call/call.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 16px 16.5px;
  color: #4a4a4a;
  font-size: 15px;
  font-family: 'Arial';
}

.h-tell__time {
  margin-left: 10px;
  color: #9b9b9b;
  font-size: 10px;
}

contact {
    font-weight: bold; 
    margin: 0.5em auto;
    display: flex;
    justify-items: center;
    align-items: center;
}

contact::before {
    content: '';
    width: 20px;
    height: 20px;
    color: #fff;
    background-image: url(https://www.smartmat.io/hubfs/call/icon_071950.svg);
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


/* トップ設定 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#home {
	max-width: 100vw;
	overflow: hidden
}

/* ヘッダーの背景の設定 START */

/******　PC用　******/
/* 背景グレー部分 */
#home .m_bg {
  background: url(https://www.smartmat.io/hubfs/mv_bg.png) no-repeat center center/cover
}
#home .default.m_bg {
  background: url(https://www.smartmat.io/hubfs/mv_bg.png) no-repeat center center/cover
}

/* マット画像部分 */
#home .m_visual {
  background: url(https://www.smartmat.io/hubfs/smc_mv_bg.png) no-repeat center center/1366px auto;
}
#home .default.m_bg .m_visual {
  /*background: url(https://www.smartmat.io/hubfs/smc_mv_bg.png) no-repeat center center/1366px auto;*/
  /* マット画像大きさ調整  */
  background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re.png) no-repeat right bottom 35px/650px auto;
  /* 2022年 IT補助金対応 
  background: url(https://www.smartmat.io/hubfs/mv/0510_smc_mv_bc_re_1.png) no-repeat right bottom 35px/650px auto;*/
}
　/* マット画像大きさ調整 画像切れ調整 */
#home .pt-5.pb-6.container.m_visual {
    max-width: 1186px !important;
}
/******　SP用　******/
@media screen and (max-width: 768px) {
  /* 背景グレー部分 */
  #home .m_bg {
		background: url(https://www.smartmat.io/hubfs/mv_bg_sp.png) no-repeat top center;
		background-size: 100% 509px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
  #home .default.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv_bg_sp.png) no-repeat top center;
		background-size: 100% 509px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}

  /* マット画像部分 */
	#home .m_bg .m_visual {
		padding-bottom: 24px !important;
		background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat top center/375px auto;
	}
	#home .default.m_bg .m_visual {
		padding-bottom: 24px !important;
		background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat top center/375px auto;
    /* IT補助金対応 2022年
    background: url(https://www.smartmat.io/hubfs/mv/0510_smc_mv_bg_sp.png) no-repeat bottom -15px center/370px auto;
    background-size: cover;*/
	}
}

/* トップページボタン位置調整 */
#home .large-button {
    margin-left: 30px;
}

@media screen and (max-width: 768px){
#home .large-button {
    margin-left: 0;
}
}
/* トップページボタン位置調整　END */

/* ヘッダーの背景の設定 END */

#home .m_visual {
  position: relative;
}

#home .m_visual img.smc_txt{
  max-width:326px;
  height:auto;
}

#home .m_visual img.smc_mv_img{
  max-width:167px;
  height:auto;
}

@media screen and (max-width: 768px) {
	#home {
		margin-top: 0 !important
	}

	#home .sp-pt-0 {
		padding-top: 0 !important
	}
  
	#home .sp-pb-0 {
		padding-bottom: 0 !important;
	}
  
	#home .sp-mt-3 {
		margin-top: 0.75rem !important
	}

  #home .m_visual .hero-title .column.mt-6 {
		margin-top: 0 !important
	}

	#home .m_visual img.smc_txt {
		max-width: 209px
	}

	#home .m_visual img.smc_mv_img {
		max-width: 129px
	}

	#home .m_visual .btn-area {
		margin-top: 260px !important
	}

	#home .m_visual .btn-area .column .btn-cta {
		width: 100%;/*280px*/
		margin: 0 auto;
    /*font-size: 1.25rem;*/
	}

	#home .m_visual .hs-cta-wrapper {
		margin-top: 0 !important
	}
}


#home .m_visual h1 img{
  max-width:326px;
  height:auto;
}

#home .m_visual .hs-cta-wrapper{
  margin-top: 15px; 
  display: block;
}

#home section.bg_gry.mt_ch {
    margin-top: -2em;
}
/* ニュース設定 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#news {
  max-width: 100vw;
  overflow: hidden;
}

#news .conttitle {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin: auto;
  display: block;
}

/* 記事一覧ページで設定 */
#news article.topic-list .card-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#news article.topic-list .card-content {
  display: flex;
  flex-direction: column;
}

#news article.topic-list {
}
#news article.topic-list h2 {
  font-size: 1rem;
  margin-bottom: 1em;
  font-weight: bold;
}
#news article.topic-list p.date {
  font-size: 0.8rem;
  margin-top: auto;
}

/* 記事ページで設定 */
#news article.topic-post {
  display: block;
  width: 100%;
}
#news article.topic-post time {
  margin-bottom: 0.5em;
  display: block;
  font-size: 0.875em;
  color: #777;
}
#news article.topic-post .post-header {
  margin: 0 auto 1.5em auto;
  width: 680px;
}

#news article.topic-post .post-body {
  width: 680px;
  margin: auto;
}

/* 記事ページで使うタグ 設定 */
#news article.topic-post h1 {
  font-size: 1.625rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
  border: none;
}
#news article.topic-post h2 {
  font-size: 1.375rem;
  line-height: 1.2;
  font-weight: 600;
  border-left: 4px solid #3273dc;
  padding: 3px 0 3px 10px;
  margin-bottom: 1em;
}
#news article.topic-post h2:not(:first-child) {
  margin-top: 2em;
}
#news article.topic-post h3 {
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0;
  margin-bottom: 1em;
  border: none;
  position: relative;
  padding-left: 28px;
}
#news article.topic-post h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 3px;
  background-color: #3273dc;
  transform: translateY(-50%);
}
#news article.topic-post h3:not(:first-child) {
  margin-top: 1.5em;
}
#news article.topic-post h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1em;
  border: none;
  position: relative;
  padding-bottom: 8px;
}
#news article.topic-post h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #3273dc;
  opacity: 0.4;
  z-index: 10;
}
#news article.topic-post h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 40px);
  height: 3px;
  background-color: #3273dc;
  z-index: 5;
}
#news article.topic-post h4:not(:first-child) {
  margin-top: 1.5em;
}
#news article.topic-post h5 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1em;
  border-bottom: dashed 2px #aacbff;
  padding-bottom: 3px;
}
#news article.topic-post h5:not(:first-child) {
  margin-top: 1.5em;
}
#news article.topic-post h6 {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0;
  margin-bottom: 1em;
  border: none;
}
#news article.topic-post h5:not(:first-child) {
  margin-top: 1.5em;
}
#news article.topic-post p {
  margin-bottom: 1em;
}
#news article.topic-post p img {
  vertical-align: bottom;
}
#news article.topic-post .post-body > *:last-child {
  margin-bottom: 0;
}
#news article.topic-post blockquote {
  background-color: #efefef;
  font-weight: bold;
  font-style: italic;
  padding: 14px 16px 14px 42px;
  position: relative;
  box-shadow: 6px 6px 8px rgba(20,20,20,0.2);
}
#news article.topic-post blockquote::before {
  content: '“';
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 48px;
  color: #888;
  margin-bottom: 1em;
}
#news article.topic-post blockquote > *:last-child {
  margin-bottom: 0;
}
#news article.topic-post ul {
  list-style: disc;
  margin-left: 19px;
}
#news article.topic-post ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
#news article.topic-post ol {
  list-style: decimal-leading-zero;
  margin-left: 32px;
}
#news article.topic-post ol li:not(:last-child) {
  margin-bottom: 0.5em;
}
#news article.topic-post table {
  margin-bottom:1em;
}
#news article.topic-post table td,
#news article.topic-post table th {
  border-collapse: collapse;
  border: 1px solid #000;
  padding: 12px 16px;
}
#news article.topic-post table th {
  vertical-align: middle;
  text-align: center;
  background-color: #efefef;
}

/* 768px以下のデバイス */
@media screen and (max-width: 768px) {
  
  #news article.topic-post .post-header {
    width: 100%;
  }

  #news article.topic-post .post-body {
    width: 100%;
  }
  
  /* 記事一覧ページで設定 */
  #news article.topic-list .card-image {
    padding-top: 57.975%;
    height: 0;
  }

  /* 記事ページで使うタグ 設定 */
  #news article.topic-post h3 {
    padding-left: 22px;
  }
  #news article.topic-post h3::before {
    width: 15px;
  }
  #news article.topic-post blockquote p {
    font-size: 0.875em;
  }
}
/* 特徴の記事設定 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#characteristics {
	max-width: 100vw;
	overflow: hidden
}

@media screen and (max-width: 768px) {
	#characteristics .blocks li:first-child {
		padding-bottom: 0 !important
	}
}


#characteristics article .titlebox{
  text-align:center;
  margin:30px;
}
#characteristics article .titlebox h1{
  font-size:2rem;
  font-weight:600;
}

#characteristics article .ibox{
  text-align:center;
  margin:30px;
}

#characteristics article .icatchbox img{
  width:100%;
}

#characteristics article .bodybox,
#characteristics article .icatchbox{
  margin:auto;
  width:680px;
}

@media screen and (max-width: 768px) {
	#characteristics article .bodybox,
  #characteristics article .icatchbox{
    width:100%;
  }
}

#characteristics article .icatchbox{
  padding: 2rem 0 3rem 0;
}

#characteristics article .bodybox{
  line-height:1.8rem;
}

#characteristics article .bodybox h2{
    padding: 0 .8rem .25rem;
    color: #333;
    background: transparent;
    border-left: solid 5px #7db4e6;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

#characteristics article .bodybox h3{
    /*line-height: 1.5;
    padding: 0.8em 1em .35em 1em;
    margin: 0 0 2em 0;
    border-left: none;
    border-bottom: #555 solid 1px;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 600;
    color: #555;
    border-top: none;
    height: auto;*/
    margin: 2rem 0 2rem 0;
    font-size: 1.25rem;
    padding: 0 .8rem .25rem;
}

#characteristics article .bodybox p{
  margin-bottom:1.5rem;
  line-height: 1.8;
  letter-spacing: .07em;
}

#characteristics article .image img{
  width:100%;
  margin:auto;
}

#characteristics article .image img{
  margin:auto;  
}

@media screen and (min-width: 640px){
  #characteristics article figure, 
  #characteristics article ul, 
  #characteristics article ol, 
  #characteristics article dl, 
  #characteristics article table {
      margin: 0 auto 1.5em;
  }
  
  #characteristics article p,
  #characteristics article figure,
  #characteristics article ul,
  #characteristics article ol,
  #characteristics article dl,
  #characteristics article table {
    margin-bottom: 2em;
  }
}

#characteristics article table th {
  padding: .5em;
  border: #fff solid 1px;
  background: #254d9a;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  color: #fff;
}

#characteristics article table td {
  padding: .5em;
  border: #d7d7d7 solid 1px;
  background: #fff;
  vertical-align: middle;
}

#characteristics article ul, 
#characteristics article ol {
    color: #1e366a;
    border: dotted #1e366a 1px;
    padding: 0.5em 0.5em 0.5em 2em;
    border-radius: 5px;
}

#characteristics article ul li, 
#characteristics article ol li {
    line-height: 1.5;
    padding: 0.5em 0;
    margin-bottom: .5em;
    list-style-type: square;
    font-family: Quicksand;
}
#characteristics article ul li, 
#characteristics article ol li,
#characteristics article dl dd
{
    margin-bottom: .5em;
}

#characteristics .columns:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important
}

#characteristics .text p {
	font-size: 18px !important;
	line-height: 1.888
}

@media screen and (max-width: 768px) {
	#characteristics .text p {
		font-size: 16px !important
	}
}

#characteristics .slide-column {
	flex: 0 0 542px;
	max-width: 542px
}

#characteristics .slide-item {
	height: 321px;
	padding: 20px
}

@media screen and (max-width: 768px) {
	#characteristics .slide-item {
		height: 216px
	}
}

#characteristics .slide-item__img {
	height: 100%;
}

#characteristics .slide-item img {
	width: 100%;
	/*height: 100% !important;
	object-fit: cover*/
}

#characteristics .container {
	padding-bottom: 80px;
}

#characteristics .card {
	height: 100%;
	display: flex;
	flex-direction: column
}

#characteristics .card-image {
	height: 176px
}

#characteristics .card-image .image {
	height: 100%
}

#characteristics .card-image .image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#characteristics .card-content {
	flex: 1 1 auto
}

#characteristics .card-content .content {
	height: 100%;
	display: flex;
	flex-direction: column
}

#characteristics .card-content .content-text {
	margin-top: auto
}

#characteristics .card-content .content p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

#characteristics .img {
	background: #fff
}

/*///new characteristics css///*/

section.bg_blue.box {
    box-shadow: none;
    margin-bottom: unset;
}

section.bg_s_blue.box {
    box-shadow: none;
    margin-bottom: unset;
    background: #F2F9FD
}

section.bg_blue_dx{
    background: #32A4EF;
    background-image: url(https://www.smartmat.io/hubfs/chara/chara_b_BG.png);
    padding: 80px 120px;
}

.container.c_white {
  background: #fff;
  border-radius: 45px 0px 0px 45px;
  position: relative;
  top: 30px;
}

.c_white::before {
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  border-radius: 45px 0px 0px 45px;
}

.w_block {
    position: relative;
}

.line__block__h {
    align-items: center;
    position: relative;
    justify-items: center;
}

#characteristics .line__block__h .text p {
    font-size: 15px !important;
    max-width: 300px;
    margin: 0 auto;
}

#characteristics .line__block__h h3 {
  border-left: unset;
  color: #0878D4;
  font-weight: bold;
  justify-content: center;
  display: flex;
  margin: 1em 0;
}

.container.c_white_r {
  background: #fff;
  border-radius: 0px 45px 45px 0px;
  margin-top: 12em !important;
}

.c_white_r::before {
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  background: #fff;
  right: 0;
  top: 0;
  border-radius: 0px 45px 45px 0px;
}

h2.chara_block span {
  width: 125px;
  height: 125px;
  background: #1B9BEF;
  flex: 0 0 0;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: -4em;
}

h2.chara_block span::before {
  content: 'Point';
  font-size: 24px;
  color: #fff;
}

h2.chara_block span::after {
  margin-top: -0.3em;
  font-size: 36px;
  color: #fff;
  counter-increment: number;
  content: counter(number);
}

  h2.chara_block_b span {
  width: 125px;
  height: 125px;
  background: #fff;
  flex: 0;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: -4em;
}

h2.chara_block_b span::before {
  content: 'データ活用';
  font-size: 20px;
  color: #0878D4;
  position: relative;
  top: 6px;
}

h2.chara_block_b span::after {
  content: 'DX';
  font-size: 20px;
  color: #0878D4;
}

.w_block>h2 {
  position: absolute;
  left: 5em;
  top: -2em;
  max-width: 320px;
}

.line__block__h>h2 {
  position: absolute;
  left: 5em;
  top: -2em;
  max-width: 320px;
  justify-content: center;
  align-items: center;
  text-align: left;
  font-size: 40px;
  font-weight: 600;
}

.line__block__h.dx>h2 {
  color: #fff;
  position: relative;
  left: 5em;
  top: 0;
  max-width: 600px;
}

.h__chara__box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: -2em;
    margin-top: -2em
}

.chara_mv_cta {
    display: flex;
    flex-direction: column;
}

.chara_mv_cta p {
    text-align: center;
    margin-top: 1em;
}

.chara__kv__title {
  width: 65px;
  height: 75px;
  border: 1px solid #BCBCBC;
  margin: 10px;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  background: #fff;
  flex: 0;
  position: relative;
  top: 0;
  left: 0;
  padding: 0 3px 3px;
}

.chara__kv__title::before {
    content: '在庫管理';
    font-size: 13px;
    color: #36444C;
    position: relative;
    top: 10px;
}

.chara__kv__title::after {
    content: 'DX';
    font-size: 42px;
    color: #0092D6;
    font-weight: bold;
    font-family: Sinhala Sangam MN;
}

h2.chara {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-items: center;
    font-size: 30px;
}

ul.columns.blocks__dx {
    display: flex;
    flex-flow: column;
    counter-reset: number;
}

li.column.dx {
    display: flex;
    position: relative;
    padding: 0;
    counter-increment: cnt;
    flex: 1;
}

h3.dx {
  background: #F2F9FD;
  padding: 34px 64px 34px 108px;
  font-weight: bold;
  position: relative;
  max-width: 364px;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

h3.dx::before {
  counter-increment: number;
  content: counter( cnt,decimal-leading-zero );
  position: absolute;
  color: #0878D4;
  font-size: 24px;
  border-bottom: #0878D4 2px solid;
  top: 50%;
  left: 12%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.dx__text {
  background: #fff;
  padding: 40px 64px;
  max-width: 676px;
  width:100%;
  font-size: 20px;
}

.container__dx__box{
 padding: 0;
 max-width: 1136px;
 flex-grow: 1;
 margin: 0 auto;
 position: relative;
 width: auto;
}

li.column.flexible__box {
  padding: 40px 28px;
  max-width: 398px;
  width: 100%;
  max-height: 383px;
  border: #F4F8F8 8px solid;
  margin-bottom: 36px;
}

li.column.flexible__box:nth-child(odd){
  margin-right: 36px;
}

#characteristics .flexible__box h3 {
    border-left: none;
    font-weight: 700;
    padding-left: 0;
}

#characteristics .flexible__box .text p {
    font-size: 15px !important;
    line-height: 1.6;
    text-align: start;
}

.dx__function>h4 {
  padding: 12px 24px 12px 24px;
  background: #F4F8F8;
  border: 1px solid #DBDBDB;
  width: 278px;
  font-size: 14px !important;
  border-bottom: unset;
}

.dx__function>p {
  padding: 12px 24px 12px 24px;
  background: #fff;
  border: 1px solid #DBDBDB;
  border-left: unset;
  width: 378px;
  font-size: 12px !important;
  border-bottom: unset;
}

.dx__function.ls > p, .dx__function.ls > h4 {border-bottom: 1px solid #DBDBDB;}

h3.function {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #209CEE;
  color: #fff;
  max-width: 177px;
  width: 100%;
  margin-bottom: 1px;
  border-left: unset;
  padding-left: 0;
}

h3.function.stock::before {
  content: url(https://www.smartmat.io/hubfs/chara/icon-widgets.svg);
  padding: 10px 5px 0 0;
}

h3.function.order::before {
  content: url(https://www.smartmat.io/hubfs/chara/icon-mail.svg);
  padding: 10px 5px 0 0;
}

h3.function.notice::before {
  content: url(https://www.smartmat.io/hubfs/chara/icon-notifications.svg);
  padding: 10px 5px 0 0;
}

h3.function.alignment::before {
  content: url(https://www.smartmat.io/hubfs/chara/icon-share.svg);
  padding: 10px 5px 0 0;
}

.dx__function>h4 a {
    border-bottom: 1px solid;
    font-weight: 700;
}

.subtitle_nw {
    color: #4a4a4a;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.25;
}



/*SP用*/
@media screen and (max-width: 768px) {

 #characteristics .line__block__h>h2 {
  position: relative;
  left:0;
  width: 100%;
  max-width:unset;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  }

  #characteristics h2.chara_block span {
  max-width: 80px;
  width: 100%;
  height: 80px;
  background: #1b9bef;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: auto;
  position: relative;
  top: 0;
  left: 0em;
  }

  #characteristics h2.chara_block span::before{
	font-size: 16px;
	font-weight: 700;
  }

  #characteristics h2.chara_block span::after{
	font-size: 24px;
	font-weight: 700;
  text-align: left !important;
  }

  #characteristics .subtitle_nw{
	display: none;
  }

  #characteristics h2.chara{
	font-size: 24px;
	font-weight: 700;
  }

  #characteristics .h__chara__box{
   margin-top: 1em;
  }

  .container.c_white_r{
	padding: 0 !important;
	top: 0;
  }

  .container.c_white{
	padding: 0 !important;
	top: 0;
  }

  .line__block__h > .columns-list {
    margin-top: 0;
    padding-top: 0 !important;
  }
  
  section.bg_blue_dx{
  padding: 56px 16px;
  }
  
  h2.chara_block_b span {
    max-width: 80px;
    width: 100%;
    height: 80px;
    background: #fff;
    flex: auto;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
  }
  
  li.column.dx{
  flex-direction: column;
  }
  
  h3.dx{
  border-left:unset;
  padding: 20px 64px 20px 108px;
  max-width: none;
  }
  
  h2.chara_block_b span::before,after{
  font-size: 13px;
  }
  
  .dx__text{
  padding: 24px;
  max-width: none;
  }
  
  li.column.flexible__box,li.column.flexible__box:nth-child(odd){margin: 0 auto;}
  
  .columns.blocks__dx > li {
    flex-direction: column;
    flex-basis: auto;
  }

  .columns.blocks__dx .dx__function {
    flex-direction: column;
  }

  h3.function{
    max-width: unset;
    border-left: unset;
  }

  .dx__function>h4{
    width: 100%;
    border-top: unset;
    border-bottom: 1px solid #DBDBDB;
  }

  .dx__function>p{
    width: 100%;
    border-left:1px solid #dbdbdb;
    border-bottom: 1px solid #DBDBDB;
    border-top: unset;
  }
}

img.chara_mv {
    max-width: 800px;
}
/* 事例の記事設定 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#case {
    max-width: 100vw;
    overflow: hidden;
}

#topiclist .card {
	height: 100%
}

#topiclist .card-image {
	height: 176px
}

#topiclist .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#topiclist .card-content .category {
	border: 1px solid #3b444b;
  border-radius: 4px;
  padding-top: 0.2rem;
  padding-bottom: 0.25rem;
  color: #3b444b
}

#topiclist .card-content .hd {
	display: -webkit-box;
	overflow: hidden;
  -webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 500
}

#topiclist .card-content .tags-list {
	text-indent: -.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #7a7a7a
}

#topiclist .card-content .tags-list a{
  color: #7a7a7a
}

.pagination {
	margin-top: 60px
}

@media screen and (max-width: 768px) {
	.pagination {
		display: none
	}
}

@media screen and (max-width: 768px) {
	#topiclist .columns {
		margin-bottom: 0 !important
	}
}

.pagination .pagination-previous,
.pagination .pagination-next {
	height: 50px
}

.pagination .pagination-link {
	font-size: 20px
}

.pagination .pagination-link.is-current {
	border-color: #209CEE;
	background: #209CEE
}

#pagination_sp {
	display: none !important
}

@media screen and (max-width: 768px) {
	#pagination_sp {
		display: block !important
	}
  
	#pagination_sp .button {
		width: 100%;
		font-size: 15px;
		padding: 12px
	}
}

@media screen and (max-width: 768px) {
	.pagination+.columns {
		padding-top: 0 !important;
		margin-top: 0 !important
	}
}







#case .keyvisual .inner .type {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
	#case .keyvisual .inner .type {
		font-size: 20px !important
	}
}

#case section.pickup .container .td {
	display: block !important;
	width: 100%;
	padding-top: 99px !important;
	padding-bottom: 99px !important;
	position: relative
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td {
		margin-top: 36px;
    margin-bottom: 32px;
		padding: 18px 20px !important
	}
}

#case section.pickup .container .td::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

#case section.pickup .container .td .inner {
	width: 450px !important
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td .inner {
		width: 100% !important
	}
}

#case section.pickup .container .td .inner .title {
	display: inline-block;
  padding-bottom: 0 !important;
	position: relative
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td .inner .title {
		font-size: 20px !important
	}
}

#case section.pickup .container .td .inner .title span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

#case section.pickup .container .td .inner .title::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: #fff;
	margin: .5em 0
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td .inner .title::after {
		margin: 0.2em 0 .1em
	}
}

#case section.pickup .container .td .inner .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
  text-shadow: none !important;
	margin-bottom: 56px !important
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td .inner .text {
		margin-bottom: 16px !important;
		font-size: 14px
	}
}

#case section.pickup .container .td .inner .button {
	width: 280px;
  height: 3.1em;
	font-size: 15px !important;
	font-weight: bold;
	box-shadow: 0px 3px 6px #00000029
}

@media screen and (max-width: 768px) {
	#case section.pickup .container .td .inner .button {
		width: 100% !important
	}
}






















#case .keyvisual .inner .type{
  text-align:center;
  font-size:1.5rem;
  font-weight:bold;
  margin-bottom:15px;
}

#case section.pickup .container .td{
  display:table-cell;
  vertical-align: middle;
  padding:50px;
  background-size:cover !important; 
  background-position:center 0 !important; 
  background-repeat: no-repeat !important;
}
#case section.pickup .container .td .inner{
  width:50%;
  }
#case section.pickup .container .td .title,
#case section.pickup .container .td .company,
#case section.pickup .container .td .text{
  color:#FFF;
  font-weight:bold;
  text-shadow: 1px 2px 3px #808080; 
}
#case section.pickup .container .td .title{
  font-size:1.8rem;
  padding-bottom:0.5rem;
  margin-bottom:0;
}
#case section.pickup .container .td .company{
  font-size:1.5rem;
  padding-bottom:0.5rem;
  border-bottom:2px solid #FFF;
} 
#case section.pickup .container .td .text{
  font-weight:normal;
  margin-bottom:30px;
}

#case .common {
    padding-bottom: 1%;
}

#case .common h1 {
    font-size: 2rem;
    font-weight: 600;
}

#case .common h2 {
    /*margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;*/  
    padding: 0 .8rem .25rem;
    color: #333;
    background: transparent;
    border-left: solid 5px #7db4e6;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

@media screen and (min-width: 640px){
  #case .wrapper3 {
      margin-bottom: 2em;
      box-sizing: border-box;
      max-width: 680px;
      margin: 15px auto;
      /*padding: 0;
      font-size: 15px;
      line-height: 2;*/
  }
  
  #case .mainContents p,
  #case .mainContents figure, 
  #case .mainContents ul, 
  #case .mainContents ol, 
  #case .mainContents dl, 
  #case .mainContents table {
      margin-bottom: 2em;
  }
  
  #case .mainContents p {
    line-height: 1.8;
    /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
    font-size: 16px;
    letter-spacing: 0.07em;
  }
    
  #case .wrapper3 p.image {
    box-sizing: border-box;
    padding: 0;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 7%;
    margin-bottom: 7%;
  }
  
  #case .wrapper3 p.image img{
    width:50%;
    margin:auto;
  }
  
  #case .sec-image-wrapper {
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  
}

#case .sec-image-wrapper {
    margin: 50px auto 50px;
    width: 100%;
    text-align: center;
}

#case .wrapper3 h2 {
    /*display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px;
    color: #254d9a;*/
}

#case .wrapper3 ul strong {
    display:inline-block; 
  }
#case .catch .angle {
  clear: both;
  margin-bottom: 2em;
}
#case .catch p {
  margin-bottom: 1.5rem;
}
  
#case .catch .angle img {
  width: 25%;
}
img {
  line-height: 0;
  border: none;
}
#case .mainContents figure, 
#case .mainContents ul, 
#case .mainContents ol, 
#case .mainContents dl, 
#case .mainContents table {
  margin: 1.5em auto 1.5em;
}
  

#case .mainContents dl dt, 
#case .mainContents dl dd, 
#case .mainContents table th, 
#case .mainContents table td {
    line-height: 1.5;
}

#case .mainContents ul li, 
#case .mainContents ol li{
    margin-left: 1em;
}

  
#case .list dt, 
#case .editBox dl dt {
    font-weight: bold;
    margin: 1em 0 1em;
    color: #254d9a;
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
    display: inline-block;
    font-size: 1.2em;
}
  

#case .list dt, 
#case .editBox dl dt {
    font-weight: bold;
    margin: 1em 0 1em;
    color: #254d9a;
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
    display: inline-block;
    font-size: 1.2em;
}
  
#case .mainContents ul li, 
#case .mainContents ol li, 
#case .mainContents dl dd {
    margin-bottom: auto;
}
  
#case .mainContents ul li, .mainContents ol li, .mainContents dl dt, .mainContents dl dd, .mainContents table th, .mainContents table td {
    line-height: 1.5;
}
  
#case .editBox ul li, .editBox dl dd, .list li, .list dd {
    position: relative;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 5px;
}
  
#case .editBox dl dd:before, .list dd:before {
    content: '';
    display: block;
    position: absolute;
    top: .5em;
    left: -12px;
    width: 6px;
    height: 6px;
    background: #254d9a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 640px){
  #case .catch .angle {
    clear: both;
    margin-bottom: 1em;
    margin-top: 1em;
  }
  
  #case .catch .angle img {
    width: 25%;
  }
}
  
  
  
/****** BalloonComment ******/
#case .says_wrapper {
  max-width: 680px;
  position: relative;
  margin: 50px auto 50px auto;	
}

#case .balloon5 {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

#case .balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  margin-top: 1.5em;
  width: 80px;
}

#case .balloon5 .faceicon img {
  width: 100%;
  height: 80px;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
  margin-bottom: 0.1em;
}

#case .balloon5 .faceicon-right {
  float: right;
  margin-left: -90px;
  margin-top: 1.5em;
  width: 80px;
}

#case .balloon5 .faceicon-right img {
  width: 100%;
  height: 80px;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
  margin-bottom: 0.1em;
}

#case .cast_comment_title {
  font-size: 15px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
}

#case .balloon5 .chatting {
  width: 100%;
  margin-top: 10px;
}

#case .says {
  display: inline-block;
  position: relative; 
  margin: 1em 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  width: 80%;
}

#case .says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

#case .says-left {
  display: inline-block;
  position: relative; 
  margin: 1em 70px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  width: 80%;
}

#case .says-left:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #d7ebfe;
}

#case .chatting .says p {
  margin-bottom: 0;
  padding: 0;
}

#case .chatting .says-left p {
  margin-bottom: 0;
  padding: 0;
}

#case .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
}
#case .catebox p {
    margin: 0; 
    padding: 0.5em;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
}
  
/*======================================
  balloon-responsive
======================================*/

@media screen and (min-width:951px) and (max-width:1579px) {
  /*pc用のcssを記述*/
  #case .says_wrapper {
    max-width: 680px;
    position: relative;
    margin: 0 auto;	
  }

  #case .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #case .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 1em;
    width: 80px;
  }

  #case .balloon5 .faceicon img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 1em;
    width: 80px;
  }

  #case .balloon5 .faceicon-right img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .cast_comment_title {
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 0.3em;
  }

  #case .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
    padding-right: 80px;
  }

  #case .says {
    display: inline-block;
    position: relative; 
    margin: 1em 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #case .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #case .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 70px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #case .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -23px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #case .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #case .catebox p {
    margin: 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
  }

}

@media only screen and (min-width:460px) and (max-width:950px) {
  /*tablet用のcssを記述*/
  #case .says_wrapper {
    max-width: 850px;
    position: relative;
    margin: 0 auto;	
  }

  #case .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #case .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 0.5em;
    width: 80px;
  }

  #case .balloon5 .faceicon img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 0.5em;
    width: 80px;
  }

  #case .balloon5 .faceicon-right img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .cast_comment_title {
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 0.5em;
  }

  #case .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
    padding-right: 50px;
  }

  #case .says {
    display: inline-block;
    position: relative; 
    margin: 1em 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #case .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #case .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 2em 1em;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #case .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -24px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #case .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #case .catebox p {
    margin: 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
  }
}

@media screen and (max-width:459px) {
  /*スマホ用のcssを記述*/
  #case .says_wrapper {
    max-width: 850px;
    position: relative;
    margin: 0 auto;	
  }

  #case .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #case .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 1.8em;
    width: 60px;
  }

  #case .balloon5 .faceicon img {
    width: 100%;
    height: 60px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 1.8em;
    width: 60px;
  }

  #case .balloon5 .faceicon-right img {
    width: 100%;
    height: 60px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #case .cast_comment_title {
    font-size: 11px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: -2em;
  }

  #case .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
  }

  #case .says {
    display: inline-block;
    position: relative; 
    margin: 1em 1em 1em 5.5em;
    padding: 1em 1em 1em;
    border-radius: 12px;
    background: #d7ebfe;
    width: auto;
  }

  #case .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #case .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 5.5em 1em 1em;
    padding: 1em 1em 1em;
    border-radius: 12px;
    background: #d7ebfe;
    width: auto;
  }

  #case .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -23px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #case .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #case .catebox {
    padding: 0;
    margin: 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #case .catebox p {
    margin: 0 0 2em 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 12px;
  }

  /****** requestBtn *******/
  #case .mainContents .btnBox {
    margin: 3% 0 0;
    text-align: center;
  }

  #case .mainContents a.requestBtn {
    display: inline-block;
    position: relative;
    width: 90%;
    max-width: 400px;
    line-height: 1.2;
    padding: 20px;
    background: rgb(22, 218, 0);
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow:rgba(0,0,0,.4) 0 0 7px, rgba(0,0,0,.3) 3px 3px 5px;
    border-bottom: solid 4px #627295;
    border-radius: 13px;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;;
    height: auto;
    margin: 0;
  }

  #case .mainContents a.requestBtn.active {
    animation: shake-bottom 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.4ms both;
  }

  #case .shake.active {
    animation: shake-bottom 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.4ms both;
  }
}


#case .mainContents .colorBOX {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 5px;
    padding: 20px;
    font-size: 0.95em;
    line-height: 2;
    letter-spacing: 0.05em;
}

/*** ----------------------------------------
追加 class　list
----------------------------------------***/

/*** 点線枠のlist <ul class="List">***/

#case .mainContents ul.List, 
#case .mainContents ol.List {
  color: #333;
  border: dotted #1e366a 1px;
  padding: 1em 1em 1em 1em;
  border-radius: 5px;
  /*display: inline-block;*/
  width: auto;
  margin: 1em auto 1em;
}

#case .mainContents ul.List li, 
#case .mainContents ol.List li, 
#case .mainContents div.List {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: disc;
  /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
}

/*** List のstrong部分***/
#case .mainContents .List strong{
  font-weight: 600;
  border-bottom: solid 1px #555;
  margin-bottom: auto;
  display: inline-block;	
}


#case .mainContents ul.List1, 
#case .mainContents ol.List1, 
#case .mainContents div.List1 {
  color: #1e366a;
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 1em 0.5em 0.5em 2em;
  border-radius: 5px;
  margin: 1em auto 1em;
}

#case .mainContents ul.List1 li, 
#case .mainContents ol.List1 li {
  line-height: 1.5;
  padding: 0.5em 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*** 事例まとめ部分List2 のh3 h4***/
#case .mainContents ul.List2 h3,
#case .mainContents div.List2 h3{
  line-height: 1.5;
  margin: 0 0 1.5em 0;
  padding: 0em 1em .5em 1em;
  border-bottom: none;
  font-size: 1.3em;
  font-weight: normal;
  color: #555;
  border-top: none;
  height: auto;
  text-align: center;
  display: block;
}

#case .mainContents ul.List2 h4,
#case .mainContents div.List2 h4{
  color: #555;
  background: none;
  padding-left: .25em;
}



#case .mainContents .hs-responsive-embed-wrapper{
  width:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin-bottom:15px;
}

#case .mainContents .common h3 {
    /*position: relative;
    border-top: solid 2px #254d9a;
    border-bottom: solid 2px #254d9a;
    border-left: none;
    background: none;
    line-height: 20px;
    padding: 0.8em 1em 0 1em;
    width: auto;
    height: 3em;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;*/
    margin: 2rem 0 2rem 0;
    font-size: 1.25rem;
    padding: 0 .8rem .25rem;
}

#case .mainContents h3.column {
    /*font-size: 17px;
    font-weight: 600;
    border: none;
    padding: 0;
    margin: 1em 0 1em .5em;
    height: auto;
    vertical-align: unset;
    text-align: left;
    line-height: normal;
    border-bottom: solid 1px #333;
    max-width: 1000px;
    display: inline-block;*/
}


#case .mainContents ul.point2{
	position: relative;
    padding: 20px 30px 15px 30px;
    margin: 2rem auto 2rem;
    border: solid 1px #3b444b;
    border-radius: 8px;
    width: auto;
    background: #fff;
	letter-spacing: .05em;
}
#case .mainContents ul.point2:before{
  content: "POINT";  /* 好きな文字を記述 */
  position: absolute;
  display: block;
  top: -15px;
  left: 20px;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0 10px;
}
#case .mainContents ul.point2 li{
  font-weight: 600;
  list-style-type: disc;
  letter-spacing: .05em;
}

#case .mainContents ul.point3 {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  border-radius: 10px;
}
#case .mainContents ul.point3 li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}
#case .mainContents ul.point3 li:before {
  font-family:"Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #adcce8; /*アイコン色*/
}


/*** List1 のstrong部分***/
#case .mainContents .List1 strong{
  font-weight: 600;
  border-bottom: solid 1px #555;
  margin-bottom: 20px;
  display: inline-block;	
}


/*** 色付き枠のlist <ul class="List2">***/
#case .mainContents ul.List2, 
#case .mainContents ol.List2, 
#case .mainContents div.List2 {
  background: #fafafa;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 1em 2em 1em 1em;
  margin: 1em auto 1em;
}
#case .mainContents ul.List2 li, 
#case .mainContents ol.List2 li, 
#case .mainContents div.List2 li{
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: disc;
}

/*** List2 のstrong部分***/
#case .mainContents .List2 strong{
  font-weight: 600;
   /*border-bottom: solid 1px #555;*/
  /*margin-bottom: 20px;*/
  display: inline-block;	
}


/*** ただのリスト <ul class="list">***/
#case .mainContents ul.list, 
#case .mainContents ol.list {
  padding: 0.5em 2em 0.5em 2em;
}

#case .mainContents ul.list li, 
#case .mainContents ol.list li {
  line-height: .8;
  padding: 0.5em 0;
  list-style-type: square;
}

#case .mainContents table th {
  padding: .5em;
  border: #fff solid 1px;
  background: #254d9a;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  color: #fff;
}

#case .mainContents table td {
  padding: .5em;
  border: #d7d7d7 solid 1px;
  background: #fff;
  vertical-align: middle;
}



#case .categories-container {
  position: relative;
/*   width: 100%; */
  border-top: none;
  outline: 0;
  margin-top:30px;
}
#case .categories-container {
/*   width: 300px;
  margin: 1.875em auto; */
}
#case .categories-container .categories-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px;
  font-size: 1rem;
  font-weight: normal;
  color: #363636;
  cursor: pointer;
  font-weight:600;
}
#case .categories-container .categories-title:hover,
#case .categories-container .categories-title:active,
#case .categories-container .content-entry.open .categories-title {
  background-color: #EFEFEF;
  color: #363636;
}
#case .categories-container .categories-title:hover i:before,
#case .categories-container .categories-title:hover i:active,
#case .categories-container .content-entry.open i {
  color: #363636;
}
#case .categories-title{
  position: relative;
}
#case .categories-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #363636;
  border-right: solid 2px #363636;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#case .categories-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
#case .categories-content {
  display: none;
  padding: 0;
  margin-top:5px;
  background:#EFEFEF;
}
#case .categories-content ul{
  display:table;
  width:100%;
  margin:2px 0 0 0;
  padding:0;
  background:#EFEFEF;
}
#case .categories-content ul.first{
  margin-top:0;
}
#case .categories-content ul li{
  display:table-cell;
  background:#FFF;
  vertical-align:middle;
  width:33.3%;
  position:relative;
}
#case .categories-content ul li.mid{
  border-left:2px solid #EFEFEF;
  border-right:2px solid #EFEFEF;
}
#case .categories-content ul li a{
  display:table-cell;
  vertical-align:middle;
  font-size:0.9rem;
  font-weight:600;
  color:#363636;
  height:80px;
  padding:15px 30px 15px 15px;
  position:relative;
}
#case .categories-content ul li:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 48%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #363636;
  border-right: solid 2px #363636;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#case .categories-content ul li:hover:after {
  right: 12px;
}


#case article .titlebox{
  margin-bottom:1rem;
}
#case article .titlebox h1{
  font-size:32px;
  font-weight:600;
}
#case article .tagbox a{
  display:inline-block;
  padding:3px 8px;
  border:1px solid blue;
  color:blue;
  margin-bottom:5px;
  font-size:0.8rem;
}
#case article .tagbox a:hover{
  color:blue;
}
#case article .companybox .img{
  margin: 0 auto 30px auto;
  text-align:center;
}

#case article .companybox .img img{
  width:100%;
}

#case article .companybox .img,
#case article .bodybox,
#case article .detail{
  margin:auto;
  width:680px;
}

@media screen and (max-width: 768px) {
  #case article .companybox .img,
	#case article .bodybox,
  #case article .detail{
    width:100%;
  }
}

#case article .bodybox{
  padding:30px 0;
}

#case article .detail{
  background:#EFEFEF;
  padding:20px 25px 20px 25px;
}
#case article .detail h2{
  text-align:center;
  font-size:1.2rem;
  font-weight:600;
  margin-bottom:10px;
}
#case article .detail dl{
  margin-top:20px;
}
#case article .detail dl dt{
  font-weight:600;
  margin-bottom:5px;
}
#case article .bodybox .style-qs,
#case article .bodybox h2{
  color: #555;
  font-size: 25px;
  font-weight: 700;
  margin-top: 60px;
  margin-bottom: 30px;
  line-height: normal;
  padding-left:0;
  border:none;
}

#case article .bodybox .style-qs,
#case article .bodybox h3{
  color: #555;
  font-size: 18px;
  font-weight: 700;
  margin-top: 60px;
  margin-bottom: 30px;
  line-height: normal;
  padding-left:0;
  border:none;
}
#case article .bodybox .style-qs:before,
#case article .bodybox h3:before {
  content: "\2015\2015";
  letter-spacing: -.2em;
  margin-right: .6em;
}
#case article .bodybox span strong{
  /*margin-bottom:10px;*/
  font-weight:600;
}



#case article .bodybox h4{
    display: flex;
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1rem;
    flex-wrap: wrap;
    position: relative;
    margin-left: 1em;
}
#case article .bodybox h4::before {
    padding: 0.5rem 0.5rem;
    border-left: 6px double #3b444b;
    content: "";
    position: absolute;
    left: -1em;
    height: 100%;
}


#case article .name{
  color:#27a005;
  display:block;
  margin-bottom:10px;
  font-weight:600;
  font-size: 1rem;
}


#case article .bodybox ul.List strong{
  color:#555; 
  display:inline;
}

#case article .bodybox p{
    line-height: 1.8;
    font-size: 16px;
    letter-spacing: .07em;
    margin-bottom: 1.5rem;
}

#case .bodybox blockquote{
    background-color: #f5f5f5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em;
}

#case article .bodybox blockquote p{
   margin-bottom:0
  }

#case .card-content p {
    margin-bottom: auto;
}

/*事例詳細 トップ部分カスタム*/
#case article .detail_bt {
    background: #fff;
    margin-top: 20px;
}

#case article .detail_bt ul {
    padding: 1rem 2rem;
    position: relative;
    color: #3B444B;
    font-weight: bold;
}

#case article .detail_bt ul::before {
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    content: 'TOPICS';
    display: block;
    padding-bottom: .7em;
}

#case article .detail_bt ul li {
    font-weight: bold;
    padding: .5em 1em;
    color: #3B444B;
}

#case article .detail_bt ul li::before {
    position: relative;
    top: -3px;
    left: -9px;
    display: inline-block;
    width: 5px;
    height: 5px;
    content: '';
    border-radius: 100%;
    background: #3b444b;
}

#case article .detail_bf {
    display: block;
}

#case article .detail_bf .type {
    margin-right: 1.5em;
}

 /* #case article .detail_bf .type::after {
    position: relative;
    content: '|'; 
    left: 15px;
}*/

#case article .detail_bf .number__case::before{
   position: relative;
   content: '|';
   right: 15px;
}

@media screen and (max-width: 768px) {
#case article .detail_bf .type::after {
    display: none;
  }
#case article .detail_bf .number__case::before{
    display: none;
  }
}

/*新しい事例中間 - 歯科用*/

span.d_blue {
  color: #0878d4;
  font-weight: 700;
}

span.d_blue_line {
  color: #0878d4;
  border-bottom: 1px solid #0878D4;
  padding-bottom: 3px;
  font-weight: 500;
}

span.cross {
    content: "";
    background: url(https://www.smartmat.io/hubfs/icon/cross.svg);
    height: 24px;
    width: 24px;
    position: absolute;
    left: 63px;
    top: 5px;
    display: inline-block;
}

section.bg_blue_gra {
    background: linear-gradient(180deg, #F2F9FD 0%, rgba(255, 255, 255, 0) 62.79%);
}

.d_case_middle{
background: linear-gradient(276.56deg,rgba(242,249,253,0) 34.6%,#f2f9fd 61.38%),
  linear-gradient(180deg,rgba(242,249,253,0) 30.77%,#f2f9fd 87.97%),
  url(https://www.smartmat.io/hubfs/dental_case_middle/pc_bg.jpg)top right no-repeat;
    background-size: cover;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 56px 120px 96px;
}

.case_middle_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.case_middle_box .d_contents {
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 1040px;
    width: 100%;
}


.case_middle_box h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;
    color: #0878D4;
    margin-bottom:20px;
}

.columns_case_middle_box {
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    padding: 32px 40px 0;
    width: 100%;
    max-width: 1040px;
}

.columns_case_middle_box h2{
  font-weight: 700;
  font-size: 32px;
  line-height: 48px;
  color: #3B444B;
  border-left: 1px solid #3B444B;
  padding-left: 24px;
}

.columns_case_middle_box_l{
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.columns_case_middle_box_l img {
    width: 139px;
    position: absolute;
    bottom: 0;
    left: 85px;
}


ul.case_md_list{
  padding: 0 0 0 128px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

ul.case_md_list li{
    background: #f4f8f8;
    padding: 13px 0 13px 57px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

ul.case_md_list li::before {
    content: "";
    background: url(https://www.smartmat.io/hubfs/icon/check_m_b.svg);
    height: 24px;
    width: 24px;
    position: absolute;
    left: 1em;
}

.case_excerpt_d_md {
    background: #FFFFFF;
    border-radius: 46px;
    max-width: 834px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 48px;
}

.case_excerpt {
    padding-top: 54px;
}

.case_excerpt h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 32px;
}

.case_excerpt_d_md .ml {
    margin-left: 40px;
}

.case_excerpt_comnets {
    background: #FFFFFF;
    border: 8px solid #F5F5F5;
    border-radius: 50px 50px 50px 0px;
    margin-left: 33%;
    margin-bottom: 50%;
    position: relative;
    padding: 23px;
}

.case_excerpt_comnets h3 {
    border-left: unset;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0878D4;
    padding-left: unset;
}

.case_excerpt_comnets p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}


.case_excerpt_comnets_img {
    width: 80%;
    position: absolute;
    bottom: 5px;
    left: -4em;
}


li.coments:not(:first-child) {
    margin-top: 2em;
}

.threeponts_top img{
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 264px;
    object-position: top left;
    object-fit: cover;
}

.threeponts_top h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
}

.threeponts_top .text {
    padding: 0 0.75rem;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #0878D4;
}

.threeponts_top_list{
  justify-content: center;
  flex-wrap: unset !important;
}

.threeponts_top_list li{
  background: #F4F8F8;
  max-width: 335px;
  width:100%;
  padding: 28px 28px 32px 28px;
}

.threeponts_top_list li h3{
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #3B444B;
  border-left: unset;
  padding-left: 0;
}

.threeponts_top_list li:nth-child(2) {
  margin:0 17px 0;
}

 .case_excerpt_d_md .ml h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    border-left: unset;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 0;
    color: #0878D4;
    margin-bottom: 26px;
    padding-bottom:16px
  }

.name_clinic {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0.5em;
}

.voice_joy {
    text-align: center;
    position: relative;
    top: 3em;
    font-weight: 500;
    font-size: 16px;
}

p.voice_joy::before {
    content: "＼";
    display: inline-block;
    margin-right: 3px;
}

p.voice_joy::after {
    content: "／";
    display: inline-block;
    margin-right: 3px;
}

.is-flex.threeponts_top {
    background-image: url(https://www.smartmat.io/hubfs/dental_case_middle/main-visual@3x.png);
    background-size: 640px;
    background-repeat: no-repeat;
    background-position: bottom -1.5em right;
    padding: 1.5em 0 4.5em;
}


@media screen and (max-width: 768px) {
  
  .d_case_middle{
  padding: 32px 0px;
  background: linear-gradient(223.35deg, rgba(242, 249, 253, 0) 2.19%, #F2F9FD 39.58%), 
    linear-gradient(179deg, rgba(242, 249, 253, 0) 8.56%, #F2F9FD 15.98%)
    ,url(https://www.smartmat.io/hubfs/dental_case_middle/sp_bg.jpg)top right no-repeat;
  background-size: contain;
  }
  
  .case_middle_box h2{
    font-size: 24px;
    line-height: 36px;
    border-left:unset;
    padding: 0 12px;
  }
  
  .columns_case_middle_box_l h2{
    font-size: 22px;
    line-height: 34px;
    border-left: 1px solid #3b444b;
    padding: 0 12px;
  }
  
  .columns_case_middle_box_l img {
    width: 87px;
    position: absolute;
    bottom: 0;
    right: 13px;
    left: auto;
  }
  
  .case_middle_box .columns.read_text {
    padding: 0 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }
  
  .columns_case_middle_box{
  flex-direction: column;
  padding: 29.5px 16px 32px;
  }
  
  ul.case_md_list{
  padding: 0;
  }
  
  ul.case_md_list li{
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 0 14px 40px;
  margin-bottom: 12px;
  }
  
  ul.case_md_list li::before {
    left: 0.5em;
  }
  
  .threeponts_top{
    flex-direction: column;
    flex-wrap: wrap;
  }
  .threeponts_top h2 {
    font-size: 24px;
    line-height: 36px;
  }
  .threeponts_top .text {
    font-size: 22px;
    line-height: 34px;
    }
  .case_excerpt_d_md {
    flex-direction: column;
    flex-wrap: wrap;
    padding: 32px 24px;
    margin-bottom: 2em;
    }
  .case_excerpt_d_md .ml {
    margin-left: 0px;
  }
  
  .case_excerpt_d_md .ml h3 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 32px;
  }
  
  .case_excerpt_d_md img {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
  }
  .name_clinic{
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  
  li.coments {
    margin-bottom: -40px;
  }
  
  .case_excerpt_comnets {
    background: #fff;
    border: 8px solid #f5f5f5;
    border-radius: 50px 50px 50px 0px;
    margin-left: 40%;
    margin-bottom: 30%;
    position: relative;
    padding: 28px;
  }

.case_excerpt_comnets_img {
    width: 280px;
    height: 100%;
    max-height: 200px;
    position: absolute;
    bottom: 0;
    left: -30px;
  }

.case_excerpt_comnets_img img {
    height: 80%;
    max-height: 250px;
    object-fit: cover;
    object-position: 50% 0;
  }
  li.coments:not(:first-child) {
    margin-top: 0;
  }
  .threeponts_top_list li {
    max-width: fit-content;
    margin: 16px;
  }

  .threeponts_top_list li:nth-child(2) {
    margin: 16px;
  }
  
  .voice_joy{
   top: 1em;
  }
  
  .is-flex.threeponts_top {
    background-image: url(https://www.smartmat.io/hubfs/dental_case_middle/main-visual_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom -4.8em center;
    padding: 0 0 12em;
    margin-bottom: -3.5em;
    justify-content: center;
    align-items: center;
  }
  
}

@media screen and (max-width: 768px)
.pc {
    display: none;
	}
}

.sp {
    display: none;
}

#case .container.casetop-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    flex-flow: column;
}

#case .container.casetop-cta p {
    font-size: 20px;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 768px){
#case .container.casetop-cta .btn-cta {
    width: 100%;
    font-size: 20px;
    max-width: 350px;
    margin: 0 auto;
    padding: 5px;
}
#case .container.casetop-cta .btn-cta  .container__btn-ar{
  display: none;
}
}
/* 在庫管理術 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/ 

#column article .bodybox a{
    text-decoration: underline;
}
  
#column article .bodybox .card a{
    text-decoration: none;
}

@media screen and (min-width: 769px) {
	#column .read_txt {
		text-align: center;
		font-size: 18px
	}
}

@media screen and (max-width: 768px) {
	#column .read_txt br {
		display: none
	}
}

#column {
	max-width: 100vw;
	overflow: hidden
}


#column .keyvisual .inner .type{
  text-align:center;
  font-size:1.5rem;
  font-weight:600;
}

#column article .titlebox{
  text-align:center;
}

#column article .titlebox h1{
  /*font-size:3rem;*/
  font-weight:600;
}

#column article .titlebox p{
  font-size:1.5rem;
  font-weight:600;
  margin-bottom:0.5rem;
}

#column article .bodybox{
  margin:auto;
  width:680px;
}

@media screen and (max-width: 768px) {
	#column article .bodybox{
    width:100%;
  }
}

#column article .bodybox{
  padding:30px 0;
}

#column article .bodybox p.image{
    box-sizing: border-box;
    padding: 0;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    margin-top: 7%;
    margin-bottom: 7%;
}

#column article .bodybox p.image img{
  /*width:60% !important;*/
}

@media screen and (min-width: 640px){
  #column article .bodybox p.image img{
    width:100% !important;
  }
}

#column article .bodybox h2 {
    padding: 0.25em 0.5em;
    color: #333;
    background: transparent;
    border-left: solid 5px #7db4e6;
    /*margin-bottom: 1.5em; */
    margin-top: 4em; /*margin-top: 1.5em; */
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5;
}

/* h3タグ重複削除 */
#column article .bodybox h3 {
    /*font-size: 1em;
    font-weight: 600;
    border: none;
    padding: 0;
    margin: 1.5em 0 1.5em 0;
    height: auto;
    vertical-align: unset;
    text-align: left;
    line-height: normal;
    border-bottom: solid 1px #333;
    max-width: 100%;
    display: inline-block;*/
    margin: 2.5rem 0 0rem 0;
    font-size: 1.25rem;
    padding: 0 .8rem .25rem;
}

/* h2タグ重複削除 */
#column article .bodybox .wrapper3 h2 {
    /*font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    margin-bottom: 1.5em;
    border-bottom: solid 1px;
    color: #254d9a;
    border-left: none;*/
}

#column article .bodybox p {
  line-height: 1.8;
  /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
  font-size: 16px;
  letter-spacing: 0.07em;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

#column article .bodybox ul.point2{
    position: relative;
    color: #333;
    border: dotted #1e366a 1px;
    padding: 1em 1em 1em 2em;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom:1em;
    margin-top: 1em;
}

#column article .bodybox ul.point2 {
    border: solid 1px #555;
    border-radius: 8px;
}

#column article .bodybox ul.List2, 
#column article .bodybox ol.List2 {
    background: #fafafa;
    border: 1px solid #fafafa;
    border-radius: 8px;
    box-shadow: 0px 0px 5px silver;
    padding: 1em 2.5em 1em 2.5em;
    margin: 1em auto;
}

#column article .bodybox ul.List2 li,
#column article .bodybox ol.List2 li{
    line-height: 1.2;
    padding: 0.3em 0;
    list-style-type: disc;
    margin-bottom: auto;
}

#column article .bodybox .List2 strong {
    font-weight: 600;
    border-bottom: solid 1px #555;
    margin-bottom: auto;
    /*display: inline-block;*/
}

#column article .bodybox ul.point2:before {
    content: "POINT";
    position: absolute;
    display: block;
    top: -15px;
    left: 20px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
}

#column article .bodybox ul.point2 li{
    line-height: 1.2;
    padding: 0.3em 0;
    list-style-type: disc;
    /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
    margin-bottom: auto;
}

#column article .bodybox ul.point2 li {
    font-weight: 600;
    list-style-type: disc;
    letter-spacing: .05em;
}

#column article .bodybox dl.list{
  margin-bottom:auto;
}

#column article .bodybox .list dt, 
#column article .bodybox .editBox dl dt {
    font-weight: bold;
    margin: 1.5em 0 1em;
    color: #254d9a;
    background: linear-gradient(transparent 70%, #a7d6ff 70%);
    display: inline-block;
    font-size: 1.2em;
}

#column article .bodybox dl dd, 
#column article .bodybox .list li, 
#column article .bodybox .list dd {
    position: relative;
    margin-left: 20px;
    margin-right: 5px;
    margin-top: 5px;
}

#column article .bodybox .editBox dl dd:before, 
#column article .bodybox .list dd:before {
    content: '';
    display: block;
    position: absolute;
    top: .5em;
    left: -12px;
    width: 6px;
    height: 6px;
    background: #254d9a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#column article .bodybox table{
  width:100%;
  margin:auto;
}

#column article .bodybox table th {
  padding: .5em;
  border: #fff solid 1px;
  background: #254d9a;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  color: #fff;
}

#column article .bodybox table td {
  padding: .5em;
  border: #d7d7d7 solid 1px;
  background: #fff;
  vertical-align: middle;
}


/****** BalloonComment ******/
#column article .bodybox .says_wrapper {
  max-width: 850px;
  position: relative;
  margin: 50px auto 50px auto;	
}

#column article .bodybox .balloon5 {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

#column article .bodybox .balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  margin-top: 1.5em;
  width: 80px;
}

#column article .bodybox .balloon5 .faceicon img {
  width: 100%;
  height: 80px;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
  margin-bottom: 0.1em;
}

#column article .bodybox .balloon5 .faceicon-right {
  float: right;
  margin-left: -90px;
  margin-top: 1.5em;
  width: 80px;
}

#column article .bodybox .balloon5 .faceicon-right img {
  width: 100%;
  height: 80px;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
  margin-bottom: 0.1em;
}

#column article .bodybox .cast_comment_title {
  font-size: 15px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
}

#column article .bodybox .balloon5 .chatting {
  width: 100%;
  margin-top: 10px;
}

#column article .bodybox .says {
  display: inline-block;
  position: relative; 
  margin: 1em 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  width: 80%;
}

#column article .bodybox .says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

#column article .bodybox .says-left {
  display: inline-block;
  position: relative; 
  margin: 1em 70px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  width: 80%;
}

#column article .bodybox .says-left:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #d7ebfe;
}

#column article .bodybox .chatting .says p {
  margin-bottom: 0;
  padding: 0;
}

#column article .bodybox .chatting .says-left p {
  margin-bottom: 0;
  padding: 0;
}

#column article .bodybox .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
}
#column article .bodybox .catebox p {
    margin: 0; 
    padding: 0.5em;
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
}
  
/*======================================
  balloon-responsive
======================================*/

@media screen and (min-width:951px) and (max-width:1579px) {
  /*pc用のcssを記述*/
  #column article .bodybox .says_wrapper {
    max-width: 850px;
    position: relative;
    margin: 0 auto;	
  }

  #column article .bodybox .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #column article .bodybox .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 1em;
    width: 80px;
  }

  #column article .bodybox .balloon5 .faceicon img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 1em;
    width: 80px;
  }

  #column article .bodybox .balloon5 .faceicon-right img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .cast_comment_title {
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 0.3em;
  }

  #column article .bodybox .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
    padding-right: 80px;
  }

  #column article .bodybox .says {
    display: inline-block;
    position: relative; 
    margin: 1em 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #column article .bodybox .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #column article .bodybox .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 70px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #column article .bodybox .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -23px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #column article .bodybox .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #column article .bodybox .catebox p {
    margin: 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
  }

}

@media only screen and (min-width:460px) and (max-width:950px) {
  /*tablet用のcssを記述*/
  #column article .bodybox .says_wrapper {
    max-width: 850px;
    position: relative;
    margin: 0 auto;	
  }

  #column article .bodybox .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #column article .bodybox .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 0.5em;
    width: 80px;
  }

  #column article .bodybox .balloon5 .faceicon img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 0.5em;
    width: 80px;
  }

  #column article .bodybox .balloon5 .faceicon-right img {
    width: 100%;
    height: 80px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .cast_comment_title {
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 0.5em;
  }

  #column article .bodybox .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
    padding-right: 50px;
  }

  #column article .bodybox .says {
    display: inline-block;
    position: relative; 
    margin: 1em 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #column article .bodybox .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #column article .bodybox .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 2em 1em;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
    width: 80%;
  }

  #column article .bodybox .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -24px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #column article .bodybox .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .catebox {
    padding: 0;
    margin: 0.1em 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #column article .bodybox .catebox p {
    margin: 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
  }
}

@media screen and (max-width:459px) {
  /*スマホ用のcssを記述*/
  #column article .bodybox .says_wrapper {
    max-width: 850px;
    position: relative;
    margin: 0 auto;	
  }

  #column article .bodybox .balloon5 {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }

  #column article .bodybox .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    margin-top: 1.8em;
    width: 60px;
  }

  #column article .bodybox .balloon5 .faceicon img {
    width: 100%;
    height: 60px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .balloon5 .faceicon-right {
    float: right;
    margin-left: -90px;
    margin-top: 1.8em;
    width: 60px;
  }

  #column article .bodybox .balloon5 .faceicon-right img {
    width: 100%;
    height: 60px;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
    margin-bottom: 0.1em;
  }

  #column article .bodybox .cast_comment_title {
    font-size: 11px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: -2em;
  }

  #column article .bodybox .balloon5 .chatting {
    width: 100%;
    margin-top: 10px;
  }

  #column article .bodybox .says {
    display: inline-block;
    position: relative; 
    margin: 1em 1em 1em 5.5em;
    padding: 1em 1em 1em;
    border-radius: 12px;
    background: #d7ebfe;
    width: auto;
  }

  #column article .bodybox .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -23px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }

  #column article .bodybox .says-left {
    display: inline-block;
    position: relative; 
    margin: 1em 5.5em 1em 1em;
    padding: 1em 1em 1em;
    border-radius: 12px;
    background: #d7ebfe;
    width: auto;
  }

  #column article .bodybox .says-left:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    right: -23px;
    border: 12px solid transparent;
    border-left: 12px solid #d7ebfe;
  }

  #column article .bodybox .chatting .says p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .chatting .says-left p {
    margin-bottom: 0;
    padding: 0;
  }

  #column article .bodybox .catebox {
    padding: 0;
    margin: 0;
    color: #FFF;
    background: #6eb7ff;
    border-radius: 9px;
  }
  #column article .bodybox .catebox p {
    margin: 0 0 2em 0; 
    padding: 0.5em;
    text-align: center;
    font-size: 12px;
  }

  
}

@media screen and (min-width: 640px){

    #column .mainContents .wrapper2 {
      margin-bottom: 2em;
      box-sizing: border-box;
      max-width: 680px;
      margin: 15px auto;
      padding: 0;
      font-size: 1rem;
      line-height: 2;
      
    }
    
    #column .mainContents .wrapper2 p.image {
      box-sizing: border-box;
      padding: 0;
      font-size: 15px;
      line-height: 2;
      text-align: center;
      margin-top: 7%;
      margin-bottom: 7%;
    }
    
    #column .mainContents .wrapper2 p.image img {
      width:300px;
      margin:auto;
    }
  }
  
  #column .mainContents p,
  #column .mainContents figure,
  #column .mainContents ul,
  #column .mainContents ol,
  #column .mainContents dl,
  #column .mainContents table {
    margin-bottom: 1.5rem;
  }

  #column .mainContents p{
    line-height: 1.8;
    letter-spacing: .07em;
  }

  #column .mainContents .wrapper2 h2.column {
    padding: 0 .8rem .25rem;
    background: transparent;
    border-left: solid 5px #7db4e6;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    
  }
  
  #column .mainContents .wrapper2 h3.column {
      font-size: 20px;
      padding: 0 .75rem;
      margin: 2rem 0 2rem 0;
      /*font-size: 17px;
      font-weight: 600;
      border: none;
      padding: 0;
      margin: 1em 0 1em .5em;
      height: auto;
      vertical-align: unset;
      text-align: left;
      line-height: normal;
      border-bottom: solid 1px #333;
      max-width: 1000px;
      display: inline-block;*/
  }
  
/*** ----------------------------------------
追加 class　list
----------------------------------------***/

/*** 点線枠のlist <ul class="List">***/

#column .mainContents ul.List, 
#column .mainContents ol.List {
  color: #333;
  border: dotted #1e366a 1px;
  padding: 1em 1em 1em 2em;
  border-radius: 5px;
  display: inline-block;
  width: auto;
  margin: 0 auto 1.5em;
}

#column .mainContents ul.List li, 
#column .mainContents ol.List li, 
#column .mainContents div.List {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: disc;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*** List のstrong部分***/
#column .mainContents .List strong{
  font-weight: 600;
  border-bottom: solid 1px #555;
  margin-bottom: 20px;
  display: inline-block;	
}


#column .mainContents ul.List1, 
#column .mainContents ol.List1, 
#column .mainContents div.List1 {
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 1em 0.5em 0.5em 2em;
  border-radius: 5px;
  margin: 0 auto 1.5em;
}

#column .mainContents ul.List1 li, 
#column .mainContents ol.List1 li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/*** 事例まとめ部分List2 のh3 h4***/
#column .mainContents ul.List2 h3,
#column .mainContents div.List2 h3{
  line-height: 1.5;
  margin: 0 0 1.5em 0;
  padding: 0em 1em .5em 1em;
  border-bottom: none;
  font-size: 1.3em;
  font-weight: normal;
  color: #555;
  border-top: none;
  height: auto;
  text-align: center;
  display: block;
}

#column .mainContents ul.List2 h4,
#column .mainContents div.List2 h4{
  color: #555;
  background: none;
  padding-left: .25em;
}


/*** List1 のstrong部分***/
#column .mainContents .List1 strong{
  font-weight: 600;
  border-bottom: solid 1px #555;
  margin-bottom: 20px;
  display: inline-block;	
}


/*** 色付き枠のlist <ul class="List2">***/
#column .mainContents ul.List2, 
#column .mainContents ol.List2, 
#column .mainContents div.List2 {
  background: #fafafa;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 1.5em 2.5em 1em 2.5em;
  margin: 0 auto 1.5em;
}
#column .mainContents ul.List2 li, 
#column .mainContents ol.List2 li , 
#column .mainContents div.List2 li{
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: disc;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*** List2 のstrong部分***/
#column .mainContents .List2 strong{
  font-weight: 600;
  border-bottom: solid 1px #555;
  margin-bottom: auto;
  display: inline-block;	
}


/*** ただのリスト <ul class="list">***/
#column .mainContents ul.list, 
#column .mainContents ol.list {
  padding: 0.5em 2em 0.5em 2em;
}

#column .mainContents ul.list li, 
#column .mainContents ol.list li {
  line-height: .8;
  padding: 0.5em 0;
  list-style-type: square;
}

#column .mainContents table th {
  padding: .5em;
  border: #fff solid 1px;
  background: #254d9a;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  color: #fff;
}

#column .mainContents table td {
  padding: .5em;
  border: #d7d7d7 solid 1px;
  background: #fff;
  vertical-align: middle;
}
  
#column .categories-container {
  position: relative;
/*   width: 100%; */
  border-top: none;
  outline: 0;
  margin-top:30px;
}
#column .categories-container {
/*   width: 300px;
  margin: 1.875em auto; */
}
#column .categories-container .categories-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px;
  font-size: 1rem;
  font-weight: normal;
  color: #363636;
  cursor: pointer;
  font-weight:600;
}
#column .categories-container .categories-title:hover,
#column .categories-container .categories-title:active,
#column .categories-container .content-entry.open .categories-title {
  background-color: #EFEFEF;
  color: #363636;
}
#column .categories-container .categories-title:hover i:before,
#column .categories-container .categories-title:hover i:active,
#column .categories-container .content-entry.open i {
  color: #363636;
}
#column .categories-title{
  position: relative;
}
#column .categories-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #363636;
  border-right: solid 2px #363636;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#column .categories-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
#column .categories-content {
  display: none;
  padding: 0;
  margin-top:5px;
  background:#EFEFEF;
}
#column .categories-content ul{
  display:table;
  width:100%;
  margin:2px 0 0 0;
  padding:0;
  background:#EFEFEF;
}
#column .categories-content ul.first{
  margin-top:0;
}
#column .categories-content ul li{
  display:table-cell;
  background:#FFF;
  vertical-align:middle;
  width:33.3%;
  position:relative;
}
#column .categories-content ul li.mid{
  border-left:2px solid #EFEFEF;
  border-right:2px solid #EFEFEF;
}
#column .categories-content ul li a{
  display:table-cell;
  vertical-align:middle;
  font-size:0.9rem;
  font-weight:600;
  color:#363636;
  height:80px;
  padding:15px 30px 15px 15px;
  position:relative;
}
#column .categories-content ul li:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 48%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #363636;
  border-right: solid 2px #363636;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#column .categories-content ul li:hover:after {
  right: 12px;
}

#column .content > ul li{
    list-style: disc;
}

.pagination-list > li {
    list-style: none;
}


@media screen and (min-width: 769px) {
	#column .read_txt {
		text-align: center;
		font-size: 18px
	}
}

	#column .top_MVcta{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
  }

@media screen and (max-width: 769px) {
  #column .top_MVcta a.cta_button{
    font-size: 18px;
    width: 100%;
    padding: 0.3em;
  }
}
/* サイトマップ */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#sitemap section .mapblock h3{
  font-size:1.1rem;
  margin:0;
  padding:0;
  border:none;
}
#sitemap section .mapblock ul{
  margin:10px 0 0 0;
  padding:0;
}
#sitemap section .mapblock ul li{
  line-height:2rem;
}

#sitemap section .mapblock ul li.categories h4{
  margin:5px 0 0 0;
  padding:0;
  font-weight:500;
}

#sitemap section .mapblock ul li.categories ul{
  margin:0 0 0 20px;
  padding:0;
}
/* 資料請求 */ 
/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html {
  scroll-padding-top: 300px;
}

#request body, button, input, optgroup, select, textarea {
  font-family: 'Noto Sans JP', sans-serif;
  color: #3b444b;
}

#request section.keyvisual {
  height: 60px;
  width: 100%;
  padding: 0px 0;
  display: table;
}

#request section.keyvisual_form_lp {
  height: 210px;
  width: 100%;
  padding: 1em 3em;
  display: table;
  background: #F2F4F5;
}

#request section.keyvisual_form_lp.amx {
  height: 260px;
}

#request section.keyvisual_form_lp .inner {
  max-width: 1034px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re-1.png) no-repeat right 35px bottom 35px/650px auto;
}

#request section.keyvisual_form_lp .inner.amx {
  background: none;
  }

#request section.keyvisual_form_lp .right__inner {
  background-image: url(https://www.smartmat.io/hubfs/medical/form__lp__mv.png);
  background-repeat: no-repeat;
  width: 598px;
  height: 176px;
  position: absolute;
  right: 0;
  z-index: 1;
}

#request section.keyvisual_form_lp .right__inner.amx {
    background-image: url(https://www.smartmat.io/hubfs/logo/smc_amex.png);
    width: 528px;
    height: 176px;
    bottom: -200px;
}

#request section.keyvisual_form_lp .left__inner {
  position: absolute;
  z-index: 999;
  top: 1em;
}

#request section.keyvisual_form_lp .left__inner.amx {
  top: 1em;
}

#request section.keyvisual_form_lp .left__inner h1 {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

#request section.keyvisual_form_lp .left__inner>.subtitle {
  font-size: 32px;
  text-align: center;
}

#request section.keyvisual_form_lp .left__inner>.subtitle.amx {
  font-size: 28px;
}

#request iframe {
  width: 100%;
  height: 777px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}


#request iframe#inlineFrameWebinar {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#request iframe::-webkit-scrollbar {
  display: none;
}

iframe#formArea {
  height: 840px;
}

iframe#formArea_contact {
  height: 1040px;
  max-width: 600px;
  width: 100%;
}

iframe#formArea_contact__02 {
  height: 870px;
  max-width: 600px;
  width: 100%;
}

iframe#formArea_contact_1-5 {
  height: 740px;
  max-width: 600px;
  width: 100%;
}

iframe#formArea_t1_5 {
  height: 730px;
}

iframe#formArea_t1_5_flp {
  height: 640px;
}

iframe#formArea_t1_5_flp_600 {
  height: 600px;
}

iframe#formArea_t1_5_flp_500 {
  height: 500px;
}

iframe#formArea_t1_5_flp_550 {
  height: 550px;
}

iframe#formArea_flp {
  height: 714px;
  overflow-y: scroll;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
}

iframe#formArea_flp::-webkit-scrollbar {
  display:none;
}

#request .sp-dsp {
  display: none;
  text-align: center;
  font-size: .8em;
  margin-top: 1em;
  margin-bottom: 3em;
}

#request .pc-dsp {
  display: block;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#request .mainContents p {
  margin-bottom: .5em;
  line-height: 2;
}

#request .mainContents p {
  margin-bottom: 1.8em;
  line-height: 1.8;
  /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
  font-size: 16px;
  letter-spacing: 0.07em;
}

@media screen and (min-width: 951px) {
  #request .pc-only {
    display: block;
  }
  #request .main-visual.topinner {
    max-width: 1400px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: flex;
    position: relative;
    top: 10%;
    flex-wrap: wrap;
    justify-content: center;
    order: 1;
    margin: 0 auto;
    margin-top: 40px;
  }
  #request .topleft-inner {
    width: 45%;
    position: relative;
    order: 2;
    top: 30px;
    left: 0px;
    display: inline-block;
    text-align: center;
  }
  #request .topleft-inner h2 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1em;
  }
  #request .topleft-inner .topcharacter {
    display: inline-block;
    max-width: 500px;
  }
  #request .topleft-inner .top_chara_t1-5 {
    display: flex;
    flex-flow: column;
    max-width: 500px;
  }
  #request p.topcharacter {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 30px;
    letter-spacing: 3px;
    text-align: left;
  }
  #request p.top_chara_t1-5 i {
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.5;
    letter-spacing: 3px;
    text-align: left;
  }
  #request .mainContents p {
    margin-bottom: .2em;
    font-size: 1.1em;
  }
  #request img.animemov {
    display: inline-block;
    max-width: 400px;
    margin-top: 20px;
  }
  #request .topright-inner {
    /*text-align: start;*/
    width: 40%;
    position: relative;
    top: 20px;
    right: -20px;
    order: 3;
  }
  #request .sp-only {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  #request .mainContents p {
    margin-bottom: .2em;
    font-size: .9em;
  }
  #request .mainContents p {
    line-height: 1.8;
    /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
    font-size: 16px;
    letter-spacing: 0.07em;
  }
  #request .mainContents p, #request .mainContents figure, #request .mainContents ul, #request .mainContents ol, #request .mainContents dl, #request .mainContents table {
    margin-bottom: 2em;
  }
}

@media only screen and (max-width: 500px) {
  #request .pc-dsp {
    display: none;
    text-align: center;
    font-size: .9em;
    margin-top: 1em;
  }
  #request .sp-dsp {
    display: block;
    text-align: center;
    font-size: .9em;
    margin-top: 1em;
    line-height: normal;
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 460px) {
  #request .pc-only {
    display: block;
    text-align: center;
  }
  #request .sp-only {
    display: none;
  }
}

@media screen and (max-width: 459px) {
  #request .pc-only {
    display: none;
  }
  #request .sp-only {
    display: block;
  }
  #request .main-visual.topinner {
    margin-top: 30px;
  }
}


/*1-5フォームLP用*/

.main-visual.topinner.t1-5_f {
  display: none !important;
}

.t1-5md {
  display: none;
}

.t1-5md_sp {
  display: none;
}

.t1-5_none {
  display: none !important;
}

.t1-5_sp_none {
  display: none !important;
}


/*1-5フォームLP 用*/


/*PC*/

#choice {
  max-width: 1400px;
  width: 100%;
  height: 300px;
  position: relative;
}

#choice ._box {
  position: relative;
  top: 40px;
}

#choice ._box>p {
  font-size: 24px;
  margin-bottom: 3rem;
}

#choice ._box>button, .no_btn {
  color: #333333;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px #00000010;
  border: 3px solid #209CEE !important;
  width: 46%;
  max-width: 240px;
  height: 100px;
  line-height: 100px;
  border-radius: 6px;
  opacity: 1;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}

#choice ._box>button:hover, .no_btn:hover {
  background: #209CEE;
  color: #FFF;
}

#choice ._box>button {
  margin-right: 1rem;
}


/*SP*/

#choice_sp {
  max-width: 1400px;
  width: 100%;
  height: 300px;
  position: relative;
}

#choice_sp ._box {
  position: relative;
  top: 90px;
}

#choice_sp ._box>p {
  font-size: 23px;
  margin-bottom: 3rem;
}

#choice_sp ._box>button, .no_btn {
  color: #333333;
  background: #FFFFFF;
  box-shadow: 0px 3px 8px #00000010;
  border: 3px solid #209CEE !important;
  width: 46%;
  max-width: 240px;
  height: 100px;
  line-height: 100px;
  border-radius: 6px;
  opacity: 1;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}

#choice_sp ._box>button:hover, .no_btn:hover {
  background: #209CEE;
  color: #FFF;
}

#choice_sp ._box>button {
  margin-right: 1rem;
}


/*フォーム*/

.fa-check-circle:before {
  margin-right: 5px;
}


/* ヘッダーロゴ横　文字調整 */

.navbar-item.medical p {
  display: block;
  margin-left: 1rem;
}

.navbar-item.medical_form p {
    display: block;
    margin-left: 1rem;
}

@media screen and (max-width: 768px) {
  .navbar-item.medical p {
    font-size: .5rem;
  }
  .navbar-item.medical {
    flex-flow: column;
  }
  .navbar-item.medical_form p{
    font-size: .5rem;
  }
}


/* フォームLP用アンケートナビ */

div#md {
  width: 100%;
}

ul#step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-flow: wrap;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.steps .appear {
  background-color: #3B444C;
  color: #fff;
}

.steps li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 80px;
  margin-right: 9px;
  background-color: #EAEAEA;
  color: #C9C9C9;
  text-align: center;
  line-height: 80px;
  font-size: 24px;
}

.steps li::after, .steps li::before {
  position: absolute;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-right-width: 0;
  border-left-width: 24px;
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}

.steps li::before {
  z-index: 1;
  left: 102%;
  border-left-color: #f0faff;
}

.steps li::after {
  z-index: 2;
  right: -20px;
  border-left-color: #EAEAEA;
}

.steps .appear::after {
  border-left-color: #3B444C;
}

.steps li:last-child {
  margin-right: 0;
}


/*new requestページ用*/

#request .form__left p::before {
  background: url(https://www.smartmat.io/hubfs/form/pdf.svg) no-repeat;
  content: "";
  background-size: contain;
  display: inline-block;
  width: 3em;
  height: 3em;
  position: absolute;
  left: 0;
  top: 5%;
}

#request .form__right__lp p::before {
  background: url(https://www.smartmat.io/hubfs/form/pdf.svg) no-repeat;
  content: "";
  background-size: contain;
  display: inline-block;
  width: 3em;
  height: 3em;
  position: absolute;
  left: 0;
  top: 5%;
}

#request .form__left p {
  text-align: left;
  position: relative;
  text-indent: 3em;
  margin-top: 10px;
}

#request .form__right__lp p {
  text-align: left;
  position: relative;
  padding-left: 3em;
  margin-top: 15px;
  margin-bottom: 15px;
}

#request .form__left p span {
  font-weight: bold;
  display: inline-block;
  position: relative;
}

#request .form__right__lp p span {
  font-weight: bold;
  display: inline-block;
  position: relative;
}

#request .form__left .form__left__list {
  padding: 1rem;
  border: 2px solid #209CEE;
  border-radius: 4px;
  height: auto;
  width: 100%;
}

#request .form__left .form__left__b_list {
  padding: 1rem;
  border: 2px solid #209CEE;
  border-radius: 4px;
  height: auto;
  width: 100%;
}

#request .form__right__lp .form__right__list {
  padding: 1rem;
  border: 2px solid #209CEE;
  border-radius: 4px;
  height: auto;
  width: 100%;
}
.form__left__list {
  margin-top: 32px;
}

.form__left__list ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: auto;
}

.form__left__b_list ul {
  display: contents;
  height: auto;
}

.form__right__list ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 95px;
}

.form__left__list li {
  margin-left: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.2em 0;
  text-align: left;
  list-style: disc;
}

.form__left__b_list ul li {
  margin-left: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.2em 0;
  text-align: left;
  list-style: disc;
}

.form__right__list li {
  margin-left: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.2em 0;
  text-align: left;
  list-style: disc;
}

#request .form__left {
  width: 50%;
  padding-right: 16px;
}

#request .form__right__lp {
  width: 43%;
  display: flex;
  flex-flow: column;
}

#request .form__main.form__top {
  display: flex;
  justify-content: center;
  margin-top: 0px; /*40pxから0に変更*/
}

#request .form__left h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 1rem;
}

#request .form__left h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 1em;
  color: #209CEE;
  text-align: left;
  border-bottom: 1px solid #209CEE;
  padding-bottom: .5rem;
  padding-left: 1rem;
}

#request .form__right {
  width: 43%;
  padding-left: 16px;
}

#request .form__image__list {
  display: flex;
  flex-flow: wrap;
}

#request .form__left__lp {
  width: 65%;
  max-width: 600px;
  background: #F0FAFF;
  padding: 2em;
  border: #D5EBF8 1px solid;
  height: 366px;
}

#request .form__left__lp.height {
  height: 770px;
}

#request .form__left__lp.height_2 {
  height: 680px;
}

#request .form__left__lp.height_3 {
  height: 650px;
}

#request .form__left__lp.height_4 {
  height: 720px;
}

#request .form__left__lp.height.amx {
  height: 780px;
  width: 50%;
}

#request img.form__image {
  margin-top: 20px;
}

#request .form__right__lp img.form__image {
  margin-top: 0px;
  width: 45%;
  border: 1px solid #D8D8D8;
  flex: 1;
  flex-basis: auto;
}

#request .form__right__lp img.form__image:first-child {
  width: 100%;
  margin-bottom: 10px;
}

#request .form__right__lp img.form__image:nth-child(2n) {
  margin-right: 10px;
}

@-moz-document url-prefix() {
  #request .form__right__lp img.form__image:first-child{flex-basis: auto;}
  #request .form__right__lp img.form__image:nth-child(2n){flex-basis: auto;}
	}

_::-webkit-full-page-media, _:future, :root #request .form__right__lp img.form__image {
    height:100%;
}
_::-webkit-full-page-media, _:future, :root #request .form__right__lp img.form__image:first-child {
    height:100%;
}
_::-webkit-full-page-media, _:future, :root #request .form__right__lp img.form__image:nth-child(2n) {
    height:100%;
}


#request span.blue {
  text-align: left;
}

#request .form__right__lp ul {
  margin-top: 10px;
}

#request .form__right__lp ul li {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  margin-top: 18px;
}

#request .form__right__lp ul li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #209CEE;
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  
  iframe#formArea_t1_5_sp{
  height: 777px;
  }
  
  iframe#formArea_t1_5_sp_c{
  height: 888px;
  }
  
  iframe#formArea_t1_5_flp {
    height: 560px;
  }
  
  iframe#formArea_t1_5_form_lp {
    height: 690px;
  }
  
  iframe#formArea_t1_5_form_lp_550 {
    height: 580px;
  }
    iframe#formArea_t1_5_form_lp_630 {
    height: 630px;
  }
  
  iframe#formArea_sp {
  height: 770px;
  }
  
  iframe#formArea_sp_amx {
  height: 720px;
  }
  
  iframe#formArea_contact{
  height: 1170px;
  }
  iframe#formArea_contact_1-5{
  height: 970px;
  }
  
  #request ul#step {
    padding: 20px;
    width: 100%;
    max-width: 339px;
    position: relative;
    left: -10px;
  }
  #request #choice_sp ._box {
    top: 0;
  }
  #choice_sp ._box>p {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  #choice_sp {
    height: auto;
    margin: 0 auto;
    max-width: 335px;
  }
  #request .column {
    padding: 0;
  }
  #request .form__lp {
    background: #F0FAFF;
    border: 1px solid #D5EBF8;
  }
  #request .form__main.form__top {
    display: flex;
    justify-content: center;
    flex-flow: column;
  }
  #request .form__main.form__top {
    margin-top: 0px;
    margin-bottom: 1em;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #request .form__main.form__top h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  #request .form__main.form__top.contact {
    max-width: 500px;
    margin: 0 auto;
  }
  #request section.keyvisual_form_lp {
    height: 275px;
    width: 100%;
    padding: 1em 1em;
    display: table;
    background: #FFF;
    background-image: url(https://www.smartmat.io/hubfs/medical/form__lp__mv__sp.png);
    background-repeat: no-repeat;
    background-size: 355px;
    background-position-x: center;
    background-position-y: 160px;
    margin-bottom: 1em;
  }
    #request section.keyvisual_form_lp.pc {
    background-image: unset;
    height: 180px;
    padding: .5em .5em;
    }
     #request section.keyvisual_form_lp.pc.st {
    background-image: unset;
    height: 160px;
    padding: .5em .5em;
    }
    #request section.keyvisual_form_lp.amx {
    height: 410px;
    background: #FFF;
    background-image: url(https://www.smartmat.io/hubfs/logo/smc_amex.png);
    background-repeat: no-repeat;
    background-size: 355px;
    background-position-x: center;
    background-position-y: 20px;
    margin-bottom: 1em;
  }
  #request section.keyvisual_form_lp .left__inner h1 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
  }
  #request section.keyvisual_form_lp .left__inner>.subtitle {
    font-size: 22px;
    text-align: center;
  }
  #request section.keyvisual_form_lp .left__inner>.subtitle.amx {
  font-size: 24px;
  }
  #request section.keyvisual_form_lp .right__inner {
    display: none;
  }
  #request section.keyvisual_form_lp .left__inner {
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  
  #request section.keyvisual_form_lp .left__inner.amx {
    top: 220px;
  }
  @-moz-document url-prefix() {
  #request section.keyvisual_form_lp .left__inner.amx {
    top: 110px;
  }
  }
  _::-webkit-full-page-media, _:future, :root #request section.keyvisual_form_lp .left__inner.amx{
     top: 110px;
  }
  
  #request .form__right__lp {
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: .1em .7em;
  }
  #request .form__right__lp h3 {
    border-left: unset;
  }
  #choice_sp ._box>button, .no_btn {
    max-width: 160px;
    height: 67px;
    line-height: 67px;
    font-size: 15px;
  }
  #request .form__right__lp ul li {
    font-size: 15px;
  }
  #request .form__right__lp p {
    font-size: 12px;
    line-height: 1.3rem;
  }
  .steps li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 54px;
    margin-right: 9px;
    background-color: #EAEAEA;
    color: #C9C9C9;
    text-align: center;
    line-height: 54px;
    font-size: 15px;
    padding-left: 1em;
  }
  .steps li::after, .steps li::before {
    position: absolute;
    top: 0;
    content: '';
    width: 0;
    height: 0;
    border: 27px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }
  .steps li::before {
    z-index: 1;
    left: 103%;
    border-left-color: #f0faff;
  }
  .steps li::after {
    z-index: 2;
    right: -16px;
    border-left-color: #EAEAEA;
  }
  #request .form__right__lp img.form__image {
  height: 100%;
  }
}


/*フォーム型LP*/

.form__lp__footer__company {
  width: 100%;
  max-width: 394px;
  margin-left: auto;
}

.form__lp__footer__company.isms {
  margin-left: 0;
  align-items: center;
}

@media screen and (max-width: 769px){
  .form__lp__footer__company.isms {
    flex-direction: column;
    }
}


.credit.f_color {
  color: #989898;
}

.company.font {
  font-size: 14px;
  text-align: left !important;
}

.company.font>.logo {
  text-align: left !important;
}

.form__lp__footer__company>.company address {
  font-size: 14px;
  text-align: left !important;
}

.form__lp__footer__line {
  border-bottom: 1px solid;
}

.form__lp__footer__menu {
  display: block;
  position: relative;
  padding-bottom: 2rem;
  background: url(https://www.smartmat.io/hubfs/logo/smc_logo_white.svg)no-repeat left top;
  max-width: 1034px;
  width: 100%;
  margin: 0 auto;
}

.form__lp__footer__menu li {
  display: inline-block;
  font-size: 16px;
  margin-left: 2rem;
}

.form__lp__footer__menu ul {
  text-align: end;
}

footer.footer ul.footer_menu li:last-child:after {
    content: none;
}
  footer.footer__1-5__form {
    padding: 1.5rem 0 !important;
  }

@media screen and (max-width: 768px) {
  footer.footer__1-5__form {
    padding: 1.5rem 0 !important;
  }
  .form__lp__footer__line {
    border-bottom: unset;
  }
  .form__lp__footer__menu {
    display: flex;
    position: relative;
    padding-bottom: 0;
    background: url(https://www.smartmat.io/hubfs/logo/smc_logo_white.svg)no-repeat center top;
    width: 100%;
    margin: 0 auto;
  }
  .form__lp__footer__menu ul {
    text-align: center;
    display: flex;
    margin-top: 3rem;
    border-top: unset;
    align-items: center;
    justify-items: center;
    width: 100%;
  }
  /*
  .form__lp__footer__menu li:first-child {
    border-right: 1px solid;
  }
  */
  .form__lp__footer__menu.amx li:first-child {
    border-right: unset;
  }
  
  .form__lp__footer__menu li {
    font-size: 16px;
    margin-left: 0;
    flex-grow: 1;
    border: unset;
    padding: 1rem;
    border-bottom: 1px solid;
    border-top: 1px solid;
  }
  .company.font>.logo {
    text-align: center !important;
  }
  ul.footer_menu {
    text-align: center;
  }
  .form__lp__footer__company>.company address {
    text-align: center !important;
  }
}

  p.attention {
    font-size: .5em;
  }


/* フォームハンドラー */
.Form {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
@media screen and (max-width: 480px) {
.Form {
margin-top: 40px;
}
}
.Form-Item {
border-top: 1px solid #ddd;
padding-top: 24px;
padding-bottom: 24px;
width: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 480px) {
.Form-Item {
padding-left: 14px;
padding-right: 14px;
padding-top: 16px;
padding-bottom: 16px;
flex-wrap: wrap;
}
}
.Form-Item:nth-child(5) {
border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
width: 100%;
max-width: 248px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.Form-Item-Label {
max-width: inherit;
display: flex;
align-items: center;
font-size: 15px;
}
}
.Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto;
}
@media screen and (max-width: 480px) {
.Form-Item-Label.isMsg {
margin-top: 0;
}
}
.Form-Item-Label-Required {
border-radius: 6px;
margin-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
width: 48px;
display: inline-block;
text-align: center;
background: #5bc8ac;
color: #fff;
font-size: 14px;
}
@media screen and (max-width: 480px) {
.Form-Item-Label-Required {
border-radius: 4px;
padding-top: 4px;
padding-bottom: 4px;
width: 32px;
font-size: 10px;
}
}
.Form-Item-Input {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1;
width: 100%;
max-width: 410px;
background: #eaedf2;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.Form-Item-Input {
margin-left: 0;
margin-top: 18px;
height: 40px;
flex: inherit;
font-size: 15px;
}
}
.Form-Item-Textarea {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 216px;
flex: 1;
width: 100%;
max-width: 410px;
background: #eaedf2;
font-size: 18px;
}
@media screen and (max-width: 480px) {
.Form-Item-Textarea {
margin-top: 18px;
margin-left: 0;
height: 200px;
flex: inherit;
font-size: 15px;
}
}
.Form-Btn {
border-radius: 6px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 280px;
display: block;
letter-spacing: 0.05em;
background: #5bc8ac;
color: #fff;
font-weight: bold;
font-size: 20px;
}
@media screen and (max-width: 480px) {
.Form-Btn {
margin-top: 24px;
padding-top: 8px;
padding-bottom: 8px;
width: 160px;
font-size: 16px;
}
}

/*****pardot フォームCSS******/

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea, body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #3b444b;
  overflow: hidden;
}

#contentMain.container {
  width: 100%;
  max-width: 700px;
  padding: 0;
}

.contentHeader {
  display: none
}

#pardot-form .formInputInner.last_name {
  display: inherit;
  float: none;
  width: inherit;
  padding-right: 0
}


.form__box {
    background-color: #F0FAFF;
    padding: .6em 1em 5em;
    border-radius: 4px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.form__box__02 {
    background-color: #F0FAFF;
    /*padding: .5em;*/
    border-radius: 4px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.form__box__fh {
    background-color: #F0FAFF;
    padding: .6em 1em 1em;
    border-radius: 4px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.form__box__fh_1_5 {
    background-color: #F0FAFF;
    padding: .6em 1em 1em;
    border-radius: 4px;
    max-width: 500px;
    margin: 0;
}

.form__box h2 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 10px 3px;
    position: absolute;
    background: #0878D4;
    top: -22px;
    border-radius: 4px 4px 0 0;
    left: 0px;
    display: block;
    width: 100%;
}

.form__box__02 h2 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 10px 3px;
    position: absolute;
    background: #0878D4;
    top: -22px;
    border-radius: 4px 4px 0 0;
    left: 0px;
    display: block;
    width: 100%;
}

.form__box__fh h2 {
    font-size: 20px;
    text-align: center;
    color: #209CEE;
    border-bottom: 1px solid #209CEE;
    padding-bottom: .5em;
    margin: 10px 0 10px 0;
}

.form__box__fh_1_5 h2 {
    font-size: 20px;
    text-align: center;
    color: #209CEE;
    border-bottom: 1px solid #209CEE;
    padding-bottom: .5em;
    margin: 10px 0 10px 0;
}

.form-group {
  margin-bottom: 0.7rem;
  /*border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7*/
}

.form-group:first-child {
  /*border-top: 1px solid #d7d7d7*/
  padding-top: .5em;
  background-color: unset;
}

.form-group:last-child {
  /*border-top: 1px solid #d7d7d7*/
  padding-bottom: 1.5em;
  background-color: #F0FAFF;
}

.form-group.form-margin-top {
  margin-top: 25px;
  border-top: 1px solid #d7d7d7
}

.form-group .formHeading {
  /*display: flex;*/
  margin: 0;
  padding: .4em 1.5em .1em;
  background: #F0FAFF;
  text-align: left;
}

.form-group .formHeading label {
  font-weight: 900;
  font-size: 0.9rem;
  margin-right: 4px;
  text-align: start;
}

.form-group .col-sm-7 {
    padding: .4em 1.5em;
    background-color: #F0FAFF;
}

.form-group::after {
  margin: 0;
  padding: 0;
  border: none
}

.form-control {
  border: 1px solid #9b9b9b;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
}

.submit {
  margin-top: 10px
}

.box_privacy {
  font-size: 0.7rem;
  line-height: 1rem;
}
@media all and (min-width:767px) {
  /*
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  */
  p.description {
    white-space: normal
  }

}


@media all and (max-width:500px) {
  .form-group .col-sm-9 {
    border-top: 1px solid #a0a0a0
  }
  .formInputInner.Company_Personal span.value span:first-child {
    margin-bottom: 10px
  }
  footer.footer ul li {
    display: block;
    margin-top: 5px
  }
}

.formHeading::after {
  font-size: 11px;/*7px*/
  font-weight: bold;
  position: relative;
  bottom: 1px;
  margin-right: 5px;
  padding: 0 3px 2px;
  content: '任意';
  color: #fff;
  border-radius: 2px;
  background: #209CEE
}

.required .formHeading::after {
  content: '必須';
  background: #DB5535;
}

input.form-control:focus, textarea.form-control:focus {
  border-color: #9b9b9b;
  background-color: #fff798;
  box-shadow: none
}

.alert.alert-danger {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 15px;
  border: 2px solid #f7e700;
  border-radius: 0;
  background: 0 0
}

.alert-danger, .errors {
  color: #000
}

.error input, .error select, .error span.value label, .error textarea {
  border: 2px solid #9b9b9b;
  background-color: #ffe1e1
}

p.error {
  color: red
}

.btn-primary {
  font-size: 20px;
  letter-spacing: .09em;
  font-weight: 600;
  display: block;
  width: 100%;
  max-width: 500px;
  height: 55px;
  line-height: 10px;
  margin: 20px auto .7em;
  padding: 0;
  transition: all .3s;
  white-space: pre-line;
  letter-spacing: 3pt;
  word-break: break-all;
  color: #fff;
  /*border: 0px solid rgb(255 255 255 / 15%);*/
  border-radius: 8px;
  /* background: #16da00; */
  background: transparent linear-gradient( 270deg, #ee5169 0%, #ed830d 36%, #ffdd57 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #ffffff;
}

.btn-primary_gen {
  font-size: 20px;
  letter-spacing: .09em;
  font-weight: 600;
  display: block;
  width: 100%;
  max-width: 500px;
  height: 55px;
  line-height: 10px;
  margin: 30px auto .7em;
  padding: 0;
  transition: all .3s;
  white-space: pre-line;
  letter-spacing: 3pt;
  word-break: break-all;
  color: #fff;
  /*border: 0px solid rgb(255 255 255 / 15%);*/
  border-radius: 8px;
  /* background: #16da00; */
  background: transparent linear-gradient(180deg, #FF9D0A 0%, #FF6915 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2.59574px solid #FFFFFF;
  border-radius: 70px;
}

.btn-primary_m {
  color: #fff;
  background: transparent linear-gradient(270deg,#ed5743 0%,#ff9862 100%) no-repeat padding-box;/*オレンジボタン*/
  transition: .3s;
  width: 100%;
  max-width: 350px;
  border-radius: 40px;
  border: 0;
  opacity: 1;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  opacity: 1;
  display: block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  margin: 10px auto;
  cursor: pointer;
  text-shadow: 0px 0px 3px rgb(17 17 17 / 50%);
}

.btn-primary_medi {
  color: #fff;
  /*background: transparent linear-gradient(270deg, #ed5743 0%, #ff9862 100%) no-repeat padding-box;*/
  background: transparent linear-gradient(270deg, #2BD67C 0%, #2BD67C 100%) no-repeat padding-box;/*緑ボタン*/
  /*box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);*/
  transition: .3s;
  width: 420px;
  /*height: 50px;
  line-height: 50px;*/
  border-radius: 40px;
  border: 0;
  opacity: 1;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  opacity: 1;
  display: block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  margin: 10px auto;
  cursor: pointer;
  height: 60px;
  line-height: 10px;
  font-size: 1.3em;
  padding: 0;
  margin: 15px auto 0.7em;
  display: block;
  letter-spacing: .09em;
}

.btn-primary_yb {
  color: #fff;
  background: transparent linear-gradient(to right,#fed651 0%,#ffb100 100%) no-repeat padding-box;/*黄ボタン*/
  transition: .3s;
  width: 100%;
  max-width: 350px;
  border-radius: 40px;
  border: 0;
  opacity: 1;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  opacity: 1;
  display: block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  margin: 10px auto;
  cursor: pointer;
  text-shadow: 0px 0px 3px rgb(17 17 17 / 50%);
}

.btn-primary_y {
  color: #fff;
  background: transparent linear-gradient(270deg,#fdb23b 0%,#fdb23b 100%) no-repeat padding-box;/*黄ボタン2_事例*/
  transition: .3s;
  width: 100%;
  max-width: 350px;
  border-radius: 40px;
  border: 0;
  opacity: 1;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  opacity: 1;
  display: block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  margin: 10px auto;
  cursor: pointer;
  text-shadow: 0px 0px 3px rgb(17 17 17 / 50%);
}

.btn-primary_y {
    height: 60px;
    line-height: 10px;
    font-size: 1.3em;
    padding: 0;
    margin: 15px auto 0.7em;
    display: block;
    letter-spacing: .09em;
}

.btn-primary:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_gen:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_m:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_y:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_medi:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_yb:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_medi[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary_yb[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary_m[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary_y[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle .btn-primary {
  cursor: pointer;
  color: #3b444b;
  /*border:1px solid #16da00;*/
  /*background:#fff*/
}

.formInputInner.Company_Personal input[type=text] {
  display: inline-block;
  width: 280px;
  margin-left: .75rem
}

/*ボタンクラスリセット*/
input[type="submit" i] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

@media screen and (max-width:500px) {
  .btn-primary {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
  }
  .btn-primary_m {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
  }
  .btn-primary_y {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
  }
  .btn-primary_medi {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: auto;
    display: block;
    letter-spacing: .09em;
  }
    .btn-primary_yb {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: auto;
    display: block;
    letter-spacing: .09em;
  }
}

input.form-control:placeholder-shown, textarea.form-control:placeholder-shown {
  color: rgba(0, 0, 0, 1) !important;
}


#pardot-form textarea {
  height: 100px !important;
}

.disabled-btn {
  background-color: unset;
  border: unset;
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 428px){
.form-group .col-sm-7 {
    padding: 0 0 1.2em;
    }
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 13px 13px;
    border-radius: 4px;
    }
  select#situation {
    height: 50px;
  }
}

.error input, .error select, .error span.value label, .error textarea {
    border: 2px solid #9b9b9b;
    background-color: #ffe1e1;
}

.alert.alert-danger {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px 10px;
    border: 2px solid #f7e700;
    border-radius: 0;
    background: 0 0;
    font-weight: 600;
}

.btn-primary_medi[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary_yb[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

#submit.btn {
    height: 60px;
    line-height: 10px;
    font-size: 1.4em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
    letter-spacing: .09em;
  　cursor: pointer;
}

.form-group .formHeading {
    padding: 0.4em 0.5em 0.1em;
}

.formHeading.col-sm-5.ph {
    padding: 0.4em 0.5em 0.1em;
}

.af_input_text {
    text-align: left;
    font-size: .85em;
    line-height: 1;
    margin-bottom: 1em;
    margin-left: .5em;
}

.at_input_text {
    font-size: .85em;
  　　 　display: contents !important;
}

.form-group .col-sm-7.ph {
    padding: .4em .5em;
}

@media screen and (max-width:500px) {
  .af_input_text {margin-left: 0;}
  .form-group .col-sm-7.ph {padding: 0 0 0.5em;}
  .formHeading.col-sm-5.ph {padding: 0.4em 0.5em 0.5em;}
  .col-sm-7.ph input[type=text] {font-size: 100%;}
  .col-sm-7.ph input[type=tel] {font-size: 100%;}
}

.form__left.nonpdf p::before {
    background: unset !important;
}
.form__left.nonpdf p { 
  text-indent: 0 !important;
}

.present__box {
    border: 1px solid;
    border-radius: 8px;
    padding: 2em 1em 2em 7em;
    margin: 10px 10px;
    color: #f14646;
    font-weight: bold;
    position: relative;
    text-align: left !important;
}
@media screen and (min-width:501px) {
.present__box{
    max-width: 380px;
    margin: 10px auto;
}
}
.present__box::before {
    background: url(https://www.smartmat.io/hubfs/medical/Apollonia_2022_02.jpg) no-repeat;
    content: "";
    background-size: cover;
    display: inline-block;
    width: 7em;
    height: 7em;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*isms*/
img.isms__flp {
    width: 209px;
    height: 79px;
    margin-left: 15px;
}
@media screen and (max-width: 769px){
  img.isms__flp {
   margin-left:0;
  }
}

/*isms*/
img.isms {
    width: 200px;
    height: 74px;
    margin-top: 15px;
    display: block;
}

.isms__footer {
    align-items: center;
}

@media screen and (max-width: 769px){
  img.isms {
      margin: 0 auto;
  }
  .isms__footer {
    align-items: center;
    flex-direction: column;
}
}

.column.is-12.company.logo_isms {
    max-width: 500px;
    margin: 0;
}

footer hr_2{
    height: 1px;
    background-color: #FFF;
    width: 100%;
    border: 0;
    margin: 8px 0;
    padding: 0;
    display: block;
}

/*lp.smartmat.io /LPのiflame埋め込み用*/

#submit.btn_l {
    height: 60px;
    line-height: 10px;
    font-size: 1.3em;
    padding: 0;
    margin: 15px auto 0.7em;
    display: block;
    letter-spacing: .09em;
    position: relative;
}

#submit.btn_l::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    /* border: 3px solid #3C73C7; */
    border-top: 3px solid #3C73C7;
    border-right: 3px solid #3C73C7;
}


#submit.btn_l::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 28px;
    height: 25px;
    background-color: #fff;
    border-radius: 50%;
}

.form__box_l .if_l {
    font-size: 20px;
    text-align: center;
    color: #3C73C7;
    border-bottom: 1px solid #3C73C7;
    padding-bottom: 0.5em;
    font-weight: 700;
    margin: 10px 0 10px 0;
}

.form__box_l {
    background-color: #F7FAFF;
    padding: 0.6em 1em 2.5em;
    border-radius: 20px;
    max-width: 500px;
    margin: 0 auto;
}

.form-group .formHeading_l {
    margin: 0;
    padding: .4em .5em .1em;
    background: #F7FAFF;
    text-align: left;
}

.form-group .col-sm-7_l {
    padding: 0.4em 1.5em;
    background-color: #F7FAFF;
}

.form-group .col-sm-7_l.ph {
    padding: 0.4em 0.5em;
}

.col-sm-7_l .form-control {
    border: 1px solid #E0E0E0;
}

.btn-primary_medi_l {
    color: #fff;
    background: linear-gradient(180deg, #15CDAC 0%, #25BFD3 100%);
    transition: .3s;
    box-shadow: 0px 4px 4px 0px #47577640;
    width: 100%;
    max-width: 460px;
    max-height: 72px;
    border-radius: 12px;
    border: 0;
    opacity: 1;
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0px;
    opacity: 1;
    display: block;
    vertical-align: bottom;
    text-decoration: none;
    padding: 0;
    margin: 10px auto;
}

.btn-primary_medi_l:hover {
  transform: translate3d(0, 5px, 0);
}

.required .formHeading_l::after {
    content: '必須';
    background: #F93D5A;
}

.formHeading_l::after {
    font-size: 11px;
    font-weight: bold;
    position: relative;
    bottom: 1px;
    margin-right: 5px;
    padding: 5px;
    content: '任意';
    color: #fff;
    border-radius: 2px;
    background: #93c9ff;
}

/*SMLプレゼントCP枠*/
.request_box_pre {
    padding: 8px 19px;
    margin: 0.5em 0;
    border: solid 2px #209CEE;
    border-radius: 4px;
}
.request_box_pre p {
    margin: 0; 
    padding: 0;
}

@media screen and (min-width: 769px){
#request .form__right {
  width: 43%;
  padding-left: 16px;
}
#request .form__left {
  width: 50%;
  padding-right: 16px;
}
}
@media screen and (max-width: 768px){
  #request .form__left {
  display: none;
 }
  #request .form__right {
  width: 100%;
  display: flex;
  flex-flow: column;
  padding-left: 0;
 }
}
/*カルーセル*/
@keyframes tonext {
  75% {
    left: 0;
  }
  95% {
    left: 100%;
  }
  98% {
    left: 100%;
  }
  99% {
    left: 0;
  }
}

@keyframes tostart {
  75% {
    left: 0;
  }
  95% {
    left: -300%;
  }
  98% {
    left: -300%;
  }
  99% {
    left: 0;
  }
}

@keyframes snap {
  96% {
    scroll-snap-align: center;
  }
  97% {
    scroll-snap-align: none;
  }
  99% {
    scroll-snap-align: none;
  }
  100% {
    scroll-snap-align: center;
  }
}

.carousel-wrap {
  max-width: 504px;
  margin: 0 auto;
  position: relative;
}

* {
  box-sizing: border-box;
/*   scrollbar-color: transparent transparent; /* thumb and track color */ */
/*   scrollbar-width: 0px; */
}

*::-webkit-scrollbar {
/*   width: 0; */
}

*::-webkit-scrollbar-track {
/*   background: transparent; */
}

*::-webkit-scrollbar-thumb {
/*   background: transparent;
  border: none; */
}

* {
/*   -ms-overflow-style: none; */
}

ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.carousel {
  position: relative;
  padding-top: 51%;
  perspective: 100px;

}

.carousel__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.ratio-1_1::before {
    content: 'aaa';
    display: block;
    padding-top: 100%; /* 1:1 */
}

.carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  counter-increment: item;
  margin: 0 40px;
  background: url(https://www.smartmat.io/hubfs/%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B3%87%E6%96%99%E6%A6%82%E8%A6%81.png) no-repeat top center;
  background-size: 86%;
}

.carousel__slide:nth-child(2) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%206.png) no-repeat top center;
  background-size: 86%;
}
.carousel__slide:nth-child(3) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%207.png) no-repeat top center;
  background-size: 86%;
}

.carousel__slide:nth-child(4) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%208.png) no-repeat top center;
  background-size: 86%;
}

/*B検証用*/
.carousel__slide_b:nth-child(2) {
  background: url(https://www.smartmat.io/hubfs/image%2022.png) no-repeat top center;
  background-size: 86%;
}
.carousel__slide_b:nth-child(3) {
  background: url(https://www.smartmat.io/hubfs/image%2019.png) no-repeat top center;
  background-size: 86%;
}

.carousel__slide_b:nth-child(4) {
  background: url(https://www.smartmat.io/hubfs/image%2021.png) no-repeat top center;
  background-size: 86%;
}

.carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  scroll-snap-align: center;
}

@media (hover: hover) {
  

  .carousel__slide:last-child .carousel__snapper {
    animation-name: tostart, snap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel__snapper {
    animation-name: none;
  }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
  animation-name: none;
}

.carousel__navigation {

}

.carousel__navigation-list,
.carousel__navigation-item {
  display: flex;
  justify-content: space-between;
  text-indent: 120%;
  overflow: hidden;
}

.carousel__navigation-item {
  background: url(https://www.smartmat.io/hubfs/%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E8%B3%87%E6%96%99%E6%A6%82%E8%A6%81.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}

.carousel__navigation-item:nth-child(2) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%206.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}
.carousel__navigation-item:nth-child(3) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%207.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}

.carousel__navigation-item:nth-child(4) {
  background: url(https://www.smartmat.io/hubfs/Rectangle%208.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}
/*B検証用*/
.carousel__navigation-item_b:nth-child(2) {
  background: url(https://www.smartmat.io/hubfs/image%2022.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}
.carousel__navigation-item_b:nth-child(3) {
  background: url(https://www.smartmat.io/hubfs/image%2019.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}

.carousel__navigation-item_b:nth-child(4) {
  background: url(https://www.smartmat.io/hubfs/image%2021.png) no-repeat top center;
  background-size: contain;
  width: 23%;
  min-height: 64px;
}
.carousel__navigation-button {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  transition: transform 0.1s;
}

.carousel__navigation-item {
  position: relative;
}

.carousel-wrap::before,
.carousel-wrap::after,
.carousel__prev,
.carousel__next {
  position: absolute;
  top: 0;
  margin-top: 24%;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
  font-size: 0;
  outline: 0;
}

.carousel-wrap::before,
.carousel__prev {
  left: 0;
}

.carousel-wrap::after,
.carousel__next {
  right: 0;
}

.carousel-wrap::before,
.carousel-wrap::after {
  content: '';
  z-index: 1;
  position: absolute;
  top: -6rem;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  pointer-events: none;
}

.carousel-wrap::before {
  left: 3px;
  width: 16px;
  height: 16px;
  border-top: 4px solid #2A4365;
  border-right: 4px solid #2A4365;
  transform: rotate(225deg);
}

.carousel-wrap::after {
  left: 3px;
  width: 16px;
  height: 16px;
  border-top: 4px solid #2A4365;
  border-right: 4px solid #2A4365;
  transform: rotate(45deg);
  right: 0;
  left: auto;
}


/* ステップフォーム用スタイル */
.step-indicator {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
}

.step-indicator::after {
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
  z-index: 1;
}

.step {
  width: 30%;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #e0e0e0;
  position: relative;
  z-index: 2;
}

.step.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.step.completed {
  background-color: #28a745;
  color: white;
  border-color: #28a745;
}

.form-step {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.form-step h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
  border-left: none;
}

.step-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.next-btn, .prev-btn {
  padding: 8px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.next-btn {
  background-color: #007bff;
  color: white;
}

.next-btn:hover {
  background-color: #0069d9;
}

.prev-btn {
  background-color: #6c757d;
  color: white;
}

.prev-btn:hover {
  background-color: #5a6268;
}

.submit-btn {
  width: auto;
  margin-left: auto;
}

/* エラー表示のスタイル */
.form-control.error {
  border-color: #dc3545;
}

.error-message {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .step {
    font-size: 12px;
  }
  
  .formHeading.col-sm-5, .col-sm-7 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .form-group.row {
    margin-left: 0;
    margin-right: 0;
  }
}
</style>
/* CTA */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.cta-bnr-cmn .service-popup {
    /* padding: 24px; */
    /* background-color: #209cee; */
    /* border-radius: 8px; */
    position: relative;
    z-index: 998;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    transition: opacity .6s ease-out;
    margin: 15px;
}

.cta-bnr-cmn .service-popup .service-popup-image {
    max-width: 352px;
    /* margin-bottom: 16px; */
}

.cta-bnr-cmn .service-popup .service-cta-button.is-download {
    /* background: #f5b00b; */
    position: absolute;
    bottom: 1.7rem;/*.7em*/
    left: 0;
    right: 0;
    margin: auto;/*.auto 10px*/
    background: transparent linear-gradient( 270deg,#ee5169 0%,#ed830d 36%,#ffdd57 100%) 0% 0% no-repeat padding-box;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 15px;
}

.cta-bnr-cmn .service-popup .service-cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 9999px;
}

@media screen and (max-width: 768px){
.cta-bnr-cmn .service-popup .service-cta-button.is-download {
    position: relative;
    bottom: 0;
}
.cta-bnr-cmn .service-popup {
    box-shadow: none;
}
}

/*追従バナー*/
.follow_up_banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 70px;
    background-color: transparent;
    /*background-image: linear-gradient(273deg, rgba(255, 241, 255, 0.87) 0%, rgba(188, 232, 255, 0.87) 100%);*/
    background-image: linear-gradient(273deg, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0.87) 100%);
}
/*テキスト*/
.follow_up_banner_txt {
    margin-right: 35px;
    color: #4a4a4a;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.47;
}
/*ボタン*/
.follow_up_banner_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 375px;
}
/*追従バナーここまで*/

/*バナー内CTAボタン*/
.follow_up_banner_btn .btn-cta {
    width: 100%;
    height: 35px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .25px;
    line-height: 2;
    margin: auto;
}
.follow_up_banner_btn .btn-cta-m {
    width: 100%;
    height: 35px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .25px;
    line-height: 2;
    margin: auto;
    
}
.follow_up_banner_btn .btn-cta-g {
    width: 100%;
    height: 35px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .25px;
    line-height: 2;
    margin: auto;
    
}

@media screen and (max-width: 768px){
.follow_up_banner_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.follow_up_banner_btn .btn-cta {
    width: 100%;
    height: auto;
    font-size: 1rem;
    letter-spacing: .25px;
    border: unset;
}
.follow_up_banner_btn .btn-cta-m {
    width: 100%;
    height: auto;
    font-size: 1rem;
    letter-spacing: .25px;
    border: unset;
}
.follow_up_banner_btn .btn-cta-g {
    width: 100%;
    height: auto;
    font-size: 1rem;
    letter-spacing: .25px;
    border: unset;
}
}

.move_cta {
    animation: move_cta 3s infinite;
}
@keyframes move_cta {
    0% {
        transform: translate(3px, 0px);
    }
    5% {
        transform: translate(-3px, 0px);
    }
    10% {
        transform: translate(3px, 0px);
    }
    15% {
        transform: translate(-3px, 0px);
    }
    20% {
        transform: translate(3px, 0px);
    }
    25% {
        transform: translate(-3px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.move_cta_2 {
    animation: move_cta_2 2s infinite;
}
@keyframes move_cta_2 {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

.container_case_cta {
    margin: auto;
    /* width: 680px; */
    /*border-bottom: 1px solid #efefef;*/
    margin-bottom: -50px;
    width: 100%;
    max-width: 680px;
}

/*メインビジュアル CTAボタン位置調整*/
@media screen and (max-width: 768px){
.cta__layout__sp__20{
	position: relative;
	bottom: -20px;
	}
  .follow_up_banner_btn .cta__layout__sp__20{
  bottom: 0px;
  }
}

/*CTAボタンの上にテキスト追加 緑ver*/

.cta-button-before__text{
    position: relative;
    background: #fff;
    border: 2px solid;
    border-radius: 100px;
    color: #2bd67c;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    padding: 1px 6px;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}

.cta-button-before__maintext{
    display: flex;
    position: absolute;
    top: 1.2em;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    margin: auto;
    color: #4c4948;
    background-color: #fff;
    border: 4px solid #2bd67c;
    padding: 0.2em 1em;
    border-radius: 30px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    transition: all ease 0.3s;
    height: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.cta-button-before__maintext::after{
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    bottom: -0.6em;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top: 10px solid #fff;
    border-bottom-width: 0;
}
/* ランディングページ */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#lp {
	max-width: 100vw;
	overflow: hidden
}

/*bluma 上書き*/
.columns__display:not(.is-desktop) {
    display: block;
    flex-wrap: nowrap;
}

.adcampaign4e_lg .columns {
    display: block;
    flex-wrap: nowrap;
}
.adcampaign4e_rf_lg .columns {
    display: block;
    flex-wrap: nowrap;
}

/* ヘッダーの背景の設定 START */

/******　PC用　******/
/* 背景グレー部分 */
#lp .m_bg {
  background: url(https://www.smartmat.io/hubfs/mv_bg.png) no-repeat center center/cover
}
#lp .adcampaign4e.m_bg {
  background: url(https://www.smartmat.io/hubfs/mv_bg.png) no-repeat center center/cover
}
#lp .adcampaign4e_rf.m_bg {
  background: url(https://www.smartmat.io/hubfs/mv/mv_bg_bl.png) no-repeat center center/cover
}

#lp .adcampaign4e_lg.m_bg{
	background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat center center/cover;
  height: 630px;
  padding-bottom: 3rem!important;
  padding-top: 3rem!important;
}

#lp .adcampaign4e_lg.m_bg_blue {
    background: linear-gradient(to right,#f5fbff 0%, #dbf1ff 51.23%, #d1edff 100%);
}
#lp .adcampaign4e_lg.m_bg_blue_gra {
    /*background: linear-gradient(to right,#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);*/
    background: linear-gradient(to right,#B6E3FF 0%, #5FC5FF 49.75%, #27CAFE 100%);
    opacity: 1;
}

#lp .adcampaign4e_rf_lg.m_bg{
	background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat center center/cover;
  height: 630px;
  padding-bottom: 3rem!important;
  padding-top: 3rem!important;
}

#lp .adcampaign4e_rf_lg.m_bg_blue {
    background: linear-gradient(to right,#f5fbff 0%, #dbf1ff 51.23%, #d1edff 100%);
}
#lp .adcampaign4e_rf_lg.m_bg_blue_gra {
    background: linear-gradient(to right,#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
    opacity: 1;
}

#lp .adcampaign4e_lg.sh {
    height: 580px;
}
#lp .adcampaign4e_rf_lg.sh {
    height: 580px;
}
#lp .adcampaign4e_2scr.m_bg {
    background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat center center/cover;
}
#lp .adcampaign4e_2scr.m_bg_blue{
	background: linear-gradient(to right,#fff 0%, #fff 50%, #F5FBFF 50%, #d1edff 100%);
}
#lp .adcampaign4e_2scr.m_bg_blue_gra{
  background: linear-gradient(to right,#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
  opacity: 1;
}
#lp .adcampaign4e_rf_2scr.m_bg {
    background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat center center/cover;
}
#lp .adcampaign4e_rf_2scr.m_bg_blue{
	background: linear-gradient(to right,#fff 0%, #fff 50%, #F5FBFF 50%, #d1edff 100%);
}
#lp .adcampaign4e_rf_2scr.m_bg_blue_gra{
  background: linear-gradient(to right,#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
  opacity: 1;
}
#lp .adcampaign4a.m_bg {
  background: url(https://www.smartmat.io/hubfs/mv/mv_bg_bl.png) no-repeat center center/cover
}
#lp .adcampaign_t1-1.m_bg {
  background: url(https://www.smartmat.io/hubfs/mv_bg.png) no-repeat center center/cover
}
#lp .adcampaign_t1-5.m_bg {
  background: url(https://www.smartmat.io/hubfs/medical/medi_mv_bg@2x.png) no-repeat center center/cover;
}
#lp .adcampaign_t1-5_m3.m_bg {
  background: url(https://www.smartmat.io/hubfs/medical/medi_mv_bg@2x.png) no-repeat center center/cover;
}
#lp .adcampaign_t1-5a.m_bg {
  background: url(https://www.smartmat.io/hubfs/medical/medi_mv_bg@2x.png) no-repeat center center/cover;
}
#lp .adcampaign_t1-5b.m_bg {
  background: url(https://www.smartmat.io/hubfs/medical/medi_mv_bg@2x.png) no-repeat center center/cover;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
#lp .adcampaign_t1-5c.m_bg {
  background: url(https://www.smartmat.io/hubfs/medical/medi_mv_bg@2x.png) no-repeat center center/cover;
}

/* マット画像部分 */
#lp .m_bg .m_visual {
  background: url(https://www.smartmat.io/hubfs/smc_mv_bg_lp.png) no-repeat center center/1366px auto;
  }

#lp .adcampaign4e.m_bg .m_visual {
  /*background: url(https://www.smartmat.io/hubfs/smc_mv_bg_lp.png) no-repeat left bottom -10px/1366px auto;*/
  
   /*通常画像*/
   background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re.png) no-repeat right bottom 35px/650px auto;
  
   /*IT補助金対応画像*/
  /*background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re-1.png) no-repeat right bottom 40px/650px auto;*/
  }

#lp .adcampaign4e_rf.m_bg .m_visual {
  /* 2021年 IT補助金対応画像
   background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re-1.png) no-repeat right center/630px auto;*/
  background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re.png) no-repeat right bottom 35px/650px auto;
  }

#lp .adcampaign4e_lg.m_bg .m_visual {
   　　background: url(https://www.smartmat.io/hubfs/mv/1006_mv_pc_scr_dvc_la.png) no-repeat center bottom -50px/1045px auto;
    /*2022年 IT補助金対応画像*/
    /* background: url(https://www.smartmat.io/hubfs/mv/0510_mv_pc_scr_dvc_la.png) no-repeat center bottom -50px/1045px auto;*/
    padding-top: 64px !important;
    padding-bottom: 148px !important;
  }

#lp .adcampaign4e_rf_lg.m_bg .m_visual {
    /* background: url(https://www.smartmat.io/hubfs/mv/1006_mv_pc_scr_dvc_la.png) no-repeat center bottom -70px/1045px auto;*/
    /* 2022年 IT補助金対応画像*/
    background: url(https://www.smartmat.io/hubfs/mv/0510_mv_pc_scr_dvc_la.png) no-repeat center bottom -70px/1045px auto;
    padding-top: 64px !important;
    padding-bottom: 148px !important;
  }

#lp .adcampaign4e_2scr.m_bg .m_visual {
    background: url(https://www.smartmat.io/hubfs/mv/211006_mv_pc_scr_dvc_sm.png) no-repeat right bottom -30px/670px auto;
    /* 2022年 IT補助金対応画像*/
    /* background: url(https://www.smartmat.io/hubfs/mv/0510_mv_pc_scr_dvc_sm-1.png) no-repeat right bottom -30px/670px auto;*/
  }
#lp .adcampaign4e_rf_2scr.m_bg .m_visual {
    background: url(https://www.smartmat.io/hubfs/mv/211006_mv_pc_scr_dvc_sm.png) no-repeat right/670px auto;
    /*padding-bottom: 158px !important;*/
  }

#lp .adcampaign4a.m_bg .m_visual {
  background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re-1.png) no-repeat right center/630px auto;
  }

#lp .adcampaign_t1-1.m_bg .m_visual {
   /*IT補助金対応画像*/
  background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bc_re-1.png) no-repeat right bottom 45px/680px auto;
  }
#lp .adcampaign_t1-5.m_bg .m_visual {
  /*background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) no-repeat center bottom -20px/1369px 100%; */
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) center bottom -30px no-repeat;
    background-size: cover;
    width: 100%;
    height: 530px;
  }
#lp .adcampaign_t1-5_m3.m_bg .m_visual {
  /*background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) no-repeat center bottom -20px/1369px 100%; */
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) center bottom -30px no-repeat;
    background-size: cover;
    width: 100%;
    height: 530px;
  }
#lp .adcampaign_t1-5_m3.m_bg .m_visual {
  /*background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) no-repeat center bottom -20px/1369px 100%; */
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_pc_tablet_mat@2x.png) center bottom -30px no-repeat;
    background-size: cover;
    width: 100%;
    height: 530px;
  }
 /*メインビジュアル PC画面の画像を大きく*/
#lp .adcampaign_t1-5a.m_bg .m_visual {
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/medical/pc_mat_210831.png) center bottom -30px no-repeat;
    background-size: cover;
    width: 100%;
    height: 530px;
}
 /*メインビジュアル 人メイン*/
#lp .adcampaign_t1-5b.m_bg .m_visual {
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_hum_pc.png) right -140px center no-repeat;
    background-size: cover;
    width: 100%;
    height: 586px;
}
 /*フォーム埋め込み*/
#lp .adcampaign_t1-5c.m_bg .m_visual {
    box-sizing: border-box;
    background: url(https://www.smartmat.io/hubfs/mv/211008_mv_pc_scr_dvc_la.png) left 30px top 240px no-repeat;
    background-size: 784px;
    padding-bottom: 229px !important;
}

/* メインビジュアル大きさ調整 */
@media screen and (min-width: 769px){
#lp .adcampaign4e .container {
    max-width: 1186px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
#lp .adcampaign_t1-1 .container {
    max-width: 1186px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
#lp .adcampaign_t1-5 .container {
    max-width: 1286px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
  #lp .adcampaign_t1-5_m3 .container {
    max-width: 1286px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
#lp .adcampaign_t1-5a .container {
    max-width: 1286px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
#lp .adcampaign_t1-5b .container {
    max-width: 1286px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
#lp .container {
    max-width: 1136px !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
  
}

/******　SP用　******/
@media screen and (max-width: 768px) {
  /* 背景グレー部分 */
  #lp .m_bg {
		background: url(https://www.smartmat.io/hubfs/mv_bg_sp.png) no-repeat top center;
		background-size: 100% 509px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
  #lp .adcampaign4e.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv_bg_sp.png) no-repeat top center;
		background-size: 100% 509px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
    #lp .adcampaign4e_lg.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat top center;
		background-size: cover !important;
		padding: 0 !important;
	  padding-top: 1.4rem !important;
    /*height:590px*/
	}
  
  #lp .adcampaign4e_lg.m_bg_blue {
    background: linear-gradient(to left top,#d1edff 0%, #dbf1ff 51.23%, #f5fbff 100%);
  }
  #lp .adcampaign4e_lg.m_bg_blue_gra {
    background: linear-gradient(#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
    opacity: 1;
  }
  #lp .adcampaign4e_lg.sh {
    height:630px
  }
  #lp .adcampaign4e_rf_lg.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat top center;
		background-size: cover !important;
		padding: 0 !important;
	  padding-top: 1.4rem !important;
    height:590px
	}
    #lp .adcampaign4e_rf_lg.m_bg_blue {
    background: linear-gradient(to left top,#d1edff 0%, #dbf1ff 51.23%, #f5fbff 100%);
  }
  #lp .adcampaign4e_rf_lg.m_bg_blue_gra {
    background: linear-gradient(#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
    opacity: 1;
  }
  #lp .adcampaign4e_2scr.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat top center;
		background-size: cover !important;
		padding: 0 !important;
	  padding-top: 1.4rem !important;
	}
  #lp .adcampaign4e_2scr.m_bg_blue {
    background: linear-gradient(to left top,#d1edff 0%, #dbf1ff 51.23%, #f5fbff 100%);
  }
  #lp .adcampaign4e_2scr.m_bg_blue_gra{
    background: linear-gradient(#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
    opacity: 1;
  }
  #lp .adcampaign4e_rf_2scr.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_hf.png) no-repeat top center;
		background-size: cover !important;
		padding: 0 !important;
	  padding-top: 1.4rem !important;
    height:590px
	}
  #lp .adcampaign4e_rf_2scr.m_bg_blue {
    background: linear-gradient(to left top,#d1edff 0%, #dbf1ff 51.23%, #f5fbff 100%);
  }
  #lp .adcampaign4e_rf_2scr.m_bg_blue_gra{
    background: linear-gradient(#88d1ff 0%, #42b0f5 49.75%, #00d3eb 100%);
    opacity: 1;
  }
  #lp .adcampaign4e_rf.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_bl_sp.png) no-repeat top center #e1f0fb;
		background-size: 100% 569px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
  #lp .adcampaign4a.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv/mv_bg_bl_sp.png) no-repeat top center #e1f0fb;
		background-size: 100% 569px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
    #lp .adcampaign_t1-1.m_bg {
		background: url(https://www.smartmat.io/hubfs/mv_bg_sp.png) no-repeat top center;
		background-size: 100% 509px !important;
		padding: 0 !important;
	  padding-top: 1.75rem !important;
	}
    #lp .adcampaign_t1-5.m_bg {
    background: url(https://www.smartmat.io/hubfs/medical/sp_medi_mv_bg@2x.png) no-repeat top center;
    background-size: 100% 684px !important;
    padding: 0 !important;
    padding-top: 1.75rem !important;
	  }
  #lp .adcampaign_t1-5a.m_bg {
    background: url(https://www.smartmat.io/hubfs/medical/sp_medi_mv_bg@2x.png) no-repeat top center;
    background-size: 100% 684px !important;
    padding: 0 !important;
    padding-top: 1.75rem !important;
  }
  #lp .adcampaign_t1-5b.m_bg {
    background: url(https://www.smartmat.io/hubfs/medical/sp_medi_mv_bg@2x.png) no-repeat top center;
    background-size: 100% 684px !important;
    padding: 0 !important;
    padding-top: 1.25rem !important;
  }
  #lp .adcampaign_t1-5c.m_bg {
    background: url(https://www.smartmat.io/hubfs/medical/sp_medi_mv_bg@2x.png) no-repeat top center;
    background-size: cover !important;
    padding: 0 !important;
    padding-top: 1.25rem !important;
  }

/* マット画像部分 */
	#lp .m_bg .m_visual {
		padding-bottom: 24px !important;
		background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat top center/375px auto
	}
	#lp .adcampaign4e.m_bg .m_visual {
		padding-bottom: 24px !important;
		background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat bottom 25px center/380px auto
    /*IT補助金対応画像
    background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bg_sp.png) no-repeat bottom 15px center/380px auto*/
	}
  #lp .adcampaign4e_lg.m_bg .m_visual {
		padding-bottom: 24px !important;
    padding-top: 36px !important;
    background: url(https://www.smartmat.io/hubfs/mv/211006_mv_sp_scr_dvc_sm.png) no-repeat center bottom 90px/375px auto;
    /*2022年IT補助金対応画像*/
    /*background: url(https://www.smartmat.io/hubfs/mv/0510_mv_sp_scr_dvc_sm-1.png) no-repeat center bottom 90px/375px auto;*/
	}
  #lp .adcampaign4e_rf_lg.m_bg .m_visual {
		padding-bottom: 24px !important;
    padding-top: 36px !important;
    /*background: url(https://www.smartmat.io/hubfs/mv/211006_mv_sp_scr_dvc_sm.png) no-repeat center bottom 70px/375px auto;*/
    /*2022年IT補助金対応画像*/
    background: url(https://www.smartmat.io/hubfs/mv/0510_mv_sp_scr_dvc_sm-1.png) no-repeat center bottom 70px/375px auto;
	}
 
  #lp .adcampaign4e_2scr.m_bg .m_visual {
		padding-bottom: 24px !important;
    padding-top: 36px !important;
    background: url(https://www.smartmat.io/hubfs/mv/211006_mv_sp_scr_dvc_sm.png) no-repeat center bottom 90px/375px auto;
    /*2022年IT補助金対応画像*/
    /*background: url(https://www.smartmat.io/hubfs/mv/0510_mv_sp_scr_dvc_sm-1.png) no-repeat center bottom 90px/375px auto;*/
	}
  
  #lp .adcampaign4e_rf_2scr.m_bg .m_visual {
		padding-bottom: 24px !important;
    padding-top: 36px !important;
    background: url(https://www.smartmat.io/hubfs/mv/211006_mv_sp_scr_dvc_sm.png) no-repeat center bottom 90px/375px auto;
	}
  #lp .adcampaign4e_rf.m_bg .m_visual {
		padding-bottom: 24px !important;
   /* background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bg_sp.png) no-repeat bottom 15px center/380px auto;*/
    background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat bottom 25px center/380px auto;
	}
  #lp .adcampaign4a.m_bg .m_visual {
		padding-bottom: 24px !important;
    background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bg_sp.png) no-repeat bottom 15px center/380px auto
	}
  #lp .adcampaign_t1-1.m_bg .m_visual {
		padding-bottom: 24px !important;
		/*background: url(https://www.smartmat.io/hubfs/smc_mv_bg_sp.png) no-repeat bottom 25px center/380px auto*/
    
    /*IT補助金対応画像*/
    background: url(https://www.smartmat.io/hubfs/mv/smc_mv_bg_sp.png) no-repeat bottom 10px center/380px auto
	  }
  	#lp .adcampaign_t1-5.m_bg .m_visual {
    padding-bottom: 24px !important;
    background: url(https://www.smartmat.io/hubfs/medical/sp_mv_medi_pc_tablet_mat@2x.png) no-repeat bottom 110px center/355px auto;
    height: auto;
    }
    #lp .adcampaign_t1-5_m3.m_bg .m_visual {
    padding-bottom: 24px !important;
    background: url(https://www.smartmat.io/hubfs/medical/sp_mv_medi_pc_tablet_mat@2x.png) no-repeat bottom 30px center/355px auto;
    height: auto;
    }
    /*メインビジュアル画像 PC画面のイラスト大きく*/
    #lp .adcampaign_t1-5a.m_bg .m_visual {
    padding-bottom: 24px !important;
    background: url(https://www.smartmat.io/hubfs/medical/sp_mat_210831.png) no-repeat bottom 110px center/355px auto;
    height: auto;
    }
  
    #lp .adcampaign_t1-5b.m_bg .m_visual {
    padding-bottom: 24px !important;
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_hum_sp.png) no-repeat top 200px center/auto;
    height: auto;
    background-size: contain;
    }
  
    #lp .adcampaign_t1-5b.re_height.m_bg .m_visual {
    background: url(https://www.smartmat.io/hubfs/medical/mv_medi_hum_sp.png) no-repeat top 200px center/auto;
    background-size: contain;
    }
  
    #lp .adcampaign_t1-5c.m_bg .m_visual {
    background: url(https://www.smartmat.io/hubfs/mv/211008_mv_sp_scr_dvc_la.png) no-repeat bottom 10px center/355px auto;
    height: auto;
    padding-bottom: 0px !important;
    }
    #lp .adcampaign_t1-5c.top_form {
    height: 1350px;
    }
}

/******　SP用　END*****/
/* ヘッダーの背景の設定 END */

#lp .m_visual {
  position: relative;
	padding-top: 64px !important;
	padding-bottom: 64px !important
}

#lp .m_visual img.smc_txt{
  max-width:326px;
  height:auto;
}

#lp .m_visual img.smc_mv_img{
  max-width:167px;
  height:auto;
}

@media screen and (max-width: 768px) {
	#lp {
		margin-top: 0 !important
	}

	#lp .sp-pt-0 {
		padding-top: 0 !important
	}
  
	#lp .sp-pb-0 {
		padding-bottom: 0 !important;
	}
  
	#lp .sp-mt-3 {
		margin-top: 0.75rem !important
	}

  #lp .m_visual .hero-title .column.mt-6 {
		margin-top: 0 !important
	}

	#lp .m_visual img.smc_txt {
		max-width: 209px
	}

	#lp .m_visual img.smc_mv_img {
		max-width: 129px
	}

	#lp .m_visual .btn-area {
		margin-top: 280px !important
	}

	#lp .m_visual .btn-area .column .btn-cta {
		width: 100%;
    
		margin: 0 auto;
    /*font-size: 1.25rem;*/
	}
  
 #lp .column.is-12.has-text-centered .btn-cta {
    width: 100%;
    margin: 0 auto;
	}


	#lp .m_visual .hs-cta-wrapper {
		margin-top: 0 !important
	}

	#lp .m_visual {
		padding-top: 32px !important;
		padding-bottom: 32px !important
	}
}

#lp .m_visual .mv-title {
	width: 539px;/*519*/
}

#lp .m_visual .mv-title.sub {
    font-size: 35px;
    font-weight: 600;
}

#lp .m_visual .mv-title.w100 {
	width: 100%;
}
#lp .mv-title.w100.txt_center {
    text-align: center;
    position: relative;
    top: -60px;
}

#lp .mv-title.w100.txt_center_rf {
    text-align: center;
    position: relative;
    top: -50px;
}

#lp .adcampaign_t1-5c .mv-title {
    position: relative;
    top: -20px;
}

/*1-5mv横幅修正*/
#lp .m_visual .mv-title.medical {
    width: 630px;
}
#lp .mv-title.t1-1 {
    width: 565px;
    letter-spacing: .07em;
}

@media screen and (max-width: 768px) {
	#lp .m_visual .mv-title {
		width: 100%
	}
  #lp .m_visual .mv-title {
		width: 100%;
    padding: 0 10px;
	}
  #lp .m_visual .mv-title.sub {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }
  #lp .m_visual .mv-title span {
  text-align: center;
  }
}


#lp .m_visual .mv-title span {
	display: block;
	position: relative
}
#lp .m_visual .mv-title .blue {
	display: contents;
	position: relative
}

#lp .m_visual .mv-title .maintext {
	font-size: 36px;
	line-height: 1.3333;
	font-weight: bold;
	color: #333
}

/* メインキャッチの大きさ指定修正版 */
#lp .m_visual .mv-title .maintext_1 {
	font-size: 45px;
	line-height: 1.3333;
	font-weight: bold;
	color: #333
}
#lp .m_visual .mv-title .maintext_2 {
	font-size: 45px;
	line-height: 1.3333;
	font-weight: bold;
	color: #333;
  letter-spacing: .03em;
}
#lp .m_visual .mv-title .maintext_3 {
    font-size: 48px;
    line-height: 1.45;
    font-weight: bold;
    color: #333;
    letter-spacing: 0.05em;
}

span.maintext_3.b_gra_c {
    background: linear-gradient( to right,#88d1ff 0%, #42b0f5 52.22%, #0f99f0 100%);
    -webkit-background-clip: text;
    color: transparent !important;
}

#lp .m_visual .mv-title .maintext_4 {
    font-size: 42px;
    line-height: 1.42;
    letter-spacing: .06em;
    font-weight: bold;
}

#lp .m_visual .mv-title .maintext_5 {
    font-size: 42px;
    line-height: 1.42;
    letter-spacing: .06em;
    font-weight: bold;
}

#lp .m_visual .mv-title .maintext_4.white{
    color: #fff;
    text-shadow: 0px 2px 4px rgb(14 69 103 / 25%);
}

#lp .m_visual .mv-title .maintext_5.white{
    color: #fff;
    text-shadow: 0px 2px 4px rgb(14 69 103 / 25%);
    position: relative;
    text-align: start;
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
}

.dx_tag {
    padding-right: 10px;
}

span.maintext_4.b_gra_c {
    background: linear-gradient( to right,#88d1ff 0%, #42b0f5 52.22%, #0f99f0 100%);
    -webkit-background-clip: text;
    color: transparent;
}

#lp .m_visual .mv-title .maintext_4 span {
    display: inline-block;
    position: relative;
}

#lp .m_visual .mv-title .maintext_5 span {
    display: contents;
    position: relative;
}

#lp .m_visual .mv-title .subtext_lf {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    letter-spacing: 0.05em;
    line-height: 1.8;
    margin-left: 2em;
}

#lp .m_visual .mv-title .subtext_lf.ml5{
    margin-left: 5em;
}

#lp .ml-7{
margin-left: 5.5rem!important;
}

#lp .m_visual .mv-title .subtext__2scr{
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .05em;
    font-weight: bold;
}

#lp .m_visual .mv-title .bg_white {
    background: #fff;
    display: inline-block;
    margin: 5px 0 5px;
    padding: 0.2em;
    font-size: 15px;
}

#lp .m_visual .mv-title .bg_white_with {
    background: #fff;
    display: inline-block;
    margin: 5px 0 5px;
    padding: 0.2em;
    font-size: 15px;
    max-width: 430px;
    width: 100%;
}


#lp .m_visual .mv-title .maintext_medical {
	font-size: 62px;
	line-height: 1.388;
	font-weight: bold;
	color: #3B444B;
  letter-spacing: 0.02em;
}

#lp .m_visual .mv-title .maintext_medical .blue {
	color: #209CEE;
  display: inline-block;
}

#lp .m_visual .mv-title .subtext_medical {
	font-size: 38px;
	line-height: 1.473;
	font-weight: bold;
	color: #333
}

#lp .m_visual .mv-title .maintext_1 br {
    display: block;
}

#lp .m_visual .mv-title .maintext_2 br {
    display: block;
}

#lp .m_visual .mv-title .maintext span {
	display: inline-block
}

#lp .m_visual .mv-title .maintext_1 span {
	display: inline-block
}

#lp .m_visual .mv-title .maintext_2 span {
	display: inline-block
}

@media screen and (max-width: 768px) {
  
  /* メインキャッチの大きさ指定修正版 */
  #lp .m_visual .mv-title .maintext_1{
	font-size: 34px;
  }
  
  #lp .m_visual .mv-title .maintext_2{
	font-size: 34px;
  }
  
	#lp .m_visual .mv-title .maintext span {
		display: block
	}
  
  #lp .m_visual .mv-title .maintext_1 span {
		display: block
	}
  #lp .m_visual .mv-title .maintext_2 span {
		display: inline-block;
	}

	#lp .m_visual .mv-title .maintext span:first-child {
    text-align: center;
		white-space: nowrap;
		font-size: 22px;
		color: #3B444B
	}

	#lp .m_visual .mv-title .maintext span:first-child::before {
		content: '＼'
	}

	#lp .m_visual .mv-title .maintext span:first-child::after {
		content: '／'
	}

	#lp .m_visual .mv-title .maintext span:last-child {
		text-align: center
	}
}

#lp .m_visual .mv-title .subtext {
	font-size: 22px;
	color: #3B444B;
	line-height: 1.6363
}

#lp .m_visual .mv-title .subtext_medical_u {
	font-size: 22px;
	color: #3B444B;
	line-height: 1.5;
  letter-spacing: 0.02em;
  background-color: #fff;
  text-align: center;
}

#lp .subtext_medical_u.__txt {
  font-size: 24px !important;
  font-weight: bold;
  text-align: left !important;
  display: inline-block !important;
}

#lp .m_visual .mv-title .subtext::before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #3B444B;
	margin: 0.2em 0
}

#lp .large-button {
  flex-basis: auto;
  width: 440px;/*380px*/
}

@media screen and (min-width: 769px){
#lp .adcampaign4e_lg .large-button {
    margin-top: 0;
    position: relative;
    top: -70px;
    left: 2em;
  }
#lp .adcampaign4e_rf_lg .large-button {
    margin-top: 0;
    position: relative;
    top: -70px;
    left: 2em;
  }
}
#lp .large-button .btn-cta {
  width: 100%;
}

@media screen and (max-width: 768px) {
	#lp .m_visual .mv-title .subtext {
		display: none
	}

	#lp .sp-slide .column {
		padding-bottom: 1.5rem !important
	}
  
  #lp .large-button {
    flex-basis: auto;
    width: 100%;
  }
  
  #lp .adcampaign4e_lg .large-button {
    position: relative;
    top: 30px;
  }
    #lp .adcampaign4e_rf_lg .large-button {
    position: relative;
    top: 30px;
  }
   #lp .adcampaign4e_2scr .large-button {
    position: relative;
    top: 15px;
  }

  #lp .large-button .btn-cta {
    width: 100%;
  }
  #lp .sp {
    display: block;
    margin: 0 auto;
  }
  #lp .sp.mr {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 425px) {
  #lp .m_visual .mv-title .maintext_3{
    font-size: 7.5vw;
    line-height: 1.37;
    letter-spacing: .06em;
  }
    #lp .m_visual .mv-title .maintext_4{
    font-size: 7vw;
    line-height: 1.37;
    letter-spacing: .06em;
  }
}

@media screen and (min-width:426px) and (max-width:767px) {
  #lp .m_visual .mv-title .maintext_3{
    font-size: 24px;
  }
  #lp .m_visual .mv-title .maintext_4{
    font-size: 24px;
  }
}

#lp .m_visual .hs-cta-wrapper{
  margin-top: 15px; 
  display: block;
}

#lp .twin .section-type1{
  padding-bottom:0 !important;
}

#lp .twin .section-type2{
  padding-top:0 !important;
}

footer.lp .company,
footer.lp .company .logo,
footer.lp .company address{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

#lp iframe#formArea_t1_5_lp {
    height: 630px;
    width: 100%;
    max-width: 500px;
}

@media screen and (min-width: 769px){
  iframe#formArea\ t1-5{
    height: 640px;
  }
  iframe#formArea\ t1-5c {
    position: relative;
    width: 429px;
    height: 630px;
    border-radius: 8px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    background: #fff;
    z-index: 999;
  }
  .adcampaign_t1-5c .mv__form__fild {
    position: absolute;
    right: -115px;
    top: -70px;
  }
}
@media screen and (max-width: 768px) {
  iframe#formArea\ t1-5{
    height: 790px;
    width: 100%;
  }
  iframe#formArea\ t1-5c {
    height: 790px;
    width: 100%;
    border-radius: 8px;
    margin-top: 20px !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  }
  #lp iframe#formArea_t1_5_lp {
    height: 730px;
  }
}

.column.is-12.has-text-centered > p > .line {
    /*border-bottom: 1px solid;*/
    display: flex;
    justify-content: center;
    margin: 0 auto 10px;
    max-width: 500px;
    width: 100%;
}

/* 2021.06.16 SB Wrote */
.navbar-item p.ml-3{
  font-size:11px;
}

/* ヘッダーロゴ横　文字調整 */
a.navbar-item.medical p {
    display: block;
    margin-left: 1rem;
}


.navbar-item .tell {
    margin-right: 10px;
    font-size: 1.5em;
    margin-top: -10px;
}
.navbar-item time {
    font-size: 1em;
    margin-top: -8px;
}

@media screen and (max-width: 768px) {
.navbar-item.medical p {
  font-size: .5rem;
  }
.navbar-item.medical{
  flex-flow: column; 
  padding: 10px 0;
  }
 .navbar-brand .tell {
    font-size: 1.1em;
    font-weight: 600;
  }
  time {
    font-size: .6em;
    line-height: 0;
    margin-top: 5px;
    font-weight: 400;
  }
}

.adcampaign4e.m_bg.py-5 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}

/* スライドウィジェット調整 */
.hs-testimonial blockquote{
	max-width: 680px !important;
	border-radius: 16px !important;
}
.hs-testimonial.hs-testimonial--top img {
    margin: 20px;
}
.hs-testimonial blockquote .box_slide {
    display: flex;
}
.hs-testimonial blockquote .box_slide p {
    width: 50%;
    margin: auto;
}
.hs-testimonial blockquote .box_slide img {
    width: 200px !important;
}

@media screen and (max-width: 768px) {
.hs-testimonial blockquote .box_slide img {
    width: 50px;
}
}

/*medical LP用*/

/*3つの悩み*/
.column.pt-4.is-4.medical {
    background-color: #fff;
    width: 325px;
    height: auto;
    padding: 2rem;
    margin: 0 16px;
    border-radius: 4px;
  }

.columns.blocks.pt-6.columns-list._medical {
    justify-content: center;
    flex-flow: nowrap;
    padding-bottom: 3rem!important;
  }

.column.pt-4.is-4.medical h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    color: #209CEE;
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-left: unset;
    padding-left: unset;
  }

@media screen and (max-width: 768px) {
  .column.pt-4.is-4.medical{
    margin-bottom: 32px;
    width: auto;
    }
  #lp .m_visual .mv-title .subtext_medical{
    font-size: 19px;
  }
  #lp .m_visual .mv-title .maintext_medical {
    font-size: 33px;
  }
  #lp .m_visual .mv-title .subtext_medical_u{
    font-size: 16px;
  }
}

/*LP h用*/
span.blue {
    color: #209CEE;
}
span.yellow{
	  color: #fed651;
}
@media screen and (min-width: 769px){
.mr-l-4 {
    margin-left: 50px;
}
}

h2.movie{
  font-size: 22px;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

p.movie{
  border-bottom:#D0D0D0 1px solid;
  padding-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  h2.movie{
    font-size: 20px;
  }
}

/*CTAボタン*/
@media screen and (min-width: 769px){
.btn-cta-m.wt375 {
    width: 375px;
    height: 59px;
    font-size: 22px;
}
}

/*****pardot フォームCSS******/

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea, body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #3b444b;
  overflow: hidden;
}

#contentMain.container {
  width: 100%;
  max-width: 700px;
  padding: 0;
}

.contentHeader {
  display: none
}

#pardot-form .formInputInner.last_name {
  display: inherit;
  float: none;
  width: inherit;
  padding-right: 0
}


.form__box {
    background-color: #F0FAFF;
    padding: .6em 1em 2.5em;
    border-radius: 4px;
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.form__box h2 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0 10px 3px;
    position: absolute;
    background: #0878D4;
    top: -22px;
    border-radius: 4px 4px 0 0;
    left: 0px;
    display: block;
    width: 100%;
}

.form-group:first-child {
  /*border-top: 1px solid #d7d7d7*/
  padding-top: .5em;
  background-color: unset;
}

.form-group:last-child {
  /*border-top: 1px solid #d7d7d7*/
  padding-bottom: 1.5em;
  background-color: #F0FAFF;
}

.form-group.form-margin-top {
  margin-top: 25px;
  border-top: 1px solid #d7d7d7
}

.form-group .formHeading {
  /*display: flex;*/
  margin: 0;
  padding: .4em 1.5em .1em;
  background: #F0FAFF;
  text-align: left;
}

.form-group .col-sm-7 {
    padding: .4em 1.5em;
    background-color: #F0FAFF;
}

.form-group::after {
  margin: 0;
  padding: 0;
  border: none
}

.form-control {
  border: 1px solid #9b9b9b;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
}

.submit {
  margin-top: 10px
}

 
@media all and (min-width:767px) {
  /*
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  */
  p.description {
    white-space: normal
  }
  .form-group {
    /*display: flex*/
  }
  .form-group .col-sm-7 {
    /*border-left: 1px solid #d7d7d7*/
  }
}


@media all and (max-width:500px) {
  .form-group .col-sm-9 {
    border-top: 1px solid #a0a0a0
  }
  .formInputInner.Company_Personal span.value span:first-child {
    margin-bottom: 10px
  }
  footer.footer ul li {
    display: block;
    margin-top: 5px
  }
  .form-group .formHeading {
    margin: 0;
    padding: .4em 0 .5em;
    background: #f0faff;
    text-align: left;
  }
}
/*
.formHeading:before { */
  /*font-size: 11px; /*元7px*/
  /*font-weight: bold;
  position: relative;
  bottom: 1px;
  margin-right: 5px;
  padding: 5px;
  content: '任意';
  color: #fff;
  border-radius: 2px;
  background: #93c9ff
}

.required .formHeading:before {
  content: '必須';
  background:#db5535;
}
*/
  
input.form-control:focus, textarea.form-control:focus {
  border-color: #9b9b9b;
  background-color: #fff798;
  box-shadow: none
}

.alert.alert-danger {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 15px;
  border: 2px solid #f7e700;
  border-radius: 0;
  background: 0 0
}

.alert-danger, .errors {
  color: #000
}

.error input, .error select, .error span.value label, .error textarea {
  border: 2px solid #9b9b9b;
  background-color: #ffe1e1
}

p.error {
  color: red
}

.btn-primary {
  font-size: 20px;
  letter-spacing: .09em;
  font-weight: 600;
  display: block;
  width: 100%;
  max-width: 350px;
  height: 55px;
  line-height: 10px;
  margin: 20px auto .7em;
  padding: 0;
  transition: all .3s;
  white-space: pre-line;
  letter-spacing: 3pt;
  word-break: break-all;
  color: #fff;
  /*border: 0px solid rgb(255 255 255 / 15%);*/
  border-radius: 8px;
  /* background: #16da00; */
  background: transparent linear-gradient( 270deg, #ee5169 0%, #ed830d 36%, #ffdd57 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #ffffff;
}

.btn-primary_medi {
  color: #fff;
  /*background: transparent linear-gradient(270deg, #ed5743 0%, #ff9862 100%) no-repeat padding-box;*/
  background: transparent linear-gradient(270deg, #2BD67C 0%, #2BD67C 100%) no-repeat padding-box;/*緑ボタン*/
  /*box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);*/
  transition: .3s;
  width: 100%;
  max-width: 350px;
  /*height: 50px;
  line-height: 50px;*/
  border-radius: 40px;
  border: 0;
  opacity: 1;
  text-align: center;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0px;
  opacity: 1;
  display: block;
  vertical-align: bottom;
  text-decoration: none;
  padding: 0;
  margin: 10px auto;
}

.btn-primary_medi:hover {
  transform: translate3d(0, 5px, 0);
}

.btn-primary_medi[disabled]:hover {
  transform: unset;
}

.btn-primary[disabled]:hover {
  transform: unset;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle .btn-primary {
  cursor: pointer;
  color: #3b444b;
  /*border:1px solid #16da00;*/
  /*background:#fff*/
}

.formInputInner.Company_Personal input[type=text] {
  display: inline-block;
  width: 280px;
  margin-left: .75rem
}

/*ボタンクラスリセット*/
input[type="submit" i] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
}

@media screen and (max-width:500px) {
  .btn-primary {
    width: 95%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
  }
  .btn-primary_medi {
    width: 100%;
    height: 50px;
    line-height: 10px;
    font-size: 1.1em;
    padding: 0;
    margin: auto;
    display: block;
    letter-spacing: .09em;
  }
}


#pardot-form textarea {
  height: 100px !important;
}

.disabled-btn {
  background-color: unset;
  border: unset;
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 428px){
.form-group .col-sm-7 {
    padding: 0 0 1.2em;
    }
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 13px 13px;
    border-radius: 4px;
    }
  select#situation {
    height: 50px;
  }
}

.error input, .error select, .error span.value label, .error textarea {
    border: 2px solid #9b9b9b;
    background-color: #ffe1e1;
}

.alert.alert-danger {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0px 10px;
    border: 2px solid #f7e700;
    border-radius: 0;
    background: 0 0;
    font-weight: 600;
}

.btn-primary_medi[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

.btn-primary[disabled] {
    background: #aaa;
    cursor: not-allowed;
}

#submit.btn {
    height: 60px;
    line-height: 10px;
    font-size: 1.3em;
    padding: 0;
    margin: 15px auto .7em;
    display: block;
    letter-spacing: .09em;
}

@media screen and (max-width:500px) {
  .col-sm-7.ph input[type=text] {font-size: 100%;}
  .col-sm-7.ph input[type=tel] {font-size: 100%;}
}
/* 資料請求完了 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#thanks section.secBox.bgG {
    margin: 0 auto;
    display: block;
    max-width: 680px;
    padding: 0 3%;
}

#thanks .wrapper2 {
    width: 100%;
}

#thanks .topright-inner {
    max-width: 680px;
    margin: 0 auto;
}

#thanks .topright-inner iframe {
    width: 100%;
}

#thanks .topright-inner.t1-5 iframe {
    width: 100%;
}

#thanks h2.thanks {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#thanks section h3{
    margin-bottom: 1rem;
}
#thanks .select_p {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px){
  #thanks .topright-inner iframe {
    height: 1460px !important;
  }
   #thanks .topright-inner.t1-5 iframe {
    height: 1360px !important;
  }
  #thanks h2.thanks {
    font-size: 24px !important;
    padding: 0 15px 1rem;
  }
  #thanks .keyvisual h1 {
    font-size: 24px !important;
    padding: 0 15px 1rem;
  }
}

/* コピーボタン */
#thanks .copy_btn {
  width:80%!important;
  padding: 12px 0;
  margin-left: auto!important;
  margin-right: auto!important;
  color:#ffffff;
  font-weight:bold;
  background:#64cd6e;
  border: solid 2px #64cd6e;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
}
 
#thanks .copy_btn:hover {
  background: #ffffff;
  color: #000000;
}
#thanks .copy_btn:hover {
	cursor: pointer;
}

#thanks .thanks_doc_box {
    position: relative;
    /* margin: 2em 0; */
    padding: 0.5em 1em;
    border: solid 2px #3b444c;
    border-radius: 8px;
}
#thanks .thanks_doc_box .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #3b444c;
    font-weight: bold;
}

.calendar-booking-button {
  display: inline-flex; /* アイコンとテキストを横並びにする */
  align-items: center; /* 垂直方向に中央揃え */
  justify-content: center; /* 水平方向に中央揃え */
  padding: 14px 28px; /* 大きめの余白 */
  background: transparent linear-gradient(90deg, #fc7b26 0, #fc7b26 50%, #eeb831 100%, #eeb831 0) 0 0 no-repeat padding-box;
  color: white;
  text-decoration: none;
  border-radius: 10px; /* 丸い角 */
  font-size: 20px; /* 大きめのフォント */
  font-weight: 700; /* 太字 */
  border: 2px solid transparent;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 控えめな影 */
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; /* ホバー時のアニメーション */
  font-family: 'Helvetica Neue', Arial, sans-serif; /* おしゃれなフォント */
  /*background: #0e62aa;　*/
}

.calendar-booking-button:hover {
  background-color: #006dff; /* ホバー時に少し暗い緑色 */
  transform: translateY(-2px); /* 少し上に移動 */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* 影を少し強調 */
  color: white;
}

.calendar-icon {
  margin-right: 10px; /* アイコンとテキストの間のスペース */
  fill: white; /* アイコンの色を白に */
}
.detailed-explanation-heading {
  font-size: 1.2rem;        /* 大きめのフォントサイズ */
  font-weight: bold;       /* 太字 */
  color: #fff;           /* 濃いグレー (黒に近い色) */
  text-align: center;      /* 中央揃え */
  margin-bottom: 10px;    /* 下の要素との間隔 */
  line-height: 1.4;       /* 行間を少し広めに */
  font-family: 'Helvetica Neue', Arial, sans-serif; /* 見やすいフォント */
  position: relative;      /* 疑似要素を使うための基準 */
}

.boxed-area {
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
    padding: 5rem 2rem;
    color: #fff;
    background-image: linear-gradient(to top, #70b7fa 0%, #61bdfb 100%);
    /*border: solid 3px #6091d3;　線*/
}
/* 無料WEB相談予約完了 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#exp-thanks section.secBox.bgG {
    margin: 0 auto;
    display: block;
    max-width: 680px;
    padding: 0 3%;
}

#exp-thanks .wrapper2 {
    width: 100%;
}

#exp-thanks .topright-inner {
    max-width: 560px;
    margin: 0 auto;
}

#exp-thanks .topright-inner iframe {
    width: 100%;
}
/* 問い合わせ */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

#formArea{height: 600px;}

@media screen and (max-width: 459px){
.iframe-content{width: 100%;}
#formArea{width: 100%; height: 790px; overflow-y: hidden;}
}
/* 機能一覧 */ 
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
#function .cta_wrap {
  margin: 0 auto 60px;
  max-width: 1120px;
}
@media screen and (max-width: 1200px) {
  #function .cta_wrap {
    margin: 0 30px 60px;
  }
}
@media screen and (max-width: 768px) {
  #function .cta_wrap {
    margin: 0 15px 40px
  }
}
#function .cta_wrap h2.txt {
  font-size: 24px;
  line-height: 1.37;
}
#function .cta_wrap .cta_btn {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #function .cta_wrap h2.txt {
    font-size: 18px;
  }
  #function .cta_wrap .cta_btn {
    margin-top: 16px;
  }
}
#function .mv-section {
  margin: 50px auto 80px;
  max-width: 1120px;
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  #function .mv-section {
    padding: 0 15px;
    margin: 50px auto;
  }
}
#function .mv-section .ttl {
  font-size: 32px;
  margin-bottom: 50px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #function .mv-section .ttl {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
#function .mv-section .txt {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #function .mv-section .txt {
    line-height: 1.8;
    text-align: left;
  }
}
#function .mv-section .cta_btn {
  margin-top: 40px;
}
#function .mv-section .cta_btn a {
  font-size: 16px;
  width: 320px;
  height: 60px;
}
#function .mv-section .btn-main.icn-arrow:before {
  height: 30px;
  width: 30px;
}
#function .cta_btn a + a {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  #function .mv-section .cta_btn,
  #function .cta_wrap .cta_btn {
    flex-direction: column;
    align-items: center;
  }
  #function .mv-section .cta_btn a {
    max-width: 345px;
    width: 100%;
    margin-inline: auto;
  }
  #function .mv-section .cta_btn a + a {
    margin-left: auto;
    margin-top: 20px;
  }
  #function .cta_wrap .cta_btn a + a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
  }
}

#function .anchor-section {
  background: linear-gradient(180deg, #3273DC, #0793E1);
}
#function .anchor-section .inner {
  display: flex;
  gap: 40px;
  max-width: 1180px;
  width: 100%;
  padding: 60px 30px;
  margin: 0 auto;
}
@media screen and (min-width: 769px){
  #function .anchor-section .inner {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 768px){
  #function .anchor-section .inner {
    flex-direction: column;
    gap: 26px;
    padding: 40px 15px;
  }
}
#function .anchor-section .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 768px){
  #function .anchor-section .txt-wrap {
    gap: 26px;
    text-align: center;
  }
}
#function .anchor-section .ttl {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  line-height: 1.8;
}
@media screen and (max-width: 768px){
  #function .anchor-section .ttl {
    font-size: 22px;
  }
}
#function .anchor-section .cta_btn {
  flex-direction: column;
  gap: 20px;
  margin-top: 0;
}
@media screen and (max-width: 768px){
  #function .anchor-section .cta_btn {
    align-items: center;
  }
}
#function .anchor-section .cta_btn a+a {
  margin: 0;
}
#function .anchor-section .cta_btn a {
  max-width: 390px;
  width: 100%;
}

#function .anchor-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media screen and (max-width: 1023px) {
  #function .anchor-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  #function .anchor-list {
    gap: 5px;
  }
}
#function .anchor-list li a {
  display: flex;
  justify-content: start;
  align-items: center;
  line-height: 1.47;
  position: relative;
  color: #3273DC;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 18px 50px 18px;
  background: #F2F9FF;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  border: 2px solid #F2F9FF;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  transition: .3s ease-out;
}
@media screen and (min-width: 769px){
  #function .anchor-list li a:hover {
    border-color: #3273DC;
    box-shadow: none;
  }
}
@media screen and (max-width: 1166px) {
  #function .anchor-list li a {
    padding: 16px 10px 50px 10px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #function .anchor-list li a {
    padding: 16px 10px 32px 10px;
    font-size: 14px;
  }
}
#function .anchor-list li a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  background: url("https://www.smartmat.io/hubfs/home_2304_new/icon_arrow.svg") no-repeat center center / contain;
  height: 12px;
  width: 22px;
  transition: .3s ease-out;
}
@media screen and (min-width: 769px){
  #function .anchor-list li a:hover::before {
    bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  #function .anchor-list li a {
    padding: 16px 10px 32px 10px;
    font-size: 14px;
  }
  #function .anchor-list li a::before {
    bottom: 16px;
    height: 6px;
    width: 12px;
  }
}
#function .anchor-list li a .icon,
#function .icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: linear-gradient(180deg,#3273DC,#0793E1);
  margin-right: 10px;
  flex-shrink: 0; 
}
@media screen and (max-width: 1023px) {
  #function .anchor-list li a .icon,
  #function .icon {
    height: 40px;
    width: 40px;
  }
  #function .anchor-list li a .icon img,
  #function .icon img {
    width: 25px;
    height: 25px;
  }
}

#function .function-wrap {
  padding: 60px 30px;
}
@media screen and (max-width: 768px) {
  #function .function-wrap {
    padding: 40px 15px;
  }
}
#function .function-wrap.bg-gray {
  background: #F9F9F9;
}
#function .function-box,
#function .detail-list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
#function .function-box {
  background: #F2F9FF;
  border-radius: 20px;
  padding: 10px 10px 10px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  max-height: 350px;
}
@media screen and (max-width: 768px) {
  #function .function-box {
    max-height: 100%;
    background: none;
    border-radius: 0;
    padding: 0;
    flex-direction: column;
  }
}
#function .function-wrap.img-png .function-box {
  padding: 0 0 0 50px;
}
@media screen and (max-width: 768px) {
  #function .function-wrap.img-png .function-box {
    padding: 0;
  }
}
#function .function-box .img,
#function .function-box .img img {
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  #function .function-box .img,
  #function .function-box .img img {
    border-radius: 8px;
  }
}
#function .function-box .txt-area {
  max-width: 309px;
  margin-right: 30px;
}
#function .function-wrap.img-png .function-box .txt-area {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #function .function-box .txt-area {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #function .function-wrap.img-png .function-box .txt-area {
    margin-right: 0;
  }
}
#function .function-box .ttl .icon {
  width: 70px;
  height: 70px;
}
#function .function-box .ttl .icon img {
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 1023px) {
  #function .function-box .ttl .icon {
    width: 50px;
    height: 50px;
  }
  #function .function-box .ttl .icon img {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 768px) {
  #function .function-box .ttl .icon {
    width: 40px;
    height: 40px;
  }
   #function .function-box .ttl .icon img {
    width: 25px;
    height: 25px;
  }
}
#function .function-box .ttl {
  font-size: 28px;
  font-weight: bold;
  color: #000;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #function .function-box .ttl {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

#function .function-box .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
#function .detail-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #function .detail-list {
    flex-direction: column;
  }
}
#function .detail-list li {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 768px) {
  #function .detail-list li {
    width: 100%;
  }
}
#function .detail-list li .link {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  display: block;
  height: 100%;
  padding: 20px;
  transition: .3s ease-out;
}
@media screen and (min-width: 769px){
  #function .detail-list li:nth-child(3n+1) {
    margin-left: 0;
  }
  #function .detail-list li:nth-child(n+4) {
    margin-top: 20px;
  }
  #function .detail-list li + li {
    margin-left: 20px;
  }
  #function .detail-list li > a.link:hover {
    box-shadow: none;
    background: #F2F9FF;
  }
}
@media screen and (max-width: 768px) {
  #function .detail-list li + li {
    margin-top: 10px;
  }
}
#function .detail-list li .ttl {
  font-size: 20px;
  color: #3273DC;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  #function .detail-list li .ttl {
    font-size: 18px;
  }
}
#function .detail-list li .txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
}
@media screen and (max-width: 1023px) {
  #function .detail-list li .txt {
    font-size: 14px;
  }
}

#function .link-wrap {
  margin-top: 30px;
  text-align: right;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
#function .link-txt {
  display: inline-flex;
  gap: 15px;
  align-items: center;
  color: #3273DC;
  font-size: 16px;
  font-weight: bold;
}
#function .link-txt::after {
  content: "";
  background: url("https://www.smartmat.io/hubfs/home_2304_new/icon_arrow.svg") no-repeat center center / contain;
  display: inline-block;
  flex-shrink: 0;
  margin-bottom: -3px;
  height: 9px;
  width: 15px;
  transform: rotate(-90deg);
}
@media screen and (min-width: 769px) {
  #function .link-txt:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 768px) {
  #function .link-txt {
    gap: 10px;
    font-size: 14px;
  }
}

#function .cta_wrap:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #function .cta_wrap:last-child {
    margin-bottom: 50px;
  }
}