@charset "UTF-8";
/* Scss Document */
body {
  font-family: "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  color: #222;
  font-size: 1rem;
  line-height: 1.6rem;
  background: #fff; }
  @media (max-width: 575px) {
    body {
      font-size: .9rem;
      line-height: 1.45rem; } }

.container-box {
  width: 900px;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .container-box {
      max-width: 720px; } }
  @media (max-width: 768px) {
    .container-box {
      max-width: 540px; } }
  @media (max-width: 576px) {
    .container-box {
      width: 100%; } }

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-toggler {
  border: none; }

.title01 {
  font-weight: bold;
  text-align: center;
  font-size: 2.0rem; }
  @media (max-width: 992px) {
    .title01 {
      font-size: 1.8rem; } }
  @media (max-width: 575px) {
    .title01 {
      font-size: 1.4rem; line-height: 130%; } }
  .title01 i {
    font-size: 2.4rem;
    line-height: 1.0; }

a {
  color: #5669ba;
  text-decoration: none !important; }

.small {
  line-height: 1.4;
  display: inline-block;
  font-size: .7rem; }

.header nav {
  background: #FFF;
  margin: 0;
  padding: 1rem; }
  @media (max-width: 575px) {
    .header nav {
      padding: .7rem; } }
  .header nav .logo {
    width: 110px; }
    @media (max-width: 575px) {
      .header nav .logo {
        width: 90px; } }
.header .contact-btn {
  background: #9F1715;
  color: #FFF !important;
  border-radius: .3rem;
  margin-left: 1rem;
  padding: .1rem 1rem !important;
  text-align: center;
  font-size: .8rem; }
  @media (max-width: 575px) {
    .header .contact-btn {
      padding: 1px 7px !important;
      font-size: .7rem; } }
.header .tel {
  font-size: 1.1rem;
  font-weight: bold;
  color: #222 !important; }
  @media (max-width: 575px) {
    .header .tel {
      font-size: .85rem;
      text-align: center;
      font-weight: 500; } }
.header .header-title {
  background: #000;
  color: #FFF;
  padding: .5rem 0;
  font-size: 1.1rem;
  text-align: center; }
  @media (max-width: 992px) {
    .header .header-title {
      font-size: .8rem;
      line-height: 1.3rem; } }
.header .header-main-bg {
  background: url(/imgs/sample.jpg) center center;
  background-size: cover;
  position: relative;
  height: 400px; }
  @media (max-width: 992px) {
    .header .header-main-bg {
      height: 300px; } }
  .header .header-main-bg .header-left {
    font-family: serif;
    font-weight: bold;
    font-size: 1.9rem;
    line-height: 2.3rem;
    position: absolute;
    top: 110px;
    left: 50px; }
    .header .header-main-bg .header-left img {
      width: 380px;
      margin-top: 1rem; }
    .header .header-main-bg .header-left p {
      margin-bottom: 0; }
  .header .header-main-bg .header-right {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #FFF;
    text-shadow: 1px 3px 3px #000; }
.header .headtext {
  font-size: .7rem;
  line-height: 1.2;
  padding: .5rem .5rem 0 .5rem; }
  @media (max-width: 992px) {
    .header .headtext {
      font-size: .6rem; } }

.topimg {
  }

.questionnaire-bg {
  background: url(/imgs/chart-bg2.jpg) no-repeat center bottom;
  background-size: 100% auto;
  padding: 4rem 0; }
  @media (max-width: 992px) {
    .questionnaire-bg {
      padding: 3rem 15px; } }
  @media (max-width: 992px) {
    .questionnaire-bg {
      background: url(/imgs/chart-bg2-sp.jpg) no-repeat center bottom;
      background-size: 100% auto; } }

.questionnaire-box {
  margin: 0 auto;
  width: 800px;
  padding: 1.5rem;
  margin: 2rem auto 0 auto;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 7px; }
  @media (max-width: 992px) {
    .questionnaire-box {
      width: 100%;
      margin: 0 auto;
      padding: 1rem; } }
  .questionnaire-box h2 {
    font-size: 1.9rem;
    font-weight: bold;
    margin: 1rem 0 2.5rem 0; }
    @media (max-width: 992px) {
      .questionnaire-box h2 {
        font-size: 1.4rem;
        margin-bottom: 2rem; } }
    .questionnaire-box h2 span {
      font-size: 1.3rem;
      margin-bottom: .7rem;
      padding-bottom: .3rem;
      border-bottom: 4px double #222;
      display: block; }
      @media (max-width: 992px) {
        .questionnaire-box h2 span {
          font-size: .9rem; } }
  .questionnaire-box button {
    width: 100%;
    height: 60px;
    margin-bottom: 1rem;
    border-radius: 10px;
    border-style: none;
    font-size: 1.2rem;
    font-weight: bold;
    box-shadow: 0px 2px 2px #5f5f5f;
    outline: none;
    position: relative; }
    @media (max-width: 1200px) {
      .questionnaire-box button {
        font-size: 1.15rem; } }
    .questionnaire-box button:hover {
      opacity: .8; }
    .questionnaire-box button i {
      position: absolute;
      top: 28%;
      left: 9%; }
      @media (max-width: 575px) {
        .questionnaire-box button i {
          left: 11px; } }
  .questionnaire-box a {
    color: #FFF !important; }
  .questionnaire-box .button1 {
    background: #B59741; }
  .questionnaire-box .button2 {
    background: #E57100; }
  .questionnaire-box .button3 {
    background: #29789D; }
  .questionnaire-box .button4 {
    background: #47A42C; }

.iconright {
  animation-name: fadeInAnime;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease; }

/*1で解説*/
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    margin-left: -20px; }
  70% {
    opacity: 1;
    margin-left: 0; }
  100% {
    opacity: 0;
    margin-left: -10px; } }
.section {
  padding: 4rem 0;
  background: #fff; }
  @media (max-width: 575px) {
    .section {
      padding: 2rem 0; } }
  .section .black {
    color: #111; }

.check-box {
  background: #EEEEEE;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  margin: 2rem auto; }
  @media (max-width: 992px) {
    .check-box {
      padding: 1rem 0 .5rem 0;
      width: 100%; } }
  .check-box ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .check-box ul li {
      position: relative;
      font-size: 1.3rem;
      line-height: 1.4;
      margin-bottom: .5rem;
      color: #6E2229;
      font-weight: bold; }
      @media (max-width: 992px) {
        .check-box ul li {
          font-size: 1.2rem; } }
      @media (max-width: 575px) {
        .check-box ul li {
          font-size: 1rem; } }
      .check-box ul li i {
        margin-right: .8rem; }

.inner {
  width: 870px;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .inner {
      width: 100%; } }

.answer-box {
  margin: 0 auto;
  width: 900px;
  padding: 0 1rem;
  margin: 0 auto;
  text-align: center;
  text-align: left; }
  @media (max-width: 992px) {
    .answer-box {
      width: 100%; } }

.answerinner-box {
  margin: 0 auto;
  background: #ffa4a4;
  border: 1px solid #FF0004;
  width: 100%;
  padding: 1.5rem;
  text-align: center;
  margin: 1rem auto 0 auto;
  font-size: 1.45rem;
  font-weight: bold; }
  @media (max-width: 992px) {
    .answerinner-box {
      width: 100%;
      font-size: 1.2rem;
      padding: 1rem; } }

.cardlist {
  padding-bottom: 2rem; }
  .cardlist .card {
    background-color: #f9f9f9;
    border: 3px solid rgba(0, 0, 0, 0.125); }
    @media (max-width: 992px) {
      .cardlist .card {
        margin-bottom: 1rem; } }
  .cardlist h2 {
    font-size: 1.2rem;
    margin: .5rem 0 1.5rem 0;
    text-align: center;
    color: #c30900;
    font-weight: bold; }
    @media (max-width: 575px) {
      .cardlist h2 {
        font-size: 1.1rem; } }
  .cardlist ul {
    margin: 0 0 0 -1.5rem; }
    .cardlist ul li {
      font-weight: bold;
      font-size: 1.1rem; }
      @media (max-width: 575px) {
        .cardlist ul li {
          font-size: .95rem; } }
      .cardlist ul li.ls-1 {
        letter-spacing: -1.5px; }
    .cardlist ul + p {
      text-align: center;
      font-weight: bold;
      margin-top: 1rem; }

.cardlist2 {
  margin-bottom: 1rem; }
  .cardlist2 h2 {
    font-size: 1.2rem;
    margin: 0 0 1rem 0;
    padding-bottom: .5rem;
    border-bottom: 1px solid #c30900;
    color: #c30900;
    font-weight: bold; }
    @media (max-width: 575px) {
      .cardlist2 h2 {
        font-size: 1rem; } }

.step {
  margin: 2rem 0 3rem 0; }
  .step dt {
    font-size: 1.2rem;
    margin-bottom: .3rem; }
    @media (max-width: 575px) {
      .step dt {
        font-size: 1rem; } }
    .step dt span {
      background: #16a067;
      font-size: .9rem;
      color: #fff;
      margin-right: .8rem;
      padding: .2rem 1rem; }
      @media (max-width: 992px) {
        .step dt span {
          font-size: .75rem; } }
  .step dd {
    margin-bottom: 1rem; }
    @media (max-width: 992px) {
      .step dd {
        font-size: .85rem; } }

.qa-bg {
  padding: 4rem 0 2rem 0;
  background: #EEE; }
  @media (max-width: 992px) {
    .qa-bg {
      padding: 3rem 0 2rem 0; } }

.panel-group {
  margin: 2rem 1.5rem; }
  @media (max-width: 992px) {
    .panel-group {
      margin: 2rem .5rem; } }

.panel {
  padding: .5rem; }

.panel-title a {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #222;
  display: block; }
  @media (max-width: 992px) {
    .panel-title a {
      font-size: 1rem; } }

.panel-default > .panel-heading {
  text-align: left; }

.panel-heading {
  border-bottom: 1px solid #222; }
  @media (max-width: 992px) {
    .panel-heading {
      margin: .5rem 0 0 0; } }

.panel-body {
  margin: 1rem 1rem 2rem 1rem; }
  @media (max-width: 992px) {
    .panel-body {
      font-size: .9rem;
      margin: 1rem 0 1.5rem 0; } }

/* Code for animation -- to change direction of chevron just change -40px to 40px and vice versa */
.glyphicon-chevron-down-custom span, .glyphicon-chevron-up-custom span {
  width: 7px;
  height: 2px;
  background-color: #222;
  display: inline-block;
  transition: all .1s linear; }
  @media (max-width: 992px) {
    .glyphicon-chevron-down-custom span, .glyphicon-chevron-up-custom span {
      width: 5px;
      height: 2px; } }

.glyphicon-chevron-down-custom .sp-1, .glyphicon-chevron-up-custom .sp-2 {
  transform: skewY(40deg); }

.glyphicon-chevron-up-custom .sp-1, .glyphicon-chevron-down-custom .sp-2 {
  transform: skewY(-40deg); }

.glyphicon {
  float: right; }

.form-bg {
padding: 2rem 2rem 2rem 2rem;
background-image: url("/imgs/a_cta_back.jpg");
background-repeat: repeat;
background-position: center top;
  /* フォーム */ }
  @media (max-width: 767px) {
    .form-bg {
      padding: 2rem .5rem 2rem .5rem;
background-image: url("/imgs/a_cta_back.jpg");
background-repeat: repeat;
background-position: center top;
background-size: 170% auto;
      } }
  .form-bg .form-section {
    margin-top: 2rem;
    padding: 0 3rem; }
    @media (max-width: 767px) {
      .form-bg .form-section {
        margin-top: 0;
        padding: .5rem 0 0 0; } }
    .form-bg .form-section label {
      display: inline;
      color: #333333; }
  .form-bg .form-control {
    height: 3rem; }
  .form-bg .opt-btn {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    font-size: 1.2rem;
    height: 3rem;
    color: #FFF;
    font-weight: bold;
    border-radius: .15rem;
    background: linear-gradient(#a7201a, #9c1414, #a7201a); }
    .form-bg .opt-btn:hover {
      background: linear-gradient(#eb3f37, #e92424, #eb3f37); }
    @media (max-width: 992px) {
      .form-bg .opt-btn {
        height: 2.5rem;
        font-size: 1rem;
        margin-top: .3rem; } }
  .form-bg .checktxt {
    font-size: .8rem;
    line-height: .9rem;
    margin-top: 1rem; }
    @media (max-width: 575px) {
      .form-bg .checktxt {
        font-size: .7rem; } }

.formbox {
  padding: 0.7rem 1rem 2.0rem 1rem;
  border: 4px solid #003822;
  background: #f6fdfe; }
  @media (max-width: 575px) {
    .formbox {
      padding: 0.7rem 1.5rem; } }

.service-bg {
  padding: 4rem 2rem;
  background: #fff; }
  @media (max-width: 767px) {
    .service-bg {
      padding: 3rem 1rem; } }
  .service-bg .row {
    margin-top: 3rem; }
    @media (max-width: 992px) {
      .service-bg .row {
        margin-top: 1rem; } }
  .service-bg h3 {
    font-size: 1.2rem;
    margin-bottom: .8rem;
    padding-bottom: .3rem;
    font-weight: bold;
    color: #9F1715;
    border-bottom: 1px solid #9F1715; }
    @media (max-width: 992px) {
      .service-bg h3 {
        font-size: 1.2rem;
        margin-top: 1.5rem; } }
    @media (max-width: 575px) {
      .service-bg h3 {
        font-size: 1.1rem;
        margin-top: 1rem; } }

.answer-bg1 {
  background: url("/imgs/answer-bg1.jpg") no-repeat center;
  background-size: 100% auto;
  padding: 3.5rem 3rem;
  color: #fff; }
  @media (max-width: 767px) {
    .answer-bg1 {
      background: url("/imgs/answer-bg1-sp.jpg") no-repeat center;
      background-size: 100% auto;
      padding: 3.5rem 1.5rem; } }

.answer-bg2 {
  background: url("/imgs/answer-bg2.jpg") no-repeat center;
  background-size: 100% auto;
  padding: 3.5rem 3rem;
  color: #fff; }
  @media (max-width: 767px) {
    .answer-bg2 {
      background: url("/imgs/answer-bg2-sp.jpg") no-repeat center;
      background-size: 100% auto;
      padding: 3.5rem 1.5rem; } }

.answer-bg3 {
  background: url("/imgs/answer-bg3.jpg") no-repeat center;
  background-size: 100% auto;
  padding: 3.5rem 3rem;
  color: #fff; }
  @media (max-width: 767px) {
    .answer-bg3 {
      background: url("/imgs/answer-bg3-sp.jpg") no-repeat center;
      background-size: 100% auto;
      padding: 3.5rem 1.5rem; } }

.answer-bg4 {
  padding: 1.5rem;
  border: 1px solid #ccc;
  background: #f5faf6; }
  @media (max-width: 992px) {
    .answer-bg4 {
      width: 100%; } }
  @media (max-width: 575px) {
    .answer-bg4 {
      padding: 1rem; } }

.answer-bg1 h2, .answer-bg2 h2, .answer-bg3 h2 {
  font-size: 1.7rem;
  margin-bottom: 2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center; }
  @media (max-width: 992px) {
    .answer-bg1 h2, .answer-bg2 h2, .answer-bg3 h2 {
      font-size: 1.25rem; } }
.answer-bg1 div, .answer-bg2 div, .answer-bg3 div {
  width: 70%;
  max-width: 800px;
  padding: 1.5rem;
  margin: 0 auto;
  border: 1px solid #fff; }
  @media (max-width: 992px) {
    .answer-bg1 div, .answer-bg2 div, .answer-bg3 div {
      width: 100%; } }
  .answer-bg1 div h3, .answer-bg2 div h3, .answer-bg3 div h3 {
    font-size: 1.1rem;
    margin-bottom: .5rem;
    font-weight: bold; }
    @media (max-width: 575px) {
      .answer-bg1 div h3, .answer-bg2 div h3, .answer-bg3 div h3 {
        font-size: 1rem; } }
  .answer-bg1 div p, .answer-bg2 div p, .answer-bg3 div p {
    margin: 0; }

.answer-bg4 h3 {
  font-size: 1rem;
  margin-bottom: .5rem;
  font-weight: bold; }
.answer-bg4 p {
  margin: 0; }

.btn-regist {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 1rem 3.5rem 1.2rem 3.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  appearance: none;
  color: #FFF;
  border-radius: 3rem;
  display: inline-block;
  background: linear-gradient(#a7201a, #9c1414, #a7201a); }
  .btn-regist:hover {
    color: #fff;
    background: linear-gradient(#eb3f37, #e92424, #eb3f37); }
  @media (max-width: 575px) {
    .btn-regist {
      padding: 0.6rem 2.5rem 0.8rem 2.5rem;
      font-size: 1.2rem; } }
  .btn-regist span {
    display: block;
    font-size: 70%; }

.graph_box {
  padding: 4rem 0 0 0; }
  .graph_box h3 {
    font-size: 1rem;
    font-weight: bold;
    margin: 0; }
    @media (max-width: 575px) {
      .graph_box h3 {
        font-size: .9rem; } }
  .graph_box table {
    width: 100%;
    font-size: 1rem; }
    @media (max-width: 575px) {
      .graph_box table {
        font-size: .85rem; } }
    .graph_box table th {
      padding: .5rem;
      background: #115c63; color: #fff;}
    .graph_box table td {
      padding: .5rem; }
  .graph_box .graph {
    margin-bottom: 1rem; }

.dif_bg {
  background: #fff;
  padding: 4rem 0 3rem 0; }
  @media (max-width: 575px) {
    .dif_bg {
      font-size: .9rem; } }
  .dif_bg table {
    margin: 1rem auto 0 auto;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc; }
    @media (max-width: 767px) {
      .dif_bg table {
        width: auto; } }
    .dif_bg table th {
      vertical-align: middle;
      text-align: center; }
      @media (max-width: 992px) {
        .dif_bg table th {
          text-align: left; } }
    .dif_bg table td {
      font-size: .9rem; }
    .dif_bg table .thtitle {
      width: 100px;
      text-align: center;
      font-size: 1.1rem;
      padding-top: 1rem; }
      @media (max-width: 575px) {
        .dif_bg table .thtitle {
          width: 90px;
          text-align: center;
          font-size: 1rem; } }
    .dif_bg table .mainbg {
      background: #115c63;
      color: #fff;
      font-weight: bold; }
    .dif_bg table .mainbg2 {
      background: #fcffe0; }
    .dif_bg table .subbg {
      background: #f4f4f4; }
      .dif_bg table .subbg.fontbig {
        font-size: 130%; }
    .dif_bg table .fontbig {
      font-size: 130%; }

footer {
  font-size: .8rem;
  padding: 1.5rem 0;
  color: #FFFFFF;
  background-color: #000000;
  line-height: 1.6; }
  footer nav ul {
    display: flex;
    text-align: center;
    list-style: none;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 0; }
    footer nav ul li {
      margin: 0 .5rem;
      text-align: left; }
      footer nav ul li a {
        color: #FFF; }
        footer nav ul li a:hover {
          color: #fff; }
  footer .copyright {
    font-size: .7rem;
    line-height: .9rem;
    display: block;
    text-align: center; }

@media (max-width: 992px) {
  footer nav ul {
    display: block; } }
@media (max-width: 992px) {
  footer nav ul li {
    margin: 0; } }
@media (max-width: 992px) {
  footer nav ul li a {
    color: #FFF;
    display: block;
    background: #000;
    position: relative;
    padding: .5rem 1.5rem;
    border-bottom: 1px solid #4b4b4b; } }
    
    
    
/* 2023/02追記 */
.a_head_back{
	background-image: url("/imgs/a_head_back.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.pcbr {display:block;}
.spbr {display:none;}
    
 @media (max-width: 575px) {
.pcbr {display:none;}
.spbr {display:block;}
 }