@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

img {
  vertical-align: bottom;
  border: 0;
}

ul,
ol {
  list-style: none;
}

.fv-images {
  width: 70% !important;
  margin: 0 auto;
  padding-top: 30px !important;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  font-size: 0.8em;
  line-height: 1.7em;
  color: #555;
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.pc_block {
  display: block;
}

.sp_block {
  display: none;
}

.btn-d {
  max-width: 100%;
  font-size: 1rem;
  position: relative;
  padding: 1rem;
  color: #fff !important;
  text-align: center;
  background: #4bb739;
  -webkit-box-shadow: 0 5px 0 #2f8a0a;
  box-shadow: 0 5px 0 #2f8a0a;
  font-weight: 900;
  display: block;
  width: 100%;
}

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

  .sp_block {
    display: block;
  }

  .fv_sp {
    padding-top: 0 !important;
  }

  .Toggle {
    background-color: #fff;
    border-radius: 100px !important;
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/***********************************************/
body {
  width: 100%;
  margin: 0 auto;
  font-family: 'Kosugi', sans-serif;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
  /* padding:0 0 5% 0; */
  background: #eaf8ff;
  position: relative;
  /* ←相対位置 */
}

h3 {
  text-align: center;
  font-size: 2em;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 1.3em;
  }
}

/*
first**************************/
.first {
  width: 100%;
}

.sample-box {
  position: relative;
  background-image: url("https://o-itoma.jp/wp-content/themes/swell/lp-assets/img/fv_back.jpg");
  background-position: center;
  background-size: cover;
}

.sample-box img {
  width: 100%;
}

.good {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  top: 0;
  right: 0;
  left: 5%;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .good {
    top: 5%;
    left: 43%;
  }
}

.good img {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .good img {
    width: 100%;
  }
}

.fv_sp img {
  width: 100%;
  padding-top: 70px;
}

/*
ryokin****************************/
.ryokin {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 5% 0;
  background-color: #001c42;
  /*
  background-image:
    radial-gradient(#fff 30%, transparent 30%);
  background-size: 20px 20px;
  background-repeat: repeat;
  */
}

@media screen and (max-width:700px) {
  .ryokin {
    padding: 0 0 12% 0;
  }
}

.ryokin_obi {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 3% 0 0 0;
}

.ryokin_obi img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .ryokin_obi img {
    width: 90%;
  }
}

/*
.ryokin_obi,.nayami_obi{
  background:#fff000;
  padding:1% 0 1% 0;
}

@media screen and (max-width: 768px) {
  .ryokin_obi,.nayami_obi{
    padding:5% 0 5% 0;
  }
}
*/
.nayami_obi h3 {
  font-size: 51px;
  color: #ff0000;
  letter-spacing: 7px;
}

.ryokin_box {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 3%;
}

.ryokin_box img {
  width: 100%;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .ryokin_box {
    width: 90%;
  }
}

.myrow {
  background: #fff;
  display: -webkit-flex;
  display: flex;
  padding: 3%;
  margin: 5% 0 3% 0;
}

@media screen and (max-width:700px) {
  .myrow {
    margin: 13% 0 3% 0;
  }
}

.mycol-1 {
  flex: 1;
  margin: 2%;
}

.mycol-1 img {
  width: 100%;
}

.mycol-2 {
  flex: 2;
}

.mycol-3 {
  flex: 3;
}

.mycol-4 {
  flex: 4;
}

.mycol-5 {
  flex: 5;
}

.mycol-6 {
  flex: 6;
}

