@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,600;0,700;1,700&family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@500;700&family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

ul,ol{ list-style:none; }
img{ width:100%; }
.w-60{ width:60%; }
.w-70{ width:70%; }
.w-80{ width:80%; }
.w-90{ width:90%; }

.pb-6{ padding-bottom:6.5rem !important; }
.pb-7{ padding-bottom:8rem !important; }

.marker_yellow{
	background: linear-gradient( transparent 75% , #e3ff91 75%);
}

html {
  overflow-x: hidden; }
body {
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background: #fff;
  font-size: 16px;
  line-height: 1.8;
  color: #212121;
}
.container{
	padding-top: 0.75rem;
	padding-bottom: 1.15rem;
}
.fc-ems {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
	color:#C70025;
}
.fc-white {
	color:#fff;
}
.btn_head_info a{
	background: #af0323;
	border-radius: 100vh;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 280px;
	color: #313131;
	transition: 0.3s ease-in-out;
	font-weight: 700;	
	padding: 1rem 2.5rem;
	color:#FFF;
	line-height:1;
}

/*.btn_head_info a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 1.7rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
--*/

.btn_head_info a:hover {
  background: #cd506c;
  color: #FFF;
}
.btn_head_info a:hover:after {
  right: 1.4rem;
}

.nav-btn{
	padding-top:0px;
	padding-left:30px;
}
@media screen and (max-width: 960px) {
	.nav-btn{
		padding-top:1rem;
		padding-bottom:1rem;
		padding-left:0px;
	}			
}
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: #F96D00; }
  a:hover {
    text-decoration: none;
    color: #F96D00; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.45;
  color: #282c32;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700; }

h2{ font-size:3.0rem; font-weight:900; }

@media screen and (max-width: 576px) {
	h2{ font-size: 1.9rem; font-weight:900; margin-bottom:2rem; }	}

h4 { color: #212121 !important; }

.img-fluid{
	max-width: 100%; , height: auto;
}

.text-primary {
  color: #F96D00 !important; }

.navbar-dark {
	margin-top: 0px;
  z-index: 3;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 991px) {
    .navbar-dark {
      background: #fff !important;
      color:#000;
			position: fixed;
			top: 0;
			right: 0;
			left: 0; } }
  .navbar-dark .navbar-nav > .nav-item > .nav-link {
    font-size: 1.0rem;
		font-weight:700;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
		color:#313c55 !important; }
    @media screen and (max-width: 960px) {
      .navbar-dark .navbar-nav > .nav-item > .nav-link {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;border-bottom: 1px solid #d4d4d4; } }
  .navbar-dark .navbar-nav > .nav-item.ftco-cta a { }
  .navbar-dark .navbar-nav > .nav-item.ftco-seperator {
    position: relative;
    margin-left: 20px;
    padding-left: 20px; }
    @media screen and (max-width: 960px) {
      .navbar-dark .navbar-nav > .nav-item.ftco-seperator {
        padding-left: 0;
        margin-left: 0; } }
    .navbar-dark .navbar-nav > .nav-item.ftco-seperator:before {
      position: absolute;
      content: "";
      top: 10px;
      bottom: 10px;
      left: 0;
      width: 2px;
      background: rgba(255, 255, 255, 0.05); }
      @media screen and (max-width: 960px) {
        .navbar-dark .navbar-nav > .nav-item.ftco-seperator:before {
          display: none; } }
  .navbar-dark .navbar-toggler {
    border: none;
		color: rgba(0, 0, 0, 0.5) !important;
    cursor: pointer;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .1em; }
  .navbar-dark.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    background: #fff !important; }
    @media screen and (max-width: 768px) {
      .navbar-dark.scrolled .navbar-nav {
        background: none;
        border-radius: 0px;
        padding-left: 0rem !important;
        padding-right: 0rem !important; } }
    @media screen and (max-width: 576px) {
      .navbar-dark.scrolled .navbar-nav {
        background: none;
        padding-left: 0 !important;
        padding-right: 0 !important; } }
    .navbar-dark.scrolled .navbar-toggler {
      border: none;
      color: rgba(0, 0, 0, 0.5) !important;
      border-color: rgba(0, 0, 0, 0.5) !important;
      cursor: pointer;
      padding-right: 0;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: .1em; }
    .navbar-dark.scrolled .nav-link {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
      color: #000 !important; }
      .ftco-navbar-dark.scrolled .nav-link.active {
        color: #F96D00 !important; }
    .navbar-dark.scrolled.awake {
      margin-top: 0px;
      -webkit-transition: .3s all ease-out;
      -o-transition: .3s all ease-out;
      transition: .3s all ease-out; }
    .navbar-dark.scrolled.sleep {
      -webkit-transition: .3s all ease-out;
      -o-transition: .3s all ease-out;
      transition: .3s all ease-out; }
    .navbar-dark.scrolled .navbar-brand {
      color: #000; }
		.navbar-dark.scrolled.awake .nav-btn{
			padding-top:1rem;
			padding-left:30px;
		}
.navbar-brand {
  text-transform: uppercase;
  letter-spacing: .1em; }

.img-logo{ width:100%; max-width:200px; }
	@media screen and (max-width: 1279px) {
		.img-logo{ width:100%; max-width: 150px; }
	}

.bg-image, .ftco-cover {
	margin-top:-65px;
	height:785px;
  background-size: cover;
  background-repeat: no-repeat;
	background-image: url(../img/bg_main.jpg); }
	@media screen and (max-width: 1279px) {
		.bg-image, .ftco-cover {
			margin-top:0px;
			background-image: url(../img/bg_main_sp.jpg); }
		}
	}
.ftco-cover {
  background-position: left top; 
	height:920px; }
	@media screen and (max-width: 1279px) {
	.ftco-cover {
		height:500px; }
	}	
	@media screen and (max-width: 767px) {
	.ftco-cover {
		height: 580px; }
	}

  .ftco-cover .ftco-heading {
    line-height: 1.34;
		font-family: 'Noto Sans JP', sans-serif; }
    @media screen and (max-width: 768px) {
      .ftco-cover .ftco-heading {
        font-size: 37px;
        line-height: 1.3; } }
  .ftco-cover.overlay {
    position: relative; }
    .ftco-cover.overlay:before {
      content: "";
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .ftco-cover .ftco-vh-100 {
    min-height: 1300px !important; }

.ftco-slant {
  position: relative;
  overflow: hidden; }
  .ftco-slant:after {
    width: 120%;
    height: 200px;
    left: -10%;
    background: #f2f2f2;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    content: "";
    position: absolute;
    bottom: -100px; }
    @media screen and (max-width: 960px) {
      .ftco-slant:after {
        bottom: -150px; } }
    @media screen and (max-width: 768px) {
      .ftco-slant:after {
        bottom: -170px; } }
  .ftco-slant.ftco-slant-white:after {
    background: #fff; }
  .ftco-slant.ftco-slant-dark:after {
    background: #263135; }

.ftco-uppercase {
  font-size: 30px; }

@media screen and (max-width: 768px) {
		.menu-item img { margin-bottom:10px; } 
}
@media screen and (max-width: 767px) {
	.nav-link {
			display: block;
			padding: 1.5rem 1rem;
	}
}
@media screen and (max-width: 768px) {
  .display-4 {
    font-size: 37px; } }

.bg-light {
  background: #F5F3F2 !important; }


.btn {
  border-radius: 4px;
  cursor: pointer;
	transition: 0.2s ease;
  padding: 15px 30px;
  font-size: 16px;
	font-weight:600;
	min-width:240px; }
  .btn.btn-lg {
    font-size: 16px !important;
    padding: 13px 40px !important; }
  .btn.btn-sm {
    padding: 10px 20px;
    font-size: 12px; }
  .btn.btn-primary {
		border-radius: 100vh; }
  .btn.btn-secondary {
    border: 2px solid #ccc;
    background: none;
    border-radius: 0px;
    color: #999999; }
    .btn.btn-secondary:hover {
      background: #F96D00;
      border-color: #F96D00;
      color: #fff; }
  .btn:before {
    display: none; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn.btn-primary {
    background: #231815;
    border-color: #231815;
    color: #fff; }
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
      border-color: #c30d23;
      background: #c30d23; }
  .btn.btn-outline-white {
    border-color: rgba(255, 255, 255, 0.8);
    background: none;
    border-radius: 0px;
    border-width: 2px; }
    .btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white:active {
      background: #fff;
      border-color: #fff;
      color: #000; }

.form-control {
  border: 2px solid rgba(0, 0, 0, 0.2);
  height: 55px !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 18px;
  border-radius: 0px; }
  .form-control:focus, .form-control:active {
    border: 2px solid #000; }

textarea.form-control {
  height: inherit !important; }

.ftco-vh-100 {
  height: 100vh; }
  @media screen and (max-width: 960px) {
    .ftco-vh-100 {
      height: inherit;
      padding-top: 5em;
      padding-bottom: 5em; } }

.ftco-vh-75 {
  height: 75vh; }
  @media screen and (max-width: 960px) {
    .ftco-vh-75 {
      height: inherit;
      padding-top: 5em;
      padding-bottom: 5em; } }

.ftco-tab-nav {
  padding: 0;
  margin: 0;
  display: inline-block !important; }
  @media screen and (max-width: 576px) {
    .ftco-tab-nav {
      display: block !important;
      margin-bottom: 10px;
      width: 100% !important; } }
  .ftco-tab-nav li {
    padding: 0;
    margin: 0 5px;
    display: inline-block !important; }
    @media screen and (max-width: 576px) {
      .ftco-tab-nav li {
        display: block !important;
        margin-bottom: 10px;
        width: 100% !important; } }
    .ftco-tab-nav li a {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: .2em;
      color: #ccc;
      border: 2px solid #ccc;
      border-radius: 0 !important; }
      .ftco-tab-nav li a.active {
        background: none !important;
        color: black !important;
        border: 2px solid #000; }

.ftco-animate {
  opacity: 0;
  visibility: hidden; }

.bg-primary {
  background: #F96D00 !important; }

.ftco-section .ftco-sub-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .5em;
  color: #d4d4d4; }

.ftco-section .ftco-primary-title {
  margin-top: 0;
	font-size: 32px; }


.ftco-media {
	text-align: center;
	width:100%;
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.1);
	border-radius: 20px;
}
.ftco-media img.photo {
	border-radius: 20px 20px 0 0;
	width: 100%;
}



/**********************************

 SECTIOM - Mainvisual

***********************************/
.top-mv{
	max-width: 1320px;
	margin: 0 auto;	position:relative;
	height:100%;
	padding-top: 80px;

}
.top-mv_inner{
	display: flex;
	justify-content: space-between;
	padding: 80px 0px 0px;
	color:#313c55;
}
.top-mv_inner h1{ display:block; font-size: 3.45rem; font-weight: 800; margin-bottom:0.3em; line-height:1.4; }
.top-mv_inner h1 span{ color:#C70025; font-size: 4.5rem; }

.top-mv_inner p { display:block; font-size:1.5rem;  font-weight: 700; padding-left: 5px;  margin-bottom:2em; }
.top-mv_inner a{ text-decoration:none;}

.top-mv-item{
	padding-top: 80px;
}

.top-mv-img{
	position:absolute;
	width: 900px;
	bottom:0;
	left:50%;
	margin-left:-50px;
}

.top-mv-btn {
	margin:auto;
	padding: 18px 100px;
	display: iblock;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	outline: none;
	background: #af0323;
	border-radius: 50px;
	font-size: 18px;

}
a.top-mv-btn:hover {
  background: #cd506c;
  color: #FFF;
}
@media screen and (max-width: 1279px) {
	.top-mv_inner{
		display: flex;
		justify-content: space-between;
		padding: 0px;
	}
	.top-mv_inner h1{ display:block; font-size: 2.5rem; font-weight: 800; margin-bottom:0.3em; line-height:1.4; }
	.top-mv_inner h1 span{ color:#C70025; font-size: 3.5rem; }
	.top-mv_inner p { display:block; font-size:1rem;  font-weight: 700; padding-left: 5px;  margin-bottom:2em; }
	.top-mv-img{
		position:absolute;
		width: 600px;
		bottom:0;
		left: 55%;
		margin-left:0px;
	}
	.top-mv-item{
		padding-top: 40px;
		padding-left:1rem;
	}
}

@media screen and (max-width: 767px) {
	.top-mv_inner{
		display: block;
		padding: 30px 15px 0px;
		color:#313c55;
		text-align:center;
	}
	.top-mv-item{
		padding-top: 0px;
		box-sizing: border-box;
		width:100%;
		display:block;
	}
	.top-mv_inner h1{ display:block; font-size: 1.9rem; font-weight: 800; margin-bottom:0.3em; line-height:1.4; width:100%; }
	.top-mv_inner h1 span { color:#C70025; font-size: 2.0rem; }
	.top-mv_inner p { display:block; font-size:1.1rem; font-weight: 700; padding-left:0;  margin-bottom:2em; }
	.ftco-cover .top-mv-img{
		margin:0 0 0 auto;
		width: 65%;
		position:absolute;
		box-sizing: border-box;
		display:block;
		bottom:0;
		left:50%;
		transform: translateX(-50%);
		z-index:1;
	}
	.top-mv-img img{ width:100%; }
	.top-mv-btn {
		position:absolute;
		z-index:2;
		left:50%;
		transform: translateX(-50%);
		min-width:300px;
		padding: 15px 60px;
	}
}
	


/**********************************

 SECTIOM - お困り
 
***********************************/
.bg-okomari{
	background-color:#0f88da;
}
.okomari-item {
	width: 100%;
	border-radius: 20px;
	padding: 50px 35px 30px;
	text-align: center;
	min-height:570px;
	margin: auto;
}
.okomari-item.bg-people1{ background-color:#fefee7;}
.okomari-item.bg-people2{ background-color:#E3F8FF;}

.okomari-item figure { max-width:180px; text-align:center; margin:0 auto 20px; }
.okomari-item figure img{ width:100%; height:auto; }

.okomari-item_inner{
	position: relative;
	min-height:100px;
	height:100%;
	width: 100%;
	max-width: 610px;	
}
.okomari-item_inner h3{
	font-size: 1.75rem;
	margin-bottom: 0.5em;
}
p.img_people {
	position: absolute;
	bottom: -120px;
	right: -30px;
}
p.img_people img{ max-width:150px; }

.li-okomari{
}

.li-okomari li {
	position: relative;
	padding: .5rem 0 0.5rem 0.5rem;
	font-size:1rem;
	line-height:1.2;
	text-align:left;
	margin-bottom: 7px;
	border-bottom: dotted 1px #626262;
}
.li-okomari li::before {
	position: absolute;
	top: 50%;
	left: -40px;
	content: '\f046';
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
	display: inline-block;
	color: #1b1b1b;
	font-size: 2rem;
	transform: translateY(-50%);
}
.li-okomari li:last-child{ border-bottom:0; }


@media screen and (max-width: 767px) {
	p.img_people {
		position: absolute;
		bottom: -120px;
		right: -30px;
	}
	p.img_people img{ max-width:110px; }
}

/**********************************

 SECTIOM - お困り解決

***********************************/
.triangle {
  position: relative;
}
.triangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 85px 85px 0 85px;
  border-color: #0F88DA transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.bg-kaiketsu{
	background:#FFF;
}
.title_kaiketsu { position:relative; }
.title_kaiketsu p{
  position: absolute;
	top:-270px;
	left:50%;
	font-size:2rem;
	font-weight:900;
	margin:0 auto;
	padding:0;
	transform:translateX(-50%);
	color:#FFF;
}
.container_kaiketsu{
	margin:auto;
	padding-top:1rem;
	padding-bottom:1.5rem;
	max-width:1340px;
}

img.img_kaiketsu_tit{ max-width:520px; width:100%; }
.container img.img-radius{
	border-radius: 20px;
}

/***********************************

 SECTIOM - スーパーEMS X とは

***********************************/
.about-item{
	margin:auto;
	max-width: 341px;
	padding: 10px;
	text-align: center;
	height: 100%;
}
.about-item p{
	padding:0;
	font-size:0.9rem;
	line-height:1.4;
	margin-bottom:0;
}
.about-item img{
	width:230px;
}
.about-item2{
	margin:auto;
	max-width:1060px;
}
.fc-onestop{
	font-weight: 700;
	font-size: 2rem;
	line-height:1.3;
}
@media screen and (max-width: 576px) {
	.fc-onestop{
		font-size: 1.5rem;
	}
}
.merit-item1 {
	width: 100%;
	max-width: 341px;
	border-radius: 20px;
	padding: 0px 0px 30px;
	background-color: #FFF;
	text-align: center;
	border: solid 3px #118CC9;
	height: 100%;
	margin: auto;
	display:table;
}
.merit-item1.ai_x{ border: solid 3px #aa0000; } 
.merit-item1_inner{
	position: relative;
	min-height:100px;
	height:100%;
	padding-top:10px;
}
.merit-item1 h3{
	background-color:#118CC9;
	color:#FFF !important;
	padding:10px 15px;
	border-radius: 17px 17px 0 0;	vertical-align:top;
	font-size: 1.25rem;
}
.merit-item1 h3.ai_x{ background-color:#aa0000; } 
.merit-item1 h3.smsx{ font-size:15px; line-height:1.4!important;}

.merit-item1 img{
	max-width:210px;
}
.merit-item1 img.img_smsx{
	max-width:280px;
	position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}
.merit-item1 p{
	padding:0 15px;
	font-size:0.9rem;
	line-height:1.4;
	margin-bottom:0;
}

.item1_plus, .item1_equal{ position: relative; }
.item1_plus::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -76px;
	margin: auto;
	box-sizing: border-box;
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 500;
	display: inline-block;
	color: #363F4D;
	font-size: 2.5rem;
	transform: translateY(-50%);
}
.item1_equal::before{
	content: "=";
	position: absolute;
	top: 50%;
	right: -70px;
	margin: auto;
	box-sizing: border-box;
	font-weight: 500;
	display: inline-block;
	color: #363F4D;
	font-size: 3rem;
	transform: translateY(-50%);
}
.fc-brand2 {
	color:#06C;
}
@media screen and (max-width: 991px) {
	.item1_plus::before{
		top: 50%;
		right: -30px;
		content: '\f067';
		font-family: 'Font Awesome 5 Free';
		font-weight: 500;
		font-size: 1.5rem;
	}
	.item1_equal::before{
		top: 50%;
		right: -22px;
		font-weight: 500;
		color: #363F4D;
		font-size: 2rem;
	}
}
@media screen and (max-width: 576px) {
	.item1_plus, .item1_equal{ position: relative; }
	.item1_plus::before{
		content: "";
		position: absolute;
		top: 98%;
		bottom: 0;
		left: 50%;
		right:50%;
		margin: auto;
		box-sizing: border-box;
		content: '\f067';
		font-family: 'Font Awesome 5 Free';
		font-weight: 500;
		display: inline-block;
		color: #363F4D;
		font-size: 2rem;
		transform: translateX(-50%);
		margin-left:-10px;
	}
	.item1_equal::before{
		content: "=";
		position: absolute;
		top:96%;
		bottom: 0;
		left: 50%;
		right:50%;
		margin: auto;
		box-sizing: border-box;
		font-weight: 500;
		display: inline-block;
		color: #363F4D;
		font-size: 2.3rem;
		transform: translateX(-50%);
		margin-left:-10px;
	}
}
@media screen and (max-width: 767px) {
	.title_kaiketsu p{
		position: absolute;
		top:-160px;
		left:50%;
		font-size: 1.5rem;
		font-weight:900;
		margin:0 auto;
		padding:0;
		transform:translateX(-50%);
		color:#FFF;
	}
}

/**********************************

 SECTIOM - YouTube

***********************************/
.youtube {
	width:100%;
	max-width:680px;
	text-align:center;
	margin:auto;
	padding-top: 1.0rem;
	padding-bottom: 0;
}
.youtube-responsive {
	text-align:center;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.youtube-responsive iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.lnh-1{ line-height:1em!important;}
.lnh-2{ line-height:1.45em!important;}
.lnh-3{ line-height:2em!important;}


.title_youtube{ display: block; }
.title_youtube span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:24px; 
	color:#067ac0;
}


.title_youtube span::before,
.title_youtube span::after {
	width: 3px;
	height: 30px;
	background-color: #067ac0;
	content: '';
}
.title_youtube span::before {
	transform: rotate(-35deg);
	margin-right: 30px;
}
.title_youtube span::after {
	transform: rotate(35deg);
	margin-left: 30px;
}


/**********************************

 SECTIOM - 5つの特長

***********************************/
.bg-lightyellow{
	background-color:#fdf9e9;
}
.thumbnail {
	padding:0;
	height:100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius:20px !important;
	box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);
	background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
	padding-top:10px;
	padding-bottom:10px;
}
.caption {
	line-height: 1.7142857142857142;
	padding: 10px 10px 0px!important;
	width: 80%;
}

.caption h4{ margin-bottom:.4em;}
.caption p{ font-size: 1rem; }

@media (max-width: 575px) {
	.thumbnail {
		padding-top:20px;	padding-bottom:20px;
	}
	.caption { width:100%; }
	.caption h4{ color:#19303e !important; margin-bottom:.4em; text-align:center; 	font-size: 1.0rem; }
	.caption p{ text-align:center; }
}

.circle{
	position: relative;
	width: 80px;
	height: 80px; 
	background-color:#ebf5fa;
	border-radius: 50%; 
	margin: 0 auto;
}	
	
.circle img{
	max-width:40px;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
}
	
	
.visit-tailor-area {
	display: flex;
	align-items: center;
	overflow: hidden;
	margin:0;
	padding:0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.visit-tailor-area {
	display: block;
}
}
@media (max-width: 575px) {
.visit-tailor-area {
	display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.visit-tailor-area {
	display: block;
}
}
.visit-tailor-area .tailor-details {
	width: 45%;
	z-index:1;
}

.tailor-details {
	padding: 30px 0px 30px 120px;
	background-color:rgba(255,255,255,0.8);
}

@media only screen and (min-width: 1281px) and (max-width: 1600px) {
.visit-tailor-area .tailor-details {
	width: 41%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
.visit-tailor-area .tailor-details {
	width: 53%;
	padding: 20px 20px 20px 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.visit-tailor-area .tailor-details {
	width: 100%;
	padding: 50px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.visit-tailor-area .tailor-details {
	width: 100%;
	padding: 50px 30px;
}
}
@media (max-width: 575px) {
.visit-tailor-area .tailor-details {
	width: 100%;
	padding: 50px 30px;
}
}
.visit-tailor-area .tailor-details h4 {
	font-size: 1.5rem;
	display: block;
	font-weight: 700;
	line-height: 1;
	text-align:left;
	color: #06C !important;
	letter-spacing:0.07em;
}
	@media (max-width: 575px) {
		.visit-tailor-area .tailor-details h4 {	font-size: 16px; text-align:center; } }
		.visit-tailor-area .tailor-details p {
			color: #545454;
			line-height: 1.7;
			font-weight: 400;
			font-size: 1rem;
			margin-bottom:0;
		}
	@media (max-width: 575px) {
		.visit-tailor-area .tailor-details p { font-size:0.9rem; }
	}
.visit-tailor-area .tailor-offers {
	height: 695px;
	width: 55%;
	position: relative;
	margin-right:-100px;
	z-index:0;
}
.visit-tailor-area img{ width:100%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.visit-tailor-area .tailor-offers {
	width: 49%
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.visit-tailor-area .tailor-offers {
	width: 100%;
	height: 400px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.visit-tailor-area .tailor-offers {
	width: 100%;
	height: 580px
}
}
@media (max-width: 575px) {
.visit-tailor-area .tailor-offers {
	width: 100%;
	height: 100%;
	min-height:300px;
}
}
.visit-tailor-area .tailor-offers .info-man {
	display: inline-block;
	padding: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.visit-tailor-area .tailor-offers .info-man {
	bottom: 133px;
	right: 68px
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.visit-tailor-area .tailor-offers .info-man {
	padding: 24px 31px
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.visit-tailor-area .tailor-offers .info-man {
	padding: 23px 36px
}
}
@media (max-width: 575px) {
.visit-tailor-area .tailor-offers .info-man {
	padding: 21px 19px;
}
}
.visit-tailor-area .tailor-offers .info-man .head-cap {
	text-align: center
}
.visit-tailor-area .tailor-offers .info-man p {
	color: #fff;
	margin: 0;
}

.about-box{ text-align:left; }
.about-box figure{
	margin:0;
	padding: 0;
}

.about-box-title {
	text-align: center;
	font-size: 4rem;
	font-weight: 900;
	margin-bottom:10px;
	color:#06C;
	letter-spacing:0.075em;
}
.about-box-title em{ font-style:normal; font-size:3rem; }

	@media screen and (max-width: 1279px) {
		.about-box-title {
			font-size: 2.8rem;
			margin-left: 0.25em;
		}
	}
	@media screen and (max-width: 576px) {
		.about-box-title {
			margin-left:-15px !important;
			margin-right:-15px !important;}
	}
/**********************************

 SECTIOM -  価値創出

***********************************/
.fc-style02{
	font-size: 2rem;
	font-weight: 700;
}
@media screen and (max-width: 576px) {
	.fc-style02{
		font-size: 1.3rem;
	}
}

/**********************************

 SECTIOM - 

***********************************/

.bg-style01{ background-color:#e7f4fa;}
.bg-style02{ background-color:#a0d1e9;}


/**********************************

 SECTIOM - CONTACT

***********************************/
.section-info {
	padding: 90px 32px 70px;
	background: url("../img/support_bg.jpg") no-repeat center/cover;
	background-size: cover;	
}
.section-info_inner{
	z-index :1;
	max-width:1000px;
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
}
.section-info_inner h2{
	font-size: 1.5em;
	color:#212121;
	margin-bottom:0;
	letter-spacing: -0.01em;
	font-weight: 700;
}
@media screen and (max-width: 551px) {
	.section-info_inner h2{
		font-size: 1.2em;
		letter-spacing: -0.01em;
		font-weight:800;
		line-height:1.2;
		margin-bottom:20px; }
}
			

/* -------------------
	 Button - CTA
--------------------*/
.button-cta {
	overflow:hidden;
	display: block;
	margin: 1.5em auto;
	text-align: center;
	width: 100%;
	max-width: 350px;
	font-weight: 800;
	font-size: 1.2em;
	line-height: 1;
	text-decoration: none;
	border-radius: 50px;
	box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.07);
}
	@media screen and (max-width: 576px) {
		.button-cta{
			font-size: 1.0em;
			}
	}

a.button-cta {
	display: block;
	text-align: center;
	border-radius: 100px;
	padding: 1.3em 1em;
	text-decoration: none;
	letter-spacing:0.02em;
}
a.button-cta.bg_mail {
	background-color: #af0323;
	color: #fff;
}
a.button-cta.bg_mail:hover {
	background-color: #cd506c;
}

a.button-cta.bg_dl {
	background-color: #fff;
	color: #CE1127;
	border:solid 2px #af0323;
}
a.button-cta.bg_dl:hover{	
	background-color: #af0323;
	color: #fff;
	border:solid 2px #af0323;
}



.fc-site{
	color:#CE1127;
	font-size:4rem;
}
.fc-site-1{
	color:#CE1127;
	font-size:2.5rem;
}
	@media screen and (max-width: 576px) {
		.fc-site{	font-size:2.85rem;	}
	}

.icon_cta {
	margin: auto auto 1em;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	text-align: center;
	background-color: #ffffff;
	position:relative;
	border:solid 1px #ab0213;
	box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.07);
}
.icon_cta img{
	position: absolute;	
	top: 50%;
	left::50%;
	transform: translate(-50%,-50%);
	max-width:40px;
}

	@media screen and (max-width: 576px) {
	}
	


		

/**********************************

 SECTIOM - Case

***********************************/
.case_in{
	padding: 30px 2em 0;
}
	@media screen and (max-width: 1280px) {
		.case_in{	padding: 20px 1em;}
	}

.img-style1{
	border-radius: 10px;
	box-shadow: 2px 2px 20px rgba(0,0,0,.12);
}
.img-case{
	border-radius: 10px 10px 0 0;
}
.case_txt_in{
	padding: 2.1rem 1.75rem 0.75rem;
	background-color:#fff;
}





/**********************************

 SECTIOM - 

***********************************/

.ftco-section {
  padding: 8em 0; }
	@media (max-width: 576px) {
		.ftco-section {	padding: 5em 0; }
	}
.ftco-bg-dark {
  background: #202121; }

.ftco-footer {
  font-size: 16px; }
  .ftco-footer .ftco-footer-logo {
    text-transform: uppercase;
    letter-spacing: .1em; }
  .ftco-footer .ftco-footer-widget h2 {
    font-weight: normal; }
  .ftco-footer p {
    color: rgba(255, 255, 255, 0.3); }
  .ftco-footer a {
    color: rgba(255, 255, 255, 0.3); }
    .ftco-footer a:hover {
      color: #F96D00; }
  .ftco-footer .ftco-heading {
    font-size: 24px; }
  .ftco-footer .ftco-heading-2 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6); }

.padding-top-bottom {
  padding-top: 120px;
  padding-bottom: 120px; }

.ftco-counter .ftco-number {
  display: block;
  font-size: 72px;
  font-weight: bold;
  color: #F96D00; }

.ftco-counter .ftco-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3b3b3; }

#ftco-loader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1000; }

#ftco-loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

#ftco-loader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1; }

#ftco-loader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#ftco-loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round; }

@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px; } }


.display-ctm1{
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing:0.07em;
}
.display-ctm2{
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.1;
	color:#333;
}
@media screen and (max-width: 767px) {
	.display-ctm1{
		font-size: 2.25rem;
		font-weight: 700;
		line-height: 48px;
		letter-spacing:0.07em;
	}
	.display-ctm2{
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 34px;
		color:#333;
		margin-bottom:1rem;
	}
}

.section {
	padding: 20px 0 60px;
}

.head-container{ 
	width:100%;
	max-width:1880px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	display: -ms-flexbox;
	
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}
@media (max-width: 991px) {
	.head-container{
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;	
			padding-right: 0;
			padding-left: 0;
	}
}


.head-container h1{
	margin:0; padding:0; display:block; line-height:0;
}

.head-container h1 img{ max-width:170px; width:100%; }

/* ------------------------------------------------------------------------------
	 
-------------------------------------------------------------------------------*/
.fc-red{ color:#c30d23;}
.fc-yellow{ color:#FBD317;}
.fs-n{ font-style:normal; }
.mb-6 {
  margin-bottom: 6rem !important;
}
.mb-7 {
  margin-bottom: 7rem !important;
}
.mb-10 {
  margin-bottom: 10rem !important;
}

.inner {
	padding:2% 0;
}


/**********************************

パンくずリスト

***********************************/
.breadcrumb {
  margin: 0 0 30px;
	background-color: #ffffff;
	border-radius: 0;
	color:#383838;
}
.breadcrumb_inner{
  list-style: none;
	padding:0 25px;
	position:relative;
}
@media screen and (max-width: 991px) {
	.breadcrumb_inner{
		list-style: none;
		padding:0 15px;
		position:relative;
	}
}

.breadcrumb ol{
	margin: 0 auto;
	padding:0;
	text-align:left;
	height: 50px;
}
.breadcrumb ol li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-size: 75%;
	line-height: 50px;
}
.breadcrumb ol li:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  padding: 0 0.8em;
  color: #c0c0c0;
  font-size:70%;
  font-weight: 700;
  line-height:1.4em;
}

.breadcrumb ol li:last-child:after {
  content: '';
}
.breadcrumb ol li a {
  text-decoration: none;
	color:#383838;
}

/*
.breadcrumb ol li:first-child a:before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size:92%;
  color: #2e7fea;
}*/

.breadcrumb ol li a:hover {
  text-decoration: underline;
}

.img_shadow{
	box-shadow: 3px 3px 12px rgb(0 0 0 / 15%);
}

.fs-1{ font-size: 3rem !important; }
.fs-2{ font-size: 2.5rem !important; }
.fs-3{ font-size: 2rem !important; }
.fs-4{ font-size: 1.5rem; }
.fs-5{ font-size: 1.25rem; }
.fs-6{ font-size: 1.0rem; }
.fs-7{ font-size: 0.85rem; }

.fs-125per{ font-size: 125% !important; }


@media screen and (max-width: 960px) {
	.fs-1{ font-size: 2.5rem; }
	.fs-2{ font-size: 2rem; }
	.fs-3{ font-size: 1.5rem; }
	.fs-4{ font-size: 1.25rem; }
	.fs-5{ font-size: 1rem; }
}

.fc-black{ color:#353535; }


.bg-Flow {
	 background-color:#f1f1f1;
	 padding: 80px 0 30px; /*
    background: linear-gradient(rgba(1, 41, 42, 0.5), rgba(7, 56, 57, 0.5)), url("../img/bg_flow_sp.jpg") fixed left top;
    background-size: 100% auto;
    padding: 100px 0 60px;*/	
}
	@media (min-width: 768px) {
		.bg-Flow {/*
				background: linear-gradient(rgba(1, 41, 42, 0.5), rgba(7, 56, 57, 0.5)), url("../img/bg_flow.jpg") fixed center center;
				background-size: cover;
				padding: 100px 0 60px; */
		}
	}

/* 5 Columns */
.row5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 25%;
    flex: 0 0 25%;
  }
}

/**********************************

 Footer

***********************************/
.footer {
	background-color: #202121;
	color: #333;
	padding:3em 0.5em 0.5em;
}
.footer a{ color: rgba(255, 255, 255, 0.4); }

.ft_nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}
.ft_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ft_nav a {
	display: block;
	padding: 0 20px 0 16px;
	position:relative;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
}
.ft_nav a:after{
	position:absolute;
	top:50%;
	left:0;
	content: '\f054';
	font-family: 'Font Awesome 6 Free';
	font-weight : 700;
	display: inline-block;
	font-size: 10px;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0.4);
	margin-top:2px;
}
	@media (max-width: 480px) {
		.ft_nav a {
			font-size:11px;
		}
	}
	
.ft_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .footer-company{
	margin:1em 1em 1em;
}

.footer .ft_cpname, .footer .ft_logo{
	text-align:left;
	margin:1em auto 1em;
	color:#808080;
	font-size:0.9em;
}
.ft_logo img{ margin-left:0; margin-top: .5em; }
.ft_logo span{ font-size:1.2em; }

	@media (max-width: 480px) {
		.footer .ft_cpname{
			text-align:left;
			margin:2em 0 .5em;
		}
	}
	
.footer .ft_cpname p{ font-size:0.75em; }

	
	@media (max-width: 480px) {
		.footer .ft_logo{
			margin:4em auto .5em;
		}
	}
	
.footer .ft_logo img{
	max-width:100%;
	width:184px;
	height:auto;
	text-align: center;
}
.copyright {
	font-size:0.8em;
    padding-top: 1.5em;
    text-align: center;
		color: rgba(255, 255, 255, 0.4); 
}
.footer a{ color: rgba(255, 255, 255, 0.4); }


/* ------------------------------------------------------------------------------
	 Page - Contactform
-------------------------------------------------------------------------------*/
.bg-white{
	background: #FFF !important;
}
.page_title_inner.page_bg{
	position: relative;
	background: url(../img/contact_bg.png) left top no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	overflow: hidden;
	margin:0;
}

@media screen and (max-width: 991px) {
	.page_title_inner.page_bg{
		position: relative;
		background: url(../img/contact_bg_sp.png) left top no-repeat;
		width: 100%;
		height: 100%;
		background-size: 100% auto;
		overflow: hidden;
		margin:0;
	}
}


.header__page__text h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding-top: 50px;
}

.header__page__text{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);	
	display:block;
	width:100%;	
}

.header__page__text h2 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom:0;
	letter-spacing:0.3em;
	padding-top: 0px;
}

@media screen and (min-width: 768px) {
	.header__page {
		 background: url(../img/bg_flow.jpg) center no-repeat;
		 width: 100%;
		 height: 100%;
		 max-height:300px;
		 background-size: cover;		
	}
	.header__page__text{
	}.header__page__text h2 {
		font-size: 32px;
		line-height:1.4em;
		padding-top: 0px;
		color:#FFF;
	}
}
@media screen and (min-width: 991px) {
	.backg-overlay2{
		background: rgba(20,20,0,.6);
		max-height: 300px;
	}	
	.header__page__text{
	}.header__page__text h2 {
		padding-top: 70px;
	}
}

@media screen and (max-width: 480px) {
	#contact h3{
		font-size: 24px;
	}
}


.d-none {
  display: none !important;
}
@media (min-width: 1024px) {
  .d-md-none {
    display: none !important;
	}
  .d-md-block {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
}




/* ------------------------------------------------------------------------------
	 button page-top
-------------------------------------------------------------------------------*/
.pagetop {
	clear:both;
	height: 50px;
	width: 50px;
	position: fixed;
	right: 8px;
	bottom: 30px;
	background-color:#2E3843;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	cursor: pointer;
}
.pagetop__arrow {
	height: 10px;
	width: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: translateY(20%) rotate(-45deg);
	display: block;
}
	@media screen and (min-width: 992px) {
		.pagetop {
			right: 30px;
			bottom: 150px;
		}
	}

/* ------------------------------------------------------------------------------
	 Image Link Over
-------------------------------------------------------------------------------*/
.img-hover{
    display: inline-block;
    background: #1a1a1a;
}
.img-hover img{
    display: block;
		transition: 0.3s;
}
.img-hover:hover img{
    opacity: 0.7;
}
#page_title{
	border-bottom: 1px solid #ccc;
}
#page_title h2{
	height: 190px;
	color: #000000;
	font-size: 2.7rem;
	line-height: 1.25;
	font-weight: 700;
	display: table;
	margin: 0 auto;
	text-align: center;
	position: relative;
	letter-spacing:0.075em;
}
@media screen and (max-width:576px) {
	#page_title h2{
		height: 110px;
		color: #000000;
		font-size: 2.0rem;
		line-height: 1.25;
		font-weight: 700;
	}
}


#page_title h2 > span {
	display: table-cell;
	vertical-align: middle;
}

#page_title h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 122px;
	border-bottom: 6px solid #118CC9;
}

.page_title_inner {
	margin:0%;
	padding-top:90px;
}

.ftco-navbar-light .navbar-nav > .nav-item > .label-btn{
	font-size: 1em;
	background-color: #241916;
	border-radius: 30px;
	padding: 12px 30px;
	line-height: 1;
	transition: all ease .3s;
	color:#FFF !important;
	margin-left:2em;
	vertical-align:middle;
}
.ftco-navbar-light .navbar-nav > .nav-item > .label-btn:hover{
	background-color: #CE1428;
	color:#FFF;
}

}
.list-number ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important;
	padding:0 0 0 20px;
	margin:0;
}
.list-number ol li {
	position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0em 0.5em 0em 30px;
}

.list-number ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number)'.';
	left: 0;
	top:0;
	display:inline-block;
  font-family: 'Arial',sans-serif;
	font-weight: normal;
  font-size: 1em;
  text-align: left;
}



#contact h2{
	font-size: 2.15em;
	letter-spacing: 0.08em;
	line-height: 50px;
	padding: 1.5rem 1.5rem 1.5rem;
	color:#fff;
	font-weight: 600;
}

#contact h2 span{ display:block; font-size: 0.4em; color:#FFF; line-height: 60px; font-weight:500; }


.fw-b{
	font-weight:900 !important;
}
.fw-7{
	font-weight:700 !important;
}
.fw-6{
	font-weight:600 !important;
}



.arrow-right {
	position:relative; 
	display: block;
}
.arrow-right::before{
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f144';
	color: #fff;	
	font-size: 18px;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 48px;
	margin-top:-9px;
}
	@media screen and (max-width: 576px) {
		.arrow-right::before{
			font-size: 16px;
			right: 6px;
			margin-top:-6px;
		}
	}
	
.boxAnime {
  animation-fill-mode: forwards;
}

ol.olStyle1 {
	counter-reset: number;
	list-style-type: none !important;
	padding: 0;
	margin: 15px 0 0;
}
ol.olStyle1 li {
	padding: 0 0.5em 1em 41px;
	line-height: 1;
	margin-bottom: 8px;
	position: relative;
	line-height:1.8;
}
ol.olStyle1 li:last-child:{ margin-bottom:0; padding-bottom:0; }

ol.olStyle1 li::before {
	position: absolute;
	border-radius: 50%;	
	width: 30px;
	height: 30px;
	background-color: #575757;
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	color: #fff;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight: bold;
	font-size: 14px;
	top: 1em;
	left: 0;
	line-height: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 30px;
	text-align: center;
}

/**********************************

 SECTIOM - suspension

***********************************/
.font-m_plus_1-style1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size:1.4rem;
}
.img_suspension{
	width:100%;
	max-width:1038px;
}

.fsL{ font-size:116% !important;}
.fsS{ font-size:86% !important;}
.fsSS{ font-size:78% !important;}


.note-suspension{
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 2em 2.2em;
}
.note-suspension ul {
  list-style-type: none;
  border: none;
}
.note-suspension ul li {
  position:relative;
  padding: 0.3em 0 0.3em 1.7em;
  line-height: 1.5;
}
.note-suspension ul li:before{
  content: '';
  position: absolute;
  background-color: #ee8992;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0px;
  top: 13px;
}

.btn_head_link a{
	display:block;
	background: #383838;
	border-radius: 100vh;
	position: relative;
	margin: 0 auto;
	max-width: 260px;
	color: #313131;
	transition: 0.3s ease-in-out;
	font-weight: 700;	
	padding: 1rem 2.25rem 1rem 1.5rem;
	color:#FFF;
	line-height:1;
	font-size:0.9rem;
}
.btn_head_link a:after {
	content: url(../img/ico_link.png);
  position: absolute;
  top: 50%;
  right: 0.9rem;
  transform: translateY(-50%);
}
.btn_head_link a:hover {
  background: #000000;
  color: #FFF;
}

/**********************************

 SECTIOM - plan

***********************************/
.plan_table {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
	width: 100%;
}
@media screen and (max-width:768px) {
	.plan_table {
		width: auto;
    min-width: 900px;
	}
}

.plan_table {
	width: 100%;
  table-layout: fixed;
  font-size: 16px;
  border-collapse: separate;/*collapseから変更*/
  border-spacing: 0;	
}

@media screen and (max-width:768px) {
  .plan_table  {
    width: auto;
		min-width: 650px;
		font-size: 13px;
  }
}

.plan_table th, .plan_table td{
	padding: 6px 10px;
	border-bottom: 1px solid #cdcdcd;
}
.plan_table thead th {
	font-weight: bold;
	text-align:center;
	background: rgba(212,96,96, 1);
	color: #FFF;
	font-size:1.2rem;
	padding: 15px 10px;
}
.plan_table thead th:first-child {
	background:rgba(255,255,255, 0);
}
.plan_table thead th:last-child {
	background: rgba(79,117,175, 1);
}
.plan_table tbody th {
	font-size:0.9rem;
	text-align: center;
	width:15%;
	background-color:#dddddd;
	font-weight: normal;
}
@media screen and (max-width:768px) {
	.plan_table tbody th {
		width:12%;
	}
}

.plan_table tbody td {
	border-right: 1px solid #cdcdcd;
	background-color: #FFF;
	font-size:0.9rem;
}
.plan_table table tbody th:first-child {
	border-bottom: 2px solid #fff;
}

.plan_table table tbody td.plan_tdstyle{
	font-size:0.8rem;
	width:14%;
}
@media screen and (max-width:768px) {
	.plan_table table tbody td.plan_tdstyle{
		width:10%;
	}
}

.plan_table table tbody tr:nth-child(2n+1) td {
	background: #fafafa;
}

.w35per{ width:35% !important; }

@media screen and (max-width:768px) {
	.plan_table tbody td{
			font-size:0.9rem;
			font-size:12px;
	}
}

.bg_merit{ background-color:#FCF8F7; }




/**********************************

 SECTIOM - Case

***********************************/



.fc-red2{ color:#b60f1d;
	}
	
.fc-style01{ color:#19303e;
	}

/**********************************

 SECTIOM - シスロボ導入効果

***********************************/
/*-------------------------
/* 連携
-------------------------*/
.sysrobo-headimg{
	margin:0 auto 6em;
	max-width:920px;
}
.sysrobo-headimg img{ width:100%; }

.sysrobo-item_tit{
  position: relative;
  display: inline-block;
  padding: 10px 50px;
  border-radius: 10px;
  background-color: #0067d2;
  text-align: center;
  line-height: 1.5;
	width:100%;
	max-width: 460px;	
	font-size:1.25rem;
	color: #FFF;
	z-index:1;
	margin:auto auto 0px;
	min-height:40px;
}
.sysrobo-item_tit:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #0067d2 transparent transparent;
	margin-left: -10px;	
	z-index:2;
}
.sysrobo-wrap{ margin-left: auto; margin-right: auto; width: 90%; }
.sysrobo-item{
	margin:auto;
  max-width: 600px;	
	padding: 20px;
	text-align: center;
	background-color:#F0F8FF;
	z-index:1;
	border-radius: 20px;
	box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.1);
}
.sysrobo-item p{ margin-bottom:0; }
.sysrobo-item p.style_sysrobo{ padding-top: 30px; }
.sysrobo-item img{ max-width:220px; }

@media screen and (max-width:576px) {
	.sysrobo-wrap{ margin-left: auto; margin-right: auto; width:100%; }
	.sysrobo-item{
		margin:auto;
		max-width: 100%;	
    padding-right: -15px;
    padding-left: -15px;
		text-align: center;
		background-color:#F0F8FF;
		z-index:1;
		border-radius: 20px;
		box-shadow: 0px 0px 12px 0px rgba(34, 34, 34, 0.1);
	}
}

h3.heading11 {
	font-size: 2.0rem;
	text-align: center;
	margin-bottom:1em;
	display: 800;
	letter-spacing:0.075em;
}



/*-------------------------
/* 効果テーブル
-------------------------*/
.scroll-box{
	margin: auto;
	min-height: 530px;
	height:100%;
	width:100%;
	max-width: 1300px;
}
.scroll-box table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.scroll-box th, .scroll-box td {
  vertical-align: middle;
  border: 1px solid #d8d5d5;
  text-align: center;
  white-space: nowrap;
}
.scroll-box thead th {
  background: #3171B3;
	font-weight:bold;
  padding: 20px 10px;
	color:#FFF;
	font-size:1.1rem;
}
.scroll-box tbody th {
  padding: 20px;
	font-size:1.2rem;
	width:30%;

}
.scroll-box tbody td {
  padding: 20px 20px 20px 40px;
	font-size:1.0rem;
	text-align: left;
}
.scroll-box tbody tr:nth-child(even){
	background: #F6F6F6;
}

/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track {
  background: #eee;
}

/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/**********************************

 SECTIOM - 導入メリット

***********************************/

h3.merit_h3{ font-size: 1.75rem; }
h4.merit_h4{ font-size: 2.25rem; font-weight:800; }
	@media screen and (max-width: 576px) {
		h3.merit_h3{ font-size: 1.15rem; }
		h4.merit_h4{ font-size: 1.75rem; }
	}


ul.list_merit{
  counter-reset:li;
  padding: 0.25em;
  list-style: none;
}
.list_merit li{
  position: relative;
  padding: 5px 4px 2px 60px;
  margin-top: 0.8em;
	font-size: 1.15rem;
}
.list_merit li:before{
  font-family: "Roboto";
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  counter-increment: li;
  content: counter(li);
  position: absolute;    
  z-index: -1;
  left: -5px;
  top: 0px;
  background: #ffffff;
  height: 2em;
  width: 2em;
  border: .1em solid rgba(0,0,0,.05);
  text-align: center;
  color: #c30d23;
  border-radius: 2em;
	line-height:2;
	font-size:1.15em;
	border: solid 1px #c30d23;
}
	@media screen and (max-width: 576px) {
		.list_merit li{
			position: relative;
			padding: 5px 4px 2px 30px;
			margin-top: 0.5em;
			font-size: 0.9rem;
			font-weight:700;
		}
	}

.merit_img{
	max-width:430px;
	margin-right:0;
}
@media screen and (max-width: 576px) {
	.merit_img{
		max-width:300px;
		margin:auto;
	}
}

/**********************************

 SECTIOM - 資料請求

***********************************/
.download_box {
  background: #F5F3F2;
  padding: 40px 50px;
	width: 90%;
	margin: 0 auto 5em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.download_box .img {
	width: 45%;
}
.download_box .img img{
	width: 100%;
	height: auto;
}
.download_box .txt{
	width: 48%;
}
.download_box .txt h4{
	color: #C30D23;
  font-size: 22px;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}
.download_box .txt p{
	color: #000;
	line-height: 2;
	font-size: 16px;
}
.download_box .txt .linkbtn{
	max-width: 350px;
	margin: 40px auto 0;
}
.download_box .txt .linkbtn a{
	width: 100%;
	display: block;
  color: #C30D23;
  font-size: 20px;
  border-radius: 50px;
  padding: 15px 0px;
  background: #fff;
  border: 2px solid #C30D23;
  display: block;
  text-align: center;
  position: relative;
	font-weight: bold;
}
.download_box .txt a:after{
  position: absolute;
	right: 40px;
	top: 50%;
  display: block;
	content:"\f019";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.download_box .txt .linkbtn a:hover{ border: 2px solid #C30D23; background-color:#C30D23; color:#FFF; }


@media only screen and (max-width: 991px) {
	.download_box {
	  padding: 30px 15px;
		width: 90%;
		margin: 20px auto 4em;
	}
	.download_box .img {
		width: 60%;
		margin: 0 auto 15px
	}
	.download_box .txt{
		width: 100%;
		text-align:center;
	}
	.download_box .txt h4{
	  margin-bottom: 20px;
		text-align:center;
	}
	.download_box .txt p{
		font-size: 13px;
	}
	.download_box .txt .linkbtn{
		width: 90%;
		margin: 20px auto 0;
	}
	.download_box .txt .linkbtn a{
		width: 100%;
	  font-size: 16px;
	  border-radius: 30px;
	  padding: 15px 0px;
	  background: #fff;
	  border: 2px solid #C30D23;
	  display: block;
	  text-align: center;
	  position: relative;
		font-weight: bold;
	}
	.download_box .txt a:after{
	  position: absolute;
		left: auto;
	  right: 20px;
	  display: block;
		content:"\f56d";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 20px;
	}
}