@charset "UTF-8";

body {

  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}



/*-- Clearfix --*/

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  font-size: 0;

  clear: both;

  visibility: hidden;

}



ul {

  list-style: none;

}



/*-画像用--*/

img {

  max-width: 100%;

  height: auto;

  width: auto;

}



.container {

  position: relative;

}



/* ヘッダー */

#gNav {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9000;

  background: rgba(248, 248, 248, 0.8);

  border-bottom: 1px solid #e7e7e7;

}



#gNav .navbar-collapse {

  padding: 0;

}



#spmenu {

  display: none;

  position: absolute;

  cursor: pointer;

  top: 0;

  right: 0;

  font-size: 16px;

}



#spmenu span {

  padding: 10px;

  margin-right: 5px;

}



.h_logo {

  width: 37.7%;

  min-width: 247px;

}



.h_contact {

  position: absolute;

  top: 12px;

  right: 15px;

}

.h_contact a{
  font-size: 18px;
}


.h_contact ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.h_contact li {

  display: inline-block;

  padding: 0 10px;

}



#navbar {

  background: #444;

}



#navbar li a {

  color: #fff;

  padding: 10px 20px;

}



#navbar li a:hover {

  background: #e7e7e7;

  color: #555;

}



#navbar li.active a, #navbar li.open a {

  background: #e7e7e7;

  color: #555;

}



#navbar li.active li a, #navbar li.open li a {

  color: #555;

  background: #fff;

}



#navbar li.active li a:hover, #navbar li.open li a:hover {

  background: #e7e7e7;

}



#navbar li.active li.active a, #navbar li.open li.active a {

  background: #e7e7e7;

}



.box_opa {

  background-color: rgba(255, 255, 255, 0.85);

}



/*footer*/

.footers {

  padding-top: 20px;

  margin-top: 60px;

  border-top: 1px solid #ddd;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,666666+100 */

  background: #ffffff;

  /* Old browsers */

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #ffffff 0%, #ddd 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #ffffff 0%, #ddd 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );

  /* IE6-9 */

  opacity: 0.7;

}



.box_footer {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: 1.5;

}



.box_footer li {

  line-height: 2;

}



/*footer*/

.footers {

  padding-top: 20px;

  margin-top: 60px;

  border-top: 1px solid #ddd;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,666666+100 */

  background: #ffffff;

  /* Old browsers */

  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #ffffff 0%, #ddd 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #ffffff 0%, #ddd 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddd',GradientType=0 );

  /* IE6-9 */

  opacity: 0.7;

}



.box_footer {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: 1.5;

}



.box_footer li {

  line-height: 2;

}



.mv {

  position: relative;

  text-align: center;

}



.mv img {

  position: relative;

  z-index: 0;

}



.mv h1 {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 1;

  font-size: 40px;

  width: 100%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  color: #fff;

  font-weight: 900;

}



.mv h1 span {

  display: block;

  line-height: 180%;

  padding-top: 14px;

  font-size: 14px;

  font-weight: normal;

}



#contentBody {

  padding-top: 104px;

}



#contentBody h2 {

  font-size: 20px;

}



#contentBody h3 {

  font-size: 18px;

}



#contentBody #messageArea h3 {

  text-align: center;

  padding: 20px 0;

  line-height: 1.7;

}



#contentBody .pageTtl {

  font-size: 30px;

  border-bottom: 1px solid #757575;

  padding-bottom: 6px;

  margin-top: 30px;

  margin-bottom: 30px;

}



#contentBody .fs40 {

  font-size: 40px;

}



.footer li a {

  color: #333;

}



.footer li a:hover {

  color: #000;

}



.footer #copy {

  margin: 0;

  padding: 20px 0 20px 0;

}



#contentBody #sendingMoney {

  padding-top: 30px;

}



#contentBody #sendingMoney h2 {

  font-size: 24px;

  background: #f8f7f7;

  padding: 30px;

  margin-bottom: 40px;

}



#contentBody #sendingMoney li {

  vertical-align: top;

}



#contentBody #sendingMoney li:last-child {

  padding-top: 30px;

}



#contentBody #sendingMoney p {

  font-size: 18px;

  line-height: 180%;

}



#contentBody #sendingMoney .linkBtn {

  padding-top: 50px;

  text-align: center;

}



#contentBody #sendingMoney .linkBtn a {

  border: 1px solid #757575;

  padding: 14px 26px;

  color: #757575;

}



#contentBody #sendingMoney .linkBtn a:hover {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  text-decoration: none;

  background: #757575;

  color: #fff;

}



.delay {

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -webkit-transform: translateY(10%);

          transform: translateY(10%);

}



.delay.show {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 1s;

  transition-duration: 1s;

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -webkit-transform: translateY(0%);

          transform: translateY(0%);

}



.serviceMV {

  background: #ff7f00;

  padding: 30px 40px;

  font-size: 0;

}



.serviceMV .icon {

  display: inline-block;

  width: 15%;

}



.serviceMV .desc {

  position: relative;

  display: inline-block;

  width: 85%;

}



.serviceMV .desc .descInner {

  position: absolute;

  top: 50%;

  left: 50px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 100%;

}



.serviceMV .desc h1 {

  font-size: 46px;

  color: #fff;

  font-weight: 900;

  margin-bottom: 20px;

}



.serviceMV .desc p {

  font-size: 18px;

  color: #fff;

  font-weight: 900;

}