@media screen and (max-width:700px) {
  .myrow {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.credit img {
  width: 100%;
}

.caution {
  width: 100%;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  padding: 2vw;
  background: #EAF8FF;
}

@media screen and (max-width:700px) {
  .caution {
    margin-top: 140px;
  }
}

.caution p {
  font-size: 27px;
  line-height: 37px;
  color: #ff0000;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .caution p {
    font-size: 17px;
    line-height: 25px;
  }
}

.caution_mark {
  margin-bottom: 1%;
}

.caution_mark img {
  width: 100px;
}

@media screen and (max-width: 768px) {
  .caution_mark img {
    width: 70px;
  }
}

/*
nayami********************************/
.nayami {
  max-width: 100%;
  margin: 0 auto;
  padding: 5% 0 0 0;
  background: #EAF8FF;
  background-size: cover;
}

.nayami_zone {
  max-width: 1000px;
  margin: 0 auto;
}

.nayami_box {
  position: relative;
  margin: 0 auto;
}

.nayami_box img {
  width: 100%;
}

.nayami_point {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 3%;
  left: 37%;
}

@media screen and (max-width:700px) {
  .nayami_point {
    left: 47%;
  }

  .nayami_zone {
    padding-top: 30px;
  }
}

.nayami_txt2 {
  margin-top: 5%;
}

.nayami_point img {
  width: 81%;
}

@media screen and (max-width:700px) {
  .nayami_point img {
    width: 100%;
  }
}

.nayami_omakase {
  padding: 5% 0 5% 0;
  background: #ff0000;
  margin-top: 11%;
}

.nayami_omakase h3 {
  color: #fff;
  font-size: 51px;
}

@media screen and (max-width:700px) {
  .nayami_omakase h3 {
    font-size: 21px;
  }
}

/*
riyu********************************/
.riyu {
  width: 100%;
  background: url(img/riyu_backgr.png);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 5% 0 5% 0;
  margin: 0 auto;
  position: relative;
  z-index: 111;
}

@media screen and (max-width: 768px) {
  .riyu {
    padding: 0 0 12% 0;
  }
}

.riyu_box {
  max-width: 1000px;
  margin: 0 auto;
}

.riyu_img {
  width: 100%;
  margin: 0 auto;
}

.riyu_img img {
  width: 100%;
}

.myrow_riyu {
  display: -webkit-flex;
  display: flex;
  margin: 3% 0 3% 0;
}

.mycol-r {
  flex: 1;
  margin: 2%;
}

.riyu_sp {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.riyu_sp img {
  width: 85%;
  margin-top: 3%;
}

/*
*********************************/
.obi {
  width: 100%;
  margin: 0 auto;
  background: #001c42;
  transform: skewY(-1.5deg);
}

@media screen and (max-width: 768px) {
  .obi {
    background: none;
    transform: none;
  }
}

.obi img {
  width: 60%;
  text-align: center;
  margin-left: 17%;
}

@media screen and (max-width: 768px) {
  .obi img {
    width: 100%;
    margin-left: 0%;
  }
}

/*
  present*******************************/
.present {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 5% 0;
}

@media screen and (max-width: 768px) {
  .present {
    width: 95%;
    padding: 0 0 12% 0;
  }
}

.present img {
  width: 100%;
  margin-top: 3%;
}

@media screen and (max-width: 768px) {
  .present img {
    width: 80%;
    margin: 0 auto;
  }
}

.present h3 {
  font-size: 51px;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  .present h3 {
    font-size: 23px;
  }
}

.present h5 {
  font-size: 31px;
  line-height: 43px;
  text-align: center;
  margin-top: 3%;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  .present h5 {
    font-size: 17px;
    line-height: 23px;
  }
}

/*
hikaku******************************/
.hikaku {
  max-width: 1000px;
  margin: 0 auto;
  padding: 3% 0 5% 0;
}

.hikaku img {
  width: 100%;
  margin-top: 3%;
}

.hikaku h3 {
  font-size: 51px;
}

@media screen and (max-width: 768px) {
  .hikaku h3 {
    font-size: 23px;
  }
}

.hikaku h5 {
  font-size: 31px;
  line-height: 43px;
  text-align: center;
  margin-top: 3%;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  .hikaku h5 {
    font-size: 17px;
    line-height: 23px;
  }
}

/*
step******************************/
.step {
  width: 100%;
  margin: 0 auto;
  padding: 3% 0 5% 0;
  background: #EAF8FF;
}

@media screen and (max-width: 768px) {
  .step {
    padding: 12% 0 12% 0;
  }
}

.step_obi {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.step_obi img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .step_obi img {
    width: 100%;
  }
}

.step_box {
  max-width: 1000px;
  margin: 0 auto;
}

.step_box img {
  width: 100%;
  margin-bottom: 3%;
}

/*
user_voice******************************/
.user_voice {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2% 0 5% 0;
}

.user_voice img {
  width: 100%;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .user_voice img {
    width: 95%;
  }
}

.user_voice h3 {
  text-align: left;
  font-size: 30px;
  margin-bottom: 1%;
}

@media screen and (max-width: 768px) {
  .user_voice h3 {
    font-size: 23px;
  }
}

.user_voice h5 {
  font-size: 31px;
  line-height: 43px;
  text-align: center;
  margin-top: 3%;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  .user_voice h5 {
    font-size: 17px;
    line-height: 23px;
  }
}

.voice_box {
  display: -webkit-flex;
  display: flex;
  margin-top: 3%;
  background: #fff;
  padding: 3%;
}

@media screen and (max-width: 768px) {
  .voice_box {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.voice_txt {
  font-size: 21px;
  font-weight: bold;
  display: block;
  margin-bottom: 1%;
  color: #00aaff;
}

.voice_name {
  display: block;
  margin-bottom: 3%;
  font-size: 18px;
  color: #00aaff;
}

.voice_colum1 {
  margin: 2%;
  flex: 3;
}

.voice_colum1 p {
  font-size: 18px;
  line-height: 28px;
}

.voice_colum2 {
  width: 100%;
  text-align: center;
  margin: 2%;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .voice_colum2 img {
    width: 50%;
  }
}

/*
yakusoku***********************************/
.six_yakusoku {
  max-width: 1000px;
  margin: 0 auto;
  padding: 8% 0 5% 0;
}

.six_yakusoku h3 {
  font-size: 51px;
  margin-bottom: 5%;
}

@media screen and (max-width: 768px) {
  .six_yakusoku h3 {
    font-size: 23px;
  }
}

.six_block {
  display: -webkit-flex;
  display: flex;
  margin-top: 3%;
}

.six_block img {
  padding: 40px;
}

@media(max-width:768px) {
  .six_block img {
    padding: 10px;
  }
}

/*
fueteru***********************/
.fueteru {
  max-width: 1000px;
  margin: 0 auto;
}

.fueteru h2 {
  margin-bottom: 60px;
}

h3 {
  font-size: 51px;
  margin-bottom: 5%;
}

@media screen and (max-width: 768px) {
  .fueteru h3 {
    font-size: 23px;
  }

  .fueteru h2 {
    margin-bottom: 0px;
    font-size: 25px;
  }
}

.taisyoku_1 {
  display: -webkit-flex;
  display: flex;
  margin-top: 3%;
}

.taisyoku_1 h3,
.taisyoku_1 hr,
.taisyoku_1 p {
  width: 90%;
  margin: 0 auto;
}

.taisyoku_1 h3 {
  padding-bottom: 20px;
}

.taisyoku_1 p {
  font-size: 16px;
  padding-top: 20px;
  font-weight: bold;
}

.taisyoku_1 .taisyoku_1_h5 {
  font-size: 23px;
  line-height: 38px;
  border-bottom: solid 1px #000;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .taisyoku_1 {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .fueteru {
    padding-bottom: 100px;
  }

  .taisyoku_1 h3,
  .taisyoku_1 hr,
  .taisyoku_1 p {
    width: 100%;
  }

  .taisyoku_1 p {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .taisyoku_1 h3 {
    padding-bottom: 0;
    margin-top: 30px;
  }
}

/*
qa***********************************/
.qa {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 0 8% 0;
}

.qa h2 {
  margin-bottom: 50px;
}

.qa .lp-qa-header {
  font-size: 51px;
  margin-bottom: 30px;
  text-align: center;
  color: #001c42;
}

@media screen and (max-width: 768px) {
  .qa .lp-qa-header {
    font-size: 23px;
  }
}

@media screen and (max-width: 768px) {
  .qa {
    width: 95%;
  }

  .qa h2 {
    margin-bottom: 30px;
  }
}

.qa h3 {
  font-size: 27px;
  color: #fff;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .qa h3 {
    font-size: 17px;
    line-height: 1.5em;
    margin-bottom: 0;
  }
}

.acd-check {
  display: none;
}

.acd-label {
  background: #0068b7;
  font-size: 27px;
  color: #fff;
  display: block;
  margin-bottom: 3px;
  padding: 10px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .acd-label {
    font-size: 16px;
    line-height: 27px;
  }
}

.acd-label:after {
  box-sizing: border-box;
  content: '+';
  display: block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 30px;
}

.acd-content {
  border: 1px solid #333;
  background: #fff;
  display: block;
  height: 0;
  opacity: 0;
  padding: 15px 10px;
  transition: .5s;
  visibility: hidden;
}

.acd-content p {
  font-size: 23px;
  line-height: 27px;
}

@media screen and (max-width: 768px) {
  .acd-content p {
    font-size: 16px;
    line-height: 27px;
  }
}

.acd-check:checked+.acd-label:after {
  content: '-';
}

.acd-check:checked+.acd-label+.acd-content {
  height: auto;
  opacity: 1;
  visibility: visible;
  margin-bottom: 3%;
}

/*
  toiawase**************************/
.toiawase {
  max-width: 1000px;
  margin: 0 auto;
  padding: 5% 0 5% 0;
  background: #fff;
}

@media screen and (max-width:700px) {
  .toiawase {
    padding: 12% 0 12% 0;
  }
}

.toiawase img {
  width: 100%;
}

.toiawase h3 {
  font-size: 51px;
}

@media screen and (max-width:700px) {
  .toiawase h3 {
    font-size: 23px;
  }
}

.form-group {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 2em;
  text-align: left;
  /**/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-group select,
.form-group input,
.form-group textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.textarea {
  border: solid 1px rgb(138, 138, 138) !important;
  background-color: #fff !important;
  border-radius: 7px !important;
  resize: none !important;
}

@media screen and (max-width:700px) {
  .form-group {
    width: 90%;
  }
}

.form-control {
  width: 100%;
  display: block;
  padding: 7px;
  height: 71px;
  font-size: 1.2em;
  border: solid 1px rgb(138, 138, 138) !important;
  background-color: #fff !important;
  border-radius: 7px !important;
}

@media screen and (max-width:700px) {
  .form-control {
    height: 51px;
  }
}

select {
  /*width:820px;*/
  height: 71px;
  font-size: 1.2em;
  border: solid 1px rgb(138, 138, 138) !important;
  background-color: #fff !important;
  border-radius: 7px !important;
  padding-left: 1em;
}

@media screen and (max-width:700px) {
  select {
    width: 100%;
    height: 51px;
  }
}

.label-danger {
  font-weight: bold;
  display: inline-block;
  padding-bottom: 1em;
}

.btn {
  max-width: 300px;
  background: #fff;
  padding: 11px 31px 11px 31px;
  border: solid 1px #02343b;
  text-decoration: none;
  display: block;
  margin-top: 17px;
  position: relative;
  z-index: 1;
  transition: .3s;
  margin: 0 auto;
  margin-top: 3%;
}

.btn::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #02343b;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}

.btn:hover {
  color: #fff;
}

.btn:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*
  footer*****************************/
footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: static;
  background: #000;
  /*bottom: 0;*/
}

@media screen and (max-width:768px) {
  footer {
    margin-bottom: 100px;
  }
}

footer p {
  color: #fff;
  font-size: 15px;
}

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

#footerFloatingMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  #footerFloatingMenu {
    display: block;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 auto;
  }
}

.footer_libe {
  width: 100%;
}

/* .red{
  background:#eb5757;
  padding:3px;
  color:#fff !important;
  border-radius:7px;
  margin-right:7px;
} */
/*========= 流れる画像 ===============*/
/*全共通*/
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

/*========= 画像を滑らかに出現させるためのCSS ===============*/
span.smoothText {
  overflow: hidden;
  display: block;
}

/* アニメーションで傾斜がついている文字列を水平に戻す*/
span.smoothTextTrigger {
  transition: .8s ease-in-out;
  transform: translate3d(0, 100%, 0) skewY(12deg);
  transform-origin: left;
  display: block;
}

span.smoothTextTrigger.smoothTextAppear {
  transform: translate3d(0, 0, 0) skewY(0);
}

.arrow {
  width: 0px;
  border-color: #ff0000;
  border-style: solid;
  border-width: 100px;
  margin: 0 auto;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.arrow::after {
  content: "";
  position: absolute;
  bottom: -14px;
  right: -17px;
  border-top: 14px solid #5bc0de;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
}

/*
thanks_area****************/
.thanks_area {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 5% 0;
  background: url(img/thanks_back.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .thanks_area {
    background-size: conta;
  }
}

.thanks_title {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2% 0 0 0;
}

.thanks_title img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .thanks_title img {
    width: 90%;
    margin: 0 auto;
  }
}

.thanks_box {
  background: #001c42;
  max-width: 1000px;
  margin: 0 auto;
  padding: 3% 0 3% 0;
  margin-bottom: 5%;
}

@media screen and (max-width: 768px) {
  .thanks_box {
    padding: 7% 0 11% 0;
  }
}

.thanks_box p {
  color: #fff;
  font-size: 27px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .thanks_box p {
    font-size: 15px;
  }
}

.pc_block {
  display: block;
}

.back_top {
  border: solid 2px #fff;
  border-radius: 17px;
  font-size: 18px;
  color: #fff;
  padding: 11px;
  width: 150px;
  text-align: center;
  margin: 0 auto;
}

/*
************/
textarea {
  width: 100%;
  border-radius: 7px;
  padding: 7px;
}

#top-contents {
  max-width: 1140px;
  margin: 0 auto;
}

#fv-contents {
  max-width: 1140px;
  margin: 0 auto;
}

#fv-contents .author-info__inner .tb-left {
  width: 320px;
  border-right: 2px #eaedf2 dashed;
  text-align: center;
  padding-top: 10px;
}

.tb-right p {
  font-size: 17px;
  margin-top: 10px;
  color: #000;
  font-weight: normal;
}

.unnei {
  background-color: #2589d0;
  padding: 5px;
  color: #fff;
  display: block;
  width: 60%;
  font-weight: bold;
  border-radius: 100px;
  margin: 0 auto;
}

#fv-title {
  font-size: 30px !important;
  text-align: center;
}

.messeage {
  color: #000 !important;
  font-weight: bold !important;
  font-size: 20px !important;
}

#fv-contents .author_img img {
  border-radius: 0 !important;
  margin-bottom: 10px;
  margin-top: 10px;
}

.corelogo {
  border: none !important;
  width: 50%;
  display: block;
  margin: 0 auto;
}

#fv-contents .author-info__inner .tb-right {
  padding: 20px;
}

#top-contents p {
  text-align: left;
  font-size: 18px;
  color: #000;
  line-height: 2em;
}

#top-contents img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

#top-contents h2 {
  margin-bottom: 20px !important;
}

#top-inner-contents {
  max-width: 80%;
  margin: 0 auto;
}

#top-contents .swell-block-button .swell-block-button__link[data-has-icon] {
  width: 100%;
}

.contents-h3 {
  padding: 1rem 2rem;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 50px;
  background: #0068b7;
  -webkit-box-shadow: 5px 5px 0 #007032;
  box-shadow: 5px 5px 0 #02489c;
  font-size: 28px;
}

@media(max-width:768px) {

  #top-contents,
  #top-contents h2,
  #top-contents p {
    max-width: 100%;
  }

  #top-contents img {
    width: 100%;
  }

  .contents-h3 {
    margin-top: 40px;
    font-size: 23px;
  }

  .tb-left,
  .tb-right {
    display: block !important;
  }

  #fv-contents .author-info__inner .tb-left {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 2px #eaedf2 dashed;
  }

  #fv-title {
    padding-top: 30px;
  }

  .tb {
    display: block !important;
    width: 96% !important;
    margin: 0 auto;
  }

  .author-info__inner .tb-right {
    width: 100% !important;
  }

  .messeage {
    font-size: 17px !important;
  }
}

/* output-article */
.c_linkto.longc_linkto {
  max-width: 100%;
  display: table;
}

.longc_img {
  width: 40%;
}

.longc_img,
.c_linkto.longc_linkto .longc_content {
  display: table-cell;
  vertical-align: middle;
}

.longc_img img {
  width: 100%;
  padding: 10px !important;
  margin: 0 !important;
}

.c_linkto .c_linkto_text {
  display: block;
  padding: 15px 13px;
  line-height: 1.6;
}

.longc_content {
  width: 60%;
}

.longc_linkto {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 25%);
}

.c_linkto {
  display: block;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
  color: #555;
  font-weight: bold;
  text-decoration: none !important;
}

@media(max-width:768px) {
  .c_linkto .c_linkto_text {
    display: block;
    padding: 20px 13px 20px 13px;
    line-height: 1.6;
  }

  .longc_img img {
    padding: 10px 10px 0 10px;
  }

  .longc_img {
    width: 100%;
  }

  .longc_img,
  .c_linkto.longc_linkto .longc_content {
    display: block;
    width: 100%;
  }
}

.author-info__inner .tb {
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 6px gray
}

.author-info.pastel-bc {
  padding: 0
}

.tb {
  display: table;
  width: 100%
}

.tb-right p {
  margin-bottom: 0
}

.author-info__inner .tb-left {
  width: 220px;
  border-right: 2px #eaedf2 dashed;
  text-align: center;
  padding: 0 20px 20px 20px
}

.author-info__inner .tb-left .aut {
  display: block;
  width: 100%;
  padding: 0;
  vertical-align: middle;
  line-height: 1.3
}

.author-info__inner .tb-left dt {
  font-size: 19px;
  font-weight: bold;
  margin-top: 25px
}

.author-info__inner .tb-left dd {
  padding-top: 4px;
  color: #686868;
  font-size: 15px;
  font-weight: bold
}

.tb-left,
.tb-right {
  display: table-cell;
  vertical-align: middle
}

.author-info__inner .tb-right {
  width: calc(100% - 220px);
  padding: 20px;
  font-size: 1rem;
  line-height: 1.7
}

