@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

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, 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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  color: #353535;
  width: 100vw;
  min-width: 780px;
  overflow-x: hidden; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

a {
  text-decoration: none;
  color: #fff; }

p {
  line-height: 1.7em;
  display: block; }

html, div, h1, h2, h3, p, a {
  /* font-size: 2.3vw; */
  font-family: 'Noto Sans JP', sans-serif;
}

/* =======================Define===========================*/
.em0100 {
  font-size: 1em; }

.em0075 {
  font-size: 0.75em; }

.em0083 {
  font-size: 0.83em; }

.em0089 {
  font-size: 0.89em; }

.em0092 {
  font-size: 0.92em; }

.em0175 {
  font-size: 1.5em; }

.bold {
  font-weight: bold; }

.light {
  font-weight: lighter; }

.red {
  color: #9d0f17; }

/*=========================Design==========================*/
.sp {
  display: none !important; }
.exp .pc { display: none!important; }

header {
  height: 4.61vw;
  padding-top: 1.76vw;
  width: 100vw;
  background-color: #fff;
  margin: auto;
  line-height: 20px;}

  header .logo_a {
    margin-left: 2vw;
    width: 10.2vw;}
  header .logo_b img {
    position: absolute;
    width: 18.5vw;
    display: block;
    right: 3vw;
	  top: 1.8vw;}
  header .memo {
	vertical-align: 45%;
	font-size: 10px;
	border-radius: 6px;
	color: #000;
	margin-bottom: 20px;
	transition: .4s;
    background-color: #9E231E;
    font-weight: 900;
    color: #FFFFFF;
    }
   .header_01{
	display: flex;
    justify-content: space-between;}
    /*.obi{
	width: 650px;
	line-height: 20px;
    margin-left: 1%;}

    .obi a{
	padding: 1%;}*/
privacy-header {
    padding-top: 1.76vw;
    width: 100vw;
    background-color: #fff;
    margin: auto;
    line-height: 20px; }
    privacy-header .logo_a {
      margin-left: 2vw;
      width: 10.2vw;
      display: block; }
    privacy-header .logo_b img {
      position: absolute;
      width: 18.5vw;
      display: block;
      right: 4vw;
      top: 1.8vw; }
privacy-header .header-pc {
   display: none;
}
privacy-header .header-sp {
  display: flex;
  width: 100%;
  height: 56px;
  background-color: #FFFFFF;
  z-index: 999;
}
privacy-header .header-sp .ic_menu {
  top: 15px;
  left: 30px;
}
privacy-header div a.dropdown-item {
  color: #333333;
  font-size: 18px;
  line-height: 28.8px;
  padding-top: 10px;
}
privacy-header div a span.item-active {
  color: #49AB94;
  font-weight: 700;
  border-bottom: 2px solid #49AB94;
}

.fv {
  width: 100vw;
  min-width: 780px;
  padding: 6.86vw 0 4.9vw 0;
  background-image: url(../images/fv_pc.png);
  background-position: top, center;
  background-size: 196%;
  background-repeat: no-repeat; }
  .fv .wrap_01 {
    width: 100vw;
    margin: auto; }
  .fv h1 img {
    width: 46.76vw;
    margin-left: 2vw; }
  .fv video {
    width: 40.6vw;
    transform: translate(55.75vw, -19.2vw); }
  .fv h2 img {
    width: 73.33vw;
    display: block;
    margin: -6.86vw auto 0; }
  .exp {
    width: 64.7vw;
    margin: 5.88vw auto -2.94vw; }
 .btn_postscript{
	text-align: center;
	margin-top: 4%;}

.cv_area a {
  width: 54.12vw;
  display: block;
  margin: 7.94vw auto -2vw; }
  .cv_area a img {
    width: 54.12vw; }

.fv img {
	width: 100%;
}

.npc { display: none !important; }
.nsp { display: block !important;
		margin-top: -6.86vw;}

.yt {
	width: 100%;
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;
	margin: 60px 0 70px 0;
	position: relative;
}

.yt iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.flow {
	width: 100vw;
	margin: 20px auto;
  padding: 10px;
}

.flow .flow-pc {
	width: 975px;
  margin-bottom: 50px;
}

.flow .flow-sp {
	display: none;
}

.optio-signup {
  width: 100vw;
  margin: auto;
  margin-bottom: 5vw;
}

/*  .cv_area a img:hover {
    opacity: 0.8;
    transition: 0.4s; }
*/
.users img {
  width: 95.03vw;
  display: block;
  margin: 2vw auto; }

.sec01 {
  padding: 6.86vw;
  text-align: center; }
  .sec01 .onayami {
    display: flex;
    width: 90vw;
    margin: 1.96vw auto 9.8vw; }
  .sec01 .sec01_l, .sec01 .sec01_c, .sec01 .sec01_r {
    width: 26.92vw;
    height: 54.26vw; }
  .sec01 .sec01_l, .sec01 .sec01_c {
    margin-right: 3.29vw; }
  .sec01 .sec01_l_ov {
    width: 32.83vw;
    height: 37vw;
    background-size: cover;
    background-image: url(../images/sec01_l.png); }
  .sec01 .sec01_c_ov {
    width: 32.83vw;
    height: 37vw;
    background-size: cover;
    background-image: url(../images/sec01_c.png); }
  .sec01 .sec01_r_ov {
    width: 32.83vw;
    height: 37vw;
    background-size: cover;
    background-image: url(../images/sec01_r.png); }
  .sec01 .sec01_l_ov, .sec01 .sec01_c_ov, .sec01 .sec01_r_ov {
    color: #fff;
    margin-left: -3.82vw; }
    .sec01 .sec01_l_ov p, .sec01 .sec01_c_ov p, .sec01 .sec01_r_ov p {
      line-height: 1.9em;
      font-size: 0.74em;
      padding-top: 13vw; }
  .sec01 .sec01_l_un, .sec01 .sec01_c_un, .sec01 .sec01_r_un {
    background-color: #fff;
    height: 17.46vw;
    width: 26.3vw;
    padding-top: -5.88vw;
    margin-left: -0.5vw;
    border-radius: 0 0 1.2vw 1.2vw; }
    .sec01 .sec01_l_un p, .sec01 .sec01_c_un p, .sec01 .sec01_r_un p {
      font-size: 0.65em;
      width: 20.45vw;
      margin: auto;
      text-align: justify;
      letter-spacing: -0.04em;
      text-justify: inter-ideograph; }

.sec02 {
  text-align: center;
  padding: 6.86vw;
}
  .sec02 h2 {
    margin-bottom: 7.84vw; }
  .sec02 .ima {
    width: 58.82vw;
    margin: auto; }
    .sec02 .ima img {
      display: block;
      width: 58.82vw; }
  .sec02 .tokucho {
    width: 100vw;
    margin: 0 auto 2.94vw;
    display: flex; }
    .sec02 .tokucho img {
      display: block;
      margin: 1vw auto 2.35vw; }
    .sec02 .tokucho .em0075 {
      text-align: justify;
      text-justify: inter-ideograph;
      line-height: 1.9em; }
    .sec02 .tokucho .sec02_l {
      width: 25.5vw;
      height: 30.17vw;
      margin-right: 3.7vw; }
      .sec02 .tokucho .sec02_l p {
        font-size: 0.64em;
        letter-spacing: -0.02em; }
      .sec02 .tokucho .sec02_l .em0175 {
        font-size: 1.49em;
        letter-spacing: 0.07em; }
    .sec02 .tokucho .sec02_c {
      width: 25.5vw;
      height: 30.17vw;
      margin-right: 3.7vw; }
      .sec02 .tokucho .sec02_c p {
        font-size: 0.64em;
        letter-spacing: -0.04em; }
      .sec02 .tokucho .sec02_c .em0175 {
        font-size: 1.49em; }
    .sec02 .tokucho .sec02_r {
      width: 25.5vw;
      height: 30.17vw; }
      .sec02 .tokucho .sec02_r p {
        font-size: 0.64em;
        letter-spacing: -0.02em; }
      .sec02 .tokucho .sec02_r .em0175 {
        font-size: 1.49em;
        letter-spacing: -0.1em; }
  .sec02 .cv_area {
    margin-top: -6.86vw; }

.sec03 {
  text-align: center;
  padding: 12.25vw 0 6.86vw; }
  .sec03 .users {
    margin: 2.94vw auto 11.76vw; }
  .sec03 .jirei {
    width: 94vw;
    margin: 4.9vw auto 0;
    display: flex; }
    .sec03 .jirei .em0075 {
      text-align: justify;
      letter-spacing: -0.1em;
      text-justify: inter-ideograph;
      line-height: 1.86em;
      margin-top: 1.47vw; }
    .sec03 .jirei .cells_a {
      margin-right: 6.37vw; }
    .sec03 .jirei .cells {
      width: 46.76vw; }
      .sec03 .jirei .cells .cells_inner {
        display: flex; }
        .sec03 .jirei .cells .cells_inner .em0092 {
          text-align: left;
          margin: -1vw 0 0 1.47vw;
          letter-spacing: 0.1em; }

.sec04 {
  padding: 8.82vw 0 11.37vw;
  background-color: #ececec;
  text-align: center; }
  .sec04 .em0075 {
    margin: 3.14vw auto; }
  .sec04 img {
    width: 94vw; }


    .sec05_1 {
        width: 100vw;
        overflow-x: hidden;
        padding: 8.82vw 0 11.37vw;
        padding-left: 1px;
        text-align: center;
        }
        .sec05_1 .em0175 {
margin: 3.14vw auto;}

 .sec05 {
  padding: 8.82vw 0 8.82vw;
  background-color: #fff;
  text-align: center; }
  .sec05 .em0175 {
    margin-bottom: 4.49vw; }
  .sec05 .pr_wrap {
    width: 97vw;
    margin: auto;
    overflow-x: scroll;
  }
  .sec05 .pr_wrap img {
    height: 60vh;
    min-height: 400px;
}

.sec05_2 .em0175{
  text-align: center;
}

/*Q＆A*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    background: #D6D6D6;
    display: block;
    padding: 1px;
	margin: auto;
	width: 85%;
	border: solid 2px #FFFFFF;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #ececec;
    color: #495057;
    display: block;
    padding: 1px;
    position: relative;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
	background: #fff;
}

.QA_all{
    display: flex;
	margin: 1.5%;
}

.QA_all img{
	margin: 1%;
	width: 70%;
}

.QA_logo{
	width: 10%;
}

.QA_text_Q{
	line-height: 1.7rem;
	font-size: 0.75em;
	width: 90%;
}


.QA_text_A{
   line-height: 1.7rem;
   font-size: 0.75em;
   width: 90%;
}

.sec05_3{
   margin: auto;
   padding-bottom: 3%;
}

.col{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.doctxt {
	font-size: 0.75em;
	text-align: center;
	padding-top: 10px;
}

.col_midashi{
   font-size: 1.2em;
   font-weight: 700;
   color:#696969;
}

.button-cont{
	margin-top: 3%;
}

.button-cont2 {
	padding-top: 5%;
}

.btn-flat-border {
	width: 40%;
  display: inline-block;
  padding: 0.8em 3em;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  transition: .4s;
  background: #009d37;
}

.btn-flat-border:hover {
  background: #00743f;
}

.col_item{
  font-size: 0.75em;
  line-height: 1.7em;
}

.privacy{
  text-align: center;
  padding-bottom: 2%;
}

.privacy a{
  margin-top: 20px;
  /* font-size: 0.8em; */
  text-decoration: none;
  color: #000000;
}
.sec05 a{
  display:inline-block;
  margin-top: 20px;
  font-size: 0.8em;
  text-decoration: none;
  color: #000000;
}

.bottom{
  padding-bottom: 2%;
}

footer {
  color: #fff;
  padding: 0.3vw;
  text-align: center;
}

.playads-img {
  width: 100%;
  height: 720px;
  padding-top: 214px;
  margin-bottom: 60px;
  background-image: url("../images/playads_sp.svg");
  background-color: #49AB94;
  background-position: center;
  background-repeat: no-repeat;
}
.playads-img p, a {
  /* font-size: 18px; */
  /* line-height: 29px; */
}
.playads-img button {
  color: #49AB94;
  font-size: 14px;
  line-height: 24px;
  padding: 13px 12px;
  margin-bottom: 20px;
  border: none;
  border-radius: 8px;
}
.playads-img p {
  padding: 0 52px;
  margin-bottom: 80px;
}
.playads-img a {
  border-bottom: 2px solid #FFFFFF;
}
.playads-img a:hover {
  text-decoration: none;
}
@media (max-width: 914px) {
  .main-footer {
    flex-direction: column;
  }
}
@media (min-width: 914px) {
  .main-footer {
    justify-content: center;
  }
}
.main-footer {
  font-size: 14px;
  line-height: 24px;
  /* padding-left: 30px;
  padding-right: 30px; */
  /* margin-bottom: 550px; */
}
.main-footer div, ul {
  width: auto;
}
.main-footer ul {
  margin-top: 30px;
}
.main-footer img {
  width: 205px;
  height: 33px;
}
.main-footer ul li:first-child {
  font-size: 18px;
  line-height: 29px;
  margin-top: 0;
}
.main-footer ul li {
  margin-top: 10px;
}

.main-footer ul li a{
    color: #333333;
    text-decoration: none;
}

.main-footer ul li a:hover{
    opacity: .7;
    transition: opacity .3s;
}

/*# sourceMappingURL=tab.css.map */
  /* -- 20200306 added for webinar -- */

  .webinar {
    position: absolute;
    width: 24.5vw;
    margin: -4.9vw 50%;
    transform: translateX(14vw);
  }

  .webinar img {
    width: 24.5vw;
  }

.sec01 div.form-group {
  width: 60%;
  margin-left: 20%;
}
.sec02-register {
   padding: 70px 20% !important;
   text-align: left;
 }

#submit-register {
  margin-top: -10px;
  text-align: center;
}