.bgArea-gray {

  background: #f8f7f7;

  padding: 24px 15px;

  text-align: center;

  margin: 0;

}



.bgArea-blue {

  background: #00bcd0;

  padding: 24px 15px;

  text-align: center;

  margin: 0;

  color: #fff;

}



.bgArea-orange {

  background: #FF9B00;

  padding: 24px 15px;

  text-align: center;

  margin: 0;

  color: #fff;

}



#contentBody .sub {

  text-align: center;

  padding: 20px 0;

  background: #fff;

}



#contentBody h2 {

  font-size: 30px;

}



.sectWrap {

  position: relative;

}



.btnUnder {

  padding-top: 50px;

  text-align: center;

}



.sectWrap ul {

  font-size: 0;

  padding: 0;

  margin: 0;

}



.sectWrap li {

  display: inline-block;

  width: 50%;

  vertical-align: middle;

  font-size: 14px;

}



#mailChat ul {

  font-size: 0;

  padding: 0;

  margin: 0;

  text-align: center;

  padding-top: 20px;

}



#mailChat li {

  width: auto;

  display: inline-block;

  vertical-align: middle;

}



#mailChat li a {

  font-size: 24px;

}



.index h1 {

  margin: 0;

  font-weight: 700;

}



.index .sectWrap {

  margin-bottom: 50px;

}



.index #contentBody h2 {

  color: #d57d32;

  font-size: 63px;

  font-weight: bold;

  line-height: 1.5;

  text-align: center;

}



.index #contentBody h2.tt2 {

  font-size: 35px;

}



.index #contentBody h2.tt2 span {

  color: #0066B3;

}



.index #contentBody h3 {

  color: #666;

  font-size: 24px;

  line-height: 180%;

  text-align: center;

}



.index #contentBody h3.tt2 {

  font-size: 1.2em;

  line-height: 1.5;

}



.index #contentBody p {

  line-height: 2em;

  font-size: 18px;

}



.index #section-01 ul {

  text-align: center;

}



.index #section-01 li {

  display: inline-block;

  width: 16%;

  vertical-align: top;

}



.index #section-01 li a {

  color: #333;

}



.index #section-02 p {

  font-size: 15px;

  padding-right: 30px;

  margin-left: -10px;

}



.index #section-02 li {

  display: inline-block;

  width: 50%;

  vertical-align: top;

}



.index #section-02 .box {

  background: #f2f2f2;

  margin: 10px;

  font-size: 0;

}



.index #section-02 .box span {

  display: inline-block;

  vertical-align: middle;

}



.index #section-02 .box span.img {

  width: 44%;

}



.index #section-02 .box span.desc {

  width: 56%;

}



.index #section-03 p {

  font-size: 14px;

  text-align: left;

}



.index #section-03 .box {

  position: relative;

  padding: 0 30px;

}



.index #section-03 .box:after {

  content: "▶";

  color: #aea9a9;

  position: absolute;

  top: 90px;

  right: -20px;

  font-size: 40px;

}



.index #section-03 ul {

  text-align: center;

}



.index #section-03 li {

  display: inline-block;

  width: 25%;

  vertical-align: top;

}



.index #section-03 li:last-child .box:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  font-size: 0;

}



.index #section-04 h3 {

  font-size: 20px;

}



.index #section-04 .box_results {

  position: relative;

  background: url(../img/index/bk_1.png) no-repeat;

  background-size: cover;

  width: 100%;

  height: 500px;

  text-align: center;

}



.index #section-04 .box_results_s {

  position: relative;

  font-size: 4em;

  font-weight: bold;

  line-height: 1.5;

  color: #FFFFFF;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.index #section-05 h2 {

  color: #d57d32;

  font-size: 4.5em;

  font-weight: bold;

  line-height: 1.5;

  text-align: center;

}



.index #section-05 h3 {

  color: #666;

  font-size: 1.5em;

  line-height: 2em;

  text-align: center;

}



.index #section-05 p {

  font-size: 16px;

  font-weight: normal;

  line-height: 2em;

}



.index #section-05 ul {

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.index #section-05 li {

  width: 32%;

}



.index #section-05 li h3 {

  text-align: left;

}



.company .companyTbl {

  padding-right: 50px;

  padding-left: 50px;

}



.company .table {

  border: none;

  margin-bottom: 0;

  border-top: 1px solid #757575;

  border-right: 1px solid #757575;

  border-left: 1px solid #757575;

}



.company .table th, .company .table td {

  border: none;

  border-bottom: 1px solid #757575;

}



.company .table th {

  border-right: 1px solid #757575;

  vertical-align: middle;

}



.company th {

  color: #757575;

  background: #ebebeb;

}



.service #section-01 h3 {

  font-size: 14px;

  line-height: 3rem;

  margin-top: 0;

}



.service #section-01 .serviceList {

  margin: 0;

  padding-left: 20px;

}



.service #section-01 .serviceList li {

  margin-bottom: 40px;

}



.service #section-01 .serviceBox {

  display: block;

  font-size: 0;

}



.service #section-01 .serviceBox .desc {

  display: inline-block;

  vertical-align: top;

  width: 80%;

}



.service #section-01 .serviceBox .desc h2, .service #section-01 .serviceBox .desc h3, .service #section-01 .serviceBox .desc p {

  padding: 0 120px 0 40px;

}



.service #section-01 .serviceBox .desc p {

  font-size: 16px;

}



.service #section-01 .serviceBox .icon {

  display: inline-block;

  vertical-align: top;

  max-width: 20%;

}



.service #section-01 .serviceBox .icon h3 {

  font-size: 14px;

  text-align: center;

  line-height: 3rem;

  margin-top: 0;

}



.service #section-01 .linkBtn {

  text-align: right;

}



.service #section-01 .linkBtn a {

  display: inline-block;

  background: #ff7f00;

  color: #fff;

  font-size: 18px;

  padding: 10px 25px;

}



.service #section-01 .linkBtn a:hover {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  text-decoration: none;

  background: #ff9933;

}



.adult #contentBody h2 {

  margin: 0;

}



.adult #contentBody h2.nederland {

  font-size: 18px;

  text-align: left;

  padding: 14px 20px;

}



.adult #contentBody .subttl {

  background: #000;

  color: #fff;

  margin: 0;

  padding: 20px 0;

  text-align: center;

}



.adult #section-02 ul {

  padding: 30px;

}



.adult #section-02 li {

  width: 80%;

}



.adult #section-02 li:first-child {

  width: 20%;

}



.adult #section-02 h2 {

  font-size: 40px;

  margin-bottom: 30px;

  padding-left: 40px;

}



.adult #section-02 h2 span {

  color: #ffff00;

}



.adult #section-02 p {

  padding-left: 40px;

  line-height: 180%;

  font-size: 16px;

}



.adult #section-03 {

  position: relative;

}



.adult #section-03 img {

  position: relative;

  z-index: 0;

}



.adult #section-03 .txtBox {

  position: absolute;

  top: 50%;

  right: 4.16%;

  z-index: 1;

  width: 37%;

}



.adult #section-03 h2 {

  font-size: 24px;

}



.adult #section-03 h3 {

  font-size: 24px;

  text-align: center;

}



.adult #section-03 p {

  font-size: 16px;

}



.agency #contentBody h2 {

  margin: 0;

}



.agency #contentBody h2.nederland {

  font-size: 18px;

  text-align: left;

  padding: 14px 20px;

}



.agency #contentBody .subttl {

  background: #000;

  color: #fff;

  margin: 0;

  padding: 20px 0;

  text-align: center;

}



.agency #section-01 {

  position: relative;

}



.agency #section-01 img {

  position: relative;

  z-index: 0;

}



.agency #section-01 h2 {

  position: absolute;

  top: 53%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 96px;

  z-index: 1;

  color: #fff;

  font-size: 26px;

}



.agency #section-02 ul {

  font-size: 0;

  padding: 30px;

}



.agency #section-02 li {

  width: 50%;

  text-align: left;

  vertical-align: top;

  display: inline-block;

}



.agency #section-02 li:last-child {

  padding-top: 20px;

}



.agency #section-02 h2 {

  font-size: 40px;

  margin-bottom: 30px;

  padding-left: 40px;

}



.agency #section-02 h2 span {

  color: #ffff00;

}



.agency #section-02 p {

  padding-left: 40px;

  line-height: 180%;

  font-size: 16px;

}



.contents h1, .contents h2, .contents h3, .contents h4, .contents p {

  margin: 0;

}



.contents #section-01 .likeThis {

  text-align: left;

}



.contents #section-01 .relative {

  position: relative;

}



.contents #section-01 .likeThis {

  background: #f8f7f7;

}



.contents #section-01 .likeThis li {

  width: 54%;

}



.contents #section-01 .likeThis li h3 {

  margin-left: -20px;

  line-height: 180%;

}



.contents #section-01 .likeThis li:first-child {

  width: 46%;

}



.contents #section-01 .profit li {

  text-align: center;

}



.contents #section-01 .profit li h2, .contents #section-01 .profit li p {

  padding-left: 87px;

  text-align: left;

}



.contents #section-02 li {

  width: 46%;

}



.contents #section-02 li:first-child {

  width: 54%;

  text-align: center;

}



.contents #section-02 li h2 {

  font-size: 40px;

  margin-bottom: 10px;

}



.contents #section-03 .large {

  padding: 80px 0;

}



.contents #section-03 .ngWrap {

  margin-top: -70px;

}



.contents #section-03 .ngWrap p {

  font-size: 50px;

  padding-top: 40px;

}



.contents #section-03 p.sub {

  padding: 40px 0;

  font-size: 70px;

  text-align: center;

}



.contents #section-03 .affi {

  padding-top: 50px;

  padding-bottom: 40px;

}



.contents #section-03 .asp {

  padding-top: 50px;

  padding-bottom: 40px;

}



.contents #section-03 .asp li {

  vertical-align: top;

}



.contents #section-03 .asp li:last-child {

  font-size: 50px;

  font-weight: normal;

  padding-top: 20px;

  text-align: center;

}



.contents #section-03 .salesChannels p {

  text-align: center;

  font-size: 40px;

  padding: 40px 0;

}



.contents #section-04 li {

  width: 70%;

  text-align: left;

}



.contents #section-04 li:first-child {

  width: 30%;

}



.contents #section-04 h2 {

  font-size: 40px;

  margin-bottom: 30px;

}



.contents #section-04 h2 span {

  color: #ffff00;

}



.contents #section-04 p {

  line-height: 180%;

}



.livechat h1, .livechat h2, .livechat h3, .livechat h4, .livechat p {

  margin: 0;

}



.livechat #section-01 img {

  position: relative;

  z-index: 0;

}



.livechat #section-01 h3 {

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  text-align: center;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  color: #fff;

  font-size: 62px;

  z-index: 1;

}