.follow_btn {
  margin: 17px 8px 13px 0
}

.author_label span {
  display: inline-block;
  position: relative;
  min-width: 220px;
  max-width: 100%;
  margin: 0 0 15px;
  padding: 6px 12px;
  border-radius: 20px;
  background: #eaedf2;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  z-index: 2;
  margin-bottom: 20px
}

.author_label span:before {
  position: absolute;
  top: 100%;
  left: 33px;
  border: 13px solid transparent;
  border-top: solid 10px #eaedf2;
  content: ""
}

.author_label span::before {
  z-index: -1;
  top: calc(100% - 15px);
  left: 50px;
  border: 15px solid transparent;
  border-top: solid 30px #eaedf2;
  transform: rotate(-40deg)
}

.author-info__inner {
  margin-top: 30px
}

.author_img {
  display: inline-block;
  width: 90px;
  height: 90px;
  margin: 0;
  vertical-align: middle
}

.author_img img {
  border: solid 5px #dfe2e8;
  border-radius: 50%;
  margin-top: 10px
}

.servise-deta01 .list-group {
  margin-bottom: 80px
}

.btn-d {
  font-size: 1rem;
  position: relative;
  padding: 1rem;
  color: #fff;
  background: #4bb739;
  -webkit-box-shadow: 0 5px 0 #2f8a0a;
  box-shadow: 0 5px 0 #2f8a0a;
  font-weight: 900
}

.btn-d span {
  font-size: 1.5rem;
  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);
  display: block;
  width: 300px;
  padding: .2rem 0;
  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)
}

a.btn-d span:before,
a.btn-d span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: ""
}

.btn-d span:before {
  bottom: -10px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent
}

.btn-d span:after {
  bottom: -7px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent
}

.btn-d i {
  margin-right: 1rem
}

.btn.btn-d {
  color: #fff;
  font-size: 18px
}

.author-info.pastel-bc {
  margin-bottom: 30px
}

@media(max-width:768px) {
  .btn.btn-c {
    font-size: 17px
  }

  .author-info.pastel-bc {
    width: 100%
  }

  .author_label {
    margin-top: 0;
    margin-bottom: 10px
  }

  .author-info__inner {
    margin-bottom: 30px
  }

  .author-info__inner .tb-left {
    margin-top: 30px;
    padding: 0 10px !important;
  }

  .author-info__inner .tb-right {
    width: 590px;
    padding: 0 20px 20px 20px
  }

  .tb-right p {
    text-align: center
  }

  .author-info__inner .tb {
    box-shadow: 0 0 4px grey
  }

  .follow_btn.dfont {
    text-align: center;
    width: 100%
  }

  .servise-deta01 .list-group {
    margin-bottom: 30px
  }

  .btn-cv a {
    font-size: 1em
  }
}

.btn-square {
  display: inline-block;
  padding: .5em 1em;
  text-decoration: none;
  background: #4bb739;
  color: #FFF !important;
  border-bottom: solid 4px #2f8a0a;
  border-radius: 3px;
  margin: 0 auto;
  text-align: center;
  display: block
}

.btn-square:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: 0
}

.twitter-tweet.twitter-tweet-rendered {
  margin: 0 auto
}

blockquote {
  box-sizing: border-box !important;
  position: relative;
  margin: 3em 0;
  padding: 32px 32px 10px 32px;
  background: #FFF;
  border: solid 4px #f3f5f6;
  border-radius: 5px;
  color: #464646;
  font-size: 1em;
}

blockquote:before {
  color: #fff !important;
  font-size: 1em;
  margin: auto;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: -23px;
  left: 32px;
  background: #464646;
  border-radius: 100px;
  line-height: 2.3;
}

blockquote:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  content: "\f10d";
}

.p-box {
  position: relative;
  background-color: #fff;
  border: 2px solid #cfd8dc;
  border-radius: 5px;
  margin: 30px 0 30px 0;
  padding: 10px 20px 15px 10px;
}

.p-box .p-box-title {
  position: absolute;
  left: -10px;
  top: -20px;
  border-radius: 15px;
  background-color: #90a4ae;
  color: #fff;
  font-family: FontAwesome, Helvetica, Yu Gothic;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 20px;
}

.p-box .cps-post-main ul:not([class]) li:before {
  display: none;
}

.p-box ul {
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.p-box ul li {
  list-style-type: none !important;
  position: relative;
  line-height: 1.5;
  padding-bottom: 9px;
  font-size: 18px;
}

.p-box.p-green ul li:before {
  content: "\f00c";
  color: #003e96;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

.p-box.p-red ul li:before {
  content: "\f00c";
  color: #d33;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

.p-box ul li:last-child {
  padding-bottom: 0;
}

.p-box.p-green {
  border: 2px solid #003e96;
}

.p-box.p-green .p-box-title {
  background-color: #003e96;
}

.p-box.p-red {
  border: 2px solid #d33 !important;
}

.p-box.p-red.top {
  margin-top: 50px;
}

.p-box.p-red .p-box-title {
  background-color: #d33 !important;
}

@media(max-width:768px) {
  .p-box ul li {
    font-size: 16px;
  }
}

.top-tables {
  display: table;
  overflow-x: visible;
  width: auto;
  border: 2px solid #e0e0e0 !important;
  white-space: normal;
  width: 100% !important;
  margin-bottom: 30px;
}

.top-tables th {
  padding: 7px;
  border-right: 2px solid #e0e0e0 !important;
  border-bottom: 2px solid #e0e0e0 !important;
  background: #0068b7;
  color: #fff;
  text-align: center !important;
}

.top-tables tr:not(:last-child) {
  border-bottom: 2px solid #e0e0e0 !important;
}

.top-tables td:last-child,
th:last-child {
  border-right: 0;
}

.top-tables td {
  background: #fff;
  padding: 7px;
  border-right: 2px solid #e0e0e0 !important;
  word-break: break-all;
}

/* TOCカスタマイズ */
#toc_container {
  margin: 20px auto 30px;
  box-sizing: border-box;
  padding: 25px 32px;
  display: table;
  min-width: 100%;
  counter-reset: li;
  background: #fff;
}

/* テーマによるリストの装飾を一旦無効化 */
#toc_container ul.toc_list li::before {
  content: none;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
  background: none;
  box-shadow: none;
}

/* 目次の見出しタイトル */
#toc_container .toc_title {
  text-align: center;
  font-weight: bold;
  font-size: 118%;
  padding: 0;
}

