@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/*!
Theme Name:障害年金
Theme URI:
Description: 障害年金
Version: 1.0
Author: Funai

/* BODY
---------------------------------------------*/
html {
  font-size: 62.5%;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: 0.7692307692vw;
  }
}
:root {
  --bg_title_color: #FF8D27;
  --orange: #FF8D27;
  --green: #AFD837;
  --yellow: #FFFBC6;
  --light-brown: #F8F6F0;
  --line-color: #00B900;
  --txt-color: #333333;
}

.container {
  max-width: 1230px;
  padding: 0 15px;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

a,
a:link,
a:visited {
  color: var(--orange);
  font-weight: normal;
  text-decoration: none;
}

::marker {
  color: var(--orange);
}

a:hover {
  opacity: 0.7;
}

a:active {
  opacity: 0.7;
}

strong {
  font-weight: bold;
}

del {
  color: #ccc;
}

a del {
  text-decoration: inherit;
}

code {
  background-color: #eee;
}

pre.code {
  margin: 0 0 20px;
  padding: 12px;
  background-color: #eee;
  font-size: 100%;
  line-height: 1.3em;
}

.clear {
  clear: both;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.red {
  color: #df003a !important;
}

.op {
  opacity: 1;
  transition: opacity 1s;
}

.op:hover {
  opacity: 0.6;
}

.anim {
  transition: all 1s ease-out;
}

@media screen and (min-width: 768px) {
  .sp-visible {
    display: none !important;
  }
  .pc-hidden {
    display: none !important;
  }
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc-visible {
    display: none !important;
  }
  .sp-hidden {
    display: none !important;
  }
  .container {
    padding: 0 20px;
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}
img.responsive,
.responsive img {
  width: 100%;
  height: auto;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.ib {
  display: inline-block;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.text-overflow-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

hr {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  margin: 20px 0;
  display: block;
  width: auto;
  height: 0;
  overflow: hidden;
  border-bottom: 1px solid #d6d2d2;
  border-top: none;
  background: none;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 95;
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}

.marker-yellow {
  background: linear-gradient(transparent 50%, #ffff00 50%);
  font-weight: bold;
}

/* CLEARFIX
---------------------------------------------*/
.cl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cl {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .cl {
  height: 1%;
}

.cl {
  display: block;
}

/* End hide from IE-mac */
/* Layout
---------------------------------------------*/
.viewport {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

body {
  overflow-x: hidden;
}

#footer {
  clear: both;
  border-top: 3px solid var(--orange);
}

/* Main Contents
---------------------------------------------*/
body {
  font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", Osaka, sans-serif;
}

h2 .stress,
h3 .stress,
h4 .stress,
h5 .stress {
  color: #54a972;
}

.tag-news {
  background-color: #f7c272;
}

.tag-case {
  background-color: #9bd7f3;
}

.tag-column {
  background-color: #eac997;
}

.tag-other {
  background-color: #f2bbbd;
}

span[class^=o-] {
  color: #fba13a;
}

.o-fs56 {
  font-size: 56px;
}

.o-fs40 {
  font-size: 40px;
}

.o-fs34 {
  font-size: 34px;
}

.o-fs30 {
  font-size: 30px;
}

.o-fs28 {
  font-size: 28px;
}

.o-fs20 {
  font-size: 20px;
}

.fs20 {
  font-size: 20px;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt5-pc {
  margin-top: 5px !important;
}

.mt10-pc {
  margin-top: 10px !important;
}

.mt15-pc {
  margin-top: 15px !important;
}

.mt20-pc {
  margin-top: 20px !important;
}

.mt25-pc {
  margin-top: 25px !important;
}

.mt30-pc {
  margin-top: 30px !important;
}

.mt35-pc {
  margin-top: 35px !important;
}

.mt40-pc {
  margin-top: 40px !important;
}

.mt45-pc {
  margin-top: 45px !important;
}

.mt50-pc {
  margin-top: 50px !important;
}

.mt55-pc {
  margin-top: 55px !important;
}

.mt60-pc {
  margin-top: 60px !important;
}

.mt65-pc {
  margin-top: 65px !important;
}

.mt70-pc {
  margin-top: 70px !important;
}

.mt75-pc {
  margin-top: 75px !important;
}

.mt80-pc {
  margin-top: 80px !important;
}

.mt85-pc {
  margin-top: 85px !important;
}

.mt90-pc {
  margin-top: 90px !important;
}

.mt95-pc {
  margin-top: 95px !important;
}

.mt100-pc {
  margin-top: 100px !important;
}

.mb5-pc {
  margin-bottom: 5px !important;
}

.mb10-pc {
  margin-bottom: 10px !important;
}

.mb15-pc {
  margin-bottom: 15px !important;
}

.mb20-pc {
  margin-bottom: 20px !important;
}

.mb25-pc {
  margin-bottom: 25px !important;
}

.mb30-pc {
  margin-bottom: 30px !important;
}

.mb35-pc {
  margin-bottom: 35px !important;
}

.mb40-pc {
  margin-bottom: 40px !important;
}

.mb45-pc {
  margin-bottom: 45px !important;
}

.mb50-pc {
  margin-bottom: 50px !important;
}

.mb55-pc {
  margin-bottom: 55px !important;
}

.mb60-pc {
  margin-bottom: 60px !important;
}

.mb65-pc {
  margin-bottom: 65px !important;
}

.mb70-pc {
  margin-bottom: 70px !important;
}

.mb75-pc {
  margin-bottom: 75px !important;
}

.mb80-pc {
  margin-bottom: 80px !important;
}

.mb85-pc {
  margin-bottom: 85px !important;
}

.mb90-pc {
  margin-bottom: 90px !important;
}

.mb95-pc {
  margin-bottom: 95px !important;
}

.mb100-pc {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 767px) {
  .mt5-sp {
    margin-top: 5px !important;
  }
  .mt10-sp {
    margin-top: 10px !important;
  }
  .mt15-sp {
    margin-top: 15px !important;
  }
  .mt20-sp {
    margin-top: 20px !important;
  }
  .mt25-sp {
    margin-top: 25px !important;
  }
  .mt30-sp {
    margin-top: 30px !important;
  }
  .mt35-sp {
    margin-top: 35px !important;
  }
  .mt40-sp {
    margin-top: 40px !important;
  }
  .mt45-sp {
    margin-top: 45px !important;
  }
  .mt50-sp {
    margin-top: 50px !important;
  }
  .mt55-sp {
    margin-top: 55px !important;
  }
  .mt60-sp {
    margin-top: 60px !important;
  }
  .mt65-sp {
    margin-top: 65px !important;
  }
  .mt70-sp {
    margin-top: 70px !important;
  }
  .mt75-sp {
    margin-top: 75px !important;
  }
  .mt80-sp {
    margin-top: 80px !important;
  }
  .mt85-sp {
    margin-top: 85px !important;
  }
  .mt90-sp {
    margin-top: 90px !important;
  }
  .mt95-sp {
    margin-top: 95px !important;
  }
  .mt100-sp {
    margin-top: 100px !important;
  }
  .mb5-sp {
    margin-bottom: 5px !important;
  }
  .mb10-sp {
    margin-bottom: 10px !important;
  }
  .mb15-sp {
    margin-bottom: 15px !important;
  }
  .mb20-sp {
    margin-bottom: 20px !important;
  }
  .mb25-sp {
    margin-bottom: 25px !important;
  }
  .mb30-sp {
    margin-bottom: 30px !important;
  }
  .mb35-sp {
    margin-bottom: 35px !important;
  }
  .mb40-sp {
    margin-bottom: 40px !important;
  }
  .mb45-sp {
    margin-bottom: 45px !important;
  }
  .mb50-sp {
    margin-bottom: 50px !important;
  }
  .mb55-sp {
    margin-bottom: 55px !important;
  }
  .mb60-sp {
    margin-bottom: 60px !important;
  }
  .mb65-sp {
    margin-bottom: 65px !important;
  }
  .mb70-sp {
    margin-bottom: 70px !important;
  }
  .mb75-sp {
    margin-bottom: 75px !important;
  }
  .mb80-sp {
    margin-bottom: 80px !important;
  }
  .mb85-sp {
    margin-bottom: 85px !important;
  }
  .mb90-sp {
    margin-bottom: 90px !important;
  }
  .mb95-sp {
    margin-bottom: 95px !important;
  }
  .mb100-sp {
    margin-bottom: 100px !important;
  }
}
html {
  width: 100%;
  height: 100%;
}

body {
  -webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
header,
footer,
article,
section,
nav,
aside {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

ul,
ol,
li {
  font-size: 100%;
}

ul,
ol {
  padding-left: 1.4em;
}

li {
  list-style-position: inside;
}

li:last-child {
  padding-bottom: 0;
}

li ul {
  padding-top: 10px;
}

.reset-list ul,
.reset-list ol,
.reset-list li {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .reset-list-pc ul,
  .reset-list-pc ol,
  .reset-list-pc li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .reset-list-sp ul,
  .reset-list-sp ol,
  .reset-list-sp li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
}
body {
  background: #fff;
  text-align: left;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: var(--txt-color);
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6em;
  }
  main {
    margin-top: 0;
  }
}
img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

strong {
  font-weight: bold;
}

del {
  color: #ccc;
}

a del {
  text-decoration: inherit;
}

code {
  background-color: #eee;
}

pre.code {
  margin: 0 0 20px;
  padding: 12px;
  background-color: #eee;
  font-size: 100%;
  line-height: 1.3em;
}

.clear {
  clear: both;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.red {
  color: #df003a !important;
}

.op {
  opacity: 1;
  transition: opacity 1s;
}

.op:hover {
  opacity: 0.6;
}

.anim {
  transition: all 1s ease-out;
}

@media screen and (min-width: 768px) {
  .sp-visible {
    display: none !important;
  }
  .pc-hidden {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-visible {
    display: none !important;
  }
  .sp-hidden {
    display: none !important;
  }
}
img.responsive,
.responsive img {
  width: 100%;
  height: auto;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.ib {
  display: inline-block;
}

.text-overflow-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

hr {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  margin: 20px 0;
  display: block;
  width: auto;
  height: 0;
  overflow: hidden;
  border-bottom: 1px solid #d6d2d2;
  border-top: none;
  background: none;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 95;
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}

.marker-yellow {
  background: linear-gradient(transparent 50%, #ffff00 50%);
  font-weight: bold;
}

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

.alignright {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .alignright-pc {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .alignright-sp {
    text-align: right;
  }
}
.alignleft {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .alignleft-pc {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .alignleft-sp {
    text-align: left;
  }
}
.aligncenter {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .aligncenter-pc {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .aligncenter-sp {
    text-align: center;
  }
}
img.alignright,
.wp-caption.alignright {
  margin: 0 0 1em 1em;
  display: block;
  float: right;
}

@media screen and (min-width: 768px) {
  img.alignright-pc,
  .wp-caption.alignright-pc {
    margin: 0 0 1em 1em;
    display: block;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  img.alignright-sp,
  .wp-caption.alignright-sp {
    margin: 0 0 1em 1em;
    display: block;
    float: right;
  }
  img.alignright,
  .wp-caption.alignright {
    max-width: 50%;
  }
}
img.alignleft,
.wp-caption.alignleft {
  margin: 0 1.5em 0 0;
  display: block;
  float: left;
}

@media screen and (min-width: 768px) {
  img.alignleft-pc,
  .wp-caption.alignleft-pc {
    margin: 0 1.5em 0 0;
    display: block;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  img.alignleft-sp,
  .wp-caption.alignleft-sp {
    margin: 0 1.5em 0 0;
    display: block;
    float: left;
  }
  img.alignleft,
  .wp-caption.alignleft {
    max-width: 100%;
    text-align: center;
    float: none;
    margin: 0 0 20px;
  }
}
img.aligncenter,
.wp-caption.alignleft {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  img.aligncenter-pc,
  .wp-caption.alignleft-pc {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  img.aligncenter-sp,
  .wp-caption.alignleft-sp {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-caption {
  margin-bottom: 45px;
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.3em;
  color: #666;
}

cite {
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6em;
  color: #666;
}

input[type=checkbox] {
  margin-right: 8px;
}

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 98%;
  height: 40px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background: #fff;
}

form label {
  width: 100%;
}

form p {
  margin-bottom: 1rem;
}

.wpcf7-submit {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: var(--bg_title_color);
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-shadow: none !important;
  border: none !important;
  cursor: pointer;
  width: 300px;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
  transition: 0.7;
}

.wpcf7-submit:hover {
  opacity: 0.8;
}

textarea {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 98%;
  height: 180px;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background: #fff;
}

.contact-form .stress {
  font-weight: bold;
  color: #f80;
}

.contact-form .error {
  color: red;
}

.contact-form textarea {
  height: 280px;
}

.contact-form .submit {
  margin: 50px auto 25px;
  max-width: 300px;
}

.contact-form .submit button,
.contact-form .submit input[type=button],
.contact-form .submit input[type=submit],
a.link-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  background: var(--bg_title_color);
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-shadow: none !important;
  border: none !important;
  cursor: pointer;
  width: 300px;
  margin: 0 auto;
  border-radius: 30px;
  position: relative;
}

a.link-btn {
  width: 300px;
  margin: 0 auto;
  background: var(--bg_title_color);
  border-radius: 30px;
  position: relative;
}

.mw_wp_form_input .show-on-confirm {
  display: none;
}

.mw_wp_form_confirm .show-on-input {
  display: none;
}

.mw_wp_form_confirm .note,
.mw_wp_form_preview .note,
.mw_wp_form_confirm .privacy,
.mw_wp_form_preview .privacy {
  display: none;
}

.mw_wp_form_confirm dt br,
.mw_wp_form_preview dt br,
.mw_wp_form_confirm dt .required,
.mw_wp_form_preview dt .required {
  display: none;
}

.mw_wp_form .confirm-show {
  display: none;
}

.mw_wp_form.mw_wp_form_confirm .confirm-show {
  display: block;
}

.mw_wp_form.mw_wp_form_confirm .confirm-hide {
  display: none;
}

.mt-100 {
  margin-top: -100px !important;
}

@media screen and (min-width: 768px) {
  .mt-100-pc {
    margin-top: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-100-sp {
    margin-top: -100px !important;
  }
}
.mt-95 {
  margin-top: -95px !important;
}

@media screen and (min-width: 768px) {
  .mt-95-pc {
    margin-top: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-95-sp {
    margin-top: -95px !important;
  }
}
.mt-90 {
  margin-top: -90px !important;
}

@media screen and (min-width: 768px) {
  .mt-90-pc {
    margin-top: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-90-sp {
    margin-top: -90px !important;
  }
}
.mt-85 {
  margin-top: -85px !important;
}

@media screen and (min-width: 768px) {
  .mt-85-pc {
    margin-top: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-85-sp {
    margin-top: -85px !important;
  }
}
.mt-80 {
  margin-top: -80px !important;
}

@media screen and (min-width: 768px) {
  .mt-80-pc {
    margin-top: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-80-sp {
    margin-top: -80px !important;
  }
}
.mt-75 {
  margin-top: -75px !important;
}

@media screen and (min-width: 768px) {
  .mt-75-pc {
    margin-top: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-75-sp {
    margin-top: -75px !important;
  }
}
.mt-70 {
  margin-top: -70px !important;
}

@media screen and (min-width: 768px) {
  .mt-70-pc {
    margin-top: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-70-sp {
    margin-top: -70px !important;
  }
}
.mt-65 {
  margin-top: -65px !important;
}

@media screen and (min-width: 768px) {
  .mt-65-pc {
    margin-top: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-65-sp {
    margin-top: -65px !important;
  }
}
.mt-60 {
  margin-top: -60px !important;
}

@media screen and (min-width: 768px) {
  .mt-60-pc {
    margin-top: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-60-sp {
    margin-top: -60px !important;
  }
}
.mt-55 {
  margin-top: -55px !important;
}

@media screen and (min-width: 768px) {
  .mt-55-pc {
    margin-top: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-55-sp {
    margin-top: -55px !important;
  }
}
.mt-50 {
  margin-top: -50px !important;
}

@media screen and (min-width: 768px) {
  .mt-50-pc {
    margin-top: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-50-sp {
    margin-top: -50px !important;
  }
}
.mt-45 {
  margin-top: -45px !important;
}

@media screen and (min-width: 768px) {
  .mt-45-pc {
    margin-top: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-45-sp {
    margin-top: -45px !important;
  }
}
.mt-40 {
  margin-top: -40px !important;
}

@media screen and (min-width: 768px) {
  .mt-40-pc {
    margin-top: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-40-sp {
    margin-top: -40px !important;
  }
}
.mt-35 {
  margin-top: -35px !important;
}

@media screen and (min-width: 768px) {
  .mt-35-pc {
    margin-top: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-35-sp {
    margin-top: -35px !important;
  }
}
.mt-30 {
  margin-top: -30px !important;
}

@media screen and (min-width: 768px) {
  .mt-30-pc {
    margin-top: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-30-sp {
    margin-top: -30px !important;
  }
}
.mt-25 {
  margin-top: -25px !important;
}

@media screen and (min-width: 768px) {
  .mt-25-pc {
    margin-top: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-25-sp {
    margin-top: -25px !important;
  }
}
.mt-20 {
  margin-top: -20px !important;
}

@media screen and (min-width: 768px) {
  .mt-20-pc {
    margin-top: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-20-sp {
    margin-top: -20px !important;
  }
}
.mt-15 {
  margin-top: -15px !important;
}

@media screen and (min-width: 768px) {
  .mt-15-pc {
    margin-top: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-15-sp {
    margin-top: -15px !important;
  }
}
.mt-10 {
  margin-top: -10px !important;
}

@media screen and (min-width: 768px) {
  .mt-10-pc {
    margin-top: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-10-sp {
    margin-top: -10px !important;
  }
}
.mt-05 {
  margin-top: -5px !important;
}

@media screen and (min-width: 768px) {
  .mt-05-pc {
    margin-top: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-05-sp {
    margin-top: -5px !important;
  }
}
.mt00 {
  margin-top: 0px !important;
}

@media screen and (min-width: 768px) {
  .mt00-pc {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt00-sp {
    margin-top: 0px !important;
  }
}
.mt05 {
  margin-top: 5px !important;
}

@media screen and (min-width: 768px) {
  .mt05-pc {
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt05-sp {
    margin-top: 5px !important;
  }
}
.mt10 {
  margin-top: 10px !important;
}

@media screen and (min-width: 768px) {
  .mt10-pc {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt10-sp {
    margin-top: 10px !important;
  }
}
.mt15 {
  margin-top: 15px !important;
}

@media screen and (min-width: 768px) {
  .mt15-pc {
    margin-top: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt15-sp {
    margin-top: 15px !important;
  }
}
.mt20 {
  margin-top: 20px !important;
}

@media screen and (min-width: 768px) {
  .mt20-pc {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt20-sp {
    margin-top: 20px !important;
  }
}
.mt25 {
  margin-top: 25px !important;
}

@media screen and (min-width: 768px) {
  .mt25-pc {
    margin-top: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt25-sp {
    margin-top: 25px !important;
  }
}
.mt30 {
  margin-top: 30px !important;
}

@media screen and (min-width: 768px) {
  .mt30-pc {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt30-sp {
    margin-top: 30px !important;
  }
}
.mt35 {
  margin-top: 35px !important;
}

@media screen and (min-width: 768px) {
  .mt35-pc {
    margin-top: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt35-sp {
    margin-top: 35px !important;
  }
}
.mt40 {
  margin-top: 40px !important;
}

@media screen and (min-width: 768px) {
  .mt40-pc {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt40-sp {
    margin-top: 40px !important;
  }
}
.mt45 {
  margin-top: 45px !important;
}

@media screen and (min-width: 768px) {
  .mt45-pc {
    margin-top: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt45-sp {
    margin-top: 45px !important;
  }
}
.mt50 {
  margin-top: 50px !important;
}

@media screen and (min-width: 768px) {
  .mt50-pc {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt50-sp {
    margin-top: 50px !important;
  }
}
.mt55 {
  margin-top: 55px !important;
}

@media screen and (min-width: 768px) {
  .mt55-pc {
    margin-top: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt55-sp {
    margin-top: 55px !important;
  }
}
.mt60 {
  margin-top: 60px !important;
}

@media screen and (min-width: 768px) {
  .mt60-pc {
    margin-top: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt60-sp {
    margin-top: 60px !important;
  }
}
.mt65 {
  margin-top: 65px !important;
}

@media screen and (min-width: 768px) {
  .mt65-pc {
    margin-top: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt65-sp {
    margin-top: 65px !important;
  }
}
.mt70 {
  margin-top: 70px !important;
}

@media screen and (min-width: 768px) {
  .mt70-pc {
    margin-top: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt70-sp {
    margin-top: 70px !important;
  }
}
.mt75 {
  margin-top: 75px !important;
}

@media screen and (min-width: 768px) {
  .mt75-pc {
    margin-top: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt75-sp {
    margin-top: 75px !important;
  }
}
.mt80 {
  margin-top: 80px !important;
}

@media screen and (min-width: 768px) {
  .mt80-pc {
    margin-top: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt80-sp {
    margin-top: 80px !important;
  }
}
.mt85 {
  margin-top: 85px !important;
}

@media screen and (min-width: 768px) {
  .mt85-pc {
    margin-top: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt85-sp {
    margin-top: 85px !important;
  }
}
.mt90 {
  margin-top: 90px !important;
}

@media screen and (min-width: 768px) {
  .mt90-pc {
    margin-top: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt90-sp {
    margin-top: 90px !important;
  }
}
.mt95 {
  margin-top: 95px !important;
}

@media screen and (min-width: 768px) {
  .mt95-pc {
    margin-top: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt95-sp {
    margin-top: 95px !important;
  }
}
.mt100 {
  margin-top: 100px !important;
}

@media screen and (min-width: 768px) {
  .mt100-pc {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt100-sp {
    margin-top: 100px !important;
  }
}
.mb-100 {
  margin-bottom: -100px !important;
}

@media screen and (min-width: 768px) {
  .mb-100-pc {
    margin-bottom: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-100-sp {
    margin-bottom: -100px !important;
  }
}
.mb-95 {
  margin-bottom: -95px !important;
}

@media screen and (min-width: 768px) {
  .mb-95-pc {
    margin-bottom: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-95-sp {
    margin-bottom: -95px !important;
  }
}
.mb-90 {
  margin-bottom: -90px !important;
}

@media screen and (min-width: 768px) {
  .mb-90-pc {
    margin-bottom: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-90-sp {
    margin-bottom: -90px !important;
  }
}
.mb-85 {
  margin-bottom: -85px !important;
}

@media screen and (min-width: 768px) {
  .mb-85-pc {
    margin-bottom: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-85-sp {
    margin-bottom: -85px !important;
  }
}
.mb-80 {
  margin-bottom: -80px !important;
}

@media screen and (min-width: 768px) {
  .mb-80-pc {
    margin-bottom: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-80-sp {
    margin-bottom: -80px !important;
  }
}
.mb-75 {
  margin-bottom: -75px !important;
}

@media screen and (min-width: 768px) {
  .mb-75-pc {
    margin-bottom: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-75-sp {
    margin-bottom: -75px !important;
  }
}
.mb-70 {
  margin-bottom: -70px !important;
}

@media screen and (min-width: 768px) {
  .mb-70-pc {
    margin-bottom: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-70-sp {
    margin-bottom: -70px !important;
  }
}
.mb-65 {
  margin-bottom: -65px !important;
}

@media screen and (min-width: 768px) {
  .mb-65-pc {
    margin-bottom: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-65-sp {
    margin-bottom: -65px !important;
  }
}
.mb-60 {
  margin-bottom: -60px !important;
}

@media screen and (min-width: 768px) {
  .mb-60-pc {
    margin-bottom: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-60-sp {
    margin-bottom: -60px !important;
  }
}
.mb-55 {
  margin-bottom: -55px !important;
}

@media screen and (min-width: 768px) {
  .mb-55-pc {
    margin-bottom: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-55-sp {
    margin-bottom: -55px !important;
  }
}
.mb-50 {
  margin-bottom: -50px !important;
}

@media screen and (min-width: 768px) {
  .mb-50-pc {
    margin-bottom: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-50-sp {
    margin-bottom: -50px !important;
  }
}
.mb-45 {
  margin-bottom: -45px !important;
}

@media screen and (min-width: 768px) {
  .mb-45-pc {
    margin-bottom: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-45-sp {
    margin-bottom: -45px !important;
  }
}
.mb-40 {
  margin-bottom: -40px !important;
}

@media screen and (min-width: 768px) {
  .mb-40-pc {
    margin-bottom: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-40-sp {
    margin-bottom: -40px !important;
  }
}
.mb-35 {
  margin-bottom: -35px !important;
}

@media screen and (min-width: 768px) {
  .mb-35-pc {
    margin-bottom: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-35-sp {
    margin-bottom: -35px !important;
  }
}
.mb-30 {
  margin-bottom: -30px !important;
}

@media screen and (min-width: 768px) {
  .mb-30-pc {
    margin-bottom: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-30-sp {
    margin-bottom: -30px !important;
  }
}
.mb-25 {
  margin-bottom: -25px !important;
}

@media screen and (min-width: 768px) {
  .mb-25-pc {
    margin-bottom: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-25-sp {
    margin-bottom: -25px !important;
  }
}
.mb-20 {
  margin-bottom: -20px !important;
}

@media screen and (min-width: 768px) {
  .mb-20-pc {
    margin-bottom: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-20-sp {
    margin-bottom: -20px !important;
  }
}
.mb-15 {
  margin-bottom: -15px !important;
}

@media screen and (min-width: 768px) {
  .mb-15-pc {
    margin-bottom: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-15-sp {
    margin-bottom: -15px !important;
  }
}
.mb-10 {
  margin-bottom: -10px !important;
}

@media screen and (min-width: 768px) {
  .mb-10-pc {
    margin-bottom: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-10-sp {
    margin-bottom: -10px !important;
  }
}
.mb-05 {
  margin-bottom: -5px !important;
}

@media screen and (min-width: 768px) {
  .mb-05-pc {
    margin-bottom: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-05-sp {
    margin-bottom: -5px !important;
  }
}
.mb00 {
  margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
  .mb00-pc {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb00-sp {
    margin-bottom: 0px !important;
  }
}
.mb05 {
  margin-bottom: 5px !important;
}

@media screen and (min-width: 768px) {
  .mb05-pc {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb05-sp {
    margin-bottom: 5px !important;
  }
}
.mb10 {
  margin-bottom: 10px !important;
}

@media screen and (min-width: 768px) {
  .mb10-pc {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb10-sp {
    margin-bottom: 10px !important;
  }
}
.mb15 {
  margin-bottom: 15px !important;
}

@media screen and (min-width: 768px) {
  .mb15-pc {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb15-sp {
    margin-bottom: 15px !important;
  }
}
.mb20 {
  margin-bottom: 20px !important;
}

@media screen and (min-width: 768px) {
  .mb20-pc {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb20-sp {
    margin-bottom: 20px !important;
  }
}
.mb25 {
  margin-bottom: 25px !important;
}

@media screen and (min-width: 768px) {
  .mb25-pc {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb25-sp {
    margin-bottom: 25px !important;
  }
}
.mb30 {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 768px) {
  .mb30-pc {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb30-sp {
    margin-bottom: 30px !important;
  }
}
.mb35 {
  margin-bottom: 35px !important;
}

@media screen and (min-width: 768px) {
  .mb35-pc {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb35-sp {
    margin-bottom: 35px !important;
  }
}
.mb40 {
  margin-bottom: 40px !important;
}

@media screen and (min-width: 768px) {
  .mb40-pc {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb40-sp {
    margin-bottom: 40px !important;
  }
}
.mb45 {
  margin-bottom: 45px !important;
}

@media screen and (min-width: 768px) {
  .mb45-pc {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb45-sp {
    margin-bottom: 45px !important;
  }
}
.mb50 {
  margin-bottom: 50px !important;
}

@media screen and (min-width: 768px) {
  .mb50-pc {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb50-sp {
    margin-bottom: 50px !important;
  }
}
.mb55 {
  margin-bottom: 55px !important;
}

@media screen and (min-width: 768px) {
  .mb55-pc {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb55-sp {
    margin-bottom: 55px !important;
  }
}
.mb60 {
  margin-bottom: 60px !important;
}

@media screen and (min-width: 768px) {
  .mb60-pc {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb60-sp {
    margin-bottom: 60px !important;
  }
}
.mb65 {
  margin-bottom: 65px !important;
}

@media screen and (min-width: 768px) {
  .mb65-pc {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb65-sp {
    margin-bottom: 65px !important;
  }
}
.mb70 {
  margin-bottom: 70px !important;
}

@media screen and (min-width: 768px) {
  .mb70-pc {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb70-sp {
    margin-bottom: 70px !important;
  }
}
.mb75 {
  margin-bottom: 75px !important;
}

@media screen and (min-width: 768px) {
  .mb75-pc {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb75-sp {
    margin-bottom: 75px !important;
  }
}
.mb80 {
  margin-bottom: 80px !important;
}

@media screen and (min-width: 768px) {
  .mb80-pc {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb80-sp {
    margin-bottom: 80px !important;
  }
}
.mb85 {
  margin-bottom: 85px !important;
}

@media screen and (min-width: 768px) {
  .mb85-pc {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb85-sp {
    margin-bottom: 85px !important;
  }
}
.mb90 {
  margin-bottom: 90px !important;
}

@media screen and (min-width: 768px) {
  .mb90-pc {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb90-sp {
    margin-bottom: 90px !important;
  }
}
.mb95 {
  margin-bottom: 95px !important;
}

@media screen and (min-width: 768px) {
  .mb95-pc {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb95-sp {
    margin-bottom: 95px !important;
  }
}
.mb100 {
  margin-bottom: 100px !important;
}

@media screen and (min-width: 768px) {
  .mb100-pc {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb100-sp {
    margin-bottom: 100px !important;
  }
}
.ml-100 {
  margin-left: -100px !important;
}

@media screen and (min-width: 768px) {
  .ml-100-pc {
    margin-left: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-100-sp {
    margin-left: -100px !important;
  }
}
.ml-95 {
  margin-left: -95px !important;
}

@media screen and (min-width: 768px) {
  .ml-95-pc {
    margin-left: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-95-sp {
    margin-left: -95px !important;
  }
}
.ml-90 {
  margin-left: -90px !important;
}

@media screen and (min-width: 768px) {
  .ml-90-pc {
    margin-left: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-90-sp {
    margin-left: -90px !important;
  }
}
.ml-85 {
  margin-left: -85px !important;
}

@media screen and (min-width: 768px) {
  .ml-85-pc {
    margin-left: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-85-sp {
    margin-left: -85px !important;
  }
}
.ml-80 {
  margin-left: -80px !important;
}

@media screen and (min-width: 768px) {
  .ml-80-pc {
    margin-left: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-80-sp {
    margin-left: -80px !important;
  }
}
.ml-75 {
  margin-left: -75px !important;
}

@media screen and (min-width: 768px) {
  .ml-75-pc {
    margin-left: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-75-sp {
    margin-left: -75px !important;
  }
}
.ml-70 {
  margin-left: -70px !important;
}

@media screen and (min-width: 768px) {
  .ml-70-pc {
    margin-left: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-70-sp {
    margin-left: -70px !important;
  }
}
.ml-65 {
  margin-left: -65px !important;
}

@media screen and (min-width: 768px) {
  .ml-65-pc {
    margin-left: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-65-sp {
    margin-left: -65px !important;
  }
}
.ml-60 {
  margin-left: -60px !important;
}

@media screen and (min-width: 768px) {
  .ml-60-pc {
    margin-left: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-60-sp {
    margin-left: -60px !important;
  }
}
.ml-55 {
  margin-left: -55px !important;
}

@media screen and (min-width: 768px) {
  .ml-55-pc {
    margin-left: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-55-sp {
    margin-left: -55px !important;
  }
}
.ml-50 {
  margin-left: -50px !important;
}

@media screen and (min-width: 768px) {
  .ml-50-pc {
    margin-left: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-50-sp {
    margin-left: -50px !important;
  }
}
.ml-45 {
  margin-left: -45px !important;
}

@media screen and (min-width: 768px) {
  .ml-45-pc {
    margin-left: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-45-sp {
    margin-left: -45px !important;
  }
}
.ml-40 {
  margin-left: -40px !important;
}

@media screen and (min-width: 768px) {
  .ml-40-pc {
    margin-left: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-40-sp {
    margin-left: -40px !important;
  }
}
.ml-35 {
  margin-left: -35px !important;
}

@media screen and (min-width: 768px) {
  .ml-35-pc {
    margin-left: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-35-sp {
    margin-left: -35px !important;
  }
}
.ml-30 {
  margin-left: -30px !important;
}

@media screen and (min-width: 768px) {
  .ml-30-pc {
    margin-left: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-30-sp {
    margin-left: -30px !important;
  }
}
.ml-25 {
  margin-left: -25px !important;
}

@media screen and (min-width: 768px) {
  .ml-25-pc {
    margin-left: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-25-sp {
    margin-left: -25px !important;
  }
}
.ml-20 {
  margin-left: -20px !important;
}

@media screen and (min-width: 768px) {
  .ml-20-pc {
    margin-left: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-20-sp {
    margin-left: -20px !important;
  }
}
.ml-15 {
  margin-left: -15px !important;
}

@media screen and (min-width: 768px) {
  .ml-15-pc {
    margin-left: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-15-sp {
    margin-left: -15px !important;
  }
}
.ml-10 {
  margin-left: -10px !important;
}

@media screen and (min-width: 768px) {
  .ml-10-pc {
    margin-left: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-10-sp {
    margin-left: -10px !important;
  }
}
.ml-05 {
  margin-left: -5px !important;
}

@media screen and (min-width: 768px) {
  .ml-05-pc {
    margin-left: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-05-sp {
    margin-left: -5px !important;
  }
}
.ml00 {
  margin-left: 0px !important;
}

@media screen and (min-width: 768px) {
  .ml00-pc {
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml00-sp {
    margin-left: 0px !important;
  }
}
.ml05 {
  margin-left: 5px !important;
}

@media screen and (min-width: 768px) {
  .ml05-pc {
    margin-left: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml05-sp {
    margin-left: 5px !important;
  }
}
.ml10 {
  margin-left: 10px !important;
}

@media screen and (min-width: 768px) {
  .ml10-pc {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml10-sp {
    margin-left: 10px !important;
  }
}
.ml15 {
  margin-left: 15px !important;
}

@media screen and (min-width: 768px) {
  .ml15-pc {
    margin-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml15-sp {
    margin-left: 15px !important;
  }
}
.ml20 {
  margin-left: 20px !important;
}

@media screen and (min-width: 768px) {
  .ml20-pc {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml20-sp {
    margin-left: 20px !important;
  }
}
.ml25 {
  margin-left: 25px !important;
}

@media screen and (min-width: 768px) {
  .ml25-pc {
    margin-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml25-sp {
    margin-left: 25px !important;
  }
}
.ml30 {
  margin-left: 30px !important;
}

@media screen and (min-width: 768px) {
  .ml30-pc {
    margin-left: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml30-sp {
    margin-left: 30px !important;
  }
}
.ml35 {
  margin-left: 35px !important;
}

@media screen and (min-width: 768px) {
  .ml35-pc {
    margin-left: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml35-sp {
    margin-left: 35px !important;
  }
}
.ml40 {
  margin-left: 40px !important;
}

@media screen and (min-width: 768px) {
  .ml40-pc {
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml40-sp {
    margin-left: 40px !important;
  }
}
.ml45 {
  margin-left: 45px !important;
}

@media screen and (min-width: 768px) {
  .ml45-pc {
    margin-left: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml45-sp {
    margin-left: 45px !important;
  }
}
.ml50 {
  margin-left: 50px !important;
}

@media screen and (min-width: 768px) {
  .ml50-pc {
    margin-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml50-sp {
    margin-left: 50px !important;
  }
}
.ml55 {
  margin-left: 55px !important;
}

@media screen and (min-width: 768px) {
  .ml55-pc {
    margin-left: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml55-sp {
    margin-left: 55px !important;
  }
}
.ml60 {
  margin-left: 60px !important;
}

@media screen and (min-width: 768px) {
  .ml60-pc {
    margin-left: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml60-sp {
    margin-left: 60px !important;
  }
}
.ml65 {
  margin-left: 65px !important;
}

@media screen and (min-width: 768px) {
  .ml65-pc {
    margin-left: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml65-sp {
    margin-left: 65px !important;
  }
}
.ml70 {
  margin-left: 70px !important;
}

@media screen and (min-width: 768px) {
  .ml70-pc {
    margin-left: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml70-sp {
    margin-left: 70px !important;
  }
}
.ml75 {
  margin-left: 75px !important;
}

@media screen and (min-width: 768px) {
  .ml75-pc {
    margin-left: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml75-sp {
    margin-left: 75px !important;
  }
}
.ml80 {
  margin-left: 80px !important;
}

@media screen and (min-width: 768px) {
  .ml80-pc {
    margin-left: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml80-sp {
    margin-left: 80px !important;
  }
}
.ml85 {
  margin-left: 85px !important;
}

@media screen and (min-width: 768px) {
  .ml85-pc {
    margin-left: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml85-sp {
    margin-left: 85px !important;
  }
}
.ml90 {
  margin-left: 90px !important;
}

@media screen and (min-width: 768px) {
  .ml90-pc {
    margin-left: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml90-sp {
    margin-left: 90px !important;
  }
}
.ml95 {
  margin-left: 95px !important;
}

@media screen and (min-width: 768px) {
  .ml95-pc {
    margin-left: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml95-sp {
    margin-left: 95px !important;
  }
}
.ml100 {
  margin-left: 100px !important;
}

@media screen and (min-width: 768px) {
  .ml100-pc {
    margin-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml100-sp {
    margin-left: 100px !important;
  }
}
.mr-100 {
  margin-right: -100px !important;
}

@media screen and (min-width: 768px) {
  .mr-100-pc {
    margin-right: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-100-sp {
    margin-right: -100px !important;
  }
}
.mr-95 {
  margin-right: -95px !important;
}

@media screen and (min-width: 768px) {
  .mr-95-pc {
    margin-right: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-95-sp {
    margin-right: -95px !important;
  }
}
.mr-90 {
  margin-right: -90px !important;
}

@media screen and (min-width: 768px) {
  .mr-90-pc {
    margin-right: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-90-sp {
    margin-right: -90px !important;
  }
}
.mr-85 {
  margin-right: -85px !important;
}

@media screen and (min-width: 768px) {
  .mr-85-pc {
    margin-right: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-85-sp {
    margin-right: -85px !important;
  }
}
.mr-80 {
  margin-right: -80px !important;
}

@media screen and (min-width: 768px) {
  .mr-80-pc {
    margin-right: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-80-sp {
    margin-right: -80px !important;
  }
}
.mr-75 {
  margin-right: -75px !important;
}

@media screen and (min-width: 768px) {
  .mr-75-pc {
    margin-right: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-75-sp {
    margin-right: -75px !important;
  }
}
.mr-70 {
  margin-right: -70px !important;
}

@media screen and (min-width: 768px) {
  .mr-70-pc {
    margin-right: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-70-sp {
    margin-right: -70px !important;
  }
}
.mr-65 {
  margin-right: -65px !important;
}

@media screen and (min-width: 768px) {
  .mr-65-pc {
    margin-right: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-65-sp {
    margin-right: -65px !important;
  }
}
.mr-60 {
  margin-right: -60px !important;
}

@media screen and (min-width: 768px) {
  .mr-60-pc {
    margin-right: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-60-sp {
    margin-right: -60px !important;
  }
}
.mr-55 {
  margin-right: -55px !important;
}

@media screen and (min-width: 768px) {
  .mr-55-pc {
    margin-right: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-55-sp {
    margin-right: -55px !important;
  }
}
.mr-50 {
  margin-right: -50px !important;
}

@media screen and (min-width: 768px) {
  .mr-50-pc {
    margin-right: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-50-sp {
    margin-right: -50px !important;
  }
}
.mr-45 {
  margin-right: -45px !important;
}

@media screen and (min-width: 768px) {
  .mr-45-pc {
    margin-right: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-45-sp {
    margin-right: -45px !important;
  }
}
.mr-40 {
  margin-right: -40px !important;
}

@media screen and (min-width: 768px) {
  .mr-40-pc {
    margin-right: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-40-sp {
    margin-right: -40px !important;
  }
}
.mr-35 {
  margin-right: -35px !important;
}

@media screen and (min-width: 768px) {
  .mr-35-pc {
    margin-right: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-35-sp {
    margin-right: -35px !important;
  }
}
.mr-30 {
  margin-right: -30px !important;
}

@media screen and (min-width: 768px) {
  .mr-30-pc {
    margin-right: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-30-sp {
    margin-right: -30px !important;
  }
}
.mr-25 {
  margin-right: -25px !important;
}

@media screen and (min-width: 768px) {
  .mr-25-pc {
    margin-right: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-25-sp {
    margin-right: -25px !important;
  }
}
.mr-20 {
  margin-right: -20px !important;
}

@media screen and (min-width: 768px) {
  .mr-20-pc {
    margin-right: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-20-sp {
    margin-right: -20px !important;
  }
}
.mr-15 {
  margin-right: -15px !important;
}

@media screen and (min-width: 768px) {
  .mr-15-pc {
    margin-right: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-15-sp {
    margin-right: -15px !important;
  }
}
.mr-10 {
  margin-right: -10px !important;
}

@media screen and (min-width: 768px) {
  .mr-10-pc {
    margin-right: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-10-sp {
    margin-right: -10px !important;
  }
}
.mr-05 {
  margin-right: -5px !important;
}

@media screen and (min-width: 768px) {
  .mr-05-pc {
    margin-right: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-05-sp {
    margin-right: -5px !important;
  }
}
.mr00 {
  margin-right: 0px !important;
}

@media screen and (min-width: 768px) {
  .mr00-pc {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr00-sp {
    margin-right: 0px !important;
  }
}
.mr05 {
  margin-right: 5px !important;
}

@media screen and (min-width: 768px) {
  .mr05-pc {
    margin-right: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr05-sp {
    margin-right: 5px !important;
  }
}
.mr10 {
  margin-right: 10px !important;
}

@media screen and (min-width: 768px) {
  .mr10-pc {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr10-sp {
    margin-right: 10px !important;
  }
}
.mr15 {
  margin-right: 15px !important;
}

@media screen and (min-width: 768px) {
  .mr15-pc {
    margin-right: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr15-sp {
    margin-right: 15px !important;
  }
}
.mr20 {
  margin-right: 20px !important;
}

@media screen and (min-width: 768px) {
  .mr20-pc {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr20-sp {
    margin-right: 20px !important;
  }
}
.mr25 {
  margin-right: 25px !important;
}

@media screen and (min-width: 768px) {
  .mr25-pc {
    margin-right: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr25-sp {
    margin-right: 25px !important;
  }
}
.mr30 {
  margin-right: 30px !important;
}

@media screen and (min-width: 768px) {
  .mr30-pc {
    margin-right: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr30-sp {
    margin-right: 30px !important;
  }
}
.mr35 {
  margin-right: 35px !important;
}

@media screen and (min-width: 768px) {
  .mr35-pc {
    margin-right: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr35-sp {
    margin-right: 35px !important;
  }
}
.mr40 {
  margin-right: 40px !important;
}

@media screen and (min-width: 768px) {
  .mr40-pc {
    margin-right: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr40-sp {
    margin-right: 40px !important;
  }
}
.mr45 {
  margin-right: 45px !important;
}

@media screen and (min-width: 768px) {
  .mr45-pc {
    margin-right: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr45-sp {
    margin-right: 45px !important;
  }
}
.mr50 {
  margin-right: 50px !important;
}

@media screen and (min-width: 768px) {
  .mr50-pc {
    margin-right: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr50-sp {
    margin-right: 50px !important;
  }
}
.mr55 {
  margin-right: 55px !important;
}

@media screen and (min-width: 768px) {
  .mr55-pc {
    margin-right: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr55-sp {
    margin-right: 55px !important;
  }
}
.mr60 {
  margin-right: 60px !important;
}

@media screen and (min-width: 768px) {
  .mr60-pc {
    margin-right: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr60-sp {
    margin-right: 60px !important;
  }
}
.mr65 {
  margin-right: 65px !important;
}

@media screen and (min-width: 768px) {
  .mr65-pc {
    margin-right: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr65-sp {
    margin-right: 65px !important;
  }
}
.mr70 {
  margin-right: 70px !important;
}

@media screen and (min-width: 768px) {
  .mr70-pc {
    margin-right: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr70-sp {
    margin-right: 70px !important;
  }
}
.mr75 {
  margin-right: 75px !important;
}

@media screen and (min-width: 768px) {
  .mr75-pc {
    margin-right: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr75-sp {
    margin-right: 75px !important;
  }
}
.mr80 {
  margin-right: 80px !important;
}

@media screen and (min-width: 768px) {
  .mr80-pc {
    margin-right: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr80-sp {
    margin-right: 80px !important;
  }
}
.mr85 {
  margin-right: 85px !important;
}

@media screen and (min-width: 768px) {
  .mr85-pc {
    margin-right: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr85-sp {
    margin-right: 85px !important;
  }
}
.mr90 {
  margin-right: 90px !important;
}

@media screen and (min-width: 768px) {
  .mr90-pc {
    margin-right: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr90-sp {
    margin-right: 90px !important;
  }
}
.mr95 {
  margin-right: 95px !important;
}

@media screen and (min-width: 768px) {
  .mr95-pc {
    margin-right: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr95-sp {
    margin-right: 95px !important;
  }
}
.mr100 {
  margin-right: 100px !important;
}

@media screen and (min-width: 768px) {
  .mr100-pc {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr100-sp {
    margin-right: 100px !important;
  }
}
.pt-100 {
  padding-top: -100px !important;
}

@media screen and (min-width: 768px) {
  .pt-100-pc {
    padding-top: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-100-sp {
    padding-top: -100px !important;
  }
}
.pt-95 {
  padding-top: -95px !important;
}

@media screen and (min-width: 768px) {
  .pt-95-pc {
    padding-top: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-95-sp {
    padding-top: -95px !important;
  }
}
.pt-90 {
  padding-top: -90px !important;
}

@media screen and (min-width: 768px) {
  .pt-90-pc {
    padding-top: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-90-sp {
    padding-top: -90px !important;
  }
}
.pt-85 {
  padding-top: -85px !important;
}

@media screen and (min-width: 768px) {
  .pt-85-pc {
    padding-top: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-85-sp {
    padding-top: -85px !important;
  }
}
.pt-80 {
  padding-top: -80px !important;
}

@media screen and (min-width: 768px) {
  .pt-80-pc {
    padding-top: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-80-sp {
    padding-top: -80px !important;
  }
}
.pt-75 {
  padding-top: -75px !important;
}

@media screen and (min-width: 768px) {
  .pt-75-pc {
    padding-top: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-75-sp {
    padding-top: -75px !important;
  }
}
.pt-70 {
  padding-top: -70px !important;
}

@media screen and (min-width: 768px) {
  .pt-70-pc {
    padding-top: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-70-sp {
    padding-top: -70px !important;
  }
}
.pt-65 {
  padding-top: -65px !important;
}

@media screen and (min-width: 768px) {
  .pt-65-pc {
    padding-top: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-65-sp {
    padding-top: -65px !important;
  }
}
.pt-60 {
  padding-top: -60px !important;
}

@media screen and (min-width: 768px) {
  .pt-60-pc {
    padding-top: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-60-sp {
    padding-top: -60px !important;
  }
}
.pt-55 {
  padding-top: -55px !important;
}

@media screen and (min-width: 768px) {
  .pt-55-pc {
    padding-top: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-55-sp {
    padding-top: -55px !important;
  }
}
.pt-50 {
  padding-top: -50px !important;
}

@media screen and (min-width: 768px) {
  .pt-50-pc {
    padding-top: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-50-sp {
    padding-top: -50px !important;
  }
}
.pt-45 {
  padding-top: -45px !important;
}

@media screen and (min-width: 768px) {
  .pt-45-pc {
    padding-top: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-45-sp {
    padding-top: -45px !important;
  }
}
.pt-40 {
  padding-top: -40px !important;
}

@media screen and (min-width: 768px) {
  .pt-40-pc {
    padding-top: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-40-sp {
    padding-top: -40px !important;
  }
}
.pt-35 {
  padding-top: -35px !important;
}

@media screen and (min-width: 768px) {
  .pt-35-pc {
    padding-top: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-35-sp {
    padding-top: -35px !important;
  }
}
.pt-30 {
  padding-top: -30px !important;
}

@media screen and (min-width: 768px) {
  .pt-30-pc {
    padding-top: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-30-sp {
    padding-top: -30px !important;
  }
}
.pt-25 {
  padding-top: -25px !important;
}

@media screen and (min-width: 768px) {
  .pt-25-pc {
    padding-top: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-25-sp {
    padding-top: -25px !important;
  }
}
.pt-20 {
  padding-top: -20px !important;
}

@media screen and (min-width: 768px) {
  .pt-20-pc {
    padding-top: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-20-sp {
    padding-top: -20px !important;
  }
}
.pt-15 {
  padding-top: -15px !important;
}

@media screen and (min-width: 768px) {
  .pt-15-pc {
    padding-top: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-15-sp {
    padding-top: -15px !important;
  }
}
.pt-10 {
  padding-top: -10px !important;
}

@media screen and (min-width: 768px) {
  .pt-10-pc {
    padding-top: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-10-sp {
    padding-top: -10px !important;
  }
}
.pt-05 {
  padding-top: -5px !important;
}

@media screen and (min-width: 768px) {
  .pt-05-pc {
    padding-top: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-05-sp {
    padding-top: -5px !important;
  }
}
.pt00 {
  padding-top: 0px !important;
}

@media screen and (min-width: 768px) {
  .pt00-pc {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt00-sp {
    padding-top: 0px !important;
  }
}
.pt05 {
  padding-top: 5px !important;
}

@media screen and (min-width: 768px) {
  .pt05-pc {
    padding-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt05-sp {
    padding-top: 5px !important;
  }
}
.pt10 {
  padding-top: 10px !important;
}

@media screen and (min-width: 768px) {
  .pt10-pc {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt10-sp {
    padding-top: 10px !important;
  }
}
.pt15 {
  padding-top: 15px !important;
}

@media screen and (min-width: 768px) {
  .pt15-pc {
    padding-top: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt15-sp {
    padding-top: 15px !important;
  }
}
.pt20 {
  padding-top: 20px !important;
}

@media screen and (min-width: 768px) {
  .pt20-pc {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt20-sp {
    padding-top: 20px !important;
  }
}
.pt25 {
  padding-top: 25px !important;
}

@media screen and (min-width: 768px) {
  .pt25-pc {
    padding-top: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt25-sp {
    padding-top: 25px !important;
  }
}
.pt30 {
  padding-top: 30px !important;
}

@media screen and (min-width: 768px) {
  .pt30-pc {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt30-sp {
    padding-top: 30px !important;
  }
}
.pt35 {
  padding-top: 35px !important;
}

@media screen and (min-width: 768px) {
  .pt35-pc {
    padding-top: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt35-sp {
    padding-top: 35px !important;
  }
}
.pt40 {
  padding-top: 40px !important;
}

@media screen and (min-width: 768px) {
  .pt40-pc {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt40-sp {
    padding-top: 40px !important;
  }
}
.pt45 {
  padding-top: 45px !important;
}

@media screen and (min-width: 768px) {
  .pt45-pc {
    padding-top: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt45-sp {
    padding-top: 45px !important;
  }
}
.pt50 {
  padding-top: 50px !important;
}

@media screen and (min-width: 768px) {
  .pt50-pc {
    padding-top: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt50-sp {
    padding-top: 50px !important;
  }
}
.pt55 {
  padding-top: 55px !important;
}

@media screen and (min-width: 768px) {
  .pt55-pc {
    padding-top: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt55-sp {
    padding-top: 55px !important;
  }
}
.pt60 {
  padding-top: 60px !important;
}

@media screen and (min-width: 768px) {
  .pt60-pc {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt60-sp {
    padding-top: 60px !important;
  }
}
.pt65 {
  padding-top: 65px !important;
}

@media screen and (min-width: 768px) {
  .pt65-pc {
    padding-top: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt65-sp {
    padding-top: 65px !important;
  }
}
.pt70 {
  padding-top: 70px !important;
}

@media screen and (min-width: 768px) {
  .pt70-pc {
    padding-top: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt70-sp {
    padding-top: 70px !important;
  }
}
.pt75 {
  padding-top: 75px !important;
}

@media screen and (min-width: 768px) {
  .pt75-pc {
    padding-top: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt75-sp {
    padding-top: 75px !important;
  }
}
.pt80 {
  padding-top: 80px !important;
}

@media screen and (min-width: 768px) {
  .pt80-pc {
    padding-top: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt80-sp {
    padding-top: 80px !important;
  }
}
.pt85 {
  padding-top: 85px !important;
}

@media screen and (min-width: 768px) {
  .pt85-pc {
    padding-top: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt85-sp {
    padding-top: 85px !important;
  }
}
.pt90 {
  padding-top: 90px !important;
}

@media screen and (min-width: 768px) {
  .pt90-pc {
    padding-top: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt90-sp {
    padding-top: 90px !important;
  }
}
.pt95 {
  padding-top: 95px !important;
}

@media screen and (min-width: 768px) {
  .pt95-pc {
    padding-top: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt95-sp {
    padding-top: 95px !important;
  }
}
.pt100 {
  padding-top: 100px !important;
}

@media screen and (min-width: 768px) {
  .pt100-pc {
    padding-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt100-sp {
    padding-top: 100px !important;
  }
}
.pb-100 {
  padding-bottom: -100px !important;
}

@media screen and (min-width: 768px) {
  .pb-100-pc {
    padding-bottom: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-100-sp {
    padding-bottom: -100px !important;
  }
}
.pb-95 {
  padding-bottom: -95px !important;
}

@media screen and (min-width: 768px) {
  .pb-95-pc {
    padding-bottom: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-95-sp {
    padding-bottom: -95px !important;
  }
}
.pb-90 {
  padding-bottom: -90px !important;
}

@media screen and (min-width: 768px) {
  .pb-90-pc {
    padding-bottom: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-90-sp {
    padding-bottom: -90px !important;
  }
}
.pb-85 {
  padding-bottom: -85px !important;
}

@media screen and (min-width: 768px) {
  .pb-85-pc {
    padding-bottom: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-85-sp {
    padding-bottom: -85px !important;
  }
}
.pb-80 {
  padding-bottom: -80px !important;
}

@media screen and (min-width: 768px) {
  .pb-80-pc {
    padding-bottom: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-80-sp {
    padding-bottom: -80px !important;
  }
}
.pb-75 {
  padding-bottom: -75px !important;
}

@media screen and (min-width: 768px) {
  .pb-75-pc {
    padding-bottom: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-75-sp {
    padding-bottom: -75px !important;
  }
}
.pb-70 {
  padding-bottom: -70px !important;
}

@media screen and (min-width: 768px) {
  .pb-70-pc {
    padding-bottom: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-70-sp {
    padding-bottom: -70px !important;
  }
}
.pb-65 {
  padding-bottom: -65px !important;
}

@media screen and (min-width: 768px) {
  .pb-65-pc {
    padding-bottom: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-65-sp {
    padding-bottom: -65px !important;
  }
}
.pb-60 {
  padding-bottom: -60px !important;
}

@media screen and (min-width: 768px) {
  .pb-60-pc {
    padding-bottom: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-60-sp {
    padding-bottom: -60px !important;
  }
}
.pb-55 {
  padding-bottom: -55px !important;
}

@media screen and (min-width: 768px) {
  .pb-55-pc {
    padding-bottom: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-55-sp {
    padding-bottom: -55px !important;
  }
}
.pb-50 {
  padding-bottom: -50px !important;
}

@media screen and (min-width: 768px) {
  .pb-50-pc {
    padding-bottom: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-50-sp {
    padding-bottom: -50px !important;
  }
}
.pb-45 {
  padding-bottom: -45px !important;
}

@media screen and (min-width: 768px) {
  .pb-45-pc {
    padding-bottom: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-45-sp {
    padding-bottom: -45px !important;
  }
}
.pb-40 {
  padding-bottom: -40px !important;
}

@media screen and (min-width: 768px) {
  .pb-40-pc {
    padding-bottom: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-40-sp {
    padding-bottom: -40px !important;
  }
}
.pb-35 {
  padding-bottom: -35px !important;
}

@media screen and (min-width: 768px) {
  .pb-35-pc {
    padding-bottom: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-35-sp {
    padding-bottom: -35px !important;
  }
}
.pb-30 {
  padding-bottom: -30px !important;
}

@media screen and (min-width: 768px) {
  .pb-30-pc {
    padding-bottom: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-30-sp {
    padding-bottom: -30px !important;
  }
}
.pb-25 {
  padding-bottom: -25px !important;
}

@media screen and (min-width: 768px) {
  .pb-25-pc {
    padding-bottom: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-25-sp {
    padding-bottom: -25px !important;
  }
}
.pb-20 {
  padding-bottom: -20px !important;
}

@media screen and (min-width: 768px) {
  .pb-20-pc {
    padding-bottom: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-20-sp {
    padding-bottom: -20px !important;
  }
}
.pb-15 {
  padding-bottom: -15px !important;
}

@media screen and (min-width: 768px) {
  .pb-15-pc {
    padding-bottom: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-15-sp {
    padding-bottom: -15px !important;
  }
}
.pb-10 {
  padding-bottom: -10px !important;
}

@media screen and (min-width: 768px) {
  .pb-10-pc {
    padding-bottom: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-10-sp {
    padding-bottom: -10px !important;
  }
}
.pb-05 {
  padding-bottom: -5px !important;
}

@media screen and (min-width: 768px) {
  .pb-05-pc {
    padding-bottom: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-05-sp {
    padding-bottom: -5px !important;
  }
}
.pb00 {
  padding-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
  .pb00-pc {
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb00-sp {
    padding-bottom: 0px !important;
  }
}
.pb05 {
  padding-bottom: 5px !important;
}

@media screen and (min-width: 768px) {
  .pb05-pc {
    padding-bottom: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb05-sp {
    padding-bottom: 5px !important;
  }
}
.pb10 {
  padding-bottom: 10px !important;
}

@media screen and (min-width: 768px) {
  .pb10-pc {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb10-sp {
    padding-bottom: 10px !important;
  }
}
.pb15 {
  padding-bottom: 15px !important;
}

@media screen and (min-width: 768px) {
  .pb15-pc {
    padding-bottom: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb15-sp {
    padding-bottom: 15px !important;
  }
}
.pb20 {
  padding-bottom: 20px !important;
}

@media screen and (min-width: 768px) {
  .pb20-pc {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb20-sp {
    padding-bottom: 20px !important;
  }
}
.pb25 {
  padding-bottom: 25px !important;
}

@media screen and (min-width: 768px) {
  .pb25-pc {
    padding-bottom: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb25-sp {
    padding-bottom: 25px !important;
  }
}
.pb30 {
  padding-bottom: 30px !important;
}

@media screen and (min-width: 768px) {
  .pb30-pc {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb30-sp {
    padding-bottom: 30px !important;
  }
}
.pb35 {
  padding-bottom: 35px !important;
}

@media screen and (min-width: 768px) {
  .pb35-pc {
    padding-bottom: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb35-sp {
    padding-bottom: 35px !important;
  }
}
.pb40 {
  padding-bottom: 40px !important;
}

@media screen and (min-width: 768px) {
  .pb40-pc {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb40-sp {
    padding-bottom: 40px !important;
  }
}
.pb45 {
  padding-bottom: 45px !important;
}

@media screen and (min-width: 768px) {
  .pb45-pc {
    padding-bottom: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb45-sp {
    padding-bottom: 45px !important;
  }
}
.pb50 {
  padding-bottom: 50px !important;
}

@media screen and (min-width: 768px) {
  .pb50-pc {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb50-sp {
    padding-bottom: 50px !important;
  }
}
.pb55 {
  padding-bottom: 55px !important;
}

@media screen and (min-width: 768px) {
  .pb55-pc {
    padding-bottom: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb55-sp {
    padding-bottom: 55px !important;
  }
}
.pb60 {
  padding-bottom: 60px !important;
}

@media screen and (min-width: 768px) {
  .pb60-pc {
    padding-bottom: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb60-sp {
    padding-bottom: 60px !important;
  }
}
.pb65 {
  padding-bottom: 65px !important;
}

@media screen and (min-width: 768px) {
  .pb65-pc {
    padding-bottom: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb65-sp {
    padding-bottom: 65px !important;
  }
}
.pb70 {
  padding-bottom: 70px !important;
}

@media screen and (min-width: 768px) {
  .pb70-pc {
    padding-bottom: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb70-sp {
    padding-bottom: 70px !important;
  }
}
.pb75 {
  padding-bottom: 75px !important;
}

@media screen and (min-width: 768px) {
  .pb75-pc {
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb75-sp {
    padding-bottom: 75px !important;
  }
}
.pb80 {
  padding-bottom: 80px !important;
}

@media screen and (min-width: 768px) {
  .pb80-pc {
    padding-bottom: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb80-sp {
    padding-bottom: 80px !important;
  }
}
.pb85 {
  padding-bottom: 85px !important;
}

@media screen and (min-width: 768px) {
  .pb85-pc {
    padding-bottom: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb85-sp {
    padding-bottom: 85px !important;
  }
}
.pb90 {
  padding-bottom: 90px !important;
}

@media screen and (min-width: 768px) {
  .pb90-pc {
    padding-bottom: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb90-sp {
    padding-bottom: 90px !important;
  }
}
.pb95 {
  padding-bottom: 95px !important;
}

@media screen and (min-width: 768px) {
  .pb95-pc {
    padding-bottom: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb95-sp {
    padding-bottom: 95px !important;
  }
}
.pb100 {
  padding-bottom: 100px !important;
}

@media screen and (min-width: 768px) {
  .pb100-pc {
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb100-sp {
    padding-bottom: 100px !important;
  }
}
.pl-100 {
  padding-left: -100px !important;
}

@media screen and (min-width: 768px) {
  .pl-100-pc {
    padding-left: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-100-sp {
    padding-left: -100px !important;
  }
}
.pl-95 {
  padding-left: -95px !important;
}

@media screen and (min-width: 768px) {
  .pl-95-pc {
    padding-left: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-95-sp {
    padding-left: -95px !important;
  }
}
.pl-90 {
  padding-left: -90px !important;
}

@media screen and (min-width: 768px) {
  .pl-90-pc {
    padding-left: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-90-sp {
    padding-left: -90px !important;
  }
}
.pl-85 {
  padding-left: -85px !important;
}

@media screen and (min-width: 768px) {
  .pl-85-pc {
    padding-left: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-85-sp {
    padding-left: -85px !important;
  }
}
.pl-80 {
  padding-left: -80px !important;
}

@media screen and (min-width: 768px) {
  .pl-80-pc {
    padding-left: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-80-sp {
    padding-left: -80px !important;
  }
}
.pl-75 {
  padding-left: -75px !important;
}

@media screen and (min-width: 768px) {
  .pl-75-pc {
    padding-left: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-75-sp {
    padding-left: -75px !important;
  }
}
.pl-70 {
  padding-left: -70px !important;
}

@media screen and (min-width: 768px) {
  .pl-70-pc {
    padding-left: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-70-sp {
    padding-left: -70px !important;
  }
}
.pl-65 {
  padding-left: -65px !important;
}

@media screen and (min-width: 768px) {
  .pl-65-pc {
    padding-left: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-65-sp {
    padding-left: -65px !important;
  }
}
.pl-60 {
  padding-left: -60px !important;
}

@media screen and (min-width: 768px) {
  .pl-60-pc {
    padding-left: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-60-sp {
    padding-left: -60px !important;
  }
}
.pl-55 {
  padding-left: -55px !important;
}

@media screen and (min-width: 768px) {
  .pl-55-pc {
    padding-left: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-55-sp {
    padding-left: -55px !important;
  }
}
.pl-50 {
  padding-left: -50px !important;
}

@media screen and (min-width: 768px) {
  .pl-50-pc {
    padding-left: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-50-sp {
    padding-left: -50px !important;
  }
}
.pl-45 {
  padding-left: -45px !important;
}

@media screen and (min-width: 768px) {
  .pl-45-pc {
    padding-left: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-45-sp {
    padding-left: -45px !important;
  }
}
.pl-40 {
  padding-left: -40px !important;
}

@media screen and (min-width: 768px) {
  .pl-40-pc {
    padding-left: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-40-sp {
    padding-left: -40px !important;
  }
}
.pl-35 {
  padding-left: -35px !important;
}

@media screen and (min-width: 768px) {
  .pl-35-pc {
    padding-left: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-35-sp {
    padding-left: -35px !important;
  }
}
.pl-30 {
  padding-left: -30px !important;
}

@media screen and (min-width: 768px) {
  .pl-30-pc {
    padding-left: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-30-sp {
    padding-left: -30px !important;
  }
}
.pl-25 {
  padding-left: -25px !important;
}

@media screen and (min-width: 768px) {
  .pl-25-pc {
    padding-left: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-25-sp {
    padding-left: -25px !important;
  }
}
.pl-20 {
  padding-left: -20px !important;
}

@media screen and (min-width: 768px) {
  .pl-20-pc {
    padding-left: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-20-sp {
    padding-left: -20px !important;
  }
}
.pl-15 {
  padding-left: -15px !important;
}

@media screen and (min-width: 768px) {
  .pl-15-pc {
    padding-left: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-15-sp {
    padding-left: -15px !important;
  }
}
.pl-10 {
  padding-left: -10px !important;
}

@media screen and (min-width: 768px) {
  .pl-10-pc {
    padding-left: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-10-sp {
    padding-left: -10px !important;
  }
}
.pl-05 {
  padding-left: -5px !important;
}

@media screen and (min-width: 768px) {
  .pl-05-pc {
    padding-left: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-05-sp {
    padding-left: -5px !important;
  }
}
.pl00 {
  padding-left: 0px !important;
}

@media screen and (min-width: 768px) {
  .pl00-pc {
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl00-sp {
    padding-left: 0px !important;
  }
}
.pl05 {
  padding-left: 5px !important;
}

@media screen and (min-width: 768px) {
  .pl05-pc {
    padding-left: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl05-sp {
    padding-left: 5px !important;
  }
}
.pl10 {
  padding-left: 10px !important;
}

@media screen and (min-width: 768px) {
  .pl10-pc {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl10-sp {
    padding-left: 10px !important;
  }
}
.pl15 {
  padding-left: 15px !important;
}

@media screen and (min-width: 768px) {
  .pl15-pc {
    padding-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl15-sp {
    padding-left: 15px !important;
  }
}
.pl20 {
  padding-left: 20px !important;
}

@media screen and (min-width: 768px) {
  .pl20-pc {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl20-sp {
    padding-left: 20px !important;
  }
}
.pl25 {
  padding-left: 25px !important;
}

@media screen and (min-width: 768px) {
  .pl25-pc {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl25-sp {
    padding-left: 25px !important;
  }
}
.pl30 {
  padding-left: 30px !important;
}

@media screen and (min-width: 768px) {
  .pl30-pc {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl30-sp {
    padding-left: 30px !important;
  }
}
.pl35 {
  padding-left: 35px !important;
}

@media screen and (min-width: 768px) {
  .pl35-pc {
    padding-left: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl35-sp {
    padding-left: 35px !important;
  }
}
.pl40 {
  padding-left: 40px !important;
}

@media screen and (min-width: 768px) {
  .pl40-pc {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl40-sp {
    padding-left: 40px !important;
  }
}
.pl45 {
  padding-left: 45px !important;
}

@media screen and (min-width: 768px) {
  .pl45-pc {
    padding-left: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl45-sp {
    padding-left: 45px !important;
  }
}
.pl50 {
  padding-left: 50px !important;
}

@media screen and (min-width: 768px) {
  .pl50-pc {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl50-sp {
    padding-left: 50px !important;
  }
}
.pl55 {
  padding-left: 55px !important;
}

@media screen and (min-width: 768px) {
  .pl55-pc {
    padding-left: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl55-sp {
    padding-left: 55px !important;
  }
}
.pl60 {
  padding-left: 60px !important;
}

@media screen and (min-width: 768px) {
  .pl60-pc {
    padding-left: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl60-sp {
    padding-left: 60px !important;
  }
}
.pl65 {
  padding-left: 65px !important;
}

@media screen and (min-width: 768px) {
  .pl65-pc {
    padding-left: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl65-sp {
    padding-left: 65px !important;
  }
}
.pl70 {
  padding-left: 70px !important;
}

@media screen and (min-width: 768px) {
  .pl70-pc {
    padding-left: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl70-sp {
    padding-left: 70px !important;
  }
}
.pl75 {
  padding-left: 75px !important;
}

@media screen and (min-width: 768px) {
  .pl75-pc {
    padding-left: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl75-sp {
    padding-left: 75px !important;
  }
}
.pl80 {
  padding-left: 80px !important;
}

@media screen and (min-width: 768px) {
  .pl80-pc {
    padding-left: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl80-sp {
    padding-left: 80px !important;
  }
}
.pl85 {
  padding-left: 85px !important;
}

@media screen and (min-width: 768px) {
  .pl85-pc {
    padding-left: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl85-sp {
    padding-left: 85px !important;
  }
}
.pl90 {
  padding-left: 90px !important;
}

@media screen and (min-width: 768px) {
  .pl90-pc {
    padding-left: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl90-sp {
    padding-left: 90px !important;
  }
}
.pl95 {
  padding-left: 95px !important;
}

@media screen and (min-width: 768px) {
  .pl95-pc {
    padding-left: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl95-sp {
    padding-left: 95px !important;
  }
}
.pl100 {
  padding-left: 100px !important;
}

@media screen and (min-width: 768px) {
  .pl100-pc {
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl100-sp {
    padding-left: 100px !important;
  }
}
.pr-100 {
  padding-right: -100px !important;
}

@media screen and (min-width: 768px) {
  .pr-100-pc {
    padding-right: -100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-100-sp {
    padding-right: -100px !important;
  }
}
.pr-95 {
  padding-right: -95px !important;
}

@media screen and (min-width: 768px) {
  .pr-95-pc {
    padding-right: -95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-95-sp {
    padding-right: -95px !important;
  }
}
.pr-90 {
  padding-right: -90px !important;
}

@media screen and (min-width: 768px) {
  .pr-90-pc {
    padding-right: -90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-90-sp {
    padding-right: -90px !important;
  }
}
.pr-85 {
  padding-right: -85px !important;
}

@media screen and (min-width: 768px) {
  .pr-85-pc {
    padding-right: -85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-85-sp {
    padding-right: -85px !important;
  }
}
.pr-80 {
  padding-right: -80px !important;
}

@media screen and (min-width: 768px) {
  .pr-80-pc {
    padding-right: -80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-80-sp {
    padding-right: -80px !important;
  }
}
.pr-75 {
  padding-right: -75px !important;
}

@media screen and (min-width: 768px) {
  .pr-75-pc {
    padding-right: -75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-75-sp {
    padding-right: -75px !important;
  }
}
.pr-70 {
  padding-right: -70px !important;
}

@media screen and (min-width: 768px) {
  .pr-70-pc {
    padding-right: -70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-70-sp {
    padding-right: -70px !important;
  }
}
.pr-65 {
  padding-right: -65px !important;
}

@media screen and (min-width: 768px) {
  .pr-65-pc {
    padding-right: -65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-65-sp {
    padding-right: -65px !important;
  }
}
.pr-60 {
  padding-right: -60px !important;
}

@media screen and (min-width: 768px) {
  .pr-60-pc {
    padding-right: -60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-60-sp {
    padding-right: -60px !important;
  }
}
.pr-55 {
  padding-right: -55px !important;
}

@media screen and (min-width: 768px) {
  .pr-55-pc {
    padding-right: -55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-55-sp {
    padding-right: -55px !important;
  }
}
.pr-50 {
  padding-right: -50px !important;
}

@media screen and (min-width: 768px) {
  .pr-50-pc {
    padding-right: -50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-50-sp {
    padding-right: -50px !important;
  }
}
.pr-45 {
  padding-right: -45px !important;
}

@media screen and (min-width: 768px) {
  .pr-45-pc {
    padding-right: -45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-45-sp {
    padding-right: -45px !important;
  }
}
.pr-40 {
  padding-right: -40px !important;
}

@media screen and (min-width: 768px) {
  .pr-40-pc {
    padding-right: -40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-40-sp {
    padding-right: -40px !important;
  }
}
.pr-35 {
  padding-right: -35px !important;
}

@media screen and (min-width: 768px) {
  .pr-35-pc {
    padding-right: -35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-35-sp {
    padding-right: -35px !important;
  }
}
.pr-30 {
  padding-right: -30px !important;
}

@media screen and (min-width: 768px) {
  .pr-30-pc {
    padding-right: -30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-30-sp {
    padding-right: -30px !important;
  }
}
.pr-25 {
  padding-right: -25px !important;
}

@media screen and (min-width: 768px) {
  .pr-25-pc {
    padding-right: -25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-25-sp {
    padding-right: -25px !important;
  }
}
.pr-20 {
  padding-right: -20px !important;
}

@media screen and (min-width: 768px) {
  .pr-20-pc {
    padding-right: -20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-20-sp {
    padding-right: -20px !important;
  }
}
.pr-15 {
  padding-right: -15px !important;
}

@media screen and (min-width: 768px) {
  .pr-15-pc {
    padding-right: -15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-15-sp {
    padding-right: -15px !important;
  }
}
.pr-10 {
  padding-right: -10px !important;
}

@media screen and (min-width: 768px) {
  .pr-10-pc {
    padding-right: -10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-10-sp {
    padding-right: -10px !important;
  }
}
.pr-05 {
  padding-right: -5px !important;
}

@media screen and (min-width: 768px) {
  .pr-05-pc {
    padding-right: -5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-05-sp {
    padding-right: -5px !important;
  }
}
.pr00 {
  padding-right: 0px !important;
}

@media screen and (min-width: 768px) {
  .pr00-pc {
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr00-sp {
    padding-right: 0px !important;
  }
}
.pr05 {
  padding-right: 5px !important;
}

@media screen and (min-width: 768px) {
  .pr05-pc {
    padding-right: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr05-sp {
    padding-right: 5px !important;
  }
}
.pr10 {
  padding-right: 10px !important;
}

@media screen and (min-width: 768px) {
  .pr10-pc {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr10-sp {
    padding-right: 10px !important;
  }
}
.pr15 {
  padding-right: 15px !important;
}

@media screen and (min-width: 768px) {
  .pr15-pc {
    padding-right: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr15-sp {
    padding-right: 15px !important;
  }
}
.pr20 {
  padding-right: 20px !important;
}

@media screen and (min-width: 768px) {
  .pr20-pc {
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr20-sp {
    padding-right: 20px !important;
  }
}
.pr25 {
  padding-right: 25px !important;
}

@media screen and (min-width: 768px) {
  .pr25-pc {
    padding-right: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr25-sp {
    padding-right: 25px !important;
  }
}
.pr30 {
  padding-right: 30px !important;
}

@media screen and (min-width: 768px) {
  .pr30-pc {
    padding-right: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr30-sp {
    padding-right: 30px !important;
  }
}
.pr35 {
  padding-right: 35px !important;
}

@media screen and (min-width: 768px) {
  .pr35-pc {
    padding-right: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr35-sp {
    padding-right: 35px !important;
  }
}
.pr40 {
  padding-right: 40px !important;
}

@media screen and (min-width: 768px) {
  .pr40-pc {
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr40-sp {
    padding-right: 40px !important;
  }
}
.pr45 {
  padding-right: 45px !important;
}

@media screen and (min-width: 768px) {
  .pr45-pc {
    padding-right: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr45-sp {
    padding-right: 45px !important;
  }
}
.pr50 {
  padding-right: 50px !important;
}

@media screen and (min-width: 768px) {
  .pr50-pc {
    padding-right: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr50-sp {
    padding-right: 50px !important;
  }
}
.pr55 {
  padding-right: 55px !important;
}

@media screen and (min-width: 768px) {
  .pr55-pc {
    padding-right: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr55-sp {
    padding-right: 55px !important;
  }
}
.pr60 {
  padding-right: 60px !important;
}

@media screen and (min-width: 768px) {
  .pr60-pc {
    padding-right: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr60-sp {
    padding-right: 60px !important;
  }
}
.pr65 {
  padding-right: 65px !important;
}

@media screen and (min-width: 768px) {
  .pr65-pc {
    padding-right: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr65-sp {
    padding-right: 65px !important;
  }
}
.pr70 {
  padding-right: 70px !important;
}

@media screen and (min-width: 768px) {
  .pr70-pc {
    padding-right: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr70-sp {
    padding-right: 70px !important;
  }
}
.pr75 {
  padding-right: 75px !important;
}

@media screen and (min-width: 768px) {
  .pr75-pc {
    padding-right: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr75-sp {
    padding-right: 75px !important;
  }
}
.pr80 {
  padding-right: 80px !important;
}

@media screen and (min-width: 768px) {
  .pr80-pc {
    padding-right: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr80-sp {
    padding-right: 80px !important;
  }
}
.pr85 {
  padding-right: 85px !important;
}

@media screen and (min-width: 768px) {
  .pr85-pc {
    padding-right: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr85-sp {
    padding-right: 85px !important;
  }
}
.pr90 {
  padding-right: 90px !important;
}

@media screen and (min-width: 768px) {
  .pr90-pc {
    padding-right: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr90-sp {
    padding-right: 90px !important;
  }
}
.pr95 {
  padding-right: 95px !important;
}

@media screen and (min-width: 768px) {
  .pr95-pc {
    padding-right: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr95-sp {
    padding-right: 95px !important;
  }
}
.pr100 {
  padding-right: 100px !important;
}

@media screen and (min-width: 768px) {
  .pr100-pc {
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr100-sp {
    padding-right: 100px !important;
  }
}
.indent-1 {
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .indent-1-pc {
    text-indent: -1em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  .indent-1-sp {
    text-indent: -1em;
    margin-left: 1em;
  }
}
.block {
  display: block;
}

@media screen and (min-width: 768px) {
  .block-pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .block-sp {
    display: block;
  }
}
.word-break {
  display: block;
}

@media screen and (min-width: 768px) {
  .word-break-pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .word-break-sp {
    display: block;
  }
}
.flex {
  display: flex;
}

@media screen and (min-width: 768px) {
  .flex-pc {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .flex-sp {
    display: flex;
  }
}
.flex-row {
  flex-flow: row;
}

@media screen and (min-width: 768px) {
  .flex-row-pc {
    flex-flow: row;
  }
}
@media screen and (max-width: 767px) {
  .flex-row-sp {
    flex-flow: row;
  }
}
.flex-column {
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  .flex-column-pc {
    flex-flow: column;
  }
}
@media screen and (max-width: 767px) {
  .flex-column-sp {
    flex-flow: column;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .flex-wrap-pc {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .flex-wrap-sp {
    flex-wrap: wrap;
  }
}
.flex-nowrap {
  flex-wrap: nowrap;
}

@media screen and (min-width: 768px) {
  .flex-nowrap-pc {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .flex-nowrap-sp {
    flex-wrap: nowrap;
  }
}
.center {
  text-align: center !important;
}

@media screen and (min-width: 768px) {
  .center-pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .center-sp {
    text-align: center !important;
  }
}
.fleft {
  float: left;
}

@media screen and (min-width: 768px) {
  .fleft-pc {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .fleft-sp {
    float: left;
  }
}
.fright {
  float: right;
}

@media screen and (min-width: 768px) {
  .fright-pc {
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .fright-sp {
    float: right;
  }
}
.viewport {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

body {
  overflow-x: hidden;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0 0 1em;
  clear: both;
}

h2 {
  margin-bottom: 70px;
  padding: 0;
  font-size: 32px;
  color: var(--txt-color);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  background-color: transparent;
  text-decoration: underline 6px solid var(--orange);
  text-underline-offset: 13px;
  line-height: 2;
}

h3 {
  display: block;
  padding: 9px 12px 6px 24px;
  background: var(--bg_title_color);
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  color: #fff;
  position: relative;
  margin-bottom: 15px;
  padding: 12px 30px 12px;
  font-size: 24px;
  border-radius: 5px;
}

h4 {
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: normal;
  color: var(--orange);
  text-align: left;
  position: relative;
  border-bottom: 2px solid var(--bg_title_color);
}

h5 {
  display: block;
  padding: 0 18px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: bold;
  color: var(--orange);
  text-align: left;
  position: relative;
  border-left: 6px solid var(--bg_title_color);
}

h6 {
  display: block;
  padding: 18px 20px;
  display: block;
  font-size: 14px;
  line-height: 1.57em;
  font-weight: normal;
  color: #313131;
  text-align: left;
  position: relative;
  background-color: #fafafa;
}

h2 a,
.h2 a,
h2 a:link,
h2 a:visited,
h3 a,
.h3 a,
h3 a:link,
h3 a:visited,
h4 a,
.h4 a,
h4 a:link,
h4 a:visited,
h5 a,
.h5 a,
h5 a:link,
h5 a:visited,
h6 a,
.h6 a,
h6 a:link,
h6 a:visited {
  font: inherit;
  color: inherit;
}

p + h2,
p + .h2,
.table + h2,
.table + .h2,
ol + h2,
ol + .h2,
ul + h2,
ul + .h2,
blockquote + h2,
blockquote + .h2,
pre + h2,
pre + .h2,
p + h3,
p + .h3,
.table + h3,
.table + .h3,
ol + h3,
ol + .h3,
ul + h3,
ul + .h3,
blockquote + h3,
blockquote + .h3,
pre + h3,
pre + .h3,
p + h4,
p + .h4,
.table + h4,
.table + .h4,
ol + h4,
ol + .h4,
ul + h4,
ul + .h4,
blockquote + h4,
blockquote + .h4,
pre + h4,
pre + .h4,
p + h5,
p + .h5,
.table + h5,
.table + .h5,
ol + h5,
ol + .h5,
ul + h5,
ul + .h5,
blockquote + h5,
blockquote + .h5,
pre + h5,
pre + .h5,
p + h6,
p + .h6,
.table + h6,
.table + .h6,
ol + h6,
ol + .h6,
ul + h6,
ul + .h6,
blockquote + h6,
blockquote + .h6,
pre + h6,
pre + .h6 {
  margin-top: 30px;
}

p ~ h5,
p ~ .h5 {
  margin-bottom: 10px;
}

.table table,
.mce-content-body table,
.entry table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #cbcbcb;
}

.table table th,
.table table td,
.mce-content-body table th,
.mce-content-body table td,
.entry table th,
.entry table td {
  padding: 20px 20px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid #cbcbcb;
}

.table table td,
.mce-content-body table td,
.entry table td {
  background: #fff;
  color: inherit;
  font-weight: normal;
  text-align: left;
}

.table table th,
.mce-content-body table th,
.entry table th {
  background: #eee;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.table-fixed table {
  table-layout: fixed;
}

ul.hiragana {
  list-style-type: hiragana;
  padding-left: 1.8em;
}

ul.katakana {
  list-style-type: katakana;
  padding-left: 1.8em;
}

ul.hiragana-iroha {
  list-style-type: hiragana-iroha;
  padding-left: 1.8em;
}

ul.katakana-iroha {
  list-style-type: katakana-iroha;
  padding-left: 1.8em;
}

.flex-sb {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

blockquote,
pre {
  border: 1px solid #cbcbcb;
  background: #f4f4f4;
  padding: 25px 30px;
  margin: 0 auto 2em;
}

blockquote:last-child,
pre:last-child {
  margin-bottom: 0;
}

.indent-1 {
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .indent-1-pc {
    text-indent: -1em;
    margin-left: 1em;
  }
}
@media screen and (max-width: 767px) {
  .indent-1-sp {
    text-indent: -1em;
    margin-left: 1em;
  }
}
.block {
  display: block;
}

@media screen and (min-width: 768px) {
  .block-pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .block-sp {
    display: block;
  }
}
.word-break {
  display: block;
}

@media screen and (min-width: 768px) {
  .word-break-pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .word-break-sp {
    display: block;
  }
}
.flex {
  display: flex;
}

@media screen and (min-width: 768px) {
  .flex-pc {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .flex-sp {
    display: flex;
  }
}
.flex-row {
  flex-flow: row;
}

@media screen and (min-width: 768px) {
  .flex-row-pc {
    flex-flow: row;
  }
}
@media screen and (max-width: 767px) {
  .flex-row-sp {
    flex-flow: row;
  }
}
.flex-column {
  flex-flow: column;
}

@media screen and (min-width: 768px) {
  .flex-column-pc {
    flex-flow: column;
  }
}
@media screen and (max-width: 767px) {
  .flex-column-sp {
    flex-flow: column;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .flex-wrap-pc {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .flex-wrap-sp {
    flex-wrap: wrap;
  }
}
.flex-nowrap {
  flex-wrap: nowrap;
}

@media screen and (min-width: 768px) {
  .flex-nowrap-pc {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .flex-nowrap-sp {
    flex-wrap: nowrap;
  }
}
.center {
  text-align: center !important;
}

@media screen and (min-width: 768px) {
  .center-pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .center-sp {
    text-align: center !important;
  }
}
.fleft {
  float: left;
}

@media screen and (min-width: 768px) {
  .fleft-pc {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .fleft-sp {
    float: left;
  }
}
.fright {
  float: right;
}

@media screen and (min-width: 768px) {
  .fright-pc {
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .fright-sp {
    float: right;
  }
}
.entry-related-posts {
  margin: 0 0 100px;
  padding: 1px 0;
}

.entry-related-posts ul li {
  border-top: 1px dashed #ddd;
}

.entry-related-posts ul li:first-child {
  border-top: none;
}

.entry-related-posts ul li a {
  display: block;
  padding: 10px 0;
}

.breadcrumb {
  max-width: 1230px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
  color: var(--orange);
  padding: 0;
  margin: 0px auto;
}

.breadcrumb ul {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0;
}

.breadcrumb ul li:before {
  content: ">>";
  padding: 0 3px;
}

.breadcrumb ul li:first-child:before {
  display: none;
}

.breadcrumb ul li a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

.breadcrumb ul li a:hover {
  text-decoration: underline;
}

.pagination {
  margin: 40px 0;
}

.pagination ul {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  list-style: none;
}

.pagination ul li {
  margin: 0;
  padding: 0;
}

.pagination ul li a,
.pagination ul li span {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 3px;
  background: #f0f0f0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  color: #000;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s ease-out;
}

.pagination ul li.prev a,
.pagination ul li.next a {
  background: #fff;
  border-color: transparent;
}

.pagination ul li.current span,
.pagination ul li a:hover {
  text-decoration: underline;
}

.pagination ul li.disabled span,
.pagination ul li.disabled a {
  opacity: 0 !important;
  cursor: default;
}

.pagination ul li.sep span {
  background: transparent;
  border-color: transparent;
}

.entry {
  margin: 70px 0 40px;
}

.entry p {
  font-size: 16px;
  line-height: 1.7;
}

.entry a,
.entry a:link,
.entry a:visited {
  text-decoration: underline;
}

.entry p a {
  color: var(--orange);
  text-decoration: underline;
}

.entry p a:hover {
  text-decoration: none;
}

.entry p .line01 {
  background: url("../images/line01.png") repeat-x left bottom;
  background-size: 6px auto;
}

.entry p .line02 {
  background: url("../images/line02.png") repeat-x left bottom;
  background-size: 6px auto;
}

.entry table {
  margin: 30px 0 0;
}

.entry table th,
.entry table td {
  padding: 11px 5px 10px 30px;
  font-size: 14px;
  text-align: left;
  border-color: #eee;
}

.entry table th {
  padding: 11px 20px 10px;
  width: 22.1%;
  background-color: #fafafa;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .entry {
    margin: -10px 25px 30px;
  }
  .entry h2 {
    margin: 0 0 15px;
    font-size: 24px;
  }
  .entry h3,
  .entry h4,
  .entry h5 {
    margin: 0 0 15px;
  }
  .entry table {
    margin: 30px 0 0;
  }
  .entry table th,
  .entry table td {
    padding: 11px 10px 10px 18px;
  }
  .entry table th {
    padding: 11px 10px;
    width: 24%;
    text-align: center;
  }
  h2 {
    padding: 9px 15px 8px;
    font-size: 24px;
  }
  h3 {
    padding: 10px 10px 10px 14px;
    font-size: 18px;
    line-height: 1.5em;
  }
  h4 {
    padding: 10px 10px 10px 14px;
    font-size: 17px;
    line-height: 1.5em;
  }
  h5 {
    padding: 6px 12px 4px 10px;
    border-left-width: 10px;
    font-size: 16px;
    line-height: 1.5em;
  }
  p + h2,
  p + .h2,
  p + h3,
  p + .h3,
  p + h4,
  p + .h4,
  p + h5,
  p + .h5,
  p + h6,
  p + .h6,
  .table + h2,
  .table + .h2,
  .table + h3,
  .table + .h3,
  .table + h4,
  .table + .h4,
  .table + h5,
  .table + .h5,
  .table + h6,
  .table + .h6,
  ol + h2,
  ol + .h2,
  ol + h3,
  ol + .h3,
  ol + h4,
  ol + .h4,
  ol + h5,
  ol + .h5,
  ol + h6,
  ol + .h6,
  ul + h2,
  ul + .h2,
  ul + h3,
  ul + .h3,
  ul + h4,
  ul + .h4,
  ul + h5,
  ul + .h5,
  ul + h6,
  ul + .h6,
  blockquote + h2,
  blockquote + .h2,
  blockquote + h3,
  blockquote + .h3,
  blockquote + h4,
  blockquote + .h4,
  blockquote + h5,
  blockquote + .h5,
  blockquote + h6,
  blockquote + .h6,
  pre + h2,
  pre + .h2,
  pre + h3,
  pre + .h3,
  pre + h4,
  pre + .h4,
  pre + h5,
  pre + .h5,
  pre + h6,
  pre + .h6 {
    margin-top: 30px;
  }
  .table table th,
  .table table td {
    padding: 10px 10px;
  }
  .pagination ul li a,
  .pagination ul li span {
    display: flex;
    width: auto;
    padding: 0 12px;
  }
  .pagination ul li.disabled,
  .pagination ul li.disabled {
    display: none !important;
  }
  .form {
    font-size: 15px;
    line-height: 1.5em;
  }
  .form .radio {
    margin: -8px 0 0;
  }
  .form .radio label {
    display: block;
    padding: 8px 0 0;
  }
  blockquote,
  pre {
    padding: 15px 15px;
    margin: 0 auto 2em;
  }
  .entry-related-posts {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
    padding: 0 15px;
  }
  .entry-related-posts ul {
    margin-top: 0;
  }
  .entry-related-posts ul li {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    width: 100%;
  }
}
.qa_container {
  margin: 70px 0 40px;
}

li.qa_list {
  list-style: none;
}

.inner {
  width: 90.6666666667%;
  max-width: 1200px;
  margin: auto;
}

.tags a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 6px;
  padding: 8px 10px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background-color: #faa707;
}

.tags a:hover {
  text-decoration: underline;
}

/* いくらもらえる 無料診断 */
.head {
  margin-bottom: 10px;
  text-align: center;
}

.free-consultation-form {
  /* background: var(--bg_title_color); */
  padding: 20px;
}

.free-consultation-form .inner {
  background: #fff;
  padding: 16px 36px 48px;
}

.free-consultation-form .list {
  counter-reset: form-number-of-item;
}

.free-consultation-form .list dl {
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
}

.free-consultation-form .list dl dt {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 0 0 23px;
  min-height: 53px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #000;
}

.free-consultation-form .list dl dt:before {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  width: 53px;
  height: 53px;
  background: var(--orange);
  margin-right: 27px;
  counter-increment: form-number-of-item;
  content: counter(form-number-of-item);
}

.free-consultation-form .list dl dd {
  padding: 0 0 0 80px;
}

.free-consultation-form .list dl dd label {
  display: inline-block;
  margin: 0 30px 0 0;
}

.free-consultation-form .list dl dd label input[type=radio] {
  margin: 0 5px 0 0;
}

.free-consultation-form .list dl dd .date input[type=text] {
  width: 80px;
  height: 40px;
  margin: 0 12px 0 0;
}

.free-consultation-form .list dl dd .date label {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-right: 18px;
}

.free-consultation-form .list dl dd select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../images/sp/arrow-gray.png");
  background-position: right 10px center;
  background-size: 6%;
  background-repeat: no-repeat;
}

.btn {
  padding: 0;
}

.free-consultation-form .btn {
  margin-top: 20px;
  /* padding: 40px 0 0; */
}

.free-consultation-form .btn input {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background: var(--bg_title_color);
  border: none !important;
  margin: 0 auto;
  width: 300px;
  /* max-width: 350px; */
  height: 75px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  opacity: 1;
  transition: opacity 1s;
  cursor: pointer;
  position: relative;
}

.free-consultation-form .btn input:before {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: auto;
  content: "";
  background: url("../images/ic-arrow-white.png") center center no-repeat;
}

.free-consultation-form input[type=text],
.free-consultation-form input[type=number],
.free-consultation-form input[type=email],
.free-consultation-form select {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  width: 240px;
  height: 40px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .free-consultation-form {
    padding: 20px 15px;
  }
  .free-consultation-form .inner {
    background: #fff;
    padding: 15px 15px 40px;
  }
  .free-consultation-form .list dl {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0;
  }
  .free-consultation-form .list dl:last-of-type {
    border: none;
  }
  .free-consultation-form .list dl dt {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 25px;
    min-height: 40px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5em;
    color: #000;
  }
  .free-consultation-form .list dl dt:before {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    content: counter(form-number-of-item);
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    min-width: 36px;
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
  .free-consultation-form .list dl dd {
    padding: 0;
  }
  .free-consultation-form .list dl dd label {
    display: inline-block;
    margin: 0 30px 0 0;
  }
  .free-consultation-form .list dl dd label input[type=radio] {
    margin: 0 5px 0 0;
  }
  .free-consultation-form .list dl dd .date input[type=text] {
    width: 80px;
    height: 40px;
    margin: 0 12px 0 0;
  }
  .free-consultation-form .list dl dd .date label {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0 12px 6px 0;
  }
  .free-consultation-form .list dl dd select {
    background-size: 14px;
  }
  .free-consultation-form .list dl.radio-btn dd {
    padding: 0 0 0 48px;
  }
  .free-consultation-form .btn {
    /* padding: 40px 0 0; */
  }
  .free-consultation-form .btn input {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    /* background: var(--bg_title_color); */
    border: none !important;
    margin: 0 auto;
    width: 200px;
    /* max-width: 394px; */
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    opacity: 1;
    transition: opacity 1s;
    cursor: pointer;
    position: relative;
  }
  .free-consultation-form .btn input:before {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: auto;
    content: "";
    background: url("../images/ic-arrow-white.png") center center no-repeat;
  }
  .qa_container {
    margin: 50px 25px 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 450px) {
  .free-consultation-form .btn input {
    height: 50px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .free-consultation-form input[type=text],
  .free-consultation-form input[type=number],
  .free-consultation-form input[type=email],
  .free-consultation-form select {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 85%;
    height: 40px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid #b3b3b3;
    background: #fff;
  }
}
.condition {
  margin-bottom: 52px;
}

.condition .com-ttl {
  margin-bottom: 31px;
}

.condition .img-list {
  margin-bottom: 33px;
  display: flex;
  justify-content: space-between;
}

.condition .img-list li {
  width: 22.99%;
}

.condition .img-list li a {
  padding: 36px 0 20px;
  display: block;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  box-sizing: border-box;
}

.condition .img-list li a .pho {
  margin-bottom: 18px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.condition .img-list li a p {
  margin-bottom: 0;
  color: var(--orange);
  font-size: 17px;
  letter-spacing: 0.04em;
}

.condition .link-area {
  margin-top: 20px;
}

.condition .link-area .sub-box {
  margin-top: 33px;
}

.condition .link-area .sub-box .ttl {
  margin-bottom: 0;
  padding: 11px 32px 6px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #2a56cc;
  border-radius: 6px;
}

.condition .link-area .sub-box .link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
}

.condition .link-area .sub-box .link-list li {
  width: 205px;
  flex-shrink: 0;
}

.condition .link-area .sub-box .link-list li a {
  padding: 12px 10px 8px;
  display: block;
  color: var(--orange);
  font-size: 15px;
  letter-spacing: 0.03em;
  border: 2px solid #2a56cc;
  border-left-width: 8px;
}

.condition .link-area .sub-box .link-list li a:hover {
  text-decoration: none;
}

.condition .link-area .sub-box:nth-child(7n+1) .ttl {
  background-color: #29B8A8;
}

.condition .link-area .sub-box:nth-child(7n+1) .link-list li a {
  border-color: #29B8A8;
}

.condition .link-area .sub-box:nth-child(7n+2) .ttl {
  background-color: var(--orange);
}

.condition .link-area .sub-box:nth-child(7n+2) .link-list li a {
  border-color: var(--orange);
}

.condition .link-area .sub-box:nth-child(7n+3) .ttl {
  background-color: #FF9800;
}

.condition .link-area .sub-box:nth-child(7n+3) .link-list li a {
  border-color: #FF9800;
}

.condition .link-area .sub-box:nth-child(7n+4) .ttl {
  background-color: #795548;
}

.condition .link-area .sub-box:nth-child(7n+4) .link-list li a {
  border-color: #795548;
}

.condition .link-area .sub-box:nth-child(7n+5) .ttl {
  background-color: #3F51B5;
}

.condition .link-area .sub-box:nth-child(7n+5) .link-list li a {
  border-color: #3F51B5;
}

.condition .link-area .sub-box:nth-child(7n+6) .ttl {
  background-color: #F44336;
}

.condition .link-area .sub-box:nth-child(7n+6) .link-list li a {
  border-color: #F44336;
}

.condition .link-area .sub-box:nth-child(7n) .ttl {
  background-color: #607D8B;
}

.condition .link-area .sub-box:nth-child(7n) .link-list li a {
  border-color: #607D8B;
}

@media screen and (max-width: 900px) {
  .condition {
    margin-bottom: 25px;
  }
  .condition .com-ttl {
    margin-bottom: 16px;
  }
  .condition .img-list {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .condition .img-list li {
    margin-bottom: 15px;
    width: 47.5%;
  }
  .condition .img-list li a {
    padding: 36px 0 17px;
    height: 100%;
    border-radius: 3px;
    box-sizing: border-box;
  }
  .condition .img-list li a .pho {
    margin-bottom: 7px;
    height: 47px;
  }
  .condition .img-list li a .pho img {
    width: auto;
    height: 100%;
  }
  .condition .img-list li a p {
    margin-bottom: 0;
    font-size: 13px;
  }
  .condition .img-list li:first-child a .pho {
    margin-bottom: 10px;
    height: 44px;
  }
  .condition .img-list li:nth-child(3) a .pho {
    margin: -5px 0 4px;
    height: 56px;
  }
  .condition .link-area {
    display: block;
  }
  .condition .link-area .sub-box {
    margin-top: 18px;
    width: auto;
  }
  .condition .link-area .sub-box .ttl {
    margin-bottom: 0;
    padding: 13px 16px 7px;
    font-size: 22px;
    text-align: center;
    border-radius: 3px;
    background-image: url("../images/case/icon-plus.png");
    background-size: 24px auto;
    background-position: right 16px center;
    background-repeat: no-repeat;
  }
  .condition .link-area .sub-box .ttl.on {
    background-image: url("../images/case/icon-minus.png");
  }
  .condition .link-area .sub-box .link-list:not(.on) {
    display: none;
  }
  .condition .link-area .sub-box .link-list li {
    width: 100%;
    margin-bottom: 8px;
  }
  .condition .link-area .sub-box .link-list li a {
    padding: 8px 10px;
    font-size: 19px;
    letter-spacing: 0.03em;
    background-size: 11px auto;
    background-image: url("../images/icon-arrow-grey.png");
    background-size: 16px auto;
    background-position: right 16px center;
    background-repeat: no-repeat;
  }
}
/* ヘッダー */
header {
  margin-bottom: 20px;
}

header .operation_text {
  font-size: 14px;
  color: var(--txt-color);
}

.header_nav_pc {
  background-color: var(--orange);
}

.header_nav_pc ul {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0;
}

.header_nav_pc li:first-child {
  border-left: #ffffff 1px solid;
}

.drawer-menu {
  transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
  transition-duration: 0ms;
  transform: translate(0px, 0px) translateZ(0px);
}

.header_nav_pc li {
  list-style: none;
  padding-left: 0;
  width: 12.5%;
  border-right: #ffffff 1px solid;
}

.header_nav_pc li a {
  color: #fff;
  line-height: 1.5;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding: 5px 5px;
  min-height: 55px;
}

header .header_sp {
  align-items: center;
  background: white;
}

.drawer-nav {
  background: #fff;
  overflow-y: auto !important;
}

.drawer-nav ul li {
  border-bottom: 1px solid var(--orange);
  color: var(--txt-color);
  padding: 15px;
}

.drawer-nav ul li.nav-link {
  padding: 0;
}

.drawer-nav ul li a {
  padding: 10px 15px;
}

.navbar-header span,
.navbar-brand span {
  display: inline-block;
  font-size: 3.8rem;
  font-weight: bold;
  font-family: "Zen Maru Gothic", sans-serif;
}
.navbar-header span.red,
.navbar-brand span.red {
  color: #FF5926;
}
.navbar-header span.yellow,
.navbar-brand span.yellow {
  color: #F5B10C;
}
.navbar-header span.green,
.navbar-brand span.green {
  color: #3FA616;
}

@media screen and (min-width: 768px) {
  header .navbar-header .operation_text,
  .navbar-brand .operation_text {
    color: var(--txt-color);
  }
  header .navbar-header .txt,
  .navbar-brand .txt {
    margin-top: 0.4rem;
    font-family: "Zen Maru Gothic", sans-serif;
  }
  header .navbar-header .txt .bottom01,
  .navbar-brand .txt .bottom01 {
    display: inline-block;
    background-color: #FFEFC0;
    font-size: 1.4rem;
    line-height: 1.571;
    color: var(--txt-color);
    margin-right: 1rem;
    padding: 0 1.6rem;
    border-radius: 1.1rem;
  }
  header .navbar-header .txt .bottom02,
  .navbar-brand .txt .bottom02 {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.571;
    color: var(--orange);
  }
}
@media screen and (max-width: 768px) {
  header {
    margin-bottom: 0;
  }
  header .navbar-header {
    height: 6.2rem;
    width: 100%;
  }
  header .navbar-header span {
    font-size: 2rem;
    line-height: 1.45;
    display: inline-block;
  }
  .navbar-brand {
    padding-bottom: 0;
    width: 80%;
  }
}
header .header_nav_pc {
  display: none;
}

@media screen and (min-width: 768px) {
  header .header_btn {
    display: none;
  }
  header .header_nav_pc {
    display: block;
  }
  header .header_nav_pc li {
    padding: 0;
    font-size: 85%;
  }
  .navbar-brand {
    margin-right: 8.7rem;
  }
}
@media screen and (min-width: 1200px) {
  header .header_nav_pc li {
    font-size: 100%;
  }
}
.header_sp .drawer-hamburger {
  background-color: var(--orange);
  top: 10px;
  right: 8px;
  padding: 11px 0 6px 0;
  width: 45px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  background-color: #fff;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: var(--orange);
}

span.drawer-hamburger-icon {
  margin-bottom: 6px;
  width: 31.76px;
  left: 50%;
  transform: translateX(-50%);
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  position: absolute;
  top: -8px;
  left: 0;
  content: " ";
}

span.drawer-hamburger-txt {
  color: #fff;
  font-size: 10px;
  margin-top: 50px;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem !important;
}

.drawer-hamburger-icon:after {
  top: 8px;
}

@media screen and (max-width: 768px) {
  header .operation_text {
    font-size: 9px;
    font-weight: 700;
  }
  header .drawer-nav {
    width: 26rem !important;
  }
  .drawer--right .drawer-nav {
    right: -26rem;
  }
  .drawer--right.drawer-open .drawer-hamburger {
    right: 26rem !important;
  }
  header .drawer-nav ul li a {
    color: var(--txt-color);
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 15px;
  }
  .header_sp .navbar .d-flex {
    justify-content: flex-start !important;
  }
  .drawer-nav__sp-contact {
    margin-top: 2rem;
    padding: 0;
  }
  .drawer-nav__sp-contact li {
    list-style: none;
    border-bottom: none !important;
    padding: 0 !important;
    width: 80%;
    margin: 0 auto 1rem auto;
  }
  .drawer-nav__sp-contact li a {
    display: flex !important;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none;
    position: relative;
    color: #fff;
    font-weight: 500;
  }
  .drawer-nav__sp-contact li a .txt {
    color: #fff;
    padding-left: 60px;
  }
  .drawer-nav__sp-contact li a i {
    font-size: 30px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .drawer-nav__sp-contact li a .icon {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 6px 0 0 6px;
    margin-right: 15px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
  .drawer-nav__sp-contact li.link01 a {
    background-color: var(--line-color);
  }
  .drawer-nav__sp-contact li.link01 a .icon {
    border: 1px solid var(--line-color);
  }
  .drawer-nav__sp-contact li.link01 a i {
    color: var(--line-color);
  }
  .drawer-nav__sp-contact li.link02 a {
    background-color: #AFD837;
  }
  .drawer-nav__sp-contact li.link02 a .icon {
    border: 1px solid #AFD837;
  }
  .drawer-nav__sp-contact li.link02 a i {
    color: #AFD837;
  }
  .drawer-nav__sp-contact li.link03 a {
    background-color: var(--orange);
  }
  .drawer-nav__sp-contact li.link03 a .icon {
    border: 1px solid var(--orange);
  }
  .drawer-nav__sp-contact li.link03 a i {
    color: var(--orange);
  }
}
.contact_icons div a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.contact_icons div a:hover,
.contact_icons div a:link,
.contact_icons div a:visited {
  color: transparent;
}

.contact_icons div a:hover {
  opacity: 0.8;
}

.contact_icons div.contact i {
  color: #AFD837;
  font-size: 48px;
}

.contact_icons div.line i {
  color: #0eb900;
  font-size: 50px;
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  html.noscroll,
  html.noscroll body {
    height: 100%;
    overflow: hidden;
  }
}
/* メインビジュアル */
.main-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
}

main {
  margin-top: 98px;
}

@media screen and (max-width: 767px) {
  main {
    margin-top: 0;
  }
  .main-image picture,
  .main-image source,
  .main-image img {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .viewport {
    padding-top: 59px;
    transition: all 0.4s linear;
    position: relative;
  }
}
.main-sub ul,
.main-sub ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-sub ul li,
.main-sub ol li {
  margin: 0;
  padding: 0;
}

.main-sub p {
  padding: 0;
  margin-bottom: 0;
}

.main-bottom_banner {
  width: 89.3333333333%;
  max-width: 780px;
  margin: 50px auto 0 auto;
}

/* head-line01  */
.head-line01 {
  margin-bottom: 15px;
  padding: 12px 30px 12px;
  font-size: 24px;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .head-line01 {
    margin-bottom: 12px;
    padding: 7px 10px 6px;
    font-size: 16px;
    border-radius: 5px;
  }
}
/* head-line02  */
.head-line02 {
  margin-bottom: 100px;
  padding: 0;
  font-size: 32px;
  color: var(--orange);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  background-color: transparent;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.head-line02:before {
  background-color: var(--orange);
  /* 線の色 */
  border-radius: 5px;
  /* 線の両端を丸く */
  bottom: -10px;
  /* 線の位置 */
  content: "";
  height: 3px;
  /* 線の高さ */
  left: 50%;
  /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%);
  /* 線の中央寄せ */
  width: 33px;
  /* 線の長さ */
}

@media screen and (max-width: 767px) {
  .head-line02 {
    margin-bottom: 60px;
    font-size: 24px;
  }
  .head-line02:before {
    margin-left: -30px;
    bottom: -11px;
    width: 60px;
    height: 3px;
  }
}
/* 当事務所が選ばれる3つの理由 */
.resaon {
  margin-top: 50px;
  padding: 80px 0;
  position: relative;
  background-color: #E7EEB6;
}
.resaon::after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(315deg, transparent, transparent 7px, #fff 7px, #fff 10px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0.3;
}

.resaon .inner {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  z-index: 1;
}

.resaon h2 {
  margin: 0 auto 4rem auto;
  padding: 0 0 2rem 0;
  font-size: 24px;
  color: var(--txt-color);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  background-color: transparent;
  text-decoration: none;
  position: relative;
  width: fit-content;
}
.resaon h2::after {
  content: "";
  width: 100%;
  height: 7px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
  bottom: 0;
}

.resaon h2 span {
  margin-top: -12px;
  font-size: 4rem;
  color: var(--orange);
}

.resaon h2 span.dot-text {
  padding-top: 0.25em;
  background-position: top left -1px;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  background-image: radial-gradient(0.12em 0.12em at center center, var(--orange), var(--orange) 100%, transparent);
}

.resaon .list {
  padding: 0;
  display: flex;
  list-style: none;
  position: relative;
  justify-content: space-between;
  gap: 0 15px;
}
.resaon .list li {
  width: 33%;
  background-color: #fff;
  border-radius: 8rem;
  padding: 2rem 2rem 3rem 2rem;
  position: relative;
}
.resaon .list li .ttl {
  position: absolute;
  left: 10px;
  top: 47.4358974359%;
  background-color: var(--green);
  color: #fff;
  border-radius: 50%;
  aspect-ratio: 10/10;
  width: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
}
.resaon .list li .ttl span {
  display: block;
  font-size: 2.6rem;
}
.resaon .list li .photo img,
.resaon .list li .photo picture {
  width: 100%;
  border-radius: 6rem;
}
.resaon .list li .txt {
  font-size: 2.4rem;
  text-align: center;
  margin-top: 3rem;
  font-weight: 500;
}
.resaon .list li .txt span {
  color: var(--orange);
}
.resaon .list li .btn {
  width: 100%;
  max-width: 30rem;
  margin: 2rem auto 0 auto;
  display: block;
}
.resaon .list li .btn a {
  background-color: var(--orange);
  color: #fff;
  width: 100%;
  border-radius: 2.5rem;
  line-height: 3.125;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 0;
  position: relative;
  display: block;
  text-align: center;
  box-sizing: border-box;
}
.resaon .list li .btn a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.576%22%20height%3D%2214.214%22%20viewBox%3D%220%200%2016.576%2014.214%22%3E%0A%20%20%3Cpath%20id%3D%22arrow-right-solid%22%20d%3D%22M16.229%2C71.868a1.186%2C1.186%2C0%2C0%2C0%2C0-1.676l-5.92-5.92a1.185%2C1.185%2C0%2C0%2C0-1.676%2C1.676l3.9%2C3.9H1.184a1.184%2C1.184%2C0%2C1%2C0%2C0%2C2.368H12.532l-3.9%2C3.9a1.185%2C1.185%2C0%2C0%2C0%2C1.676%2C1.676l5.92-5.92Z%22%20transform%3D%22translate(0%20-63.925)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 1.658rem;
  aspect-ratio: 16.58/14.21;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 1.55rem;
  top: 1.79rem;
}
.resaon .list li .btn a:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .reason_no {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .resaon .list li .photo p {
    font-size: 15px;
  }
}
@media screen and (max-width: 900px) {
  .resaon .list li .photo p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .resaon {
    padding: 6rem 0 5rem 0;
  }
  .resaon .inner {
    max-width: inherit;
  }
  .resaon h2 {
    margin-bottom: 4.45rem;
    font-size: 1.8rem;
  }
  .resaon h2 span {
    font-size: 3rem;
  }
  .resaon h2::after {
    height: 4px;
  }
  .resaon .list {
    padding: 0;
    display: block;
  }
  .resaon .list li {
    width: auto;
    margin-bottom: 1.5rem;
  }
  .resaon .list li:last-child {
    margin-bottom: 0;
  }
  .resaon .list li .ttl {
    top: 42.3728813559%;
    width: 8rem;
  }
  .resaon .list li .txt {
    margin-top: 3rem;
  }
  .resaon .list li .btn {
    max-width: 25rem;
    margin: 2rem auto 0 auto;
  }
}
/* バナーエリア */
.banner-area {
  padding-top: 8.87rem;
}
.banner-area .inner {
  max-width: 1200px;
  margin: auto;
}

/* バナーエリア */
.banner.banner01 {
  padding-top: 8.87rem;
}
.banner.banner02 .inner div {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .banner.banner02 .inner div {
    margin-bottom: 2.5rem !important;
  }
}
.banner .inner {
  max-width: 1200px;
  margin: auto;
}
.banner a {
  display: block;
  margin-bottom: 4rem;
}
.banner a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.banner a:last-child {
  margin-bottom: 0;
}

/* ご相談ください */
.consultation {
  max-width: 1200px;
  padding: 6rem 0;
  margin: 0 auto;
}
.consultation h2 {
  font-size: 3.2rem;
  text-align: center;
  color: var(--txt-color);
  text-decoration: none;
  margin-bottom: 2.5rem;
}
.consultation h2 span {
  color: var(--orange);
}
.consultation .block {
  background-color: #FFEFC0;
  border-radius: 301px;
  padding: 3rem 0 4.2rem 0;
}
.consultation__container {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  width: 87.6666666667%;
  margin: 0 4.5% 0 7.8333333333%;
}
.consultation__container figure {
  width: calc(35.7414448669% - 2.6rem);
}
.consultation__container ul {
  width: 64.2585551331%;
}
.consultation__container ul li {
  list-style: none;
  background-color: #fff;
  color: var(--txt-color);
  position: relative;
  margin-bottom: 1rem;
  padding: 1.5rem 0 1.5rem 6.5rem;
  border-radius: 22rem;
  font-weight: 500;
}
.consultation__container ul li:last-child {
  margin-bottom: 0;
}
.consultation__container ul li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.725%22%20height%3D%2221.233%22%20viewBox%3D%220%200%2029.725%2021.233%22%3E%0A%20%20%3Cpath%20id%3D%22check-solid%22%20d%3D%22M29.028%2C96.647a2.126%2C2.126%2C0%2C0%2C1%2C0%2C3.005L12.044%2C116.636a2.126%2C2.126%2C0%2C0%2C1-3.005%2C0L.547%2C108.144a2.125%2C2.125%2C0%2C1%2C1%2C3.005-3.005l6.992%2C6.986L26.029%2C96.647a2.126%2C2.126%2C0%2C0%2C1%2C3.005%2C0Z%22%20transform%3D%22translate(0.075%20-96.025)%22%20fill%3D%22%23ff8d27%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.972rem;
  aspect-ratio: 29.72/21.23;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

.consultation_img {
  width: 32%;
}

@media screen and (max-width: 767px) {
  .consultation {
    padding: 6rem 0;
    margin: 0 auto;
  }
  .consultation h2 {
    font-size: 2.2em;
    margin-bottom: 2rem;
  }
  .consultation .block {
    border-radius: 170px;
    padding: 5rem 0 7rem 0;
  }
  .consultation__container {
    flex-direction: column;
    gap: 0;
    width: 98%;
    margin: auto;
    transform: translateX(-3%);
  }
  .consultation__container figure {
    width: 85%;
    order: 2;
    margin: 0 auto;
    transform: translateX(3%);
  }
  .consultation__container ul {
    width: 100%;
  }
  .consultation__container ul li {
    margin-bottom: 1rem;
    padding: 1.5rem 2rem 1.5rem 6.5rem;
    border-radius: 70rem;
    font-size: 1.6rem;
  }
  .consultation_img {
    width: 32%;
  }
}
/* 新着情報 */
.news {
  padding: 6rem 0;
}

@media screen and (max-width: 767px) {
  .news {
    margin-top: 5rem;
  }
}
.news h2 {
  text-align: left;
  text-decoration: none;
  background-color: var(--bg_title_color);
  color: #fff;
  border-radius: 5px;
  padding: 6px 0 6px 30px;
}

.news .inner {
  max-width: 1200px;
  margin: 0 auto;
}

.news .inner .title {
  margin: 0 2px 11px;
  color: var(--orange);
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.news .inner .news-list {
  margin-bottom: 15px;
  padding: 20px 0px 20px;
  font-size: 16px;
  overflow: hidden;
}

.news .inner .news-list:last-child {
  margin-bottom: 0;
}

.news .inner .news-list dt,
.news .inner .news-list dd {
  padding-bottom: 2rem;
}

.news .inner .news-list dt {
  float: left;
  color: var(--orange);
  font-size: 14px;
  font-weight: 400;
  padding: 0 0 0 30px;
}

.news .inner .news-list dd {
  padding: 0 0 16px 9em;
  margin-bottom: 20px;
  position: relative;
  background-image: repeating-linear-gradient(90deg, #ff8d27, #ff8d27 5px, transparent 5px, transparent 10px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

@media screen and (max-width: 767px) {
  .news .inner .news-list dd a {
    display: block;
    padding-right: 4rem;
    font-size: 1.6rem;
  }
}
.news .inner .news-list dd a {
  color: var(--txt-color);
}

.news .inner .news-list dd:before {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  aspect-ratio: 8.4/14.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.655%22%20height%3D%2214.846%22%20viewBox%3D%220%200%208.655%2014.846%22%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%EF%BC%9E%22%20d%3D%22M64.233%2C40.017a1.051%2C1.051%2C0%2C0%2C1%2C0-1.486l6.3-6.3a1.051%2C1.051%2C0%2C1%2C1%2C1.486%2C1.486L66.46%2C39.276l5.554%2C5.557a1.051%2C1.051%2C0%2C0%2C1-1.486%2C1.486l-6.3-6.3Z%22%20transform%3D%22matrix(-1%2C%20-0.017%2C%200.017%2C%20-1%2C%2071.757%2C%2047.882)%22%20fill%3D%22%23ff8d27%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .consultation h2 {
    font-size: 20px;
    line-height: 1.5;
    text-decoration: none;
  }
  .news {
    padding: 0 20px 60px;
  }
  .news h2 {
    padding: 6px 0 6px 15px;
    font-size: 20px;
  }
  .news .inner {
    max-width: inherit;
  }
  .news .inner .title {
    margin: 0 0 4px;
    font-size: 16px;
  }
  .news .inner .news-list {
    margin-bottom: 11px;
    padding: 0;
    font-size: 13px;
  }
  .news .inner .news-list:last-child {
    margin-bottom: 0;
  }
  .news .inner .news-list dt {
    margin-bottom: -2px;
    float: none;
    padding: 0 0 5px 0;
  }
  .news .inner .news-list dd {
    padding: 0 0 9px;
  }
  .consultation_img {
    width: 100%;
    order: 2;
  }
  .consultation_txt {
    width: 100%;
    order: 1;
  }
  .consultation .container {
    padding: 40px 15px 20px;
  }
  .consultation_txt_box {
    font-size: 16px;
  }
  .consultation_container {
    flex-direction: column;
  }
}
/* 教えて障害年金 */
.pension {
  padding: 5rem 0;
  background-color: #FBFFDC;
  max-width: 1200px;
  margin: 0 auto;
}
.pension h2 {
  color: var(--txt-color);
  text-decoration: underline 7px solid var(--green);
  font-size: 3.2rem;
}

.pension ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  gap: 1.9rem;
}
.pension ul li {
  width: calc((100% - 3.8rem) / 3);
  padding: 0;
  list-style: none;
}
.pension ul li a {
  display: flex;
  height: 120px;
  justify-content: flex-start;
  border: 2px solid var(--green);
  gap: 1.5rem;
  overflow: hidden;
  border-radius: 15px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
.pension ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.pension ul li a figure {
  width: 11.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: var(--green);
  text-align: center;
}
.pension ul li a figure img {
  display: block;
  margin: auto;
}
.pension ul li a .txt {
  display: flex;
  align-items: center;
  width: calc(100% - 11.2rem - 1.5rem);
  padding-right: 3.5rem;
  color: var(--txt-color);
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
}
.pension ul li a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.524%22%20height%3D%2216.669%22%20viewBox%3D%220%200%209.524%2016.669%22%3E%0A%20%20%3Cpath%20id%3D%22_%22%20data-name%3D%22%EF%BC%9E%22%20d%3D%22M73.1%2C39.419a1.192%2C1.192%2C0%2C0%2C1%2C0%2C1.685l-7.142%2C7.142a1.191%2C1.191%2C0%2C0%2C1-1.685-1.685l6.3-6.3-6.3-6.3a1.191%2C1.191%2C0%2C0%2C1%2C1.685-1.685L73.1%2C39.415Z%22%20transform%3D%22translate(-63.925%20-31.925)%22%20fill%3D%22%23afd837%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 0.952rem;
  aspect-ratio: 9.52/16.67;
  position: absolute;
  right: 2.51rem;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1100px) {
  .pension ul li a .txt {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 1000px) {
  .pension ul li a .txt {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .pension {
    padding: 60px 0 3rem;
    width: 95%;
  }
  .pension h2 {
    margin-bottom: 2rem;
  }
  .pension {
    max-width: inherit;
  }
  .pension ul {
    padding: 0;
    margin: 0;
    display: block;
  }
  .pension ul li {
    margin: 0 0 10px;
    width: auto;
  }
  .pension ul li:last-child {
    margin-bottom: 0;
  }
  .pension ul li a {
    height: 90px;
    border-radius: 10px;
    gap: 0 20px;
  }
  .pension ul li a .icon {
    width: 90px;
    padding: 10px;
  }
  .pension ul li a .txt {
    width: calc(100% - 117px);
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .pension ul li a .txt {
    width: calc(100% - 100px);
    font-size: 14px;
  }
}
/* 当事務所が選ばれる8つの理由 */
.reasons-box {
  padding-bottom: 6rem;
}
.reasons-box h2 {
  background-color: var(--orange);
  color: #fff;
  text-align: left;
  text-decoration: none;
  border-radius: 3px;
  padding: 1.4rem 3rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.458;
}
.reasons-box .list li {
  list-style: none;
  display: flex;
  gap: 1.2rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  color: #222222;
}
.reasons-box .list li:last-child {
  margin-bottom: 0;
}
.reasons-box .list li .photo {
  width: 34.1340075853%;
  border-radius: 15px;
  overflow: hidden;
}
.reasons-box .list li .photo img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.reasons-box .list li .text-box {
  width: calc(65.8659924147% - 1.2rem);
}
.reasons-box .list li .text-box p {
  font-size: 1.4rem;
  line-height: 1.429;
  font-weight: 500;
  margin-top: 0.7rem;
}
.reasons-box .list li .text-box p.num {
  background-color: #AFD837;
  color: #fff;
  width: fit-content;
  border-radius: 2.5rem;
  padding: 0 1.1rem;
  font-size: 1.6rem;
  line-height: 1.688;
  font-weight: 700;
  margin-top: 0;
}
.reasons-box .list li .text-box p.title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.455;
  margin-top: 1.2rem;
}
.reasons-box .list li .text-box .com-btn {
  margin-top: 1rem;
}
.reasons-box .list li .text-box .com-btn a {
  border: 2px solid var(--orange);
  border-radius: 2.4rem;
  text-align: center;
  max-width: 34.4rem;
  display: block;
  font-size: 1.6rem;
  line-height: 2.938;
  font-weight: 700;
  position: relative;
}
.reasons-box .list li .text-box .com-btn a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.576%22%20height%3D%2214.214%22%20viewBox%3D%220%200%2016.576%2014.214%22%3E%0A%20%20%3Cpath%20id%3D%22arrow-right-solid%22%20d%3D%22M16.229%2C71.868a1.186%2C1.186%2C0%2C0%2C0%2C0-1.676l-5.92-5.92a1.185%2C1.185%2C0%2C0%2C0-1.676%2C1.676l3.9%2C3.9H1.184a1.184%2C1.184%2C0%2C1%2C0%2C0%2C2.368H12.532l-3.9%2C3.9a1.185%2C1.185%2C0%2C0%2C0%2C1.676%2C1.676l5.92-5.92Z%22%20transform%3D%22translate(0%20-63.925)%22%20fill%3D%22%23ff8d27%22%2F%3E%0A%3C%2Fsvg%3E");
  width: 1.658rem;
  aspect-ratio: 16.58/14.21;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 1.85rem;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .reasons-box {
    width: 89.3333333333%;
    margin: auto;
  }
  .reasons-box h2 {
    padding: 0.8rem 2rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.458;
  }
  .reasons-box .list li {
    display: block;
    margin-bottom: 3rem;
  }
  .reasons-box .list li .photo {
    width: 80.5970149254%;
    margin: auto;
  }
  .reasons-box .list li .photo img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }
  .reasons-box .list li .text-box {
    width: 100%;
  }
  .reasons-box .list li .text-box p {
    margin-top: 1rem;
  }
  .reasons-box .list li .text-box p.num {
    margin-top: 2rem;
  }
  .reasons-box .list li .text-box p.title {
    margin-top: 1rem;
  }
}
/* ご相談いただいた後の流れ */
.flow-box {
  padding-bottom: 6rem;
}
.flow-box h2 {
  background-color: var(--orange);
  color: #fff;
  text-align: left;
  text-decoration: none;
  border-radius: 3px;
  padding: 1.4rem 3rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.458;
}
.flow-box .list li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.88rem;
  margin-bottom: 1rem;
  background-color: #FFEFC0;
  border-radius: 52.7rem;
  padding: 2.5rem 1.6rem 2rem 1.6rem;
  border: 2px dashed var(--orange);
}
.flow-box .list li .ttlBox {
  box-sizing: border-box;
}
.flow-box .list li .ttlBox img {
  width: 7.9rem;
}
.flow-box .list li .text {
  width: calc(100% - 7.9rem - 1.88rem);
}
.flow-box .list li .text .title {
  font-size: 1.8rem;
  line-height: 1.444;
  font-weight: 900;
  color: var(--orange);
}
.flow-box .list li .text .title span {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.458;
  color: #333333;
  display: inline-block;
  margin-left: 1.5rem;
}
.flow-box .list li .text .body {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin-top: 0.9rem;
  width: 92%;
  color: #222222;
}

@media screen and (max-width: 767px) {
  .flow-box {
    width: 89.3333333333%;
    margin: auto;
  }
  .flow-box h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  .flow-box .list li {
    display: block;
    margin-bottom: 2rem;
    border-radius: 5rem;
    padding: 2rem 1.8rem;
    position: relative;
  }
  .flow-box .list li .ttlBox {
    box-sizing: border-box;
  }
  .flow-box .list li .ttlBox img {
    width: 7rem;
  }
  .flow-box .list li .text {
    width: 100%;
  }
  .flow-box .list li .text .title {
    position: absolute;
    top: 3rem;
    left: 30%;
    font-size: 1.8rem;
  }
  .flow-box .list li .text .title span {
    display: block;
    font-size: 2.2rem;
    margin-left: 0;
    white-space: nowrap;
  }
  .flow-box .list li .text .body {
    font-size: 1.4rem;
    margin-top: 1.35rem;
    width: 100%;
  }
}
/* 所長メッセージ */
.message-box {
  padding-bottom: 6rem;
}
.message-box h2 {
  background-color: var(--orange);
  color: #fff;
  text-align: left;
  text-decoration: none;
  border-radius: 3px;
  padding: 1.4rem 3rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.458;
  margin-bottom: 3.8rem;
}
.message-box .bg-box {
  display: flex;
  gap: 3.1rem;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 0;
}
.message-box .bg-box .img-box {
  width: 40.6905055487%;
  order: 2;
}
.message-box .bg-box .text-box {
  width: calc(59.3094944513% - 3.1rem);
  order: 1;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
}
.message-box .bg-box .name {
  margin-top: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .message-box {
    width: 89.3333333333%;
    margin: auto;
  }
  .message-box h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  .message-box .bg-box {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  .message-box .bg-box .img-box {
    width: 100%;
    order: 1;
  }
  .message-box .bg-box .text-box {
    width: 100%;
    order: 2;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .message-box .bg-box .name {
    margin-top: 2rem;
    font-weight: 700;
  }
}
.contents {
  box-sizing: border-box;
  max-width: 1230px;
  width: 100%;
  margin: 21px auto 58px;
  padding: 70px 15px;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}

.main {
  flex: 1;
  order: 2;
  margin: 0 0 0 26px;
}

@media screen and (max-width: 1000px) {
  .contents {
    justify-content: center;
  }
  .main {
    margin: 0 0 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .contents {
    margin-bottom: 16px;
    box-sizing: border-box;
    padding: 0;
    display: block;
    margin-top: 50px;
  }
  .contents ul {
    padding: 0;
  }
  .main {
    margin: 0;
    width: 100%;
  }
}
/* main-img */
.main-img {
  margin-bottom: 83px;
  text-align: center;
}

.main-img img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .main-img {
    margin: 0 15px 40px;
  }
}
/* 障害年金の申請をお考えの方へ */
.apply {
  padding: 1px 43px 38px;
  background-color: #E6F0BE;
}

@media screen and (max-width: 1000px) {
  .apply {
    padding: 1px 10px 38px;
  }
}
.apply h2 {
  max-width: 580px;
  margin: -46px auto 70px;
  padding: 27px 0 24px;
  color: #fff;
  font-size: 28px;
  text-align: center;
  background-color: var(--bg_title_color);
  border-radius: 10px;
  box-sizing: border-box;
}

.apply h2:before {
  margin-left: -41px;
  position: absolute;
  left: 50%;
  bottom: -27px;
  background: url("../images/apply_icon01.png") no-repeat;
  width: 82px;
  height: 57px;
  content: "";
}

.apply ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.apply ul li {
  width: 46.4%;
  border: 3px solid rgb(255, 92, 2);
  box-shadow: 4px 8px 4px 0px rgba(67, 67, 67, 0.14);
  border-radius: 10px;
  background-color: #fff;
}

.apply ul li.li01 a {
  padding-top: 22px;
}

.apply ul li a {
  display: block;
  padding: 46px 24px 30px;
  text-decoration: none;
  height: 216px;
  position: relative;
  box-sizing: border-box;
}

.apply ul li p a {
  display: none;
}

@media screen and (max-width: 1000px) {
  .apply ul li a {
    padding-left: 10px;
  }
}
.apply ul li a:hover {
  opacity: 0.7;
}

.apply ul li a .img {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
  .apply ul li a .img {
    width: 100px;
  }
}
.apply ul li a .ttl {
  font-size: 28px;
  line-height: 1.42;
  color: #222;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .apply ul li a .ttl {
    font-size: 20px;
  }
}
.apply ul li a .ttl .color {
  color: #ff5c02;
}

.apply ul li a .ttl .sml {
  display: block;
  font-size: 20px;
}

.apply ul li a .link {
  padding: 12px 0 11px;
  margin: 0;
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 18px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #ff7201;
  border-radius: 50px;
}

.apply .info {
  margin-bottom: 31px;
}

.apply .info.info01 {
  margin-bottom: 40px;
}

.apply .info.info02 {
  margin-bottom: 43px;
}

.apply .info.info02 h3 {
  margin-bottom: 27px;
}

.apply .info.info03 {
  margin-bottom: 0 !important;
}

.apply .info.info03 h3 {
  margin-bottom: 31px;
}

.apply h3 {
  padding: 0;
  margin: 0 0 25px;
  text-align: center;
  background: none;
  border: none;
}

@media screen and (max-width: 767px) {
  .apply {
    padding: 17px 15px 38px;
  }
  .apply h2 {
    max-width: inherit;
    margin: 0 0 16px;
    padding: 12px 23px 13px;
    font-size: 17px;
    text-align: left;
    border-radius: 0;
  }
  .apply h2:before {
    display: none;
  }
  .apply ul {
    display: block;
  }
  .apply ul li {
    margin-bottom: 10px;
    width: auto;
    border: none;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  .apply ul li:last-child {
    margin-bottom: 0;
  }
  .apply ul li a {
    min-height: 75px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 12px 5px 13px 80px !important;
    height: auto;
  }
  .apply ul li a .img {
    width: 70px;
    right: auto;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fe7606;
  }
  .apply ul li a .ttl {
    font-size: 18px;
    line-height: 1.38;
  }
}
@media screen and (max-width: 767px) and (max-width: 350px) {
  .apply ul li a .ttl {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .apply ul li a .ttl .sml {
    display: inline-block;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .apply ul li a .link {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .apply .info {
    margin-bottom: 35px;
  }
  .apply .info.info01 {
    margin-bottom: 30px;
  }
  .apply .info.info02 {
    margin-bottom: 36px;
  }
  .apply .info.info02 h3 {
    margin-bottom: 19px;
  }
  .apply .info.info03 h3 {
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 767px) {
  .apply h3 {
    padding: 0 0 0 28px;
    margin: 0 0 19px;
    text-align: left;
    color: #363636;
    font-size: 18px;
    font-weight: normal;
    background: url("../images/sp/apply_icon01.png") no-repeat left top 7px;
    background-size: 18px auto;
  }
  .apply h3 img {
    display: none;
  }
}
/* よくあるご質問 */
.faq {
  padding: 66px 0 48px;
  position: relative;
}

.faq .head-line02 {
  font-size: 42px;
}

.faq .head-line02:before {
  bottom: -13px;
}

.faq .top-text {
  margin: -3px 0 56px;
  padding: 0;
  text-align: center;
  color: var(--orange);
  font-size: 16px;
}

.faq .top-text span {
  color: var(--orange);
}

.faq .pho {
  position: absolute;
  right: 49px;
  top: 37px;
}

@media screen and (max-width: 1160px) {
  .faq .pho {
    right: 0;
    width: 100px;
  }
}
.faq .faq-list {
  margin-top: -20px;
}

.faq .faq-list dt {
  margin-top: 20px;
  padding: 22px 60px 21px 254px;
  color: var(--orange);
  font-size: 24px;
  font-weight: bold;
  background-color: var(--yellow);
  position: relative;
  cursor: pointer;
  border-radius: 10px;
}

@media screen and (max-width: 1000px) {
  .faq .faq-list dt {
    padding-left: 50px;
  }
}
.faq .faq-list dt .num {
  position: absolute;
  top: 23px;
  left: 145px;
}

@media screen and (max-width: 1000px) {
  .faq .faq-list dt .num {
    left: 10px;
  }
}
.faq .faq-list dt::after {
  margin-top: -19px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 25px;
  background: url("../images/faq_icon01.png") no-repeat left top;
  background-size: 100% 100%;
  content: "";
}

.faq .faq-list dt.on::after {
  background-image: url("../images/faq_icon02.png");
}

.faq .faq-list dd {
  padding: 20px;
  background-color: rgba(198, 226, 165, 0.4);
  display: none;
  border-radius: 10px;
}

.faq .faq-list dd .inner {
  padding: 20px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .faq {
    padding: 39px 15px 39px;
  }
  .faq .head-line02 {
    margin-bottom: 31px;
    font-size: 20px;
  }
  .faq .head-line02:before {
    bottom: -10px;
  }
  .faq .top-text {
    margin: 0 0 31px;
    font-size: 13px;
    line-height: 1.53;
  }
  .faq .pho {
    right: 14px;
    top: 35px;
    width: 72px;
  }
  .faq .faq-list {
    margin-top: -10px;
  }
  .faq .faq-list dt {
    margin-top: 10px;
    padding: 11px 60px 12px 77px;
    font-size: 14px;
    border-radius: 5px;
  }
  .faq .faq-list dt .num {
    top: 11px;
    left: 14px;
  }
  .faq .faq-list dt::after {
    margin-top: -12px;
    width: 24px;
    height: 24px;
    right: 10px;
  }
  .faq .faq-list dd {
    padding: 10px;
    border-radius: 5px;
  }
  .faq .faq-list dd .inner {
    padding: 10px;
  }
}
/* こんな時どうする?障害年金ガイド */
.gide {
  padding: 0 0 80px;
}

@media screen and (max-width: 767px) {
  .gide {
    padding: 0 15px 38px;
  }
}
.gide h4 {
  border-bottom: 2px dashed var(--orange);
  padding: 15px;
  margin-bottom: 0;
  font-weight: bold;
}

.gide h4 i {
  color: var(--orange);
  margin-right: 5px;
}

.gide_box {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 2%;
}

.gide .gide_box_list {
  padding: 15px;
}

.gide_box_list li {
  line-height: 2.4;
}

.gide_box_list li p {
  font-weight: bold;
  display: inline-block;
  border-bottom: 1px solid var(--orange);
}

.gide_box_list li span {
  color: var(--orange);
}

.gide_box_list li span:last-child {
  margin-left: 5px;
}

/* 当事務所が選ばれる8つの理由 */
.reasons {
  padding: 0 0 80px;
}

.reasons h2 {
  text-align: left;
  text-decoration: none;
  background-color: var(--bg_title_color);
  color: #fff;
  border-radius: 5px;
  padding: 6px 0 6px 30px;
}

.reasons .head-line02 {
  margin-bottom: 63px;
  font-size: 42px;
}

.reasons .head-line02:before {
  bottom: -13px;
}

.reasons .list li {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  align-items: center;
}

.reasons .list li:last-child {
  margin-bottom: 0;
}

.reasons .list li .photo {
  width: 300px;
}

.reasons .list li .photo img {
  border-radius: 10px;
}

.reasons .list li .text-box {
  padding: 10px 0;
  width: calc(100% - 300px);
  color: var(--orange);
  position: relative;
  box-sizing: border-box;
}

.reasons .list li .text-box p {
  line-height: 2;
  font-size: 16px;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}

.reasons .list li .text-box .title {
  margin-bottom: 7px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
}

.reasons .list li .text-box .link a {
  margin-top: 10px;
  padding: 8px 0;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  color: var(--orange);
  border: 1px solid;
  font-weight: bold;
  max-width: 250px;
  background-color: #fff;
}

.reasons .list li .text-box .link a:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .reasons {
    padding: 0 20px;
  }
  .reasons h2 {
    padding: 6px 0 3px 15px;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .reasons .head-line02 {
    margin-bottom: 57px;
    font-size: 20px;
  }
  .reasons .head-line02:before {
    bottom: -11px;
  }
  .reasons .list {
    margin-top: -30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .reasons .list li {
    margin-top: 30px;
    width: 100%;
    padding: 0;
    position: relative;
    border-bottom: none;
    display: block;
  }
  .reasons .list li .photo {
    margin-bottom: 5px;
    width: auto;
    text-align: center;
  }
  .reasons .list li .photo img {
    border-radius: 5px;
  }
  .reasons .list li .text-box {
    width: auto;
    position: static;
    padding: 15px 0;
    margin-bottom: 40px;
  }
  .reasons .list li .text-box p {
    line-height: 1.77;
    font-size: 16px;
  }
  .reasons .list li .text-box .title {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.56;
    text-align: left;
  }
  .reasons .list li .text-box .link {
    width: 100%;
    margin-top: 2%;
  }
  .reasons .list li .text-box .link a {
    width: auto;
    max-width: 220px;
    margin: 0 auto;
    padding: 9px 5px 8px;
    font-size: 14px;
  }
}
/* ご相談いただいた後の流れ */
.flow {
  padding: 0 0 85px;
}

.flow h2 {
  text-align: left;
  text-decoration: none;
  background-color: var(--bg_title_color);
  color: #fff;
  border-radius: 5px;
  padding: 6px 0 3px 30px;
}

.flow .head-line02 {
  margin-bottom: 52px;
  font-size: 42px;
}

.flow ul {
  margin-top: 30px;
}

.flow ul li {
  margin-bottom: 20px;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  gap: 0 10px;
  background-color: #fff;
  border-radius: 15px;
}

.flow ul li:last-child {
  margin-bottom: 0 !important;
}

.flow ul li:last-child:before {
  display: none;
}

.flow ul li .icon {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.flow ul li .text-box {
  width: calc(100% - 100px);
}

.flow ul li .text-box p {
  color: var(--orange);
  font-size: 15px;
  line-height: 1.5;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}

.flow ul li .text-box .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}

.flow ul li .text-box .title .num {
  margin: 0 9px 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--orange);
}

.flow .icon span.num {
  padding-top: 5px;
  color: var(--orange);
  font-weight: bold;
  font-size: 18px;
}

.flow .icon span.num span {
  margin-left: 5px;
}

.flow img {
  max-width: 80px;
}

@media screen and (max-width: 767px) {
  .flow {
    padding: 40px 15px 29px;
  }
  .flow .head-line02 {
    margin-bottom: 36px;
    font-size: 20px;
  }
  .flow h2 {
    padding: 6px 0 3px 15px;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .flow ul li {
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }
  .flow ul li:before {
    margin-left: -13px;
    bottom: -42px;
    background-size: 26px auto;
    width: 26px;
  }
  .flow ul li .icon {
    width: 65px;
  }
  .flow ul li .icon img {
    width: 51px;
  }
  .flow ul li .text-box {
    width: 100%;
  }
  .flow ul li .text-box p {
    font-size: 16px;
    line-height: 1.5;
  }
  .flow ul li .text-box .title {
    margin-bottom: 0px;
    font-size: 20px;
    border-bottom: none;
  }
  .flow ul li .text-box .title .num {
    margin: 0;
    font-size: 14px;
    line-height: 1;
  }
  .flow .title {
    display: flex;
    flex-direction: column;
  }
  .flow .icon_ttl_box {
    display: flex;
    padding-bottom: 2px;
    margin-bottom: 10px;
    align-items: center;
    gap: 0 10px;
  }
}
/* 障害年金の申請はお任せください */
.message {
  padding: 2px 0 29px;
}

.message h2 {
  text-align: left;
  text-decoration: none;
  background-color: var(--bg_title_color);
  color: #fff;
  border-radius: 5px;
  padding: 6px 0 6px 30px;
}

.message .head-line02 {
  margin-bottom: 90px;
  font-size: 42px;
  line-height: 1.42;
}

.message .img-box {
  display: flex;
  align-items: center;
  background-color: #f4fafc;
}

.message .img-box .text-box {
  width: 61.15%;
  padding: 46px 32px 35px 40px;
  box-sizing: border-box;
}

.message .img-box .text-box .white-bg {
  padding: 41px 50px 36px;
  background-color: #fff;
}

.message .img-box .text-box .white-bg p {
  font-size: 15px;
  line-height: 2.4;
  color: var(--orange);
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}

.message .img-box .text-box .white-bg .title {
  margin-bottom: 20px;
  color: var(--orange);
  font-size: 20px;
  font-weight: bold;
}

.message_box {
  display: flex;
  gap: 0 30px;
  color: var(--orange);
  font-size: 18px;
  line-height: 1.6;
  margin-top: 30px;
}

.message_box p {
  width: calc(100% - 280px);
}

.message_box .pho {
  width: 250px;
  margin: 0 auto 30px;
}

@media screen and (max-width: 1050px) {
  .message .img-box .text-box {
    padding: 30px 15px;
  }
  .message .img-box .text-box .white-bg {
    padding: 20px 10px;
  }
  .message_box p {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    order: 2;
  }
}
.message .img-box .pho {
  width: 38.85%;
}

@media screen and (max-width: 767px) {
  .message {
    padding: 2px 15px 35px;
  }
  .message_box {
    flex-direction: column;
  }
  .message h2 {
    padding: 6px 0 3px 15px;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .message .head-line02 {
    margin-bottom: 36px;
    font-size: 20px;
    line-height: 1.44;
  }
  .message .img-box {
    padding: 10px;
    display: block;
  }
  .message .img-box .text-box {
    width: auto;
    padding: 0 0 14px;
  }
  .message .img-box .text-box .white-bg {
    padding: 14px 20px;
  }
  .message .img-box .text-box .white-bg p {
    font-size: 13px;
    line-height: 1.77;
  }
  .message .img-box .text-box .white-bg .title {
    margin-bottom: 2px;
    font-size: 16px;
  }
  .message .img-box .pho {
    width: auto;
    position: relative;
    padding-left: 50%;
  }
  .message .img-box .pho img {
    width: 100%;
  }
  .message .img-box .pho span {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .message .img-box .pho span img {
    width: 100px;
  }
  .message_box .pho {
    width: 125px;
    order: 1;
  }
}
/* banner-box */
.banner-box {
  margin-bottom: 66px;
}

.banner-box ul {
  list-style: none;
}

.banner-box ul li {
  margin-bottom: 29px;
}

.banner-box ul li:last-child {
  margin-bottom: 0 !important;
}

.banner-box ul li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .banner-box {
    margin: 0 15px 35px;
  }
  .banner-box ul li {
    margin-bottom: 10px;
    text-align: center;
  }
  .banner .banner_box {
    margin-bottom: 20px;
  }
}
/* accessmap */
.accessmap .head-line01 {
  margin-bottom: 28px;
}

.accessmap h2 {
  text-align: left;
  text-decoration: none;
  background-color: var(--bg_title_color);
  color: #fff;
  border-radius: 5px;
  padding: 6px 0 6px 30px;
  font-size: 2.8rem;
  margin-bottom: 2.5rem;
}

.accessmap p {
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 2.22;
  font-weight: bold;
}

.accessmap .map {
  height: 1px;
  padding: 0 0 45%;
  position: relative;
}

.accessmap .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .accessmap {
    padding: 0 15px 38px;
  }
  .accessmap .head-line01 {
    margin-bottom: 20px;
  }
  .accessmap p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.77;
  }
  .accessmap .map {
    padding: 0 0 79%;
  }
  .accessmap h2 {
    padding: 6px 0 3px 15px;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .entry iframe {
    width: 100%;
  }
}
/* サイドバー */
.sidebar {
  width: 298px;
  flex-basis: 298px;
  flex-shrink: 0;
}

.sidebar h3 {
  border: none;
  padding: 30px 2px 10px !important;
  background-color: transparent;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: var(--orange);
  border-radius: 0;
}

.sidebar h3 img {
  margin: -2px 8px 0 0;
  vertical-align: middle;
}

.sidebar .search {
  margin-bottom: 20px;
  padding: 0 15px 20px;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 8px;
  border-radius: 15px;
}

.sidebar i.fa-solid.fa-magnifying-glass {
  margin-right: 10px;
  font-size: 18px;
}

.sidebar .sidebar-search-form {
  margin: 5px 0 0;
}

.sidebar .sidebar-search-form form {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: stretch;
}

.sidebar .sidebar-search-form form label {
  flex: 1;
}

.sidebar .sidebar-search-form form label input[type=text] {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 11px;
  box-sizing: border-box;
  border: 1px solid var(--orange);
  background: #fff;
  padding: 0 20px;
  border-radius: 3px 0 0 3px;
}

.sidebar .sidebar-search-form form button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 59px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid var(--orange);
  background: var(--orange);
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 0 3px 3px 0;
}

.sidebar .sidebar-search-form form button:hover {
  opacity: 0.7;
}

.sidebar .sidebar-menu {
  margin: 15px 0 0;
}

.sidebar .sidebar-menu > ul > li {
  border: 1px solid #ECECEC;
}

.sidebar .sidebar-menu > ul > li:last-child {
  margin-bottom: 0;
}

.sidebar .sidebar-menu > ul > li > a {
  padding: 8px 40px 8px 20px;
  min-height: 60px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  background-color: #FFF;
  display: flex;
  align-content: center;
  align-items: center;
  box-sizing: border-box;
}

.sidebar .sidebar-menu > ul > li > a small {
  font-size: 15px;
}

.sidebar .sidebar-menu > ul > li > a:before {
  position: absolute;
  display: block;
  width: 8px;
  height: auto;
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--orange);
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.sidebar .sidebar-menu > ul > li > a:hover {
  text-decoration: underline;
}

.sidebar .sidebar-menu > ul > li > ul {
  display: none;
  background: #fff;
  padding: 12px 12px 12px 18px;
}

.sidebar .sidebar-menu > ul > li > ul a {
  display: block;
  padding: 4px 0 4px 1em;
  font-size: 12px;
  line-height: 1.5em;
  color: var(--orange);
  text-decoration: none;
  position: relative;
}

.sidebar .sidebar-menu > ul > li > ul a:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "-";
}

.sidebar .widget_search {
  background-color: #FFF0E2;
  padding: 2.6rem 1.6rem 3.6rem 1.6rem;
  margin-bottom: 2.9rem;
}
.sidebar .widget_search .ttl {
  padding-left: 3rem;
  position: relative;
  font-weight: 500;
}
.sidebar .widget_search .ttl::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.139%22%20height%3D%2218.142%22%20viewBox%3D%220%200%2018.139%2018.142%22%3E%0A%20%20%3Cpath%20id%3D%22magnifying-glass-solid%22%20d%3D%22M14.739%2C7.369a7.351%2C7.351%2C0%2C0%2C1-1.417%2C4.347l4.485%2C4.489a1.135%2C1.135%2C0%2C1%2C1-1.6%2C1.6l-4.485-4.489a7.37%2C7.37%2C0%2C1%2C1%2C3.022-5.952Zm-7.369%2C5.1a5.1%2C5.1%2C0%2C1%2C0-5.1-5.1A5.1%2C5.1%2C0%2C0%2C0%2C7.369%2C12.471Z%22%20fill%3D%22%23ff8d27%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  width: 1.814rem;
  aspect-ratio: 18.14/18.14;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar .widget_search .search-field {
  background-color: #fff;
  border: 2px solid var(--orange);
  height: 4.3rem;
}
.sidebar .widget_search .search-field::placeholder {
  font-size: 1rem;
  padding: 0 1.4rem;
}
.sidebar .widget_search .search-submit {
  background-color: var(--orange);
  color: #fff;
  border: none;
  height: 4.3rem;
  width: 6.7rem;
}
.sidebar .widget_search form {
  display: flex;
  justify-content: center;
  gap: 0;
  align-items: stretch;
  margin-top: 0.5rem;
}
.sidebar .widget_search form label {
  width: calc(100% - 6.7rem);
  display: block;
}

.sidebar .textwidget {
  position: relative;
  width: 300px;
}

.sidebar .link {
  margin-bottom: 16px;
}

.sidebar .link a {
  padding-left: 20px;
  color: var(--orange);
  background: url("../images/ic-arrow.png") no-repeat left center;
}

.sidebar .sideLink {
  margin-bottom: 20px;
  padding: 0 10px 10px;
  background-color: #FFF0E2;
  border-radius: 15px;
  box-sizing: border-box;
}

.sidebar .sideLink h3 {
  color: #333333;
  text-align: center;
  font-size: 18px;
}

.sidebar .sideLink h3 img {
  margin-right: 8px;
  width: 23px;
}

.sidebar .contact-box {
  position: absolute;
  bottom: 1.7rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.sidebar .contact-mail {
  display: block;
  text-align: center;
}

.sidebar .access {
  margin: 60px 0;
}

.sidebar .access h3,
.sidebar .side_info h3 {
  margin-bottom: 18px;
  padding: 10px 0 10px 13px !important;
  border-left: 7px solid var(--orange);
}

.sidebar .sidebar-office {
  margin: 0 0 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5em;
}

.sidebar .sidebar-office .name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: -0.07em;
}

.sidebar .sidebar-office .address {
  font-size: 16px;
  margin: 0 0 1.8rem;
  line-height: 1.5;
  font-weight: bold;
}

.sidebar .sidebar-office .hours {
  margin: 10px 0 10px;
  text-align: center;
}

.sidebar .sidebar-office .map {
  border: 1px solid #CBCBCB;
  position: relative;
  aspect-ratio: 300/200;
  width: 100%;
}

.sidebar .sidebar-office .map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar .sidebar-office .mapLink {
  margin-top: 18px;
}

.sidebar .sidebar-office .mapLink a {
  margin: 0 auto;
  display: block;
  width: 158px;
  padding: 10px;
  color: var(--orange);
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  border: 1px rgb(64, 57, 40) solid;
  border-radius: 30px;
}

.sidebar .sidebar-office .mapLink a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.sidebar .office {
  margin: 0 0 25px;
}

#custom_html-3 a:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .sidebar {
    width: 240px;
    flex-basis: 240px;
  }
  .sidebar .textwidget {
    width: 240px;
  }
  .sidebar .sidebar-menu > ul > li > a {
    padding-left: 5px;
    height: 70px;
    font-size: 14px;
    line-height: 1.4;
  }
  .sidebar .sidebar-menu > ul > li > a small {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .sidebar {
    margin: 0 15px;
    width: auto;
  }
  .sidebar .textwidget {
    width: 100%;
  }
  .sidebar .sideLink {
    margin-bottom: 19px;
    border-radius: 5px;
    padding: 20px 10px;
  }
  .sidebar .sideLink h3 {
    font-size: 20px;
    padding: 5px 2px 14px !important;
  }
  .sidebar .side-ttl h3 {
    padding: 3px 2px 5px !important;
  }
  .sidebar .sidebar-menu {
    margin-top: 6px;
  }
  .sidebar .sidebar-menu > ul > li {
    margin-bottom: 0;
  }
  .sidebar .sidebar-menu > ul > li:last-child {
    margin-bottom: 0;
  }
  .sidebar .sidebar-menu > ul > li > a {
    padding: 8px 18px 6px 19px;
    height: 50px;
    font-size: 15px;
    line-height: 1.2;
    font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
  }
  .sidebar .sidebar-menu > ul > li > a .small {
    margin-right: -15px;
    font-size: 12px;
    letter-spacing: -0.05em;
    font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
  }
}
@media screen and (max-width: 384px) {
  .sidebar .sidebar-menu > ul > li > a {
    padding-left: 11px;
    font-size: 12px;
  }
  .sidebar .sidebar-menu > ul > li > a small {
    font-size: 12px;
  }
}
/* フッター */
footer {
  background-color: #fff;
  border-top: 3px solid var(--main_color);
}

footer .inner {
  max-width: 1200px;
  margin: 0 auto;
}

footer .inner_flex {
  width: 100%;
  margin: 5px auto;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
  position: relative;
}

.footer_link {
  max-width: 600px;
  padding: 0 15px;
}

.footer_link a {
  display: block;
  border-radius: 20px;
  background-color: var(--orange);
  height: 25px;
  margin-bottom: 10px;
}

.footer_link a:nth-child(2) {
  background-color: var(--green);
}

.footer_link a:hover {
  opacity: 0.8;
}

footer .logo {
  position: relative;
  width: 60%;
  max-width: 634px;
  margin: 13px 0 0;
  color: var(--black);
}

footer .logo .text {
  font-size: 13px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  color: var(--black);
}

footer .logo .text span {
  margin-left: 10px;
}

footer .tel {
  margin: 11px 33px 0 10px;
  flex: 1;
  text-align: right;
  position: relative;
}

footer .tel .hours {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 9px;
  display: block;
  width: auto;
  height: 1em;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: var(--black);
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}

footer .tel .hours .visible {
  display: none;
}

@media screen and (max-width: 1200px) {
  footer .tel .hours {
    bottom: 2px;
  }
  footer .tel .hours .visible {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  footer .tel .hours {
    bottom: -6px;
    font-size: 10px;
    left: 52px;
  }
}
footer .icons {
  margin-top: 5px;
  width: 80px;
}

footer .icons .line {
  margin-top: 4px;
}

footer .copyright {
  color: var(--black);
  font-size: 12px;
  text-align: center;
}

footer .right-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 1;
}

@media screen and (max-width: 767px) {
  footer {
    padding-bottom: 57px;
    border: none;
  }
  footer .logo {
    padding-top: 10px;
    width: auto;
    max-width: inherit;
    margin: 0 0px 10px 0px;
    text-align: center;
  }
  footer .logo img {
    width: 100%;
    max-width: 345px;
  }
  footer .inner {
    padding: 0;
    margin-bottom: 18px;
    display: block;
  }
  footer .f-navi {
    width: 100vw;
    margin: -1px calc(50% - 50vw) 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    font-size: 12px;
    align-items: stretch;
  }
  footer .f-navi li {
    padding: 0;
    margin: 1px 0 0 0;
    width: 50%;
    box-sizing: border-box;
  }
  footer .f-navi li:nth-child(2n-1) {
    padding-right: 1px;
  }
  footer .f-navi a {
    padding: 11px 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 14px;
    background-color: var(--orange);
    color: #fff;
    height: 100%;
  }
  footer .operation_text {
    font-size: 12px;
    text-align: left;
    color: var(--txt-color);
  }
  footer .navbar-brand {
    padding: 0;
    margin: 0;
  }
  footer .inner_flex {
    display: block;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  body .floating.fixed-nav {
    display: none !important;
  }
  .fixed-nav-sp {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 99;
    width: 100%;
    box-sizing: border-box;
  }
  .fixed-nav-sp ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
  }
  .fixed-nav-sp ul li {
    padding: 0;
    width: 24.8%;
    box-sizing: border-box;
  }
  .fixed-nav-sp ul li:first-child {
    padding-left: 0;
    flex: 1;
  }
  .fixed-nav-sp ul li a {
    padding-top: 10px;
    height: 55px;
    color: #fff;
    font-size: 10px;
    display: block;
    text-align: center;
    background-color: var(--line-color);
    line-height: 1;
    box-sizing: border-box;
  }
  .fixed-nav-sp ul li a i {
    font-size: 22px;
  }
  .fixed-nav-sp ul li a span {
    margin-top: 4px;
    display: block;
  }
  .fixed-nav-sp ul .link01 a {
    padding-top: 7px;
    background-color: var(--orange);
  }
  .fixed-nav-sp ul .link02 a {
    background-color: #AFD837;
  }
  .fixed-nav-sp ul .link03 a {
    background-color: var(--line-color);
  }
  .fixed-nav-sp ul .link04 a {
    padding-top: 7px;
    background-color: #FF5926;
  }
}
.breadcrumb {
  max-width: 1230px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
  color: var(--orange);
  padding: 0;
  margin: 0px auto;
  background-color: initial;
}

.breadcrumb ul {
  display: flex;
  padding: 0;
  justify-content: start;
}

.breadcrumb ul li:first-of-type:before {
  content: none;
}

.breadcrumb ul li:first-of-type a {
  padding-left: 0;
}

.breadcrumb ul li::before {
  content: ">";
  padding: 0px 3px;
}

.breadcrumb ul li a {
  padding: 0 5px 0 5px;
  color: inherit;
  font: inherit;
  text-decoration: none;
}

.breadcrumb ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0;
    display: none;
  }
}
.main a.link-button {
  display: inline-block;
  padding: 0.3em 2em;
  border: 3px solid var(--orange);
  color: var(--orange);
  font-weight: 700;
}

.main a.link-button::after {
  content: "";
  margin-left: 1em;
  display: inline-block;
  line-height: 1;
  border-left: 6px solid var(--orange);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* Fixed
---------------------------------------------*/
.fixed-nav {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  width: 244px;
  padding: 0;
  box-sizing: border-box;
  display: block;
  opacity: 0;
  z-index: 9999;
  border-radius: 15px;
  transition: opacity 0.3s ease-out;
  display: none !important;
  background-color: #fff;
}

.fixed-nav.hidden {
  display: none;
}

.fixed-nav.visible {
  opacity: 1;
}

.fixed-nav .head {
  padding: 0 0 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin-top: -10px;
}

.fixed-nav .inner {
  padding: 10px 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.55;
  text-align: center;
}

.fixed-nav .inner .tel {
  margin: 0 15px 11px 0;
}

.fixed-nav .inner .txt {
  margin-bottom: 0;
}

.fixed-nav .nav {
  padding: 0 15px 20px;
  display: block;
}

.fixed-nav .nav li + li {
  padding: 5px 0 0;
}

.fixed-nav .nav li a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
  position: relative;
  color: #fff;
  font-weight: 500;
}

.fixed-nav .nav li a i {
  font-size: 30px;
  margin-right: 15px;
  margin-left: 15px;
}

.fixed-nav .nav li .icon {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 6px 0 0 6px;
  margin-right: 15px;
  height: 100%;
}

.floating_head_bg {
  background-color: var(--orange);
  border-radius: 15px 15px 0 0;
}

.fixed-nav .nav li.link01 a {
  background-color: var(--line-color);
  border: 1px solid var(--line-color);
}

.fixed-nav .nav li.link01 a i {
  color: var(--line-color);
}

.fixed-nav .nav li.link02 a {
  background-color: #AFD837;
  border: 1px solid #AFD837;
}
.fixed-nav .nav li.link02 a i {
  color: #AFD837;
}

.fixed-nav .nav li.link03 a {
  background-color: var(--orange);
  border: 1px solid var(--orange);
}
.fixed-nav .nav li.link03 a i {
  color: var(--orange);
}

.fixed-nav.active {
  opacity: 1 !important;
  display: block !important;
}

.fixed-nav-close {
  position: relative;
  color: #fff;
  cursor: pointer;
  top: 5px;
  left: 15px;
  display: inline;
}

.fixed-nav-close i {
  font-size: 20px;
}

/*------------------------ question_list ------------------------*/
.questions {
  padding: 0 0 80px;
}

@media screen and (max-width: 767px) {
  .questions {
    padding: 0 15px 38px;
  }
}
.questions .question_list {
  list-style-type: none;
  padding-left: 0;
  border-radius: 10px;
}

.questions .question_list li {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 2%;
}

.questions .question_list li .q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 10px 10px;
  cursor: pointer;
}

.questions .question_list li:last-child .q {
  border-bottom: none;
}

.q_cnt {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--font18);
}

.q_cnt img {
  margin-right: 10px;
  width: 10%;
}

.question_arrow {
  font-size: 20px;
  color: var(--orange);
  cursor: pointer;
  pointer-events: auto;
  transition: 0.3s;
}

.a_close {
  transform: rotateX(0);
}

.a_cnt {
  display: flex;
  align-items: center;
  width: 100%;
}

.a_cnt img {
  margin-right: 10px;
  width: 10%;
}

.question_list .a_detail {
  text-decoration: underline;
  text-align: right;
  display: block;
  font-size: 14px;
}

.question_list li .a {
  border-top: 1px solid var(--dark-orange);
  display: none;
  padding: 10px;
}

.question_list li .a p {
  padding: 10px 20px 10px 10px;
}

@media (min-width: 500px) {
  .q_cnt img,
  .a_cnt img {
    width: 5%;
  }
}
@media (min-width: 768px) {
  .question_list li {
    margin-bottom: 2%;
  }
  .q_cnt img,
  .a_cnt img {
    width: 7%;
  }
}
@media (min-width: 1200px) {
  .q_cnt img,
  .a_cnt img {
    width: 5%;
  }
}
.google_form a {
  display: block;
  width: 100%;
  border-radius: 50px;
  height: 30px;
  background-color: var(--orange);
}

a.page-numbers,
span.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: #fff;
  color: var(--orange);
  border: 1px solid var(--orange);
  width: 50px;
  height: 50px;
  margin-right: 3px;
}

.pager {
  display: flex;
  justify-content: center;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.post-modified-info {
  display: none;
}

.page-author {
  border: 2px solid var(--orange);
  padding: 3rem 2.5rem;
  display: flex;
  gap: 3.5rem;
  align-items: flex-start;
  margin-top: 10rem;
}
.page-author figure {
  width: 15.6046814044%;
}
.page-author .txt {
  width: calc(84.3953185956% - 3.5rem);
}
.page-author .txt .title {
  font-weight: bold;
}
.page-author .txt .body {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}
.page-author .txt .contact-list {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  align-items: center;
  padding: 0;
  margin-top: 2.2rem;
}
.page-author .txt .contact-list li {
  list-style: none;
}

@media (max-width: 768px) {
  .page-author {
    display: block;
    margin: 5rem auto 0 auto;
    max-width: 86%;
  }
  .page-author figure {
    width: 100%;
    text-align: center;
  }
  .page-author .txt {
    width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */