@charset "UTF-8";
/*
Theme Name: LIVE OTASUKE
Description: LIVE OTASUKE
Version: 2020.07
Author: YH
*/

/* ------------------------------------------
   Reset
------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline; }

* {
  outline: none; }

body {
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

a img {
  border: none; }

input, button, select, textarea {
  border-radius: 0; }

@media screen and (max-width: 767px) {
  input, button, select, textarea {
  }
}

/* ------------------------------------------
   Utility Class
------------------------------------------ */
.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*
Web fonts:
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/* Style
-------------------------------------------------------------- */
body {
  height: 100%;
  font-size: 15px;
  line-height: 2.0em;
  color: #000;
  -webkit-text-size-adjust: none;
  min-width: 1080px;
  /*  font-family: 'Noto Sans JP', sans-serif; */
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-weight: 500;
  transition: opacity 0.6s ease;
  -webkit-print-color-adjust: exact;
}
body p {
  color: inherit;
  font-size: inherit;
  line-height: 2em; }

a, a img {
  text-decoration: none;
  font-weight: 500;
  color: #000;
  transition: all 0.3s ease }

.pc_view a:hover {
	opacity: 0.75;
}

span {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
img {
  display: block;
  max-width: 100%;
  height: auto; }

h1, h2, h3, h4, h5, h6 {
  line-height: inherit; }

.non_pc {
  display: none !important; }

.f_en {
	font-family: 'Dosis', sans-serif;
    letter-spacing: 0.05em;
}

/* ===========================================================================================

	Common

=========================================================================================== */
.outline {
  position: relative;
  min-width: 1000px;
  overflow: hidden;
}
.main {
  z-index: 100;
  margin: 0 auto;
  position: relative;
  transition: opacity 0.3s ease;
  z-index: 100;
  overflow: hidden;
}


/* Header *******************************/
header {
  position: fixed;
  width: 100%;
  height: 84px;
  min-width: 1080px;
  z-index: 10000;
  top: -90px;
  left: 0;
  background: #fef004;
  transition: top 0.3s ease;
}
header.show {
    top: 0;
}
header .logo {
  position: relative;
  float: left;
  width: 320px;
  padding: 10px 10px;
  margin: 8px 0 0 16px;
}
header .logo a {
  display: block;
}
header .gmenu {
	float: right;
}
.pc_view header .gmenu {
	opacity: 1 !important;
	display: block !important;
	height: auto !important;
}
header .gmenu ul {
	margin: 20px 20px 0 0;
}
header .gmenu ul li {
    float: left;
    margin-left: 20px;
}
header .gmenu ul li:first-child {
    margin-left: 0;
}
header .gmenu ul li a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 44px;
    padding: 0 10px;
}
header .gmenu ul li.bt_contact a {
    font-size: 16px;
    background: #1BA6C3;
    line-height: 44px;
    border-radius: 8px;
    padding: 0 20px;
}
@media screen and (max-width: 1180px) {
header .logo {
  width: 280px;
  margin: 11px 0 0 8px;
}
header .gmenu ul li {
	margin-left: 10px;
}
header .gmenu ul li.bt_contact {
	margin-left: 20px;
}
header .gmenu ul li a {
    font-size: 16px;
}
}



/* Footer *******************************/
footer {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 30px 0;
	box-sizing: border-box;
}
footer .txt {
	width: 208px;
	margin: 0 auto;
}
footer .logo {
    width: 94px; 
    margin: 20px auto 0 auto;
    display: block;
}
footer .copyright {
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    color: #aaa;
    font-weight: bold;
}

/* ===========================================================================================

  Index

=========================================================================================== */
#index .main {
    position: relative;
}

/* Visual *********************************/
#index .visual {
	position: relative;
    background: #fef004;
}
#index .visual > .inner {
    padding: 60px 0 120px 0;
}
#index .visual::before {
	position: absolute;
	width: 94px;
	height: 56px;
	content: "";
	display: block;
	background: url(../images/img_logo.png) no-repeat center center;
	background-size: 94px auto;
	left: 50%;
	bottom: 50px;
	margin-left: -47px;
}
#index .visual img {
	width: 90%;
	margin: 0 auto;
	max-width: 1280px;
}

/* About *********************************/
#index .about {
}
#index .about .h_box {
	background: url(../images/bg_about.jpg) no-repeat center center;
	background-size: cover;
	padding: 75px 0;
}
#index .about .h_box .title {
    width: 585px;
    margin: 0 auto;
}
#index .about > .lead {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-top: 50px;
}
#index .about > .lead span:first-child {
    font-size: 58px;
    color: #1da6c3;
    display: inline-block;
    margin-left: 5px;
}
#index .about > .lead span:first-child + span {
    font-size: 32px;
    color: #23C3A3;
    display: inline-block;
    margin-right: 5px;
}
#index .about > .inner {
    margin-top: 100px;
    padding-bottom: 80px;
}
#index .about section {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#index .about section::before {
	position: absolute;
	display: block;
	content: "";
	background: #E7F6F9;
	width: 1240px;
	height: 610px;
	left: 50%;
	top: -40px;
	transform: translate(-50%);
	border-radius: 30px;
}
#index .about .service2::before {
	background: #E8F9F6;
	height: 650px;
}
#index .about section::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/img_outsourcing.jpg?v=2) no-repeat center center;
	background-size: cover;
	width: 422px;
	height: 286px;
    right: 0px;
    top: 25px;
}
#index .about .service2::after {
	background-image: url(../images/img_consulting.jpg?v=3);
    right: auto;
    left: 0;
    top: 60px;
}
#index .about .service2 {
    margin-top: 150px;
    text-align: right;
}
#index .about section .label {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #1da6c3;
    display: inline-block;
    padding: 16px 30px;
    border-radius: 100px;
    position: relative;
}
#index .about .service2 .label {
    background: #25c2a2;
}
#index .about section .label span {
    color: #fef004;
}
#index .about section h3 {
	font-size: 60px;
	font-weight: bold;
	line-height: 1em;
	margin-top: 40px;
	color: #1da6c3;
    margin-left: -5px;
    position: relative;
    z-index: 100;
}
#index .about .service2 h3 {
    color: #25c2a2;
}
#index .about section .lead {
	font-size: 22px;
	font-weight: bold;
    margin-top: 28px;
    line-height: 1.8em;
    position: relative;
}
#index .about .service2 .lead {
	margin-right: -0.5em;
}
#index .about section ul,
#index ul.feature {
    margin-top: 80px;
    position: relative;
}
#index ul.feature {
    margin: 80px auto 0 auto;
    width: 1080px;
}
#index .about section ul li,
#index ul.feature li {
	height: 330px;
	width: 330px;
	float: left;
	box-shadow: 0 0 15px #e0e0e0;
	margin-left: 45px;
    padding-top: 10px;
    box-sizing: border-box;
    background: #fff;
}
#index .about section ul li:first-child,
#index ul.feature li:first-child {
    margin-left: 0;
}
#index .about section ul li img,
#index ul.feature li img {
    width: 220px;
    margin: 0 auto;
}
#index .about .service1 ul li:nth-child(1) img,
#index .service.outsourcing ul.feature li:nth-child(1) img {
    margin: 5px auto 5px auto;
}
#index .about .service1 ul li:nth-child(2) img,
#index .service.outsourcing ul.feature li:nth-child(2) img {
    margin: 8px auto 6px auto;
}
#index .about .service1 ul li:nth-child(3) img,
#index .service.outsourcing ul.feature li:nth-child(3) img {
    margin: 5px auto 15px auto;
}
#index .about .service2 ul li:nth-child(1) img,
#index .service.consulting ul.feature li:nth-child(1) img {
    margin: 20px auto 15px auto;
}
#index .about .service2 ul li:nth-child(2) img,
#index .service.consulting ul.feature li:nth-child(2) img {
    margin: 65px auto 34px auto;
}
#index .about .service2 ul li:nth-child(3) img,
#index .service.consulting ul.feature li:nth-child(3) img {
    margin: 20px auto 19px auto;
}
#index .about section ul li p,
#index ul.feature li p {
	text-align: center;
	font-size: 20px;
	line-height: 1.5em;
}
/* Producer *********************************/
#index .producer {
	background: url(../images/bg_producer.jpg?v=1) no-repeat center center;
	background-size: cover;
	height: 1020px;
	box-sizing: border-box;
	padding-top: 100px;
}
#index .producer .lead {
	color: #fff;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0 0 7px #000;
}
#index .producer .text {
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
	text-shadow: 0 0 5px #000;
	margin-top: 20px;
}
#index .producer h2 {
	background: #ffef02;
	font-size: 22px;
	font-weight: bold;
	padding: 20px 0;
	width: 380px;
	text-align: center;
	margin: 290px 0 0 5%;
}
#index .producer .fbox {
	display: flex;
	margin: 40px auto 0 auto;
	justify-content: space-between;
	/* max-width: 1400px; */
	width: 90%;
}
#index .producer .fbox .box {
	background: rgba(255, 255, 255, 0.9);
	width: 430px;
	box-sizing: border-box;
	padding: 30px 35px;
}
#index .producer .fbox .box .position {
	font-size: 14px;
	font-weight: bold;
}
#index .producer .fbox .box .name {
	font-size: 23px;
	font-weight: bold;
	line-height: 1.5em;
}
#index .producer .fbox .box .name span {
	font-size: 14px;
	margin-left: 14px;
}
#index .producer .fbox .box .profile {
	font-size: 15px;
	line-height: 1.8em;
	margin-top: 10px
}

/* Needs *********************************/
#index .needs {
	padding: 120px 0;
}
#index .needs .text {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: 45px;
}
#index .needs .fbox {display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;margin: 40px auto 0 auto;max-width: 1400px;}
#index .needs .fbox .box {background: url(../images/img_needs1.jpg) no-repeat center center;background-size: cover;width: 23.5%;height: 210px;display: flex;justify-content: center;align-items: center;color: #fff;}
#index .needs .fbox .box1 {
	width: 49%;
	margin-bottom: 2%;
	height: 310px;
}
#index .needs .fbox .box2 {width: 49%;margin-bottom: 2%;height: 310px;background-image: url(../images/img_needs2.jpg);}
#index .needs .fbox .box3 {background-image: url(../images/img_needs3.jpg);}
#index .needs .fbox .box4 {background-image: url(../images/img_needs4.jpg);}
#index .needs .fbox .box5 {background-image: url(../images/img_needs5.jpg);}
#index .needs .fbox .box6 {background-image: url(../images/img_needs6.jpg);}
#index .needs .fbox .box p {font-size: 30px;font-weight: bold;text-align: center;line-height: 1.4em;text-shadow: 0 0 4px #000;}
#index .needs .fbox .box p span {font-size: 18px;display: block;line-height: 1.4em;}
#index .needs .fbox .box1 p,
#index .needs .fbox .box2 p {
	font-size: 44px;
}
#index .needs .fbox .box1 p span,
#index .needs .fbox .box2 p span {
	font-size: 24px;
}

/* Pickup_case *********************************/
#index .pickup_case {
	background: #E7F6F9;
	padding: 120px 0
}
#index .pickup_case section {
	margin-top: 50px;
}
#index .pickup_case section.case2 {
	margin-top: 100px;
}
#index .pickup_case section .logo {width: 307px;margin: 0 auto;}
#index .pickup_case section.case2 .logo {width: 297px;}
#index .pickup_case section h3 {font-size: 20px;font-weight: bold;margin-top: 15px;text-align: center;}
#index .pickup_case section .img {width: 90%;margin: -40px auto 0 auto;max-width: 1400px;}

/* Bt box ***/
#index .service_menu {
	padding: 90px 0 50px 0;
	position: relative;
}
#index .service_menu .bt_box {
	padding: 0 40px;
}
#index .service_menu .bt_box .title {
    text-align: center;
    font-size: 62px;
    margin-bottom: 20px;
    line-height: 1;
}
#index .service_menu .bt_box .text {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
#index .service_menu .bt_box a {
	position: relative;
	display: block;
	width: 49.25%;
	margin: 0;
	float: left;
	text-align: center;
	padding: 170px 0 70px 0;
	font-size: 22px;
	font-weight: bold;
	border-radius: 12px;
	background: url(../images/icon_outsourcing_w2.png) no-repeat center 30px;
	background-color: #1BA6C3;
	background-size: 130px auto;
}
#index .service_menu .bt_box a::before {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    transform: translate(-50%, 0) rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    left: 50%;
    bottom: 35px;
}
#index .service_menu .bt_box a span {
    display: block;
    font-size: 38px;
    line-height: 1em;
    margin-top: 15px;
    color: #fff;
}
#index .service_menu .bt_box a + a {
    margin-left: 1.5%;
    background-image: url(../images/icon_consulting_w2.png);
    background-size: 120px auto;
    background-color: #23C3A3;
}
#index .service_menu .bt_box a + a span {
}

/* Service *********************************/
#index .service {border-top: 10px solid #1ca6c3;}
#index .service.consulting {border-top: 10px solid #25c2a2;}
/* h_box ***/
#index .service .h_box {
    background: url(../images/bg_pattern.png) repeat top center;
    background-size: 18px 18px;
    padding: 50px 0 85px 0;
    text-align: center;
}
#index .service .h_box::before {
	display: block;
	margin: 0 auto;
	content: "";
	width: 180px;
	height: 180px;
    background: url(../images/icon_outsourcing.png) no-repeat center center;
    background-size: 180px auto;
}
#index .consulting .h_box::before {
    background-image: url(../images/icon_consulting.png);
    background-size: 180px auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