label.is-invalid, .error-postcode, #message-error {
  color: red;
  font-size: 18px;
  padding-top: 10px;
  display: block;
  text-align: left;
}

.submit-register {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.flex {
  display: flex;
  align-items: center;
}

.ml-2 {
  margin-left: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.sec01 div.form-group input {
  height: 45px;
  width: 100%;
}

.postcode .postcode1, .postcode .postcode2 {
  width: 85px !important;
}

.postcode .postcode1 {
  float: left;
}

.postcode .postcode2 {
  float: left;
  margin-left: 15px;
}

.postcode {
  overflow: hidden;
}

input.is-invalid {
  border: 1px solid red;
  outline: none;
}

.sec02-register .label {
  text-align: center;
}

.terms-service {
  cursor: pointer;
}

.checkbox-container {
  display: block;
  position: relative;
  margin-left: -40px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.4;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 15px;
  height: 18px;
  width: 18px;
  border: 1px solid #353535;
  transform: translateX(-50%);
}
.checkmark.signup-client {
  left: calc(50% - 50px);
}
.checkmark.white-paper {
  left: calc(50% - 125px);
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 8px;
  top: -5px;
  width: 6px;
  height: 18px;
  border: solid green;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.terms-service-content {
  height: 300px;
  overflow-y: scroll;
  font-size: 18px;
}
.checkmark-content{
  position: absolute;
  top: 18px;
}
.checkmark-content.signup-client{
  left: calc(50% - 25px);
}
.checkmark-content.white-paper{
  left: calc(50% - 100px);
}
input {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  font-weight: bold;
}

input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, .25);
}

input::placeholder {
  font-weight: normal;
}
input::-webkit-input-placeholder { /* Edge */
  font-weight: normal;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: normal;
  color: #74808b;
}
.terms-service-content ol {
  padding-left: 20px;
  list-style-type: decimal;
}

.terms-service-content ol li {
  padding-left: 10px;
}

.terms-service-content, .terms-service-content div {
  font-size: 16px;
  line-height: 30px;
}

.terms-service-content span {
  font-size: 16px;
}

.ol-custom ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}

.ol-custom li {
  display: block;
  margin-bottom: .5em;
  margin-left: 1em;
}

.ol-custom li::before {
  display: inline-block;
  content: "(" counter(item) ")";
  counter-increment: item;
  width: 1.5em;
  margin-left: -2em;
}
.pl-15{
  padding-left: 15px;
}
.pl-30{
  padding-left: 30px;
}
.terms-service-content{
  background-color: white;
  border: 1px solid #353535;
  padding: 25px 20px 20px 20px;
}

#register .sec01{
  padding-top: 0 !important;
}
#register .fv{
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

#register .sec01{
  text-align: left;
}
.sec01 div.form-group p {
  padding-top: 15px;
}
#message-submit{
  background: white;
  margin-top: 18px;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  margin-bottom: 18px;
  width: 100%;
}
#message-submit .title{
  padding-bottom: 30px;
}
#message-submit .content{
  font-size: 18px;
}
#postcode1-error, #postcode2-error{
  display: none !important;
}
.postcode input{
  width: 85px !important;
  display: inline;
}
#message-error{
  margin-top: -15px;
  margin-bottom: 45px;
}

.k-badge{
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.k-badge-danger{
  color: #fff;
  background-color: #e63757;
}
.k-sec01{
  margin-top: -12vh;
}


.haba {
  width: 100vw;
  min-width: 780px;
}

.midashi {
  display: flex;
}

.em0075lb {
  font-size: 1em;
  text-align: left;
margin-top: 10px;
  margin-left: 30px;
  font-weight: bold;
  color: #353535;
}

.em0075l {
  font-size: 0.8em;
  text-align: left;
  margin-left: 10px;
    margin-top: 20px;
  font-weight: bold;
  color: #353535;
}

.photo_l {
  float: left;
  width: 340px;
  margin: 0 20px 0 0;
    padding-left: 10px;
}

.photo_r {
  float: right;
  width: 340px;
  margin: 0 0 20px 0;
    margin-top: 20px;
}

.photo_r2 {
  float: right;
  width: 340px;
  margin: 0 0 20px 0;
}

.photo_center {
    width: 45vw;
}

.bold{
  font-weight: bold;
  padding-right: 10px;
}

.em0075ls {
  font-size: 0.75em;
  text-align: left;
  margin-left: 10px;
  color: #353535;
}

.pr_logo {
  height: 80px;
}

.line{
  border-bottom: 1px solid #99997a;
  padding-bottom: 10px;
}

.link{
  font-size: 100%;
  text-align: left;
  color: #343DBB;
  text-decoration: underline;
}

.photo02{
  display: flex;
}

.honbun {
  margin: 30px 30px 30px 30px;
}

.acd-check {
  display: none;
}

.acd-label {
  background: #f7f7e5;
  color: #495057;
  display: block;
  padding: 10px;
  position: relative;
}

.acd-label:after {
  box-sizing: border-box;
  content: url("../images/plus.png");
  display: block;
  height: 20px;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 5px;
}

.acd-content {
  background: #fcfcf5;
  display: block;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
  overflow: hidden;
  margin-bottom: 10px;
}

.acd-check:checked+.acd-label:after {
  box-sizing: border-box;
  content: url("../images/minus.png");
  display: block;
  height: 20px;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 5px;
}

.acd-check:checked+.acd-label+.acd-content {
  height: auto;
  opacity: 1;
  padding: 10px;
  visibility: visible;
}


/*# sourceMappingURL=tab.css.map */

.form-group {
  background-color: #DDEEEA;
}
.form-group-signup {
  background: none !important;
}

.form-group > .input-group {
  background-color: #ffffff;
  width: 70%;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
}

.pt-1 {
  padding-top: 10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.flex-top {
  display: flex;
  align-items: top;
}

.form-group > label {
  width: 30%;
  text-align: left;
  padding-left: 20px;
  min-width: 180px;
}

.w-100 {
  width: 100%;
}

.col-6 {
  width: 50%;
}

.label-pc {
  text-align: center;
  padding: 5px 0;
  background-color: #eeeeee;
}
.text-left {
  text-align: left !important;
}
.form-check {
  position: relative;
}
.form-check-inline {
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem;
  width: 100%;
}
.note {
  font-size: 0.5em;
  margin-top: 7px;
}
/* Customize the label (the container) */
.radio-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border: 1px solid #D04F97;
  border-radius: 50%;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark-radio {
  background-color: #D04F97;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark-radio:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}


/* 動画アーカイブ */


.block1{
	padding-top: 10%;
}



.title{
width: 100%;

}
.title, .sub_title {
  padding-left: 1px;
}

.video_box1 {
    margin: auto;
    display: flex;
    flex-direction: column;
	width: calc(100% – 13px)
}

.video_box2 {
    width: 100%;
	margin: auto;
}


video{
	width: 400px;

}



/*# sourceMappingURL=tab.css.map */


/*===========================
./
===========================*/
body.lp4_w {
  width: 100% !important;
}
body.lp4_w .wrap_all {
  width: 100% !important;
}
#index.lp4 {
  width: 100%;
}
.lp4 img {
  max-width: 100%;
  height: auto;
}
.lp4 .inner {
  padding: 0 20px;
}
.lp4_common_title {
  position: relative;
  text-align: center;
  font-weight: 700;
  padding: 0 0 40px;
  margin: 0 0 80px;
  font-size: 43px;
  line-height: 1.4;
}
.lp4_common_title::after {
  content: '';
  display: block;
  width: 265px;
  height: 4px;
  background: #353535;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.lp4_cv_btn,
.lp4_account_entry_btn {
  text-align: center;
}
.lp4_cv_btn a,
.lp4_account_entry_btn a {
  display: inline-block;
}

/*--------------------------
.lp4_kv
--------------------------*/
body.lp4_w {
  width: 100% !important;
}
.lp4_kv {
  background: url('../images/lp4_kv_bg.png') no-repeat;
  background-size: cover;
}
.lp4_kv .inner {
  position: relative;
}
.lp4_kv .cv_btn {
  max-width: 490px;
  height: 79px;
  position: absolute;
  top: 71%;
  left: 5.9%;
}
.lp4_kv .cv_btn a {
  display: block;
}
.lp4_grd_bg {
  background: rgb(223,234,242);
  background: linear-gradient(0deg, rgba(223,234,242,1) 0%, rgba(252,242,245,1) 100%);
}
/*--------------------------
.lp4_trouble
--------------------------*/
.lp4_trouble {
  padding: 85px 0 75px;
}
.lp4_trouble .intro {
  margin: 0 0 75px;
}
.lp4_trouble .intro .lead_image {
  text-align: center;
  margin: 0 0 35px;
}
.lp4_trouble .intro .leat_text {
  text-align: center;
  line-height: 1.7;
  font-size: 20px;
}
.lp4_trouble .main_content .mc_title {
  text-align: center;
  margin: 0 0 45px;
}
.lp4_trouble .main_content .effect {
  display: flex;
  margin: 0 0 75px;
}
/*--------------------------
#index.lp4 .sec02
--------------------------*/
#index.lp4 .sec02 {
  padding: 80px 0 75px 0;
}
#index.lp4 .sec02 .tokucho {
  width: 100%;
}
#index.lp4 .sec02 .sec02_l,
#index.lp4 .sec02 .sec02_c,
#index.lp4 .sec02 .sec02_r {
  width: 30%;
  height: auto;
}
#index.lp4 .sec02 .sec02_l,
#index.lp4 .sec02 .sec02_c {
  margin: 0 5% 0 0;
}
#index.lp4 .sec02 .tokucho .sec02_r p.em0083.light {
  letter-spacing: -0.08em;
}
/*--------------------------
.lp4_howto
--------------------------*/
.lp4_howto {
  padding: 75px 0;
}
.lp4_howto .step {
  display: flex;
  margin: 0 0 45px;
}
/*--------------------------
.lp4_option
--------------------------*/
.lp4_option {
  padding: 75px 0 0;
}
.lp4_option .option_list {
  display: flex;
}
.lp4_option .option_list li {
  background: #fff;
  width: calc((100% - 26px) / 3);
  padding: 33px 0;
}
.lp4_option .option_list li:not(:last-child){
  margin: 0 13px 0 0;
}
.lp4_option .list_title_area {
  text-align: center;
  padding: 0 0 12px;
  margin: 0 8px;
  border-bottom: #353535 solid 2px;
}
.lp4_option .list_title_area .list_title {
  font-size: 33px;
  font-weight: 700;
  margin: 0 0 14px;
}
.lp4_option .list_title_area .supplement {
  font-size: 17px;
}
.lp4_option .list_content_area {
  padding: 23px 28px 0;
}
.lp4_option .list_content_area .list_image {
  margin: 0 0 25px;
}
.lp4_option .list_content_area .list_text {
  line-height: 1.5;
  font-size: 17px;
}
/*--------------------------
.lp4_flow
--------------------------*/
.lp4_flow {
  padding: 80px 0;
}
.lp4_flow .lp4_flow_title {
  text-align: center;
  margin: 0 0 33px;
}
.lp4_flow .flow_description dt {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 35px;
}
.lp4_flow .flow_list {
  display: flex;
  margin: 0 0 75px;
}
/*--------------------------

.lp4_option
--------------------------*/
#index.lp4 .sec05_2 {
  padding: 75px 0 45px;
}
#index.lp4 .sec05_3 .button-cont2 {
  padding-top: 0;
}

