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

/* BODY
---------------------------------------------*/
:root{
	--bg_title_color:#2CB8DA;
  --blue:#2CB8DA;
  --orange:#F6AD49;
  --black:#000000;
  --yellow:#FEFFC7;
  --light-brown: #F4F6EF;
  --line-color:#00B900;
}

.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(--blue);
  font-weight: normal;
  text-decoration: none;
}

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

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;
}

/* 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: var(--light-brown);
  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(--black);
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.6em;
  }
  main{
    margin-top: 78px;
  }
}
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 10px;
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
  background: #fff;
}
select{
  max-width: 350px;
  -moz-appearance: menulist-button;
  -webkit-appearance: menulist-button;
  appearance: menulist-button;
}
input[type=text],input[type=tel],input[type=email]{
  max-width: 500px;
}
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;
}

.top h2 {
  margin: 0 auto 30px;
  padding: 0;
  font-size: 32px;
  color: var(--black);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  height: auto;
  line-height: 2;
  width: fit-content;
  background: none;
  font-family: "Noto Sans JP";
}
.top h3{
  background-color: var(--blue);
  color: #fff;
  border-radius: 5px;
}
h3 {
  display: block;
  font-weight: bold;
  color: var(--black);
  line-height: 1.4;
  position: relative;
  margin-bottom: 15px;
  padding: 12px;
  font-size: 24px;
  border-left: 5px solid var(--blue);
}

h4 {
  padding: 0 0 4px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: normal;
  color: var(--black);
  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(--black);
  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{
  background-color: var(--blue);
  color: #fff;
  text-align: center;
  height: 130px;
  width: 100%;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  h2{
    font-size: 20px !important;
    height: 120px;
    border-radius: 10px;
    line-height: 1.4;
}
  }

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(--black);
  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: 5px 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(--black);
  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 auto 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 0;
    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: 5px 0 40px;
}

li.qa_list {
  list-style: none;
}



.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(--black);
  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(--black);
  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(--black);
}
.condition .link-area .sub-box:nth-child(7n+2) .link-list li a {
  border-color: var(--black);
}
.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;
}
.operation_text {
  font-size: 14px;
  color: var(--black);
}
.header_nav_pc{
  background-color: var(--blue);
}
.header_nav_pc ul{
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0;
  min-height: 50px;
}

.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;
}
header .header_sp{
	align-items:center;
	background:white;
}
.drawer-nav{
	background: var(--bg_title_color);
}
.drawer-nav ul li{
	border-bottom:1px solid;
	color:#fff;
  padding: 15px;
}
.drawer-nav ul li.nav-link{
  padding: 0;
}
.drawer-nav ul li a{
	padding:10px 15px;
}
header .navbar{
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  header{
    margin-bottom: 0;
  }
	header .navbar-header{
		width:100%;
	}
  .navbar-header .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%;
	}
}
@media screen and (min-width: 1200px) {
	header .header_nav_pc li{
		font-size:100%;
	}
}

.header_sp .drawer-hamburger{
  background-color: var(--blue);
  top: 6px;
  right: 8px;
  padding: 8px 10px 2px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
  background-color: #fff;
}

.drawer-hamburger:hover {
  cursor: pointer;
}

span.drawer-hamburger-icon {
  margin-bottom: 6px;
}

.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 ul li a{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    padding: 15px;
  }
  .header_sp .navbar .d-flex{
    justify-content: flex-start!important;
  }
}



.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: var(--orange);
  font-size: 48px;
}
.contact_icons div.line i{
  color: var(--line-color);
  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;
}

/* 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(--black);
  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;
  }
}
/* MV下 */
.mv_bottom {
  padding: 80px 0 0;
}
@media screen and (max-width: 767px) {
  .mv_bottom {
    padding: 30px 0;
  }
}
.mv_bottom .inner {
  margin: 0 auto;
  max-width: 1200px;
}
.mv_bottom .widget{
  margin-top: 30px;
}
.mv_bottom .widget h3{
  text-align: center;
  background: none;
  font-size: 20px;
  color: var(--black);
  border-left: none;
}
.mv_bottom .widget h3 i{
  display: none;
}
.mv_bottom .widget form{
  max-width: 600px;
  margin: 0 auto;
}