/* 見出しタイトル左のアイコン */
#toc_container .toc_title::before {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: baseline;
  speak: none;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}

/* 表示／非表示トグル */
#toc_container .toc_toggle a {
  font-size: 13px;
  font-weight: normal;
  padding: 2px 4px;
}

/* 目次エリア */
#toc_container p.toc_title+ul.toc_list {
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  list-style: none;
}

/* リスト共通スタイル */
#toc_container ul.toc_list li {
  position: relative;
  padding: 0;
  font-size: 18px;
  margin: 0;
}

/* 目次リンク共通スタイル */
#toc_container ul.toc_list li a {
  position: relative;
  font-size: 94%;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  line-height: 1.6;
  padding: 3px 0;
  margin: 5px 0;
  transition: all .3s ease;
}

#toc_container ul.toc_list a,
#toc_container ul.toc_list a:visited {
  color: #5f7b96;
  /* リンクカラー */
}

/* マウスオーバー時 */
#toc_container ul.toc_list li a:hover {
  text-decoration: none;
  box-shadow: 0 2px;
}

/* 親の目次 */
#toc_container ul.toc_list>li>a {
  font-size: 20px;
  font-weight: bold;
  margin-left: 42px;
}

/* 親の目次(左側の連番) */
#toc_container ul.toc_list>li::before,
#toc_container ul.toc_list>li::after {
  position: absolute;
  top: 5px;
  left: 0;
}

/* 連番背景 */
#toc_container ul.toc_list>li::before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 32px;
  height: 32px;
  margin-right: 7px;
  border-radius: 16px;
  background-color: #0068b7;
}

/* 連番 */
#toc_container ul.toc_list>li::after {
  counter-increment: li;
  content: counter(li);
  width: 32px;
  line-height: 32px;
  font-family: 'Avenir Next', 'Helvetica Neue', Arial, 'Meiryo', 'Yu Gothic', san-serif;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

/* 子の目次 */
#toc_container ul.toc_list>li>ul {
  margin-left: 15px;
  list-style: none;
  border-left: 2px solid #c8e4ff;
  border-radius: 0;
  padding-left: 25px;
}

/* 子の目次の左側のアイコン */
#toc_container ul.toc_list>li ul li::before {
  position: absolute;
  top: 3px;
  left: -10px;
  content: '\2023';
  display: inline-block;
  width: 14px;
  height: 28px;
  line-height: 28px;
  font-size: 40px;
  color: #0068b7;
}

#toc_container ul.toc_list>li ul li a {
  font-weight: 900;
  margin-left: 20px;
}

.toc_number {
  display: none;
}

/* レスポンシブ設定(667px幅以下) */
@media only screen and (max-width: 667px) {
  #toc_container {
    padding: 20px 5vw;
    min-width: auto;
    width: 100% !important;
  }

  #toc_container p.toc_title+ul.toc_list {
    padding: 20px 0 0;
  }

  #toc_container ul.toc_list>li>ul {
    margin-left: 15px;
  }
}

@media(max-width:768px) {
  #toc_container ul.toc_list>li>a {
    font-size: 16px;
  }

  #toc_container ul.toc_list li {
    font-size: 14px;
  }

  #toc_container p.toc_title {
    margin-top: 0 !important;
  }
}

#footerFloatinMenu-tel-and-line {
  display: none;
}

@media(max-width:768px) {
  #footerFloatinMenu-tel-and-line {
    z-index: -1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
  }

  #footerFloatinMenu-tel-and-line img {
    margin: 0;
    padding: 0;
  }

  .author-info__inner .tb-left .aut {
    width: 100% !important;
  }
}

/* 0705-add */
iframe {
  border: 0;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-top: 40px;
}

#movies {
  margin-top: 80px;
}

.after-pay-outline {
  display: flex;
  font-size: 20px;
}

.after-pay-left {
  background-color: #EAF8FF;
  border-radius: 50px;
  padding: 5px 20px;
  border: 2px solid #333;
  font-weight: bold;
}

#header-nav {
  padding-top: 10px;
  margin: 0 auto;
  /* position: fixed; */
  z-index: 99999;
  background: #fff;
  width: 100%;
}

.after-pay-right {
  width: 70%;
  margin-left: 10px;
  align-self: center;
}

@media(max-width:768px) {
  iframe {
    max-width: 100%;
    height: 210px;
    margin-top: 20px;
  }

  .after-pay-outline {
    display: block;
    font-size: 17px;
    margin-top: 15px;
  }

  .after-pay-right {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .after-pay-left {
    text-align: center;
  }

  #movies {
    margin-top: 0px;
  }

  .nayami-sp {
    width: 90%;
    margin: 0 auto;
  }

  #inner-content #seo #new-footerFloatinMenu-tel-and-line {
    bottom: -19px !important;
  }
}

@media only screen and (min-width: 1030px) {
  .grad-btn {
    left: 973px;
  }
}

/* ipad */
@media screen and (min-width: 769px) and (max-width: 1099px) {
  .grad-btn {
    left: 763px;
  }
}

.small,
#inner-content .small {
  font-size: 0.75em;
  font-size: 16px !important;
}

.bg_pattern {
  background-color: #fff;
  z-index: -1;
  padding: 10px 0 !important;
}

.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
      transparent 27px, transparent 51px,
      rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
      transparent 53px, transparent 77px,
      rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
      transparent 79px, transparent 103px,
      rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
      transparent 105px, transparent 129px,
      rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px),

    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px,
      transparent 27px, transparent 51px,
      rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px,
      transparent 53px, transparent 77px,
      rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px,
      transparent 79px, transparent 103px,
      rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px,
      transparent 105px, transparent 129px,
      rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px);
}

a.btn_ao_b {
  display: flex;
  align-items: center;
  max-width: 550px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  border: 2px solid #014897;
  background: #fff;
  text-decoration: none !important;
  transition: 0.3s;
}

a.btn_ao_b:hover {
  background-color: #e9f3fd;
}

a.btn_ao_b .b__text {
  display: block;
  flex-grow: 1;
  color: #004386;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}

a.btn_ao_b .b__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}

@media (max-width: 1200px) {
  a.btn_ao_b .b__text {
    font-size: 18px;
    padding-right: 20px;
  }

  a.btn_ao_b .b__text::after {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 736px) {
  a.btn_ao_b .b__text {
    font-size: 14px;
    padding-right: 20px;
  }

  a.btn_ao_b .b__text::after {
    width: 10px;
    height: 10px;
  }
}

.shiny-btn8 {
  display: block;
  position: relative;
  width: 100%;
  /*ボタンの幅*/
  padding: 30px 0;
  margin: 0px auto;
  background-color: #62d847;
  /*ボタンの色*/
  box-shadow: 0 3px 0 0 rgba(74, 162, 53, 1);
  /*影の色(rgbaの値を変更)*/
  border-radius: 80px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 31px;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  overflow: hidden;
  transition: 0.2s;
}

.shiny-btn8:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  -webkit-transform: translateY(3px);
}

.shiny-btn8::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn8 3s ease-in-out infinite;
}

.shiny-btn8::after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
  font-weight: bold;
  margin-left: 0.5em;
}

@-webkit-keyframes shiny-btn8 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.mini {
  font-size: 23px;
  margin-top: 50px !important;
}

.center {
  display: block;
}

.white {
  color: #fff !important;
}

@media(max-width:768px) {
  .shiny-btn8 {
    padding: 10px 0;
    font-size: 18px;
  }

  .mini {
    font-size: 13px;
    margin-top: 10px;

  }

  #header-nav {
    padding: 2px 5px 14px 0px !important;
  }
}

.choose_box {
  position: relative;
  width: 100%;
}

.choose_box p {
  margin-top: 5%;
  margin-bottom: 10%;
  font-size: 20px;
  display: block;
  font-weight: 600;
  text-align: center;
}

.choose_box li {
  display: inline-block;
  width: 80%;
  margin-top: 30px;
  list-style: none;
}


.choose_box ul li a {
  width: 100%;
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-align: center;
  background-color: #2791d4;
  font-weight: 600;
  font-size: 16px;
  border: 2px solid #2791d4;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.choose_box ul li a:hover {
  background-color: #fff;
  color: #2791d4;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.app-theme p {
  color: #2791d4;
  margin-bottom: 5%;
  margin-top: 5%;
}


.fit {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 100%;
}

.fit p {
  margin-top: 5%;
  margin-bottom: 10%;
  font-size: 18px;
  display: block;
  font-weight: 600;
  text-align: center;
}




.result_type0 h4 {
  width: 50%;
  margin: auto;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: #10c010;
}

.result_type1 h4 {
  width: 50%;
  margin: auto;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color: #DC143C;
}



.result_theme p {
  margin-top: 5%;
  margin-bottom: 2%;
  text-align: center;
}


.result_discription0 {
  text-align: center;
  margin-bottom: 5%;
}

.result_discription1 {
  text-align: center;
  margin-bottom: 5%;
}

.result_discription0 h2 {
  color: #10c010;
  text-align: center;
}

.result_discription1 h2 {
  color: #DC143C;
  text-align: center;
}


.result_discription0 p {
  font-family: "游ゴシック体", YuGothic;
  margin-left: 15%;
  margin-right: 15%;
  width: 70%;
  padding: 20px;
  text-align: left;
  border: 1px solid #10c010;
  color: #303030;
  font-size: 16px;
  line-height: 35px;
  box-shadow: 0px 5px 1px #10c010;
  border-radius: 5px;
}

.result_discription1 p {
  font-family: "游ゴシック体", YuGothic;
  margin-left: 20%;
  margin-right: 20%;
  width: 60%;
  padding: 20px;
  text-align: left;
  border: 1px solid #DC143C;
  color: #303030;
  font-size: 16px;
  line-height: 35px;
  box-shadow: 0px 5px 1px #DC143C;
  border-radius: 5px;
}

.return-btn {
  margin-top: 5%;
  margin-left: 35%;
  margin-right: 35%;
  width: 30%;
  margin-bottom: 100px;
}

.return {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #2791d4;
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #2791d4;
}

.return:hover {
  border: 1px solid #2791d4;
  background-color: #fff;
  color: #2791d4;
  transition: 0.5s;
}