/*--------------------------
.lp4 .manga_img_box
--------------------------*/
.lp4 .manga_img_box {
  text-align: center;
  max-width: 883px;
  margin: 80px auto 0;
}
/*--------------------------
document.html
--------------------------*/
.document_inner {
  padding: 0 20px;
  margin: 0 auto;
}
.document_sec_title {
  line-height: 1;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  color: #fff;
  background: #595959;
  height: 70px;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0 0 60px;
  padding: 7px 0 0;
}
.document_sec_title .logo {
  height: 54px;
  width: auto;
  margin: 0 5px 0 0;
}
.document_sec_title.small {
  height: 40px;
  font-size: 20px; 
  font-weight: 350;
}
.document_content_wrap {
  display: flex;
  margin: 0 0 60px;
}
.utilization_technique .document_content_wrap {
  margin: 0 0 120px;
}
.nav_button_title {
  display: flex;
  justify-content: center;
  height: 40px;
  font-size: 25px; 
  font-weight: 700;
}
.nav_button {
  width: calc((100% - 30px ) / 4 );
  height: 50px;
  margin-right: 20px;
  background: #48c7cd;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 30px; 
  font-weight: 700;
  color: #fff;
}
.nav_button .logo {
  height: 35px;
  width: auto;
  margin: 0 5px 0 0;
}
.document_content_block {
  width: calc((100% - 30px ) / 2 );
}
.document_content_block:not(:last-of-type){
  margin: 0 30px 0 0;
}
.document_content_title {
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 15px 0 28px;
  margin: 0 0 25px;
}
.document_content_title.multiple_lines {
  line-height: 1.35;
  padding: 0 0 18px;
}
.document_content_title::after {
  content: '';
  width: 90px;
  height: 3px;
  background: #595959;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.document_content_image {
  margin: 0 0 25px;
  text-align: center;
}
.document_content_image img {
  max-width: 100%;
  height: auto;
}
.document_content_btn {
    max-width: 400px;
    margin: 0 auto;
}
.document_content_block .doc_btn {
  padding: 0;
}
.document_content_block .doc_btn img {
  max-width: 100%;
  height: auto;
}
.page_document {
  padding: 60px 0 120px;
}
/*--------------------------
.lphead_kv
--------------------------*/
#index.lphead {
  width: 100%;
	position: relative;
}
.lphead .inner {
  margin: 0 auto;
  max-width: 975px;
  padding: 0 20px;
}
.lphead_kv .inner {
  position: relative;
	max-width: 1208px;
	padding: 0 0 0 8%;
	box-sizing: border-box;
}
.lphead_kv .inner .image img {
  padding: 50px 0;
}

.ft_gmo_logo {
	height: 20px;
}
.ft_x_logo {
	max-width: 20px;
	margin-left: 24px;
}