.livechat #section-02 {

  padding: 30px 0;

}



.livechat #section-02 li {

  width: 70%;

  font-size: 24px;

}



.livechat #section-02 li p {

  padding-left: 30px;

}



.livechat #section-02 li p span {

  font-size: 18px;

}



.livechat #section-02 li:first-child {

  width: 30%;

}



.livechat #section-03 img {

  position: relative;

  z-index: 0;

}



.livechat #section-03 p {

  position: absolute;

  top: 9%;

  left: 45%;

  color: #fff;

  font-size: 24px;

  z-index: 1;

  -webkit-transform: rotate(-10deg);

          transform: rotate(-10deg);

}



.livechat #section-03 p span.color {

  color: #ffff00;

}



.livechat #section-03 p span.sm {

  font-size: 14px;

}



.livechat #section-03 p.delay {

  top: 12.4%;

  left: 38.9%;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";

  filter: alpha(opacity=0);

  -moz-opacity: 0;

}



.livechat #section-03 p.delay.show {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$n100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  top: 9%;

  left: 45%;

}



.livechat #section-04 {

  padding: 30px 0;

}



.livechat #section-04 li {

  width: 70%;

}



.livechat #section-04 li h3 {

  font-size: 36px;

  margin-bottom: 20px;

}



.livechat #section-04 li p {

  font-size: 20px;

  line-height: 180%;

}



.livechat #section-04 li:first-child {

  width: 30%;

}



.livechat #section-05 {

  padding: 30px 0;

}



.livechat #section-05 li {

  width: 40%;

}



.livechat #section-05 li h3 {

  font-size: 36px;

  margin-bottom: 20px;

}



.livechat #section-05 li p {

  font-size: 20px;

  line-height: 180%;

}



.livechat #section-05 li:first-child {

  width: 60%;

}



.livechat #section-06 h2 {

  color: #d57d32;

  font-size: 4.5em;

  font-weight: bold;

  line-height: 1.5;

  text-align: center;

}



.livechat #section-06 h3 {

  color: #666;

  font-size: 1.5em;

  line-height: 2em;

  padding:20px 0 0 0;

  text-align: center;

}



.livechat #section-06 .box_center {

  text-align: center;

  margin:20px 0;

}



.livechat #section-06 p {

  font-size: 16px;

  padding:0 10px;

  font-weight: normal;

  line-height: 2em;

}



.livechat #section-06 ul {

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.livechat #section-06 li {

  width: 32%;

}



.livechat #section-06 li h3 {

  text-align: left;

}



.livechat #debit {

  margin-top: 40px;

}



.livechat #section-06 {

  padding: 30px 20px;

}



.livechat #section-06 h2 {

  font-size: 40px;

}



.livechat #section-06 h2 span {

  display: block;

  font-size: 24px;

  color: #00bcd0;

  padding-top: 10px;

}



.livechat #section-06 p {

  padding-top: 20px;

  line-height: 180%;

}



.livechat #section-06 .linkBtnDetail {

  text-align: right;

  padding: 20px 0;

}



.livechat #section-06 .linkBtnDetail a {

  color: #00bcd0;

}



.livechat #section-06 .appliBox {

  margin: 10px;

  border-radius: 14px;

  background: #e8f6ff;

  text-align: center;

  padding: 50px 10px 30px 10px;

}



.livechat #section-06 .appliBox h3 {

  font-size: 24px;

  padding-bottom: 40px;

  line-height: 100%;

}



.livechat #section-06 .appliBox .linkBtn {

  text-align: center;

}



.livechat #section-06 .appliBox .linkBtn a {

  padding: 10px 40px;

  color: #fff;

  background: #00bcd0;

  border-radius: 10px;

  border: 1px solid #00bcd0;

  font-size: 30px;

  line-height: 100%;

  display: inline-block;

}



.livechat #section-06 .appliBox .linkBtn a span {

  display: inline-block;

  vertical-align: middle;

}



.livechat #section-06 .appliBox .linkBtn a span.glyphicon {

  font-size: 33px;

  margin-right: 10px;

}



.livechat #section-06 .appliBox .linkBtn a:hover {

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  text-decoration: none;

  background: #fff;

  color: #00bcd0;

}



.livechat .bgArea-blue span {

  display: inline-block;

  padding-right: 20px;

}



.movie #contentBody h2 {

  margin: 0;

}



.movie #contentBody .subttl {

  background: #000;

  color: #fff;

  margin: 0;

  padding: 20px 0;

  text-align: center;

}



.movie #section-02 {

  background: url("../img/movie/bg_cog.png") no-repeat right top;

}



.movie #section-02 ul {

  font-size: 0;

  padding: 40px 10px;

}



.movie #section-02 li {

  width: 60%;

  text-align: left;

  vertical-align: middle;

  display: inline-block;

}



.movie #section-02 li:first-child {

  width: 40%;

}



.movie #section-02 h2 {

  font-size: 40px;

  margin-bottom: 30px;

  padding-left: 20px;

}



.movie #section-02 h2 span {

  color: #ffff00;

}



.movie #section-02 p {

  padding-left: 20px;

  line-height: 180%;

  font-size: 16px;

}



.movie #section-03 h2 {

  text-align: center;

  margin-top: -40px;

  margin-bottom: 100px;

}



.movie #section-04 {

  position: relative;

}



.movie #section-04 img {

  position: relative;

  z-index: 0;

}