/* new-fv-style */
.newsample-box {
  position: relative;
  /* background-image: url(https://o-itoma.jp/wp-content/themes/swell_child/lp-assets/img/oitoma-bk.png);
  background-size: cover; */
}

.newsample-box img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.top-button {
  z-index: 999;
  position: absolute;
  background: linear-gradient(to top, rgba(252, 139, 24, 1) 0%, rgba(237, 177, 2, 1) 100%);
  margin: 0 auto;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-radius: 100px;
  padding: 13px;
  width: 640px;
  max-width: 700px;
  border: 5px solid #fff;
  left: 50%;
  transform: translateX(-50%);
  top: 86%;

}

.top-link {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}

.top-button::after {
  content: url('https://o-itoma.jp/wp-content/themes/swell_child/lp-assets/img/oitoma-free.png');
  position: absolute;
  left: 50%;
  top: -10%;
  transform: translate(-50%, -50%) scale(0.07);
}

#illegal .li-check {
  max-width: 1140px;
  margin: 0 auto;

}

#illegal .li-check ul {
  border: none !important;
  background: none !important;
}

#illegal .li-check li:before {
  left: 24% !important;
  color: #FF0000 !important;
}

.newred {
  color: #FF0000 !important;

}

.spfv {
  display: none;
}

.yn-chart__add {
  color: #fff !important;
}

.yn-chart>div>p {
  text-align: center !important;
}

@media(max-width:768px) {
  .top-button {
    padding: 14px;
    width: 360px;
    max-width: 360px;
    top: 192vw;
  }

  .top-link {
    font-size: 22px;
  }

  .top-button::after {
    transform: translate(-50%, -50%) scale(0.065);
    top: -25.1%;
  }

  .spfv {
    padding-top: 70px;
  }

  #illegal .li-check li:before {
    left: 3% !important;
    color: #FF0000 !important;
  }

  #illegal .li-check ul {
    padding-bottom: 0;
    padding-top: 0;
  }

  .caution_mark {
    padding: 10px 0;
  }

  .caution h2 {
    font-size: 21px;
  }
}

/*--------------------------------------
  クリップボードボックス
--------------------------------------*/
.crip-box {
  padding: 1.6em;
  background-color: #00579e33;
  margin-bottom: 20px;
}

.crip-red {
  background-color: #f443364f !important;
}

.crip-box-in {
  box-shadow: 0 0 2px 1px rgba(42, 42, 42, .05);
  padding-top: 40px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

.crip-box-in:before,
.crip-box-in:after {
  content: "";
  display: inline-block;
  position: absolute;
}

.crip-box-in:before {
  width: 72px;
  height: 30px;
  border: 4px solid #003e96;
  top: -8px;
  left: calc(50% - 40px);
}

.crip-box-in:after {
  width: 100px;
  height: 28px;
  border-radius: 4px;
  background: #003e96;
  top: -10px;
  left: calc(50% - 50px);
}

.crip-redbox-in:before {
  border: 4px solid #c91313 !important;
}

.crip-redbox-in:after {
  background: #c91313 !important;
}

p.crip-box-title {
  background: linear-gradient(transparent 60%, #fef7b7 60%, #fef7b7 90%, transparent 90%);
  margin-bottom: 0;
  color: #003e96;
  font-size: 20px;
  display: inline;
  padding: 8px 0px;
}

.crip-redbox-title {
  color: #c91313 !important;
}

p.crip-box-text {
  text-align: left;
  margin-bottom: 0;
  padding: 1.2em;
}

.crip-box-in ul {
  border: none;
  text-align: left;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 0;
}

.crip-box-in li {
  list-style-type: none !important;
  position: relative;
  font-size: 16px;
  border-bottom: 1px dotted #b0b0b0;
  padding: 5px 0px;
  margin-left: 1.4em;
  text-indent: -1.4em;
}

.crip-box-in>ul>li:before {
  content: "\f00c";
  color: #003e96;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #fff !important;
  padding-right: 10px;
  top: 2px;
  left: 1px;
}

.crip-redbox-in>ul>li:before {
  color: #c91313 !important;
}

.outline-houmu {
  display: flex;
  position: relative;
  padding-top: 20px;
}

.left-houmu {
  width: 60%;
  padding-right: 10px;
}

.right-houmu {
  width: 52%;
  background: #fff;
  position: absolute;
  left: 650px;
  top: 90px;
  padding: 40px 20px 90px 20px;
}

.houmu-middle {
  padding-bottom: 10px;
}

.right-houmu p {
  font-size: 20px;
}

@media(max-width:768px) {
  .crip-box-in {
    padding-bottom: 0px;
    padding-top: 40px;
  }

  .crip-box-in ul {
    padding: 10px;
    margin-top: 0;
  }

  .crip-box {
    padding: 16px;
  }

  p.crip-box-title {
    font-size: 16px;
  }

  .cap_box_content {
    padding: 15px 10px 10px;
  }

  .box29 .box-content {
    padding: 0 10px;
  }

  .outline-houmu {
    display: block;
  }

  .left-houmu,
  .right-houmu {
    width: 100%;
  }

  .left-houmu {
    padding-right: 0px;
    padding-top: 10px;
  }

  .right-houmu {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
  }

  .right-houmu p {
    padding: 10px;
    font-size: 16px;
    line-height: 2em;
  }

  .houmu-middle {
    padding-bottom: 0px;
    padding-top: 20px;
  }

  .crip-box-in li {
    font-size: 14px;
  }

  .text-yellow {
    padding: 0 10px;
  }

  .spfv {
    display: block;
  }
}