.mv_bottom .sidebar-search-form form {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: stretch;
}
.mv_bottom .sidebar-search-form form label {
  flex: 1;
}
.mv_bottom .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(--blue);
  background: #fff;
  padding: 0 20px;
  border-radius: 3px 0 0 3px;
  max-width: none;
}
.mv_bottom .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(--blue);
  background: var(--blue);
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 0 3px 3px 0;
}

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


/* 当事務所が選ばれる3つの理由 */
.resaon {
  padding: 80px 0;
}
.resaon .inner {
  margin: 0 auto;
  max-width: 1200px;
}
.resaon h2 {
  /* margin-bottom: 90px; */
  padding: 0;
  font-size: 32px;
  color: var(--black);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  background-color: transparent;
  text-decoration: none;
}
.balloon {
  position: relative;
  display: inline-block;
  margin-top: 1.5em;
  padding: 10px 15px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background-color: var(--black);
  color: #fff;
  border-radius: 20px;
}

.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid var(--black);
}

.balloon p {
  margin: 0;
  padding: 0;
}
.resaon h2 span {
  margin-top: -12px;
  font-size: 48px;
  color: var(--blue);
  position: relative;
}

/* .resaon h2 span.dot-text {
  padding-top: .25em;
  background-position: top left -1px;
  background-repeat: repeat-x;
  background-size: 1em .3em;
  background-image: radial-gradient(.12em .12em at center center, var(--black), var(--black) 100%, transparent);
} */

.resaon h2 span.dot-text::before{
  content: '';
  display: inline-block;
  width: 0.2em;
  height: 0.2em;
  background-color:var(--black);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.resaon .list {
  padding: 0;
  display: flex;
  list-style: none;
  position: relative;
  justify-content: space-between;
  gap: 0 10px;
}
.resaon .list li{
  width: 33%;
  background-color: var(--yellow);
  border-radius: 20px;
}
.resaon .list p {
  margin: 0;
  padding: 20px;
}
.resaon .list li .photo{
  padding: 10px 10px 0;
}
.resaon .list li .photo img,.resaon .list li .photo picture{
  width: 100%;
}
.list_bottom{
  padding: 10px;
  display: flex;
  flex-direction: column;
}

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

}

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

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

}
.resaon .list li a {
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
  color: var(--black);
}
.resaon .list li a .point{
  display: block;
  background-color: var(--blue);
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  padding: 15px;
  border-radius: 20px 20px 0 0;
}

i.fa-solid.fa-chevron-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
}

.resaon .list li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .resaon {
    padding: 30px 0;
  }
  .resaon .inner {
    max-width: inherit;
  }
  .resaon h2 {
    font-size: 25px;
  }
  .resaon h2 span {
    margin-top: -12px;
    font-size: 37px;
  }
  .resaon .list {
    padding: 0;
    display: block;
  }
  .resaon .list li {
    width: auto;
    margin-bottom: 20px;
  }
  .resaon .list li:last-child {
    margin-bottom: 0;
  }

  .resaon .list li a {
    margin: 14px auto 0;
    width: 100%;
    font-size: 14px;
  }
  .resaon .list li a .point{
    font-size: 18px;
  }
  /* .resaon h2 span.dot-text {
    padding-top: .18em;
    background-image: radial-gradient(.1em .1em at center center, var(--black), var(--black) 100%, transparent);
  } */
  i.fa-solid.fa-chevron-right {
    right: 15px;
  }
}

/* ご相談ください */

.consultation {
  max-width: 1230px;
  padding: 0 15px 50px;
  margin: 0 auto;
}