.movie #section-04 #circleWrap {

  position: absolute;

  width: 400px;

  height: 400px;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  background: rgba(255, 255, 255, 0.9);

  border-radius: 50%;

  z-index: 1;

  box-shadow: 5px 5px 15px -3px #141314;

}



.movie #section-04 h2 {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  line-height: 180%;

  font-size: 32px;

}



.vpn #contentBody h2 {

  margin: 0;

}



.vpn #contentBody .subttl {

  background: #000;

  color: #fff;

  margin: 0;

  padding: 20px 0;

  text-align: center;

}



.vpn #section-01 {

  position: relative;

}



.vpn #section-01 img {

  position: relative;

  z-index: 0;

}



.vpn #section-01 h2 {

  position: absolute;

  top: 53%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 96px;

  z-index: 1;

  color: #fff;

  font-size: 26px;

}



.vpn #section-02 ul {

  font-size: 0;

  padding: 50px;

}



.vpn #section-02 li {

  width: 76%;

  text-align: left;

  vertical-align: middle;

  display: inline-block;

}



.vpn #section-02 li:first-child {

  width: 24%;

}



.vpn #section-02 h2 {

  font-size: 40px;

  margin-bottom: 30px;

  padding-left: 20px;

}



.vpn #section-02 h2 span {

  color: #ffff00;

}



.vpn #section-02 p {

  padding-left: 20px;

  line-height: 180%;

  font-size: 16px;

}



.vpn #section-03 h2 {

  margin-bottom: 20px;

  font-size: 40px;

}



.vpn #section-03 p {

  line-height: 180%;

  font-size: 18px;

}



.vpn #section-03 ul {

  font-size: 0;

  padding: 10px;

}



.vpn #section-03 li {

  width: 60%;

  text-align: left;

  vertical-align: middle;

  display: inline-block;

}



.vpn #section-03 li:first-child {

  width: 40%;

}

.index_2 #contentBody h2 {

  margin: 40px 0;

}



.index_2 #contentBody .subttl {

  background: #000;

  color: #fff;

  margin: 0;

  padding: 20px 0;

  text-align: center;

}



.index_2 #section-01 {

  position: relative;

}



.mainvisual{
  position: relative;
  height:600px;
}
.mainvisual div{
  width: 100%;
  height: 600px;
  display: block;    
  position: absolute;
top:50px;
  background: url("/assets/img/mainvisual.jpg") no-repeat left top;
  background-position: 50% 0%;
  overflow: visible;
  top:0px;
}

.mainvisual section{
  position: absolute;
  width: 800px;
  height: 300px;
  margin: 60px auto;
  padding: 20px;
  text-align: left;
  color: #fff;
  top:50px;
}


.mainvisual section p{
  width: 700px;
  line-height: 1.5em;
  font-size: 40px;
  margin: 20px 0 10px 0;
  font-weight: 700;
  text-align: center;
}

#section-01 section p.catch{
  width: 700px;
  margin: 250px 0 10px 0;
  font-weight: 700;
  text-align: center;
}

.mainvisual section p:nth-child(2){
  font-size: 30px;
}

.mainvisual section a.contact_btn{
  width: 350px;
  height: 70px;
  border-radius: 8px;
  display: block;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  background-color: #ff9933;
  transition: .4s;
  margin-left: 160px;
}


.index_2 #section-02 ul {

  font-size: 0;

  padding: 50px;

}



.index_2 #section-02 li {

  width: 76%;

  text-align: left;

  vertical-align: middle;

  display: inline-block;

}



.index_2 #section-02 li:first-child {

  width: 24%;

}



.index_2 #section-02 h2 {

  font-size: 40px;

  margin-bottom: 30px;

  padding-left: 20px;

}



.index_2 #section-02 h2 span {

  color: #ffff00;

}



.index_2 #section-02 p {

  padding-left: 20px;

  line-height: 180%;

  font-size: 16px;

}



.index_2 #section-03 h2,.index_2 #section-04 h2 {

  margin: 0 0 20px 0;

  font-size: 40px;

  line-height: 1.2em;

}



.index_2 #section-03 p,.index_2 #section-04 p {

  line-height: 180%;

  font-size: 18px;

  line-height: 1.6em;

}



.index_2 #section-03 ul {

  font-size: 0;

  padding: 0px;

}



.index_2 #section-03 li {

  width: 60%;

  text-align: left;

  display: inline-block;

  vertical-align: top;

  padding-left: 5%;

  box-sizing: border-box;
  margin-bottom: 40px;

}



.index_2 #section-03 li:first-child {

  width: 40%;
  padding-left: 0;
}

.index_2 #section-04 li {
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  counter-reset: cardCount;
}

.index_2 #section-04 li:nth-child(2) {
  vertical-align: top;
  padding-left: 5%;
  box-sizing: border-box;
  margin-bottom: 40px;

}

.index_2 #section-04 li h3 {
  float: left;
  width: 48%;
  position: relative;
  overflow: hidden;
  padding: 1rem 1rem 1rem 80px;
  border: solid 2px #3498db;
  box-sizing: border-box;
  margin-right: 2%;
  height: 3.5em;
  padding-top: 1.1em;
  margin-top: 0;
  counter-increment: cardCount;
}
.index_2 #section-04 li h3:nth-child(2),.index_2 #section-04 li h3:nth-child(5),.index_2 #section-04 li h3:nth-child(6){
  padding-top: 1rem;
}


.index_2 #section-04 li h3:before {
  position: absolute;
  content: '';
  top: -150%;
  left: -90px;
  width: 160px;
  height: 300%;
  transform: rotate(25deg);
  background: #3498db;
}