#index .service .h_box .label {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #1da6c3;
    display: inline-block;
    padding: 16px 30px;
    border-radius: 100px;
    position: relative;
}
#index .consulting .h_box .label {
    background: #25c2a2;
}
#index .service .h_box .label span {
    color: #fef004;
}
#index .service .h_box h2 {
	font-size: 60px;
	font-weight: bold;
	line-height: 1em;
	margin-top: 40px;
	color: #1da6c3;
    position: relative;
    z-index: 100;
}
#index .consulting .h_box h2 {
    color: #25c2a2;
}
#index .service .h_box .lead {
	font-size: 22px;
	font-weight: bold;
    margin-top: 28px;
    line-height: 1.8em;
    position: relative;
}
/* Needs ***/
#index .service .needs {
	padding: 70px 0 50px 0;
}
#index .service .needs ul {
	width: 1080px;
	margin: 0 auto;
}
#index .service .needs ul li {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	width: 525px;
	float: left;
	background: #e8f5f9;
	color: #1da6c3;
	padding: 49px 0;
	box-sizing: border-box;
	margin: 30px 0 0 30px;
	border-radius: 12px;
}
#index .consulting .needs ul li {
	background: #E8F9F6;
	color: #25c2a1;
}
#index .consulting .needs ul li.line2 {
    padding: 34px 0;
}
#index .service .needs ul li:nth-child(-n+2) {
    margin-top: 0;	
}
#index .service .needs ul li:nth-child(2n-1) {
    margin-left: 0;	
}
#index .service .needs .lead {
	font-size: 27px;
	font-weight: bold;
	margin-top: 28px;
	line-height: 1.8em;
	position: relative;
	text-align: center;
}
#index .service h3,
#index .contact h2,
#index .about h2,
#index .needs h2,
#index .pickup_case h2 {
	text-align: center;
	font-size: 44px;
	font-weight: bold;
	line-height: 1em;
}
#index .about h2 {
	margin-top: 90px;
}
#index .service h3 span,
#index .contact h2 span,
#index .about h2 span,
#index .needs h2 span,
#index .pickup_case h2 span {
	text-align: center;
	font-size: 26px;
	display: block;
	line-height: 1em;
	margin-top: 20px;
	color: #1da6c3;
}
#index .consulting h3 span {
	color: #25c2a1;
}
#index .contact h2 span {
    color: #000;
}
#index .service .plan {
	background: #FFFBD5;
	padding: 120px 0 140px 0;
}
#index .service .plan .label {
    background: #1da6c3;
    width: 230px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    border-radius: 100px;
    margin: 144px auto 25px auto;
    position: relative;
}
#index .consulting .plan .label {
    background: #25c2a2;
    width: 290px;
}
#index .service .plan .label::before {
	display: block;
	position: absolute;
	content: "";
    width: 144px;
    height: 144px;
    background: url(../images/icon_outsourcing.png) no-repeat center center #fff;
    background-size: 100px 100px;
    top: -170px;
    left: 50%;
    margin-left: -71px;
    border-radius: 100px;
}
#index .consulting .plan .label::before {
    background-image: url(../images/icon_consulting.png);
}
#index .service .plan h3 {
    color: #1da6c3;
}
#index .consulting .plan h3 {
    color: #25c2a1;
}
#index .service .plan .lead {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px;
}
#index .service .plan .plan_box {
	background: #ffff;
	width: 1080px;
	margin: 40px auto 0 auto;
	box-sizing: border-box;
	box-shadow: 0 0 25px rgba(254, 240, 4, 0.3);
}
#index .service .plan .plan_box .box {
    padding: 60px;
    border-top: 1px solid #eee;
    position: relative;
}
#index .service .plan .plan_box .box:first-child {
    border-top: none;
}
#index .service .plan .plan_box + .note {
	text-align: right;
	width: 1080px;
	margin: 20px auto 0 auto;
	font-size: 13px;
}
#index .service .plan .lead2 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-top: 50px;
}
#index .service .plan .lead2 span {
	display: block;
	font-size: 32px;
	line-height: 1em;
	margin-top: 15px;
}
#index .service .plan .bt_more {
	display: block;
	width: 630px;
	height: 150px;
	line-height: 150px;
	background: #1da6c3;
	margin: 50px auto 0 auto;
	text-align: center;
	position: relative;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
}
#index .service.consulting .plan .bt_more {
	background: #25c2a1;
}
#index .service .plan .bt_more::after {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    transform: translate(-50%, 0) rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 30px;
    top: 60px;
    opacity: 0.4;
}
#index .service .plan .bt_more::before {
	position: absolute;
	display: block;
	content: "";
	width: 100px;
	height: 100px;
    background: url(../images/icon_outsourcing_w.png) no-repeat center center;
    background-size: 100px auto;
    opacity: 0.5;
    left: 25px;
    top: 20px;
}
#index .service.consulting .plan .bt_more::before {
    background-image: url(../images/icon_consulting_w.png);
    background-size: 90px auto;
}


/* Outsourcing *********************************/
#index .outsourcing .case {
	background: #e8f5f9;
	padding: 120px 0;
}
#index .outsourcing .case section {
	margin-top: 80px;
}
#index .outsourcing .case .case2 {
	margin-top: 120px;
}
#index .outsourcing .case section > .inner {
    max-width: 1280px;
    margin: 0 auto;
    width: 92%;
}
#index .outsourcing .case section .info {
    width: 30%;
    float: right;
    padding: 50px 0 0 0;
	text-align: right;
}
#index .outsourcing .case section .info .label {
	font-size: 72px;
	line-height: 1em;
}
#index .outsourcing .case section .info .view {
	display: inline-block;
	width: 210px;
    border: 1px solid #1da6c3;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #1da6c3;
    margin-top: 20px;
    line-height: 40px;
    border-radius: 40px;
}
#index .outsourcing .case section .info h4 {
    font-size: 38px;
    line-height: 48px;
    font-weight: bold;
    margin-top: 25px;
    color: #1da6c3;
}
#index .outsourcing .case section .info .text {
	text-align: left;
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.8em;
}
#index .outsourcing .case section .slider {
    width: 65%;
    float: left;
    margin: 0;
}
#index .outsourcing .case section .slider .slick-list {
	box-shadow: 0 0 20px rgba(29, 166, 195, 0.4);
}
#index .outsourcing .case section .slider .slick-dots {
	height: 100px;
	box-sizing: border-box;
	padding: 0;
	bottom: auto;
	position: relative;
	margin-top: 40px;
}
#index .outsourcing .case section .slider .slick-dots li {
	display: block;
	width: 23.5%;
	height: 100%;
	margin: 0 0 0 2%;
	float: left;
}
#index .outsourcing .case section .slider .slick-dots li:first-child {
	margin-left: 0;
}
#index .outsourcing .case .slider .slick-slide::before,
#index .outsourcing .case .slider .slick-dots li::before {
	position: absolute;
	display: block;
	content: "1カメ";
	color: #fff;
	font-size: 12px;
    top: 0;
    left: 10px;
    font-weight: bold;
}
#index .outsourcing .case .slider .slick-slide::before {
	font-size: 22px;
	top: 14px;
	left: 20px;
}
#index .outsourcing .case .slider .slick-slide:nth-child(2)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(2)::before {
	content: "2カメ";
}
#index .outsourcing .case .slider .slick-slide:nth-child(3)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(3)::before {
	content: "3カメ";
}
#index .outsourcing .case .slider .slick-slide:nth-child(4)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(4)::before {
	content: "PC";
}
#index .outsourcing .case1 .slider .slick-slide:nth-child(4)::before,
#index .outsourcing .case1 .slider .slick-dots li:nth-child(4)::before {
	color: #000;
}

#index .outsourcing .case section .slider .slick-dots li button {
	padding: 0;
	width: 100%;
	height: 100%;
    background: url(../images/img_case1_1.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 8px;
    border: 2px solid #fff;
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(1) button {
    background-image: url(../images/img_case1_1.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(2) button {
    background-image: url(../images/img_case1_2.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(3) button {
    background-image: url(../images/img_case1_3.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(4) button {
    background-image: url(../images/img_case1_4.jpg);
}

#index .outsourcing .case2 .slider .slick-dots li:nth-child(1) button {
    background-image: url(../images/img_case2_1.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(2) button {
    background-image: url(../images/img_case2_2.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(3) button {
    background-image: url(../images/img_case2_3.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(4) button {
    background-image: url(../images/img_case2_4.jpg);
}

#index .outsourcing .case section .slider .slick-dots li button::before {
	display: none;
}
#index .outsourcing .case section .slider .slick-dots li button:hover,
#index .outsourcing .case section .slider .slick-dots li.slick-active button {
    border: 2px solid red;
}
#index .outsourcing .case .other {
	background: #fff;
	width: 1080px;
	margin: 100px auto 0 auto;
	padding: 80px 0;
	box-shadow: 0 0 15px #e0e0e0;
}
#index .outsourcing .case .other p {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
#index .outsourcing .case .other span {
    color: #1da6c3;
}

/* Client *********************************/
#index .client {
	padding: 100px 0 80px 0;
}
#index .client h2 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}
#index .client h2::before,
#index .client h2::after {
	content: "";
	width: 2px;
	height: 50px;
	background: #000;
	position: absolute;
	display: block;
	left: 50%;
	top: -10px;
	transform: translate(-310px, 0) rotate(-30deg);
}
#index .client h2::after {
	transform: translate(310px, 0) rotate(30deg);
}
#index .client .slider {
	background: url('../images/img_client.jpg?v=1') repeat-x 50% 50%;
	background-size: auto 100%;
	height: 110px;
	animation: a_ambassador 30s linear infinite;
	margin-top: 5px;
}
@keyframes a_ambassador {
  0% { background-position: 50% 50% }
  100% { background-position: calc(50% - 2524px) 50% }
}


/* Voice *********************************/
#index .outsourcing .voice {
	padding: 100px 0;
	position: relative;
}
#index .outsourcing .media::before {
    position: absolute;
    display: block;
    content: "";
    width: 100px;
    height: 2px;
    background: #CCCCCC;
    top: 0;
    left: 50%;
    margin-left: -50px;
}
#index .outsourcing .voice ul {
	width: 1080px;
	margin: 50px auto 0 auto;
}
#index .outsourcing .voice ul li {
	width: 525px;
	float: left;
	background: #f5f5f5;
	padding: 40px 40px;
	box-sizing: border-box;
	margin: 30px 0 0 30px;
	height: 300px;
}
#index .outsourcing .voice ul li:nth-child(-n+2) {
    margin-top: 0;	
}
#index .outsourcing .voice ul li:nth-child(2n-1) {
    margin-left: 0;	
}
#index .outsourcing .voice ul li .text {
	font-size: 17px;
	font-weight: bold;
}
#index .outsourcing .voice ul li .name {
	font-size: 14px;
	margin-top: 15px;
	opacity: 0.5;
}

/* Media *********************************/
#index .outsourcing .media {
	padding: 100px 0;
	position: relative;
}
#index .outsourcing .media img {
	width: 190px;
	margin: 30px auto 0 auto;
}

/* Gallery *********************************/
#index .outsourcing .gallery {
	background: #e8f5f9;
	padding: 120px 0 0 0;
}
#index .outsourcing .gallery .lead {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 45px;
}
#index .outsourcing .gallery .slider {
	background: #000;
	margin: 60px 0 0 0;
}
#index .outsourcing .gallery .slider .slick-dots {
	height: 40px;
	box-sizing: border-box;
	bottom: 20px !important;
	}
#index .outsourcing .gallery .slider .slick-dots li {
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
#index .outsourcing .gallery .slider .slick-dots li button {
	padding: 5px;
	width: 20px;
	height: 20px;
}
#index .outsourcing .gallery .slider .slick-dots li button::before {
    background: #fff;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
    opacity: 0.5;
}
#index .outsourcing .gallery .slider .slick-dots li button:hover::before,
#index .outsourcing .gallery .slider .slick-dots li.slick-active button::before {
    opacity: 1;
}

/* Plan *********************************/
#index .outsourcing .plan .box .title {
    color: #1da6c3;
}
#index .outsourcing .plan .box .title span:first-child {
	font-size: 48px;
	display: inline-block;
	margin-right: 32px;
}
#index .outsourcing .plan .box .title span + span {
	font-size: 20px;
	font-weight: bold;
}
#index .outsourcing .plan .box .fee {
	position: absolute;
	right: 50px;
	top: 62px;
	font-size: 35px;
	color: #1da6c3;
	font-weight: bold;
}
#index .outsourcing .plan .box .fee span {
    font-size: 22px;
}
#index .outsourcing .plan .box .text {
	margin-top: 25px;
	line-height: 1.8em;
	font-size: 16px;
}
#index .outsourcing .plan .box .note {
	line-height: 1.8em;
	font-size: 13px;
}

/* Consulting *********************************/
#index .consulting .content {
	background: #E8F9F6;
	padding: 120px 0;
}
#index .consulting .content .sec {
    margin-top: 100px;
}
#index .consulting .content .sec:first-child {
    margin-top: 80px;
}

#index .consulting .content .sec > .inner {
    width: 1080px;
    margin: 0 auto;
}
#index .consulting .content .sec h4 {
    font-size: 35px;
    font-weight: bold;
    color: #25c2a1;
}
#index .consulting .content .sec h4::before {
    content: "1.";
	font-family: 'Dosis', sans-serif;
    font-size: 48px;
    display: inline-block;
    margin-right: 15px;
}
#index .consulting .content .sec:nth-child(2) h4::before {
    content: "2.";
}
#index .consulting .content .sec:nth-child(3) h4::before {
    content: "3.";
}
#index .consulting .content .sec:nth-child(4) h4::before {
    content: "4.";
}
#index .consulting .content .sec .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
    margin-top: 35px;
}
#index .consulting .content .sec img {
	margin-top: 35px;
}

/* Plan *********************************/
#index .consulting .plan .box > div {
	position: relative;
	margin-top: 35px;
}
#index .consulting .plan .box > div:first-child {
    margin-top: 0;
}
#index .consulting .plan .box > div .title {
    font-size: 28px;
    font-weight: bold;
    color: #25c2a1;
    line-height: 1.5em;
}
#index .consulting .plan .box > div .title::before {
    content: "1.";
	font-family: 'Dosis', sans-serif;
    font-size: 36px;
    display: inline-block;
    margin-right: 15px;
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(2) .title::before {
    content: "2.";
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(3) .title::before {
    content: "3.";
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(4) .title::before {
    content: "4.";
}
#index .consulting .plan .box:nth-child(2) > div .title::before {
    content: "5.";
}
#index .consulting .plan .box > div .fee {
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 35px;
	color: #25c2a1;
	font-weight: bold;
}
#index .consulting .plan .box > div .fee span {
    font-size: 22px;
}
#index .consulting .plan .box > div .note {
	margin-left: 45px;
	font-size: 16px;
}

/* Contact *********************************/
#index .contact {
	background: #FFFBB2;
	padding: 120px 0;
}
#index .contact .needs {
	background: #fef004;
	width: 827px;
	margin: 50px auto 0 auto;
	box-sizing: border-box;
	padding: 40px;
	border-radius: 12px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.8em;
}
#index .contact .lead {
	text-align: center;
	font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
}
#index .contact .form_box {
	background: #ffff;
	width: 1080px;
	margin: 40px auto 0 auto;
	box-sizing: border-box;
	box-shadow: 0 0 25px rgba(254, 240, 4, 0.3);
	padding: 10px 70px;
}
#index .contact .form_box > a {
	display: block;
	width: 630px;
	height: 150px;
	line-height: 150px;
	background: #1da6c3;
	margin: 100px auto 100px auto;
	text-align: center;
	position: relative;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
}
#index .contact .form_box .pp {
	text-align: center;
	font-size: 18px;
	margin-top: 35px;
}
#index .contact .form_box .pp a {
    font-weight: bold;
    text-decoration: underline;
}


#index .contact .form_box input[type="checkbox"] {
  opacity:0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
#index .contact .form_box input[type="checkbox"] + span {
	position: relative;
	display: inline-block;
	line-height: 1.5em;
	padding: 10px 0 10px 40px;
	cursor: pointer;
}
#index .contact .form_box input[type="checkbox"] + span::before {
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border: 1px solid #d1d2db;
  float: none;
  margin: 0;
  position: absolute;
  background: whitesmoke;
  left: 0px;
  top: 9px;
}
#index .contact .form_box input[type="checkbox"]:checked + span::before {
    background: #1da6c3;
    border-color: #000;
}
#index .contact .form_box input[type="checkbox"]:checked + span::after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	left: 6px;
	top: 15px;
}


.remodal-overlay {
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000000;
}
.remodal-wrapper {
	z-index: 1000001;
}
.remodal {
	max-width: 900px;
	padding: 0;
	background: none;
	padding: 100px 0 0 0;
	margin-bottom: 40px;
	text-align: left;
}
.remodal > .inner {
	background: #ffffff;
	padding: 50px 50px;
}
.remodal > .inner {
    /* border: 1px solid #424242; */
    /* color: #fff; */
    font-size: 13px;
}
.remodal > .inner .title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}
.remodal > .inner .body p {
	font-size: 14px;
    margin-top: 2em;
}
.remodal > .inner .body strong {
	font-weight: bold;
}

.remodal-close {
	left: auto;
	right: 5px;
	top: 110px;
	width: 60px;
}
.remodal-close::before {
    display: none;	
}

.remodal-close::before,
.remodal-close::after {
	display: block;
	position: absolute;
	content: "";
	width: 25px;
	height: 1px;
	background: #656565;
	left: 17px;
    top: 50%;
    transform: rotate(-30deg);
}
.remodal-close::after {
    transform: rotate(30deg);
}
/* ===========================================================================================

  Thanks

=========================================================================================== */
#inner.thanks .main {
	
}
#inner.thanks .message {
 	padding: 230px 0 100px 0;
 	text-align: center;
 	background: url(../images/img_logo_title.png) no-repeat center 100px;
 	background-size: 280px auto;
 	background-color: #fef004;
}
#inner.thanks .message h1 {
	font-size: 36px;
	font-weight: bold;
}
#inner.thanks .message .text {
    margin-top: 40px;
    font-size: 16px;
}
#inner.thanks .message .bt_back {
	display: block;
	width: 480px;
	height: 130px;
	line-height: 130px;
	background: rgba(255, 255, 255, 0.6);
	margin: 50px auto 0 auto;
	text-align: center;
	position: relative;
	border-radius: 12px;
	color: #1a1412;
	font-weight: bold;
	font-size: 22px;
}