.consultation h2 {
  margin-bottom: 20px;
  padding: 0;
  font-size: 32px;
  color: var(--black);
  font-weight: bold;
  line-height: 0.933;
  text-align: center;
  border: none;
  background-color: transparent;
  text-decoration: none;
  text-underline-offset: 0;
}
.consultation h2 span{
  color: var(--blue);
}
.consultation .container {
  background-color: #FFF;
  padding: 50px;
  border-radius: 15px;
}
.consultation_container {
  display: flex;
  align-items: center;
}
.consultation_img {
  width: 32%;
  margin-right: 2%;
}
.consultation_txt {
  width: 68%;
}

.consultation_txt_box {
  padding: 15px 20px;
  /* margin-bottom: 16px; */
  font-size: 18px;
  color: var(--black);
  display: flex;
  align-items: center;
  border-bottom: 1px dashed var(--blue);
}
.consultation_txt_box p {
  margin: 0;
}

.consultation_result .fa-arrow-right{
  color: var(--blue);
}
i.fa-solid.fa-check {
  color: var(--orange);
  font-size: 30px;
  margin-right: 20px;
}
.consultation_result{
  text-align: center;
}
.consultation_result_cnt{
  display: inline;
  background-color: var(--yellow);
  border-radius: 30px;
  padding: 5px 15px;
  font-size: 20px;
}
.consultation_result_cnt i{
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .consultation_result_cnt{
    display: block;
    border-radius: 15px;
    padding: 10px;
    font-size: 18px;
  }
}
/* バナーエリア */
.banner{
  padding: 0 0 60px;
}
.banner_box{
  text-align: center;
}
.banner .banner_box {
  margin-bottom: 40px;
  text-align: center;
}

.banner .banner_box a:hover{
  opacity: 0.7;
  text-decoration: none;
}


/* 新着情報 */
.news {
  padding: 0 0 80px;
}
.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: 1230px;
  margin: 0 auto;
  padding: 0 15px;
}
.news .inner .title {
  margin: 0 2px 11px;
  color: var(--black);
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.news .inner .news-list {
  margin-bottom: 15px;
  padding: 15px 20px;
  font-size: 16px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
}
.news .inner .news-list:last-child {
  margin-bottom: 0;
}
.news .inner .news-list dt {
  float: left;
  color: var(--blue);
  font-weight: bold;
  font-size: 14px;
}
.news .inner .news-list dd {
  padding: 0 0 0 6em;
  color: var(--black);
  position: relative;
}
.news .inner .news-list dd a {
  color: var(--black);
}

.news .inner .news-list dd:before {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: auto;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--blue);
}

@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;
    padding: 0;
  }
  .news .inner .title {
    margin: 0 0 4px;
    font-size: 16px;
  }
  .news .inner .news-list {
    margin-bottom: 11px;
    padding: 10px;
    font-size: 13px;
  }
  .news .inner .news-list:last-child {
    margin-bottom: 0;
  }
  .news .inner .news-list dt {
    margin-bottom: -2px;
    float: none;
  }
  .news .inner .news-list dd {
    padding: 0;
  }
  .news .inner .news-list dd:before{
    right: 10px;
  }
  .consultation_img {
    width: 100%;
    order: 2;
    margin-right: 0;
    width: 70%;
    margin: 0 auto;
  }
  .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: 40px 15px;
  background-color: var(--yellow);
  border-radius: 15px;
  max-width: 1200px;
  margin: 0 auto;
  width: 97%;
}
.pension ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.pension ul li {
  width: 32.6666%;
  padding: 0;
  list-style: none;
  margin-right: 1%;
  margin-bottom: 1%;
}
.pension ul li:nth-child(3n){
  margin-right: 0;
}
.pension ul li a {
  display: flex;
  height: 120px;
  justify-content: flex-start;
  overflow: hidden;
  border-radius: 15px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  padding: 3%;
}
.pension ul li i{
  color: var(--blue);
}
.pension ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.pension ul li a .icon {
  max-width: 70px;
  width: 30%;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
  margin-right: 1%;
  margin-right: 10px;
}
.pension ul li a .txt {
  display: flex;
  align-items: center;
  width: 70%;
  color: var(--black);
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
  .pension ul li a .txt {
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 1000px) {
  .pension ul li a .txt {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .pension {
    padding: 30px 0;
    width: 95%;
  }
  .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;
  }
  .pension ul li a .icon {
    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;
  }
}

.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: 90px;
  }
  .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(--black);
  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(--black);
  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(--black);
}
.gide_box_list li span{
  color: var(--orange);
}
.gide_box_list li span:last-child{
  margin-left: 5px;
}

/* 当事務所が選ばれる6つの理由 */
.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 .list{
  background-color: var(--yellow);
  border-radius: 20px;
  padding: 30px;
}
.reasons .list li {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  align-items: center;
}
.reasons .list li .point{
  background-color: #fff;
  color: var(--blue);
  border: 1px solid;
  font-size: 14px;
  padding: 1px 8px;
}
.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(--black);
  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: 30px;
  position: relative;
  background-color: var(--orange);
  font-weight: bold;
  max-width: 250px;
  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 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px;
  }
  .reasons .list li {
    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 80px;
}
.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;
  background-color: var(--yellow);
  border-radius: 20px;
  padding: 30px;
}

.flow ul li {
  margin-bottom: 20px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    gap: 0 10px;
    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(--black);
  font-size: 15px;
  line-height: 1.5;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}
.flow ul li .text-box .title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 3px solid var(--blue);
  margin-bottom: 5px;
}
.flow ul li .text-box .title p{
  font-size: 24px;
  font-weight: bold;
}
.flow ul li .text-box .title .num {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--blue);
  font-weight: bold;
  margin-right: 10px;
}

.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{
    padding: 20px;
  }
  .flow ul li {
    margin-bottom: 15px;
    width: 100%;
    display: block;
    padding: 0;
  }
  .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: none;
    width: 80%;
    align-items: flex-start;
  }
  .flow ul li .text-box .title p{font-size: 18px;}
  .flow ul li .text-box .title .num {
    margin: 0;
    font-size: 14px;
    line-height: 1;
  }
  .flow ul li .text-box .icon_ttl{
    display: flex;
    width: 100%;
    border-bottom: 3px solid var(--blue);
    padding-bottom: 5px;
    align-items: center;
    margin-bottom: 10px;
  }
  .flow .title {
    display: flex;
    flex-direction: column;
}

}

/* 障害年金の申請はお任せください */
.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(--black);
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}
.message .img-box .text-box .white-bg .title {
  margin-bottom: 20px;
  color: var(--black);
  font-size: 20px;
  font-weight: bold;
}
.message_box {
  display: flex;
  gap: 0 30px;
  color: var(--black);
  font-size: 18px;
  line-height: 1.6;
  margin-top: 30px;
  background-color: var(--yellow);
  border-radius: 30px;
  padding: 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 */
.access_cnt{
  background-color: var(--yellow);
  border-radius: 20px;
  padding: 30px;
}
.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;
}
.accessmap p {
  font-size: 16px;
  color: var(--black);
  font-weight: bold;
}
.accessmap .map {
  height: 1px;
  padding: 0 0 45%;
  position: relative;
  margin-top: 15px;
}
.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%;
  }
  .access_cnt{
    padding: 20px;
  }
}

/* サイドバー */
.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(--blue);
  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: var(--yellow);
  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(--blue);
  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(--blue);
  background: var(--blue);
  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 {
  margin-bottom: 5px;
}
.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: var(--black);
  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(--blue);  
  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(--black);
  text-decoration: none;
  position: relative;
}
.sidebar .sidebar-menu > ul > li > ul a:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "-";
}
.sidebar .textwidget {
  position: relative;
  width: 300px;
}
.sidebar .link {
  margin-bottom: 16px;
}
.sidebar .link a {
  padding-left: 20px;
  color: var(--black);
  background: url("../images/ic-arrow.png") no-repeat left center;
}
.sidebar .sideLink {
  margin-bottom: 20px;
  padding: 0 10px 10px;
  background-color: var(--yellow);
  border-radius: 15px;
  box-sizing: border-box;
}
.sidebar .sideLink h3 {
  color: var(--black);
  text-align: center;
  font-size: 18px;
}
.sidebar .sideLink h3 img {
  margin-right: 8px;
  width: 23px;
}
.sidebar .contact-box {
  position: absolute;
  bottom: 0;
  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(--blue);
  color: var(--black);
}
.sidebar .sidebar-office {
  margin: 0 0 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5em;
  color: var(--black);
}
.sidebar .sidebar-office .name {
  color: var(--black);
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 12px;
  letter-spacing: -0.07em;
}
.sidebar .sidebar-office .address {
  color: var(--black);
  font-size: 16px;
  margin: 0 0 57px;
  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;
  height: 1px;
  padding: 0 0 103%;
  position: relative;
}
.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(--black);
  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: 5px;
  }
  .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(--blue);
}
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 .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 {
  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;
}
.footer_link{
  max-width: 600px;
  padding:0 15px;
}
.footer_link a{
  display: block;
  border-radius: 20px;
  background-color: var(--blue);
  height: 25px;
  margin-bottom: 10px;
}
.footer_link a:nth-child(2){
  background-color: var(--orange);
}
.footer_link a:hover{
  opacity: 0.8;
}
@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 {
    margin: -1px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    font-size: 12px;
  }
  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: block;
    background-color: var(--blue);
    text-decoration: none !important;
    font-size: 14px;
  }
  footer .operation_text {
    font-size: 12px;
    text-align: left;
  }
  footer .navbar-brand {
    padding: 0;
    margin: 0;
  }
  footer .inner_flex {
    display: block;
    padding: 0;
  }
}
@media screen and (max-width: 350px) {
  footer .f-navi {
    font-size: 10px;
  }
}
@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 .link02 a {
    background-color: var(--blue);
  }
  .fixed-nav-sp ul .link01 a {
    padding: 5px;
    background-color: var(--yellow);
  }
  .fixed-nav-sp ul .link01 a img{
    display: block;
    height: 100%;
    text-align: center;
    margin: 0 auto;
  }
}
.breadcrumb {
  max-width: 1230px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
  color: var(--black);
  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(--black);
  color: var(--black);
  font-weight: 700;
}

.main a.link-button::after {
  content: "";
  margin-left: 1em;
  display: inline-block;
  line-height: 1;
  border-left: 6px solid var(--black);
  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: var(--yellow);
}
.fixed-nav.hidden {
  display: none;
}
.fixed-nav.visible {
  opacity: 1;
}
.fixed-nav .head {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: var(--black);
  text-align: center;
  margin-top: -10px;
}
.fixed-nav .inner {
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.55;
  color: var(--black);
  text-align: center;
}
.fixed-nav .inner .tel {
  padding: 0 15px;
}
.fixed-nav .inner .txt {
  margin-bottom: 0;
  line-height: 1.4;
  margin-top: 3px;
}
.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;
  background-color: var(--blue);
  color: #fff;
  text-decoration: none;
  position: relative;
  border: 1px solid var(--blue);
}
.fixed-nav .nav li a i{
  font-size: 30px;
  margin-right: 15px;
  margin-left: 15px;
  color: var(--blue);
}

.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 {
  border-radius: 15px 15px 0 0;
}

.fixed-nav .nav li.link01 a { 
  border: 1px solid var(--line-color);
  background-color: var(--line-color);
  color: #fff;
}
.fixed-nav .nav li.link02 a{
  border: 1px solid var(--orange);
  background-color: var(--orange);
  color: #fff;
}
.fixed-nav .nav li.link01 a i{
  color: var(--line-color);
}
.fixed-nav .nav li.link02 a i{
  color: var(--orange);
}
.fixed-nav .nav li.link03 a i,.fixed-nav .nav li.link04 a i{
  color: var(--blue);
}

.fixed-nav.active{
  opacity: 1!important;
  display: block!important;
}
.fixed-nav-close {
  position: relative;
  color: var(--blue);
  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(--black);
  border: 1px solid var(--black);
  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;
}
/*# sourceMappingURL=style.css.map */