.index_2 #section-04 li h3:after {
	position: absolute;
	content: counter(cardCount, decimal-leading-zero);
	bottom: -10px;
	right: -5px;
	font-size: 50px;
	color: #3498db;
	padding: 0 ;
  opacity: 10%;
}
.index_2 #section-04 li h3 span {
	position: absolute;
	display: block;
	top: 0;
	left:-10px;
	z-index: 1;
	font-size: 30px;
	font-size: 3rem;
	padding-left: 10px;
	color: #fff;
}

.index_2 #section-05 li {
  width: 100%;
}

.wrapper-card {
  display: flex;
  flex-wrap: nowrap;
  margin: 40px auto;
  width: 100%;
}

.card {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px transparent;
  flex: 1;
  margin: 8px;
  padding: 30px;
  position: relative;
  text-align: center;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.card.popular {
  margin-top: -10px;
  margin-bottom: -10px;
}

.card.popular .card-title h3 {
  color: #3498db;
  font-size: 22px;
}

.card.popular .card-price {
  margin: 50px;
}

.card.popular .card-price h1 {
  color: #3498db;
  font-size: 20px;
}

.card.popular .card-action button {
  background-color: #3498db;
  border-radius: 80px;
  color: #fff;
  font-size: 17px;
  margin-top: -15px;
  padding: 15px;
  height: 80px;
}

.card.popular .card-action button:hover {
  background-color: #2386c8;
  font-size: 23px;
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.card-ribbon {
  position: absolute;
  overflow: hidden;
  top: -10px;
  left: -10px;
  width: 114px;
  height: 112px;
}

.card-ribbon span {
  position: absolute;
  display: block;
  width: 160px;
  padding: 10px 0;
  background-color: #3498db;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  left: -35px;
  top: 25px;
  transform: rotate(-45deg);
}

.card-ribbon::before,
.card-ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
  border-top-color: transparent;
  border-left-color: transparent;
}

.card-ribbon::before {
  top: 0;
  right: 0;
}

.card-ribbon::after {
  bottom: 0;
  left: 0;
}

.card-title h3 {
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  text-transform: uppercase;
}

.card-title h4 {
  color: rgba(0, 0, 0, 0.6);
}

.card-price {
  margin: 60px 0;
}

.card-price h1 {
  font-size: 20px;
}

.card-price h1 sup {
  font-size: 15px;
  display: inline-block;
  margin-left: -20px;
  width: 10px;
}

.card-price h1 small {
  color: rgba(0, 0, 0, 0.3);
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}

.card-description ul {
  display: block;
  list-style: none;
  margin: 60px 0;
  padding: 0;
  height: 440px;
}

.card-description li {
  color: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  margin: 0 0 15px;
}

.card-description li::before {
  font-family: FontAwesome;
  content: "\f00c";
  padding: 0 5px 0 0;
  color: rgba(0, 0, 0, 0.15);
}

.card-action button {
  background: transparent;
  border: 2px solid #3498db;
  border-radius: 30px;
  color: #3498db;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 20px;
  width: 100%;
  height: 60px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.card-action button:hover {
  background-color: #3498db;
  box-shadow: 0 2px 4px #196090;
  color: #fff;
  font-size: 17px;
}

p.messageArea_index_2{
  font-size: 60px;
  text-align: center;
  margin: 60px 0;
}
p.messageArea_index_2 span{
  font-size: 16px;
}

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

  #contentBody {

    padding-top: 92px;

  }

  .h_contact {

    top: 10px;

  }

  .index h1 {

    font-size: 21px;

  }

  .index #contentBody h2 {

    font-size: 50px;

  }

  .index #contentBody h3 {

    font-size: 18px;

  }

  .index #section-01 li {

    width: 16%;

  }

  .index #section-01 li img {

    width: 90%;

  }

  .index #section-01 p {

    font-size: 12px;

  }

  .index #section-04 .box_results_s {

    font-size: 46px;

  }

  .contents #section-01 .profit li h2, .contents #section-01 .profit li p {

    padding-left: 15px;

  }

  .contents #section-01 .profit #mailChat li a {

    font-size: 15px;

  }

  .contents #section-02 li h2 {

    font-size: 20px;

  }

  .contents #section-03 .large {

    padding: 60px 0;

  }

  .contents #section-03 p.sub {

    font-size: 40px;

  }

  .contents #section-03 .asp li:last-child {

    font-size: 34px;

  }

  .contents #section-03 .salesChannels p {

    font-size: 36px;

  }

  .livechat #section-01 h3 {

    font-size: 40px;

  }

  .livechat #section-03 p {

    font-size: 16px;

  }

  .livechat #section-03 p span.sm {

    font-size: 12px;

  }

  .livechat #section-04 li h3,

  .livechat #section-05 li h3 {

    font-size: 29px;

  }

  .livechat #section-04 li p,

  .livechat #section-05 li p {

    font-size: 18px;

  }

  .livechat #section-06 .appliBox h3 {

    font-size: 18px;

  }

  .livechat #section-06 .appliBox .linkBtn a {

    font-size: 20px;

  }

  .livechat #section-06 .appliBox .linkBtn a span.glyphicon {

    font-size: 21px;

  }

  .movie #contentBody .subttl {

    font-size: 22px;

  }

  .movie #section-02 h2 {

    font-size: 28px;

  }

  .movie #section-04 #circleWrap {

    width: 330px;

    height: 330px;

  }

  .movie #section-04 h2 {

    font-size: 26px;

  }

  .vpn #contentBody h2 {

    font-size: 26px;

  }

  .vpn #section-03 li {

    padding: 10px 0;

  }

  .agency #section-02 h2 {

    font-size: 27px;

  }

  .agency #section-02 p {

    font-size: 15px;

  }

  .agency #section-02 li {

    width: 30%;

  }

  .agency #section-02 li:last-child {

    width: 70%;

    padding-top: 0;

  }

  .adult #contentBody h2 {

    font-size: 26px;

  }

  .adult #contentBody #section-03 h2 {

    font-size: 20px;

  }

  .adult #contentBody #section-03 p {

    font-size: 13px;

  }

  #contentBody #sendingMoney p {

    font-size: 15px;

  }

  #contentBody #sendingMoney li:last-child {

    padding-top: 0;

  }

}



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

  #contentBody {

    padding-top: 80px;

  }

  .h_contact {

    top: 5px;

  }

}



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

  #contentBody {

    padding-top: 42px;

  }

  #contentBody #sendingMoney {

    padding-bottom: 30px;

  }

  #contentBody #sendingMoney .linkBtn {

    padding-top: 20px;

  }

  #contentBody #sendingMoney .linkBtn a {

    display: block;

    width: 100%;

  }

  #contentBody #sendingMoney h2 {

    padding: 10px;

    margin-bottom: 10px;

    font-size: 14px;

  }

  #contentBody #sendingMoney li {

    display: block;

    width: 100%;

  }

  .h_contact {

    display: none;

  }

  #spmenu {

    display: block;

  }

  .index #contentBody h2 {

    font-size: 20px;

  }

  .index #contentBody h2.tt2 {

    font-size: 19px;

  }

  .index #contentBody h3 {

    font-size: 17px;

    text-align: left;

  }

  .index #section-01 li {

    width: 46%;

  }

  .index #section-02 p {

    padding-left: 30px;

    padding-right: 20px;

  }

  .index #section-02 li {

    display: block;

    width: 100%;

  }

  .index #section-02 .box {

    padding-bottom: 20px;

    text-align: center;

  }

  .index #section-02 .box span {

    display: block;

  }

  .index #section-02 .box span.img {

    width: 100%;

  }

  .index #section-02 .box span.desc {

    width: 100%;

    text-align: left;

  }

  .index #section-03 .box {

    padding: 0;

    padding-bottom: 30px;

  }

  .index #section-03 .box:before {

    content: "▼";

    position: absolute;

    bottom: 10px;

    left: 50%;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    font-size: 20px;

    color: #aea9a9;

  }

  .index #section-03 .box:after {

    display: none;

  }

  .index #section-03 li {

    display: block;

    width: 100%;

  }

  .index #section-03 li:last-child .box {

    padding-bottom: 0;

  }

  .index #section-03 li:last-child .box:before {

    display: none;

  }

  .index #section-04 .box_results {

    height: 160px;

  }

  .index #section-04 .box_results_s {

    font-size: 20px;

  }

  .index #section-05 h3 {

    margin: 0;

  }

  .index #section-05 p {

    font-size: 14px;

  }

  .index #section-05 ul {

    display: block;

  }

  .index #section-05 li {

    display: block;

    width: 100%;

    margin-bottom: 20px;

  }

  #mailChat ul {

    margin: 0;

    padding: 0;

  }

  #mailChat li {

    display: block;

    margin-bottom: 20px;

  }

  #mailChat li a {

    width: 100%;

  }

  #mailChat li:last-child {

    margin: 0;

  }

  .mv h1 {

    display: none;

  }

  .company .companyTbl {

    padding: 0;

  }

  .service #section-01 .serviceList li {

    margin-bottom: 60px;

  }

  .service #section-01 .linkBtn a {

    width: 100%;

    text-align: center;

  }

  .service #section-01 .serviceBox .icon {

    display: block;

    max-width: 100%;

    text-align: center;

  }

  .service #section-01 .serviceBox .desc {

    width: 100%;

  }

  .service #section-01 .serviceBox .desc h2, .service #section-01 .serviceBox .desc h3, .service #section-01 .serviceBox .desc p {

    padding: 0;

  }

  .service #section-01 .serviceBox .desc h2 {

    font-size: 22px;

  }

  .service #section-01 .serviceBox .desc h3 {

    font-size: 18px;

  }

  .service #section-01 .serviceBox .desc p {

    font-size: 14px;

  }

  .serviceMV {

    padding: 10px 10px;

  }

  .serviceMV .desc h1 {

    font-size: 20px;

    margin: 0;

  }

  .serviceMV .desc p {

    display: none;

  }

  .serviceMV .desc .descInner {

    left: 10px;

  }

  .contents #contentBody h2 {

    font-size: 24px;

  }

  .contents #section-01 .likeThis {

    padding-bottom: 20px;

  }

  .contents #section-01 .likeThis li {

    width: 100%;

    text-align: center;

  }

  .contents #section-01 .likeThis li:first-child {

    width: 100%;

  }

  .contents #section-01 .likeThis li h3 {

    margin-left: 15px;

    text-align: left;

  }

  .contents #section-01 .profit li {

    display: block;

    width: 100%;

  }

  .contents #section-01 .profit li h2 {

    margin-top: 20px;

    margin-bottom: 8px;

  }

  .contents #section-01 .profit li p {

    line-height: 180%;

  }

  .contents #section-01 .profit li #mailChat {

    margin-top: 30px;

    margin-bottom: 40px;

  }

  .contents #section-02 li {

    display: block;

    width: 100%;

  }

  .contents #section-02 li:first-child {

    width: 100%;

    margin-top: 20px;

  }

  .contents #section-03 .fs40 {

    font-size: 20px;

  }

  .contents #section-03 .affi {

    padding: 20px 0 0 0;

  }

  .contents #section-03 .large {

    padding: 20px 10px;

    font-size: 18px;

  }

  .contents #section-03 .ngWrap {

    margin-top: 10px;

  }

  .contents #section-03 p.sub {

    font-size: 18px;

  }

  .contents #section-03 .asp {

    padding-top: 20px;

    padding-bottom: 40px;

  }

  .contents #section-03 .asp li {

    display: block;

    width: 100%;

  }

  .contents #section-03 .asp li:last-child {

    font-size: 28px;

  }

  .contents #section-03 .salesChannels {

    margin-bottom: 30px;

  }

  .contents #section-03 .salesChannels p {

    font-size: 28px;

  }

  .contents #section-04 li {

    display: block;

    width: 100%;

  }

  .contents #section-04 li:first-child {

    width: 100%;

  }

  .contents .btnUnder {

    padding-top: 20px;

  }

  .livechat #contentBody h2 {

    font-size: 22px;

  }

  .livechat #section-01 h3 {

    font-size: 18px;

  }

  .livechat #section-02 li {

    display: block;

    width: 100%;

  }

  .livechat #section-02 li:first-child {

    width: 100%;

  }

  .livechat #section-02 li p {

    font-size: 16px;

    padding: 0;

    margin-bottom: 10px;

  }

  .livechat #section-02 li p span {

    font-size: 14px;

  }

  .livechat #section-03 {

    display: none;

  }

  .livechat #section-04 li {

    display: block;

    width: 100%;

  }

  .livechat #section-04 li:first-child {

    width: 100%;

  }

  .livechat #section-04 li h3 {

    font-size: 18px;

  }

  .livechat #section-04 li p {

    font-size: 14px;

  }

  .livechat #section-05 li {

    display: block;

    width: 100%;

  }

  .livechat #section-05 li:first-child {

    width: 100%;

  }

  .livechat #section-05 li h3 {

    font-size: 18px;

  }

  .livechat #section-05 li p {

    font-size: 14px;

  }

  .movie #contentBody .subttl {

    font-size: 20px;

  }

  .movie #section-02 li {

    display: block;

    width: 100%;

  }

  .movie #section-02 li:first-child {

    width: 100%;

  }

  .movie #section-02 li h2 {

    font-size: 18px;

    padding: 0;

    margin: 10px 0;

  }

  .movie #section-02 li p {

    font-size: 14px;

    padding: 0;

  }

  .movie #section-03 h2 {

    margin-top: -20px;

    margin-bottom: 40px;

    font-size: 20px;

  }

  .movie #section-04 h2 {

    font-size: 23px;

    line-height: 130%;

  }

  .movie #section-04 #circleWrap {

    border-radius: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, 0.7);

  }

  .vpn .sectWrap {

    margin-bottom: 30px;

  }

  .vpn #section-01 h2 {

    display: none;

  }

  .vpn #section-02 ul {

    padding: 0;

  }

  .vpn #section-02 li {

    display: block;

    width: 100%;

    text-align: center;

  }

  .vpn #section-02 li:first-child {

    width: 100%;

  }

  .vpn #section-02 li h2 {

    font-size: 18px;

    padding: 0;

    margin: 10px 0;

    text-align: left;

  }

  .vpn #section-02 li p {

    font-size: 14px;

    padding: 0;

    text-align: left;

  }

  .vpn #section-03 ul {

    padding: 0;

  }

  .vpn #section-03 li {

    display: block;

    width: 100%;

    text-align: center;

  }

  .vpn #section-03 li:first-child {

    width: 100%;

  }

  .vpn #section-03 li h2 {

    font-size: 18px;

    padding: 0;

    margin: 10px 0;

    text-align: left;

  }

  .vpn #section-03 li p {

    font-size: 14px;

    padding: 0;

    text-align: left;

  }

  .agency #section-02 ul {

    padding: 0;

    margin-bottom: 20px;

  }

  .agency #section-02 li {

    display: block;

    width: 100%;

    text-align: center;

  }

  .agency #section-02 li:last-child {

    width: 100%;

  }

  .agency #section-02 li h2 {

    font-size: 18px;

    padding: 0;

    margin: 10px 0;

    text-align: left;

  }

  .agency #section-02 li p {

    font-size: 14px;

    padding: 0;

    text-align: left;

  }

  .adult #section-02 ul {

    padding: 0;

    margin-bottom: 20px;

  }

  .adult #section-02 li {

    display: block;

    width: 100%;

    text-align: center;

  }

  .adult #section-02 li:first-child {

    width: 100%;

  }

  .adult #section-02 li h2 {

    font-size: 18px;

    padding: 0;

    margin: 10px 0;

    text-align: left;

  }

  .adult #section-02 li p {

    font-size: 14px;

    padding: 0;

    text-align: left;

  }

  .adult #section-03 .txtBox {

    position: static;

    width: 100%;

  }

  .adult #section-03 .txtBox h2 {

    margin-bottom: 10px;

  }

  .adult #section-03 h3 {

    font-size: 18px;

  }

}