/**************************************************************/
/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {
	
/* style
-------------------------------------------------------------- */
body {
	min-width: 320px;
	overflow: visible !important;
	letter-spacing: 0;
	background: #fef004;
}
body p {
	color: inherit;
	font-size: 12px;
	line-height: 1.8em;
}
a:hover {
	opacity: 1;
}
.non_pc {
	display: block !important;
}
.non_sp {
	display: none !important;
}

/* ===========================================================================================

	Common

=========================================================================================== */
.outline {
	position: relative;
	min-width: 320px;
	padding-bottom: 0;
	background: #fff;
}
.main {
	width: auto;
	margin: 0 auto;
	padding-bottom: 0;
	position: relative;
	padding-top: 60px;
}
 
/* Header *******************************/
header {
  height: 60px;
  min-width: 320px;
  z-index: 10000;
  top: 0;
}
header .logo {
  position: relative;
  float: left;
  width: 200px;
  padding: 10px 20px;
  margin: 5px 0 0 0;
}
header.show .logo {
	opacity: 1;
}
header .logo a {
  display: block;
}
header .gmenu {
	display: none;
	float: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
}
.pc_view header .gmenu {
	opacity: 1 !important;
	display: block !important;
}
header .gmenu ul {
	margin: 0;
	background: #fefbb2;
	padding: 10px 0;
}
header .gmenu ul li {
    float: none;
    margin: 0px !important;
}
header .gmenu ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 15px;
}
header .gmenu ul li.bt_contact a {
    background: #1BA6C3;
    line-height: 44px;
    border-radius: 5px;
    padding: 0 20px;
    text-align: center;
    margin: 10px 15px;
}
header .bt_menu {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	font-size: 12px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 30px;
	right: 0;
	top: 0;
	z-index: 100001;
	text-indent: -9999px;
	overflow: hidden;
}
header .bt_menu:hover {
    opacity: 1;
}
header .bt_menu::before,
header .bt_menu::after {
	display: block;
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	background: #000;
	top: 23px;
	left: 17px;
}
header .bt_menu::after {
    top: 36px;
}
header .bt_menu.open::before,
header .bt_menu.open::after {
    top: 50%;
    transform: rotate(-30deg);
}
header .bt_menu.open::after {
    transform: rotate(30deg);
}


/* Footer *******************************/
footer {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 30px 0;
	box-sizing: border-box;
}
footer .txt {
	width: 180px;
	margin: 0 auto;
}
footer .logo {
    width: 78px;
    margin: 15px auto 0 auto;
    display: block;
}
footer .copyright {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
    color: #aaa;
    font-weight: bold;
}

/* ===========================================================================================

  Index

=========================================================================================== */
#index .main {
    position: relative;
}

/* Visual *********************************/
#index .visual {
	position: relative;
    background: #fef004;
}
#index .visual > .inner {
    padding: 20px 0 110px 0;
}
#index .visual::before {
	position: absolute;
	width: 84px;
	height: 52px;
	content: "";
	display: block;
	background: url(../images/img_logo.png) no-repeat center center;
	background-size: 84px auto;
	left: 50%;
	bottom: 32px;
	margin-left: -42px;
}
#index .visual img {
	width: 90%;
	margin: 0 auto;
	max-width: none;
}

/* About *********************************/
#index .about {
}
#index .about .h_box {
	background: url(../images/bg_about.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px 0;
}
#index .about .h_box .title {
    max-width: 400px;
    margin: 0 auto;
    width: 88%;
}
#index .about > .lead {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}
#index .about > .lead span:first-child {
    font-size: 48px;
    color: #1da6c3;
    display: inline-block;
    margin-left: 5px;
}
#index .about > .lead span:first-child + span {
    font-size: 24px;
    color: #23C3A3;
    display: inline-block;
    margin-right: 5px;
}
#index .about > .inner {
    margin-top: 30px;
    padding-bottom: 60px;
}
#index .about section {
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 170px 0 0 0;
	text-align: center;
}
#index .about section::before {
	position: absolute;
	display: block;
	content: "";
	background: #E7F6F9;
	width: 5000px;
	height: 455px;
	left: 440px;
	top: 0;
}
#index .about .service2::before {
	background: #E8F9F6;
	height: 530px;
}
#index .about section::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/img_outsourcing.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 190px;
	left: 0px;
	top: 0;
}
#index .about .service2::after {
	background-image: url(../images/img_consulting.jpg?v=3);
	right: auto;
	left: 0;
	top: 0;
}
#index .about .service2 {
    margin-top: 60px;
    text-align: center;
}
#index .about section .label {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #1da6c3;
    display: inline-block;
    padding: 6px 25px;
    border-radius: 100px;
    position: relative;
    z-index: 100;
}
#index .about .service2 .label {
    background: #25c2a2;
}
#index .about section .label span {
    color: #fef004;
}
#index .about section h3 {
	font-size: 34px;
	font-weight: bold;
	line-height: 1.3em;
	margin-top: 32px;
	color: #1da6c3;
	margin-left: -5px;
	position: relative;
	z-index: 100;
}
#index .about .service2 h3 {
    color: #25c2a2;
}
#index .about section .lead {
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
	line-height: 1.8em;
	position: relative;
	text-align: left;
	padding: 0 5%;
}
#index .about section .lead br {
    display: none;
}
#index .about .service2 .lead {
	margin-right: 0em;
}
#index .about section ul,
#index ul.feature {
    position: relative;
    max-width: 375px;
    margin: 30px auto 0 auto;
}
#index .about section ul li,
#index ul.feature li {
	height: auto;
	width: 90%;
	float: none;
	box-shadow: 0 0 15px #e0e0e0;
	margin: 15px auto 0 auto !important;
	padding: 20px 0 20px 0;
	box-sizing: border-box;
	background: #fff;
}
#index .about section ul li:first-child,
#index ul.feature li:first-child {
    margin-left: 0;
}
#index .about section ul li img,
#index ul.feature li img {
    width: 100px;
    float: left;
}
#index .about .service1 ul li:nth-child(1) img,
#index .service.outsourcing ul.feature li:nth-child(1) img {
    margin: -11px 0 0 12px;
}
#index .about .service1 ul li:nth-child(2) img,
#index .service.outsourcing ul.feature li:nth-child(2) img {
    margin: 3px 0 0 12px;
}
#index .about .service1 ul li:nth-child(3) img,
#index .service.outsourcing ul.feature li:nth-child(3) img {
    margin: -11px 0 0 7px;
}
#index .about .service2 ul li:nth-child(1),
#index .service.consulting ul.feature li:nth-child(1) {
	padding: 30px 0;
}
#index .about .service2 ul li:nth-child(1) img,
#index .service.consulting ul.feature li:nth-child(1) img {
    margin: -20px 0 0 7px;
}
#index .about .service2 ul li:nth-child(2),
#index .service.consulting ul.feature li:nth-child(2) {
	padding: 30px 0;
}
#index .about .service2 ul li:nth-child(2) img,
#index .service.consulting ul.feature li:nth-child(2) img {
    margin: -8px 0 0 14px;
}
#index .about .service2 ul li:nth-child(3) img,
#index .service.consulting ul.feature li:nth-child(3) img {
    margin: -6px 0 0 12px;
}
#index .about section ul li p,
#index ul.feature li p {
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	margin-left: 126px;
}
/* Producer *********************************/
#index .producer {
	background: url(../images/bg_producer.jpg?v=1) no-repeat 79% bottom;
	background-size: 1080px auto;
	height: auto;
	box-sizing: border-box;
	padding-top: 45px;
	padding-bottom: 50px;
}
#index .producer .lead {
	color: #fff;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0 0 7px #000;
}
#index .producer .text {
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	text-shadow: 0 0 5px #000;
	margin-top: 11px;
}
#index .producer h2 {
	background: #ffef02;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0;
	width: 270px;
	text-align: center;
	margin: 190px auto 0 auto;
}
#index .producer .fbox {
	display: block;
	margin: 25px 3% 0 3%;
	justify-content: space-between;
}
#index .producer .fbox .box {
	background: rgba(255, 255, 255, 0.9);
	width: auto;
	box-sizing: border-box;
	padding: 20px 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#index .producer .fbox .box + .box {
	margin-top: 20px;
}
#index .producer .fbox .box .position {
	font-size: 13px;
	font-weight: bold;
}
#index .producer .fbox .box .name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}
#index .producer .fbox .box .name span {
	font-size: 13px;
	margin-left: 14px;
}
#index .producer .fbox .box .profile {
	font-size: 13px;
	line-height: 1.8em;
	margin-top: 5px;
}

/* Needs *********************************/
#index .needs {
	padding: 70px 0 50px 0;
}
#index .needs .text {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
}
#index .needs .fbox {display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;margin: 24px auto 0 auto;}
#index .needs .fbox .box {background: url(../images/img_needs1.jpg) no-repeat center center;background-size: cover;width: 49%;height: 100px;display: flex;justify-content: center;align-items: center;margin-bottom: 2%;color: #fff;}
#index .needs .fbox .box1 {
	width: 100%;
	margin-bottom: 2%;
	height: 140px;
}
#index .needs .fbox .box2 {width: 100%;margin-bottom: 2%;height: 140px;background-image: url(../images/img_needs2.jpg);}
#index .needs .fbox .box3 {background-image: url(../images/img_needs3.jpg);}
#index .needs .fbox .box4 {background-image: url(../images/img_needs4.jpg);}
#index .needs .fbox .box5 {background-image: url(../images/img_needs5.jpg);}
#index .needs .fbox .box6 {background-image: url(../images/img_needs6.jpg);}
#index .needs .fbox .box p {font-size: 18px;font-weight: bold;text-align: center;line-height: 1.4em;text-shadow: 0 0 4px #000;}
#index .needs .fbox .box p span {font-size: 12px;display: block;line-height: 1.4em;}
#index .needs .fbox .box1 p,
#index .needs .fbox .box2 p {
	font-size: 28px;
}
#index .needs .fbox .box1 p span,
#index .needs .fbox .box2 p span {
	font-size: 16px;
}

/* Pickup_case *********************************/
#index .pickup_case {
	background: #E7F6F9;
	padding: 60px 0 55px 0;
}
#index .pickup_case section {
	margin-top: 30px;
}
#index .pickup_case section.case2 {
	margin-top: 60px;
}
#index .pickup_case section .logo {width: 170px;margin: 0 auto;}
#index .pickup_case section.case2 .logo {width: 164px;}
#index .pickup_case section h3 {font-size: 14px;font-weight: bold;margin-top: 5px;text-align: center;}
#index .pickup_case section .img {width: 90%;margin: 15px auto 0 auto;}

/* Bt box ***/
#index .service_menu {
	padding: 50px 0 40px 0;
}
#index .service_menu .bt_box {
	padding: 0 5%;
}
#index .service_menu .bt_box .title {
    text-align: center;
    font-size: 34px;
    margin-bottom: 10px;
}
#index .service_menu .bt_box .text {
	font-size: 16px;
	margin-bottom: 20px;
}
#index .service_menu .bt_box a {
	position: relative;
	display: block;
	width: 49%;
	margin: 0;
	float: left;
	text-align: center;
	padding: 140px 0 60px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	border-radius: 12px;
	background: url(../images/icon_outsourcing_w2.png) no-repeat center 28px;
	background-size: 100px auto;
	background-color: #1BA6C3;
}
#index .service_menu .bt_box a::before {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    transform: translate(-50%, 0) rotate(135deg);
    border-top: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    left: 50%;
    bottom: 25px;
}
#index .service_menu .bt_box a span {
    display: block;
    font-size: 20px;
    line-height: 1.3em;
    margin-top: 15px;
    /* color: #1da6c3; */
}
#index .service_menu .bt_box a + a {
    margin-left: 2%;
    background-image: url(../images/icon_consulting_w2.png);
    background-size: 90px auto;
    background-color: #23C3A3;
}
#index .service_menu .bt_box a + a span {
	/* color: #25c2a1; */
}

/* Service *********************************/
#index .service {border-width: 7px !important;}
/* h_box ***/
#index .service .h_box {
    background: url(../images/bg_pattern.png) repeat top center;
    background-size: 12px 12px;
    padding: 30px 0 30px 0;
    text-align: center;
}
#index .service .h_box::before {
	display: block;
	margin: 0 auto;
	content: "";
	width: 140px;
	height: 140px;
	background: url(../images/icon_outsourcing.png) no-repeat center center;
	background-size: 120px auto;
}
#index .consulting .h_box::before {
    background-image: url(../images/icon_consulting.png);
    background-size: 115px auto;
    margin-bottom: 9px;
    margin-top: 10px;
}
#index .service .h_box .label {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #1da6c3;
    display: inline-block;
    padding: 6px 25px;
    border-radius: 100px;
    position: relative;
}
#index .consulting .h_box .label {
    background: #25c2a2;
}
#index .service .h_box .label span {
    color: #fef004;
}
#index .service .h_box h2 {
    font-size: 34px;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 22px;
    color: #1da6c3;
    margin-left: -5px;
    position: relative;
    z-index: 100;
}
#index .consulting .h_box h2 {
    color: #25c2a2;
}
#index .service .h_box .lead {
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
	line-height: 1.8em;
	position: relative;
	text-align: left;
	padding: 0 5%;
}
#index .service .h_box .lead br {
    display: none;
}
/* Needs ***/
#index .service .needs {
	padding: 30px 0 40px 0;
}
#index .service .needs ul {
	width: 90%;
	margin: 0 auto;
}
#index .service .needs ul li {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	width: auto;
	float: none;
	/* background: #f6fbfc; */
	color: #1da6c3;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 15px 0 0 0 !important;
	border-radius: 8px;
}
#index .consulting .needs ul li {
	/* background: #f5fcfb; */
	color: #25c2a1;
}
#index .consulting .needs ul li.line2 {
    padding: 10px 0;
}
#index .service .needs ul li:nth-child(-n+2) {
    margin-top: 0;	
}
#index .service .needs ul li:nth-child(2n-1) {
    margin-left: 0;	
}
#index .service .needs .lead {
	font-size: 17px;
	font-weight: bold;
	margin-top: 32px;
	line-height: 1.8em;
	position: relative;
	text-align: center;
}
#index .service h3,
#index .contact h2,
#index .about h2,
#index .needs h2,
#index .pickup_case h2 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 1em;
}
#index .about h2 {
	margin-top: 50px;
}
#index .service h3 span,
#index .contact h2 span,
#index .about h2 span,
#index .needs h2 span,
#index .pickup_case h2 span {
	text-align: center;
	font-size: 20px;
	display: block;
	line-height: 1em;
	margin-top: 16px;
	color: #1da6c3;
}
#index .consulting h3 span {
	color: #25c2a1;
}
#index .contact h2 span {
    color: #000;
}
#index .service .plan {
	background: #FFFBD5;
	padding: 60px 0 70px 0;
}
#index .service .plan .label {
    background: #1da6c3;
    width: 160px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    border-radius: 100px;
    margin: 100px auto 25px auto;
    position: relative;
}
#index .consulting .plan .label {
    background: #25c2a2;
    width: 290px;
}
#index .service .plan .label::before {
	display: block;
	position: absolute;
	content: "";
	width: 94px;
	height: 94px;
	background: url(../images/icon_outsourcing.png) no-repeat center center #fff;
	background-size: 70px 70px;
	top: -111px;
	left: 50%;
	margin-left: -47px;
	border-radius: 100px;
}
#index .consulting .plan .label::before {
    background-image: url(../images/icon_consulting.png);
}
#index .service .plan h3 {
    color: #1da6c3;
}
#index .consulting .plan h3 {
    color: #25c2a1;
}
#index .service .plan .lead {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
#index .service .plan .plan_box {
	background: #ffff;
	width: 96%;
	margin: 30px auto 0 auto;
	box-sizing: border-box;
	box-shadow: 0 0 25px rgba(254, 240, 4, 0.3);
}
#index .service .plan .plan_box .box {
    padding: 30px 20px 30px 20px;
    border-top: 1px solid #eee;
    position: relative;
}
#index .service .plan .plan_box .box:first-child {
    border-top: none;
}
#index .service .plan .plan_box + .note {
	text-align: right;
	width: 90%;
	margin: 10px auto 0 auto;
	font-size: 12px;
}
#index .service .plan .lead2 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 50px;
}
#index .service .plan .lead2 span {
	display: block;
	font-size: 22px;
	line-height: 1.3em;
	margin-top: 15px;
	padding-left: 0.5em;
}
#index .service .plan .bt_more {
	display: block;
	width: 90%;
	height: 100px;
	line-height: 100px;
	background: #1da6c3;
	margin: 40px auto 0 auto;
	text-align: center;
	position: relative;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
#index .service .plan .bt_more::after {
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    transform: translate(-50%, 0) rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 20px;
    top: 42px;
    opacity: 0.4;
}
#index .service .plan .bt_more::before {
	position: absolute;
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../images/icon_outsourcing_w.png) no-repeat center center;
	background-size: 50px auto;
	opacity: 0.5;
	left: 15px;
	top: 20px;
}
#index .service.consulting .plan .bt_more::before {
    background-size: 50px auto;
}


/* Outsourcing *********************************/
#index .outsourcing .case {
	/* background: #f6fbfc; */
	padding: 70px 0;
}
#index .outsourcing .case section {
	margin-top: 50px;
}
#index .outsourcing .case .case2 {
	margin-top: 60px;
}
#index .outsourcing .case section > .inner {
    max-width: 1280px;
    margin: 0 auto;
    width: 90%;
}
#index .outsourcing .case section .info {
    width: auto;
    float: none;
    padding: 0;
    text-align: left;
}
#index .outsourcing .case section .info .label {
	font-size: 42px;
	float: left;
	line-height: 1em;
	margin-bottom: 27px;
}
#index .outsourcing .case section .info .view {
	display: block;
	width: 130px;
	border: 1px solid #1da6c3;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #1da6c3;
	margin-top: 5px;
	line-height: 29px;
	border-radius: 40px;
	float: right;
}
#index .outsourcing .case section .info h4 {
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    margin-top: 0;
    color: #1da6c3;
    clear: both;
}
#index .outsourcing .case section .info .text {
	text-align: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 2em;
}
#index .outsourcing .case section .slider {
    width: 100%;
    float: none;
    margin: 30px 0 0 0;
}
#index .outsourcing .case section .slider .slick-list {
	box-shadow: 0 0 20px rgba(29, 166, 195, 0.4);
}
#index .outsourcing .case section .slider .slick-dots {
	height: 50px !important;
	box-sizing: border-box;
	padding: 0;
	bottom: auto;
	position: relative;
	margin-top: 25px;
}
#index .outsourcing .case section .slider .slick-dots li {
	display: block;
	width: 23.5%;
	height: 100%;
	margin: 0 0 0 2%;
	float: left;
}
#index .outsourcing .case section .slider .slick-dots li:first-child {
	margin-left: 0;
}
#index .outsourcing .case .slider .slick-slide::before,
#index .outsourcing .case .slider .slick-dots li::before {
	position: absolute;
	display: block;
	content: "1カメ";
	color: #fff;
	font-size: 10px;
	top: -2px;
	left: 9px;
	font-weight: bold;
}
#index .outsourcing .case .slider .slick-slide::before {
	font-size: 18px;
	top: 8px;
	left: 15px;
}
#index .outsourcing .case .slider .slick-slide:nth-child(2)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(2)::before {
	content: "2カメ";
}
#index .outsourcing .case .slider .slick-slide:nth-child(3)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(3)::before {
	content: "3カメ";
}
#index .outsourcing .case .slider .slick-slide:nth-child(4)::before,
#index .outsourcing .case .slider .slick-dots li:nth-child(4)::before {
	content: "PC";
}
#index .outsourcing .case1 .slider .slick-slide:nth-child(4)::before,
#index .outsourcing .case1 .slider .slick-dots li:nth-child(4)::before {
	color: #000;
}

#index .outsourcing .case section .slider .slick-dots li button {
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/img_case1_1.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 6px;
	border: 2px solid #fff;
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(1) button {
    background-image: url(../images/img_case1_1.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(2) button {
    background-image: url(../images/img_case1_2.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(3) button {
    background-image: url(../images/img_case1_3.jpg);
}
#index .outsourcing .case1 .slider .slick-dots li:nth-child(4) button {
    background-image: url(../images/img_case1_4.jpg);
}

#index .outsourcing .case2 .slider .slick-dots li:nth-child(1) button {
    background-image: url(../images/img_case2_1.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(2) button {
    background-image: url(../images/img_case2_2.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(3) button {
    background-image: url(../images/img_case2_3.jpg);
}
#index .outsourcing .case2 .slider .slick-dots li:nth-child(4) button {
    background-image: url(../images/img_case2_4.jpg);
}

#index .outsourcing .case section .slider .slick-dots li button::before {
	display: none;
}
#index .outsourcing .case section .slider .slick-dots li button:hover,
#index .outsourcing .case section .slider .slick-dots li.slick-active button {
    border: 2px solid red;
}
#index .outsourcing .case .other {
	background: #fff;
	width: 90%;
	margin: 60px auto 0 auto;
	padding: 25px 25px;
	box-shadow: 0 0 15px #e0e0e0;
	box-sizing: border-box;
}
#index .outsourcing .case .other p {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
}
#index .outsourcing .case .other p br {
    display: none;
}
#index .outsourcing .case .other span {
    color: #1da6c3;
}

/* Client *********************************/
#index .client {
	padding: 40px 0 30px 0;
}
#index .client h2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 17px;
	position: relative;
	line-height: 1.5em;
}
#index .client h2::before,
#index .client h2::after {
	content: "";
	width: 2px;
	height: 40px;
	background: #000;
	position: absolute;
	display: block;
	left: 50%;
	top: 7px;
	transform: translate(-126px, 0) rotate(-30deg);
}
#index .client h2::after {
	transform: translate(124px, 0) rotate(30deg);
}

#index .client .slider {
	background: url('../images/img_client.jpg') repeat-x 50% 50%;
	background-size: auto 100%;
	height: 55px;
	animation: a_service_sp 20s linear infinite;
	margin-top: 5px;
}
@keyframes a_service_sp {
  0% { background-position: 50% 50% }
  100% { background-position: calc(50% - 1262px) 50% }
}

/* Voice *********************************/
#index .outsourcing .voice {
	padding: 60px 0;
	position: relative;
}
#index .outsourcing .media::before {
    position: absolute;
    display: block;
    content: "";
    width: 60px;
    height: 2px;
    background: #CCCCCC;
    top: 0;
    left: 50%;
    margin-left: -30px;
}
#index .outsourcing .voice ul {
	width: 90%;
	margin: 40px auto 0 auto;
}
#index .outsourcing .voice ul li {
	width: auto;
	float: none;
	background: #f5f5f5;
	padding: 30px 20px;
	box-sizing: border-box;
	margin: 25px 0 0 0 !important;
	height: auto;
}
#index .outsourcing .voice ul li:nth-child(-n+2) {
    margin-top: 0;	
}
#index .outsourcing .voice ul li:nth-child(2n-1) {
    margin-left: 0;	
}
#index .outsourcing .voice ul li .text {
	font-size: 14px;
	font-weight: bold;
}
#index .outsourcing .voice ul li .name {
	font-size: 12px;
	margin-top: 11px;
	opacity: 0.5;
	line-height: 1.5em;
}

/* Media *********************************/
#index .outsourcing .media {
	padding: 60px 0;
	position: relative;
}
#index .outsourcing .media img {
	width: 120px;
	margin: 30px auto 0 auto;
}

/* Gallery *********************************/
#index .outsourcing .gallery {
	/* background: #f6fbfc; */
	padding: 70px 0 0 0;
}
#index .outsourcing .gallery .lead {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
    text-align: left;
    padding: 0 5%;
}
#index .outsourcing .gallery .lead br {
    display: none;
}
#index .outsourcing .gallery .slider {
	background: #000;
	margin: 30px 0 0 0;
}
#index .outsourcing .gallery .slider .slick-dots {
	height: 40px;
	box-sizing: border-box;
	bottom: 5px !important;
	}
#index .outsourcing .gallery .slider .slick-dots li {
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
#index .outsourcing .gallery .slider .slick-dots li button {
	padding: 5px;
	width: 20px;
	height: 20px;
}
#index .outsourcing .gallery .slider .slick-dots li button::before {
    background: #fff;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
    opacity: 0.5;
}
#index .outsourcing .gallery .slider .slick-dots li button:hover::before,
#index .outsourcing .gallery .slider .slick-dots li.slick-active button::before {
    opacity: 1;
}

/* Plan *********************************/
#index .outsourcing .plan .box .title {
    color: #1da6c3;
}
#index .outsourcing .plan .box .title span:first-child {
	font-size: 28px;
	display: block;
	margin: 20px 0 0 0;
}
#index .outsourcing .plan .box .title span + span {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	display: block;
	margin: 22px auto 0 auto;
	border-top: 2px solid #1da6c3;
	padding-top: 20px;
	line-height: 1.5em;
}
#index .outsourcing .plan .box .fee {
	position: absolute;
	right: 20px;
	top: 48px;
	font-size: 22px;
	color: #000;
	font-weight: bold;
}
#index .outsourcing .plan .box .fee span {
    font-size: 14px;
}
#index .outsourcing .plan .box .text {
	margin-top: 15px;
	line-height: 1.8em;
	font-size: 13px;
}
#index .outsourcing .plan .box .note {
	line-height: 1.8em;
	font-size: 12px;
	opacity: 0.5;
}

/* Consulting *********************************/
#index .consulting .content {
	/* background: #f4fcfb; */
	padding: 70px 0 60px 0;
}
#index .consulting .content .sec {
    margin-top: 60px;
}
#index .consulting .content .sec:first-child {
    margin-top: 50px;
}

#index .consulting .content .sec > .inner {
    width: 90%;
    margin: 0 auto;
}
#index .consulting .content .sec h4 {
    font-size: 20px;
    font-weight: bold;
    color: #25c2a1;
    line-height: 1em;
}
#index .consulting .content .sec h4::before {
    content: "1.";
    font-family: 'Dosis', sans-serif;
    font-size: 31px;
    display: inline-block;
    margin-right: 10px;
    line-height: 1em;
    position: relative;
    top: 3px;
}
#index .consulting .content .sec:nth-child(2) h4::before {
    content: "2.";
}
#index .consulting .content .sec:nth-child(3) h4::before {
    content: "3.";
}
#index .consulting .content .sec:nth-child(4) h4::before {
    content: "4.";
}
#index .consulting .content .sec .text {
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	margin-top: 20px;
}
#index .consulting .content .sec img {
	margin-top: 25px;
}

/* Plan *********************************/
#index .consulting .plan .box > div {
	position: relative;
	margin-top: 35px;
}
#index .consulting .plan .box > div:first-child {
    margin-top: 0;
}
#index .consulting .plan .box > div .title {
    font-size: 18px;
    font-weight: bold;
    color: #25c2a1;
    /* border-bottom: 2px solid #25c2a1; */
    padding-bottom: 7px;
    line-height: 1.5em;
}
#index .consulting .plan .box > div .title::before {
    content: "1.";
    font-family: 'Dosis', sans-serif;
    font-size: 26px;
    display: block;
    margin-right: 11px;
    float: left;
}
#index .consulting .plan .box > div .title span {
	display: block;
	margin-left: 32px;
	padding-top: 4px;
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(2) .title::before {
    content: "2.";
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(3) .title::before {
    content: "3.";
}
#index .consulting .plan .box:nth-child(1) > div:nth-child(4) .title::before {
    content: "4.";
}
#index .consulting .plan .box:nth-child(2) > div .title::before {
    content: "5.";
}
#index .consulting .plan .box > div .fee {
	position: relative;
	right: auto;
	top: auto;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	/* text-align: right; */
	/* margin-top: 10px; */
}
#index .consulting .plan .box > div .fee span {
    font-size: 22px;
}
#index .consulting .plan .box > div .note {
	margin-left: 0px;
	font-size: 13px;
	margin-top: 10px;
}

/* Contact *********************************/
#index .contact {
	background: #FFFBB2;
	padding: 70px 0 60px 0;
}
#index .contact .needs {
	background: #fef004;
	width: 90%;
	margin: 40px auto 0 auto;
	box-sizing: border-box;
	padding: 25px 20px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8em;
}
#index .contact .lead {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}
#index .contact .form_box {
	background: #ffff;
	width: 96%;
	margin: 30px auto 0 auto;
	box-sizing: border-box;
	box-shadow: 0 0 25px rgba(254, 240, 4, 0.3);
	padding: 10px 20px;
}
#index .contact .form_box > a {
	display: block;
	width: 630px;
	height: 150px;
	line-height: 150px;
	background: #1da6c3;
	margin: 100px auto 100px auto;
	text-align: center;
	position: relative;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
}
#index .contact .form_box .pp {
	text-align: center;
	font-size: 16px;
	margin-top: 35px;
}
#index .contact .form_box .pp a {
    font-weight: bold;
    text-decoration: underline;
}
#index .contact .form_box input[type="checkbox"] {
  opacity:0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
#index .contact .form_box input[type="checkbox"] + span {
	position: relative;
	display: inline-block;
	line-height: 1.5em;
	padding: 10px 0 10px 40px;
	font-size: 16px;
	cursor: pointer;
}
#index .contact .form_box input[type="checkbox"] + span::before {
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border: 1px solid #d1d2db;
  float: none;
  margin: 0;
  position: absolute;
  background: whitesmoke;
  left: 0px;
  top: 9px;
}
#index .contact .form_box input[type="checkbox"]:checked + span::before {
    background: #1da6c3;
    border-color: #000;
}
#index .contact .form_box input[type="checkbox"]:checked + span::after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	left: 6px;
	top: 15px;
}

.remodal-overlay {
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000000;
}
.remodal-wrapper {
	z-index: 1000001;
}
.remodal {
	max-width: 900px;
	padding: 0;
	width: 95%;
	background: none;
	padding: 30px 0 0 0;
	margin-bottom: 40px;
	text-align: left;
}
.remodal > .inner {
	padding: 40px 20px;
}
.remodal > .inner .body p {
    font-size: 13px;  
}
.remodal > .inner .title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 15px;
}
.remodal-close {
	left: auto;
	right: 0px;
	top: 36px;
	width: 60px;
}
.remodal-close::before {
    display: none;	
}

.remodal-close::before,
.remodal-close::after {
	display: block;
	position: absolute;
	content: "";
	width: 25px;
	height: 1px;
	background: #656565;
	left: 17px;
    top: 50%;
    transform: rotate(-30deg);
}
.remodal-close::after {
    transform: rotate(30deg);
}
/* ===========================================================================================

  Thanks

=========================================================================================== */
#inner.thanks .bt_menu {
	display: none !important;
}
#inner.thanks .message {
 	padding: 80px 0 80px 0;
 	text-align: center;
 	background: none;
 	background-color: #fef004;
}
#inner.thanks .message h1 {
	font-size: 22px;
	font-weight: bold;
}
#inner.thanks .message .text {
    margin-top: 40px;
    font-size: 14px;
    padding: 0 5%;
    text-align: left;
}
#inner.thanks .message .bt_back {
	display: block;
	width: 80%;
	height: 80px;
	line-height: 80px;
	margin: 50px auto 0 auto;
	text-align: center;
	position: relative;
	border-radius: 12px;
	color: #1a1412;
	font-weight: bold;
	font-size: 15px;
}