/*
Theme Name: ouen Template php8
*/
@charset "utf-8";

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}/*
Theme Name: ouen Template
*/
@charset "utf-8";

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #e5e5e5;
  border: 0;
  height: 1px;
  width: 100%;
  margin: 40px 0;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#page {
  min-width: 960px;
  padding-top: 31px;
  opacity: 0;
}
.front_page-body #page {
  opacity: 1;
}

.sp {
  display: none;
}


/*--------------------------------------------------------------
   Common Style
--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background-color: #ffffff;
  color: #4D5156;
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  position: relative;
  overflow: hidden;
}

h2 {
  font-size: 16px;
  margin: 0 auto 20px;
}
a,
a:visited {
  color: #EA5514;
  outline: none;
  text-decoration: none;
}
a:active {
  -khtml-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
input,textarea {
  -webkit-appearance: none;
}
button,
input,
select,
textarea {
  border: 1px solid #cccccc;
  border-radius: 0;
  line-height: 1.5;
  margin: 10px 0;
  max-width: 100%;
  vertical-align: baseline;
}
button,
input {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
button {
  outline: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  padding: 5px;
}

.button__wrap {
  margin: 24px 0 0;
  text-align: right;
}
.recommend__tab-content + .button__wrap {
  margin: 0;
}
.button {
  border-radius: 32px;
  border: 1px solid #EA5514;
  padding: 16px 40px;
  background: #fff;
  display: inline-block;
  line-height: 1.3;
  text-align: center;
  overflow: hidden;

  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.special-notice{
  background: #fff;
  padding: 30px 0 20px;
}


@media all and (-ms-high-contrast: none) {
  body {
    font-family: Meiryo, メイリオ, '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif
  }
}
.button::before {
  border-radius: 32px;
  background: #EA5514;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transform-origin: right top;
  transform: scale(0, 1);
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
}

.button__notes {
  display: inline-block;
  text-align: center;
}


/*--------------------------------------------------------------
   PC
--------------------------------------------------------------*/
#page {
  width: 100%;
}
.page__container {
  margin: auto;
  max-width: 960px;
}

/* =header
-------------------------------------------------------------- */
.header {
  margin: 0 auto;
  width: 100%;
  position: fixed;
  background: #fff;
  z-index: 1000000;
  top: 0;
  left: 0;
}
.header.lower,
.header.fixed {
  box-shadow: 0px 2px 4px #00000029;
}
.header .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1120px;
  max-width: calc(100% - (50% - (960px / 2)));
  width: calc(100%);
  margin-right: 0;
  margin-left: auto;
  padding: 0;
  /* padding-right: calc(50% - (960px / 2) - 0px);
  border-right: solid transparent;
  border-right-width: 0; */
}

.header .header__inner .header__title {
  margin: 0;
}
.header .header__inner .header__title a {
  position: relative;
  display: block;
}

.header:not(.fixed) .header__inner .header__title.front {
  position: absolute;
  top: 0;
  max-width: 354px;
  z-index: 10;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.header:not(.fixed) .header__inner .header__title.front img {
/*
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
*/
}
.header .header__inner .header__title.front img.header__title_img {
  margin-top: 20px;
}
.header:not(.fixed) .header__inner .header__title.front img.header__title_img {
  opacity: 1;
}
.header:not(.fixed) .header__inner .header__title.front img.header__title_img-fixed {
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.header.fixed .header__inner .header__title.front img.header__title_img {
  opacity: 0;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.header.fixed .header__inner .header__title.front img.header__title_img-fixed {
  opacity: 1;
}

/* =global navigation
-------------------------------------------------------------- */
.header nav {
  margin-left: auto;
  max-width: calc(100% - 180px);
  width: 100%;
  text-align: right;
}
.g_navi {
  display: inline-block;
  margin-left: auto;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: normal;
}
.header .nav__contents .g_navi__dropdown .dropdown {
  display: none;
  position: absolute;
  top: 100%;
}
.nav__contents .menu_toggle {
  display: none;
}
.nav__contents .g_navi__main {
  display: flex;
  margin-right: 0;
  justify-content: space-between;
  align-items: normal;
}
.nav__contents .g_navi__main.g_navi__main-menu {
  max-width: 50%;
  width: 100%;
}
.nav__contents .g_navi__main.g_navi__main-icon {
  max-width: 9%;
  width: 100%;
  margin-left: 1%;
  justify-content: space-around;
}
.nav__contents .g_navi__main.g_navi__main-button {
  max-width: calc( 295px + 1%);
  justify-content: flex-end;
  margin-left: 1%;
}
.nav__contents .g_navi__main > li.g_navi__access a {
  padding: 32px 0 28px;
}
.header.lower .nav__contents .g_navi__main > li.g_navi__access > a,
.header.fixed .nav__contents .g_navi__main > li.g_navi__access > a {
  padding-top: 17px;
  padding-bottom: 13px;
}
.nav__contents .g_navi__main > li > a {
  display: block;
  cursor: pointer;
  color: #4D5156;
  margin: 0;
  padding: 30px 0;
  height: 80px;
  line-height: 20px;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  font-size: 16px;
}
.nav__contents .g_navi__main > li > a.g_navi__dropdown_btn.open {
  color: #EA5514;
}
.header.lower .nav__contents .g_navi__main > li > a,
.header.fixed .nav__contents .g_navi__main > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
  height: auto;
}
.header .nav__contents .g_navi__main .g_navi__dropdown > a::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f0d7";
  font-size: 20px;
  color: #EA5514;
  padding-left: 5px;
}

.header .nav__contents .g_navi__main .g_navi__dropdown .dropdown {
  background: #fff;
  border-top: 1px solid #EA5514;
  box-shadow: 0px 2px 4px #00000029;
  text-align: center;
}
.header .nav__contents .g_navi__main .g_navi__dropdown .dropdown.wide {
  max-width: 600px;
}
.header .nav__contents .g_navi__main .g_navi__dropdown .dropdown.wide li {
  width: 50%;
  display: inline-block;
  float: left;
}
.header .nav__contents .g_navi__main .g_navi__dropdown .dropdown a {
  display: block;
  cursor: pointer;
  color: #4D5156;
  margin: 0;
  padding: 17px 35px 17px 15px;
  line-height: 20px;
  border-bottom: 1px solid #EA5514;
  position: relative;
  text-align: left;
}
.header .nav__contents .g_navi__main .g_navi__dropdown .dropdown a::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f0da";
  font-size: 20px;
  color: #EA5514;
  padding-left: 5px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.header .nav__contents .g_navi__main .g_navi__contact a::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f0e0";
  font-size: 20px;
  color: #EA5514;
  padding-right: 5px;
}
.header .nav__contents .g_navi__main .g_navi__sns .g_navi__sns-link {
  font-size: 24px;
  color: #EA5514;
  padding-left: 5px;
  padding-right: 5px;
}
.header .nav__contents .g_navi__main .g_navi__tel {
  background-color: #EA5514;
}
.header .nav__contents .g_navi__main .g_navi__tel .g_navi__tel-link {
  font-size: 24px;
  color: #fff;
  font-family: 'Quicksand',  sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}
.header .nav__contents .g_navi__main .g_navi__tel .g_navi__tel-link::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f098";
  padding-right: 5px;
}
.header .nav__contents .g_navi__main .g_navi__reserve {
  background-color: #EA5514;
  margin-left: 0;
}
.header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link {
  font-size: 20px;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #fff;
}
.header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f022";
  padding-right: 5px;
}
.header .searchform {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.nav__contents .g_navi__main > li.g_navi__pc-search > a  {
  font-size: 24px;
  color: #EA5514;
}
.header .nav__contents .g_navi__main .g_navi__dropdown.g_navi__pc-search > a::after {
  content: "";
  padding: 0;
  display: none;
}
.header .nav__contents .g_navi__main .g_navi__dropdown.g_navi__pc-search .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  border-top: none;
  box-shadow: 0px -1px 4px #00000029;
}
.nav__contents .g_navi__main > li.g_navi__pc-search ul.dropdown li {
  background: #FDF4E0;
  padding: 20px 0 20px;
}
.header .searchform input[type="text"] {
  width: 100%;
  height: 28px;
  margin: 0;
  height: 48px;
  line-height: 48px;
  border: 1px solid #EA5514;
  font-size: 16px;
  padding: 0 50px 0 24px;
  border-radius: 4px;
  outline: none;
}
.header .searchform button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  margin: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  font-size: 24px;
  color: #EA5514;
}

/* =footer
-------------------------------------------------------------- */
.foot__contents {
  padding: 40px 0 0;
  background: #fff;
}
.foot__contents .foot__contents_col {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  padding: 30px 0 30px;
}
.foot__contents .foot__contents_col--img_right {
  flex-direction: row-reverse;
}
.foot__contents .foot__contents_col_img {
  max-width: 300px;
/*   width: 50%; */
  text-align: center;
}
.foot__contents .foot__contents_col .foot__contents_col_img img {
  margin: auto;
}
.foot__contents .foot__contents_col_text {
  width: calc(100% - 300px);
}
.foot__contents .foot__contents_col .foot__contents_col_text-ttl {
  font-size: 24px;
  color: #EA5514;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: normal;
  margin: 0 0 7px;
  padding-left: 60px;
}
.foot__contents .foot__contents_col--img_right .foot__contents_col_text-ttl {
  padding-right: 60px;
  padding-left: 0;
}
.foot__contents .foot__contents_col .foot__contents_col_text-sub {
  padding: 0 0 7px;
  border-bottom: 1px #4D5156 solid;
  padding-left: 60px;
}
.foot__contents .foot__contents_col--img_right .foot__contents_col_text-sub {
  padding-right: 60px;
  padding-left: 0;
}
.foot__contents .foot__contents_col .foot__contents_col_text-list {
  list-style-type: none;
  margin: 16px 0;
  padding-left: 60px;
}
.foot__contents .foot__contents_col--img_right .foot__contents_col_text-list {
  padding-right: 60px;
  padding-left: 0;
}
.foot__contents .foot__contents_col .foot__contents_col_text-list li {
  position: relative;
  padding-left: 25px;
  margin: 0 0 3px;
}
.foot__contents .foot__contents_col .foot__contents_col_text-list li::before {
  content: "●";
  color: #EA5514;
  font-size: 16px;
  position: absolute;
  left: 0;
}
.foot__contents .foot__contents_col .foot__contents_col_text-button {
  text-align: right;
}
.foot__contents .foot__contents_col--img_right .foot__contents_col_text-button {
  padding-right: 60px;
}
.foot__contents .foot__contents_col .foot__contents_col_text-button .button {
  padding: 15px 25px;
}

.foot__consultation {
  background-color: #EA5514;
  color: #fff;
  text-align: center;
  padding: 25px 0;
}
.foot__consultation .foot__consultation-text {
  font-size: 24px;
}
.foot__consultation .foot__consultation-text span {
  font-size: 38px;
  font-weight: bold;
  margin: 0 5px;
}
.foot__consultation .foot__consultation-text_sub {
  font-size: 20px;
  line-height: 1.4;
  margin: 20px 0;
}
.foot__consultation .button__wrap {
  text-align: center;
}
.foot__consultation .button__wrap .button {
  border: 1px solid #fff;
  font-weight: 100;
}
.foot__consultation .button__wrap .button.tel {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  padding: 16px 37px;
}
.foot__consultation .button__wrap .button.reserve {
  font-size: 20px;
  margin-left: 20px;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 100;
  padding: 16px 23px;
}
.foot__consultation .button__wrap .button i {
  font-size: 20px;
  line-height: 24px;
}

.foot__feature {
  background-color: #FDF4E0;
  text-align: center;
  font-size: 24px;
  padding: 40px 0;
}
.foot__feature .contents__inner {
  position: relative;
}
.foot__feature h2 {
  color: #F8B62D;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 100;
  font-size: 31px;
  margin-bottom: 24px;
}
.foot__feature h2 img {
  display: inline-block;
  vertical-align: text-bottom;
}
.foot__feature .feature__box {
	width: 274px;
	height: 312px;
  background: url(/ouen/cmswp/assets/images/bg_bubble_white.png) no-repeat center center / contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
}
.foot__feature .feature__box.free {
  top: 110px;
  left: 25%;
}
.foot__feature .feature__box.relief {
  top: 27%;
  right: 0;
}
.foot__feature .feature__box.achievement {
  top: 42%;
  left: 0;
}
.foot__feature .feature__box.advisor {
  bottom: 70px;
  right: 27%;
}
.foot__feature .feature__box .feature__box-inner {
  padding-bottom: 50px;
  line-height: 1.4;
}
.foot__feature .feature__box .feature__box-inner .info {
  color: #F8B62D;
  font-size: 20px;
  line-height: 1;
  width: 100%;
}
.foot__feature .feature__box .feature__box-inner .info span {
  font-size: 60px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  margin-right: 2px;
}
.foot__feature .feature__box .feature__box-inner h3 {
  font-size: 24px;
  width: 100%;
  font-weight: normal;
  margin: 10px 0;
}
.foot__feature .feature__box .feature__box-inner p {
  font-size: 14px;
  width: 100%;
}
.foot__feature .button__wrap {
  padding-top: 630px;
  font-size: 16px;
}

.adviser {
  padding: 35px 0 40px;
  border-top: 1px solid #fdf4e0;
  border-bottom: 1px solid #fdf4e0;
  background: #fff;
}
.adviser .button__wrap {
  margin-top: 5px;
}
.adviser__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
}
.adviser__list .adviser__col {
  width: 23%;
  max-width: 222px;
}
.adviser__list:after{
  content: "";
  width: 23%;
  max-width: 222px;
  height: 0;
}
.adviser__list:before{
  content: "";
  width: 23%;
  max-width: 222px;
  height: 0;
  order: 1;
}
.adviser__list .adviser__col .adviser__col-img {
  position: relative;
  width: 100%;
  /*max-width: 222px;
  height: 222px;*/
  padding-top: 100%;
  border-radius: 32px;
  overflow: hidden;
}
.adviser__list .adviser__col .adviser__col-img img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.adviser__list .adviser__katagaki {
  font-size: 14px;
  margin: 10px 0 3px;
}
.adviser__list .adviser__name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.adviser__list .adviser__info {
  font-size: 14px;
  margin-top: 5px;
}
.adviser__list .adviser__info {
  margin-bottom: 10px;
}
.adviser__list .adviser__sns-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.adviser__list .adviser__sns-list li {
  margin: 0 10px;
  font-size: 20px;
}
.adviser__list .adviser__sns-list li a {
  color: #F8B62D;
}
.adviser__list .adviser__col .column__list {
  font-size: 14px;
  text-align: center;
}
.adviser__list .adviser__col .column__list li {
  display: inline-block;
}
.page__content .adviser__list::after {
  display: block;
  content:"";
  width: 31%;
  max-width: none;
}
.page__content .adviser__list .adviser__col {
  margin-bottom: 30px;
  width: 31%;
  max-width: none;
}
.page__content .adviser__list .adviser__col .adviser__col-img {
  padding-top: 66.66%
}

.voice {
  background: #fdf4e0;
  padding: 35px 0 40px;
}
.post__list-col2 + .button__wrap,
.post__list-col3 + .button__wrap {
  margin-top: 0;
}

.footer {
  text-align: center;
  width: 100%;
  background: #fff;
}
.footer .footer__head {
  background-color: #EA5514;
  padding: 35px 0;
  width: 100%;
  color: #fff;
}
.footer .footer__head .footer__head-logo {
  text-align: center;
  width: 110px;
  margin: 0 auto 12px;
}
.footer .footer__head .footer__head-logo img {
  margin: auto;
  display: block;
}
.footer .footer__head .footer__head-address {
  font-style: normal;
}
.footer .footer__head .footer__head-address .footer__head-org {
  font-size: 20px;
  font-weight: bold;
  margin: 7px 0;
}
.footer .footer__head .button__wrap {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer__head .button__wrap .button {
  border: 1px solid #fff;
  font-weight: 100;
}
.footer .footer__head .button__wrap .button + .button {
  margin-left: 24px;
}
.footer .footer__head .button__wrap .button.tel {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  padding: 16px 37px;
}
.footer .footer__head .button__wrap .button.reserve {
  font-size: 20px;
  margin-left: 20px;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: 100;
  padding: 16px 23px;
}
.footer .footer__head .button__wrap .button i {
  font-size: 20px;
  line-height: 24px;
}


.footer .footer__menu {
  max-width: 960px;
  margin: auto;
  padding: 40px 0 15px;
  color: #4D5156;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.footer .footer__menu a {
  color: #4D5156;
}
.footer .footer__menu a.external::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f08e";
  padding-left: 1px;
  font-size: 12px;
  vertical-align: initial;
}
.footer .footer__menu .footer__menu_list:first-child {
  max-width: 20%;
}
.footer .footer__menu .footer__menu_list {
  text-align: left;
  max-width: 26%;
  padding-right: 10px;
  font-size: 14px;
}
.footer .footer__menu .footer__menu_list:first-child {
  max-width: 20%;
}
.footer .footer__menu .footer__menu_list li {
  margin-bottom: 10px;
  position: relative;
}
.footer .footer__menu .footer__menu_list li a {
  padding-left: 20px;
  line-height: 20px;
  display: block;
}
.footer .footer__menu .footer__menu_list li a:not([href]) {
  cursor: default;
}
.footer .footer__menu .footer__menu_list li a::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  color: #EA5514;
  padding-right: 3px;
  content: "■";
  content: "\f45c";
  font-size: 11px;
  position: absolute;
  left: 0;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-home a {
  padding-left: 0;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-home a::before {
  content: "";
}
.footer .footer__menu .footer__menu_list .footer__menu_list-access a,
.footer .footer__menu .footer__menu_list .footer__menu_list-contact a,
.footer .footer__menu .footer__menu_list .footer__menu_list-reserve a {
  padding-left: 30px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-access a::before {
  content: "\f59f";
  font-weight: 100;
  font-size: 20px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-contact a::before {
  content: "\f0e0";
  font-weight: 100;
  font-size: 20px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-reserve a::before {
  content: "\f022";
  font-weight: 100;
  font-size: 20px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-depth02 {
  margin: 10px 0 0 10px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-depth02 a::before {
  content: "□";
  content: "\f45c";
  font-weight: 300;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-depth03 {
  margin: 10px 0 0 10px;
}
.footer .footer__menu .footer__menu_list .footer__menu_list-depth03 a::before {
  content: "・";
}
.footer .footer__menu .footer__menu_list:last-of-type {
  padding-right: 0;
}
.footer .footer__menu .footer__menu_list-home a {
  color: #EA5514;
  font-weight: bold;
}
.footer .footer__copyright {
  font-size: 12px;
  padding: 20px 0;
}
.footer .footer__copyright a {
  color: #4D5156;
}

.fix_content .pagetop {
  font-size: 40px;
}

.fix_content .pagetop {
  text-shadow: #fff 1px 1px 0, #fff -1px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0 -1px 0, #fff -1px 0 0, #fff 1px 0 0;
}


/* =top
-------------------------------------------------------------- */
.contents__inner {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.contents__maxvw {
  margin: 60px calc(50% - 50vw);
  width: 100vw;
}
h2.title__line {
  font-family: 'Kosugi Maru', sans-serif;
  border-bottom: 2px solid #EA5514;
  padding-bottom: 0;
  min-width: 400px;
  width: auto;
  display: inline-block;
  position: relative;
  font-size: 28px;
  color: #EA5514;
  font-weight: normal;
  margin-bottom: 65px;
}
h2.title__line span {
  position: absolute;
  top: 100%;
  left: 0;
  font-family: 'Quicksand', 'Kosugi Maru', sans-serif;
  font-size: 22px;
  padding-top: 5px;
  color: #EA5514;
  font-weight: 500;
}
h2.title__line::before {
  position: absolute;
  top: 100%;
  right: 100%;
  content: "";
  border-bottom: 2px solid #EA5514;
  width: 100vw;
}
h2.title__line + dl {
  margin-top: 0;
}
.mainvisual {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  background: #fff;
}
.mainvisual__slider {
  width: 57.5%;
  margin-left: auto;
}
.mainvisual__slider img {
  max-height: 100%;
  width: 100%;
}
.sp-next-arrow::after,
.sp-next-arrow::before,
.sp-previous-arrow::after,
.sp-previous-arrow::before {
  background-color: #cccccc;
}
.mainvisual__text {
  width: 100%;
  max-width: 960px;
  margin: auto;
}
.mainvisual__text .mainvisual__text-inner {
  max-width: 480px;
  background: rgba(255,255,255,0.85);
  position: absolute;
  left: auto;
  right: auto;
  bottom: 8px;
  z-index: 100;
  padding: 10px;
  border-radius: 8px;
}

.mainvisual__text h2 {
  font-size: 30px;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: normal;
  margin-bottom: 15px;
  line-height: 1.4;
}


.news {
  background: #fdf4e0;
  padding: 35px 0 40px;
}
.news__list {
  border-top: 1px solid #E8E8E8;
}
.news__list .news__col {
  border-bottom: 1px solid #E8E8E8;
}
.news__list .news__col a {
  padding: 10px 30px 10px 0;
  color: #4D5156;
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
}
.news__list .news__col .news__col-date {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  margin-right: 10px;
  width: 85px;
  position: absolute;
  margin-bottom: 0;
}
.news__list .news__col .news__col-new {
  background: #F8B62D;
  border: 1px solid #F8B62D;
  color: #fff;
  font-size: 11px;
  padding: 1px 4px 1px;
  position: absolute;
  margin-left: 86px;
  display: inline-block;
  border-radius: 2px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-top: 2px;
  min-width: 41px;
}
.news__list .news__col .news__col-ttl {
  width: 100%;
  padding-left: 135px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 0;
}
.news__list .news__col .news__col-ttl span {
  display: inline;
  padding-bottom: 2px;
  background: linear-gradient(transparent, #F8B62D) 0 100%/0 1px no-repeat;
  transition: background .4s;
}
.news__list .news__col a .news__col-ttl:before{
  content: '';
  position: absolute;
  left: 160px;
  bottom: 5px;/*テキストからの距離*/
  width: 0%;/*初期状態では下線非表示*/
  height: 1px;/*下線の高さ*/
  background: #F8B62D;/*下線の色*/
  z-index: -1;
  transition: all 1s;/*アニメーション速度*/
}
.news__list .news__col a.external .news__col-ttl::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f08e";
  font-size: 16px;
  padding-left: 5px;
  position: absolute;
  right: 0;
  top: 10px;
}
.image__col + .image__col {
  display: none;
}
.image__col img {
  width: 100%;
}
.recommend {
  position: relative;
  padding: 35px 0 40px;
  background: #fff;
}
/*
.front_page-body .recommend {
  top: 340px;
  margin-bottom: 340px;
  position: relative;
}

.recommend:before {
    width: 100%;
    height: 57.971vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/ouen/cmswp/assets/images/img_top_obi01_full.jpg");
    position: absolute;
    top: -28.986vw;
    left: 0;
  content: "";
top: -12.006vw;
height: 35.139vw;
background-attachment: fixed;
}
*/
.front_page-body.bg-img:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100vw;
  height: 100vh;
  background: url("/ouen/cmswp/assets/images/img_top_obi01_full.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.front_page-body.bg-img.change-img:before {
  background-image: url("/ouen/cmswp/assets/images/img_top_obi02_full.jpg");
}
.search .empty {
  padding: 70px 0;
}
.empty {
  padding: 40px 0;
  font-size: 14px;
}
.recommend__tab {
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.recommend__tab h3 {
  font-family: 'Kosugi Maru', sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #EA5514;
  line-height: 1;
  margin-right: 30px;
}
.recommend__tab h3::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f02b";
  font-size: 30px;
  color: #EA5514;
  padding-right: 10px;
  vertical-align: middle;
}
.recommend__tab-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.recommend__tab-list .recommend__tab-btn {
  margin-right: 8px;
}
.recommend__tab-list .recommend__tab-btn .button {
  cursor: pointer;
  line-height: 1;
  padding: 6px 8px;
  font-size: 12px;
}
.recommend__tab-list .recommend__tab-btn.active .button {
  background: #EA5514;
  color: #fff;
}
.recommend__tab-content:not(.active) {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
}
.recommend__tab-content.active {
  z-index: 1;
}
.ranking {
  background: #fdf4e0;
  padding: 35px 0 40px;
}
/*
.front_page-body .ranking {
  top: 340px;
  margin-bottom: 340px;
  position: relative;
}
*/
.ranking .ranking__wpp-list {
  counter-reset: number;
  list-style: none;
}
.ranking .ranking__wpp-list .post__col {
  position: relative;
  margin-bottom: 0;
}
.ranking .ranking__wpp-list .post__col a:before {
  color: #EA5514;
  z-index: 10;
  content: counter(number);
  counter-increment: number;
  text-align: center;
  width: 61px;
  height: 54px;
  background-color: transparent;
  position: absolute;
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  top: 106px;
  right: 8px;
  background: url(/ouen/cmswp/assets/images/icon_ranking.png) no-repeat;
  padding-top: 18px;
}

.ranking .ranking__wpp-list li:last-child:before {
  content: unset;
  display: none;
}

/* =lower page
-------------------------------------------------------------- */
.breadcrumbs {
  max-width: 960px;
  margin: 20px auto 50px;
  font-size: 14px;
}
.breadcrumbs ul li {
  display: inline-block;
}
.breadcrumbs ul li a {
  color: #4D5156;
}
.breadcrumbs ul li:last-child {
  color: #EA5514;
}

.page__title {
  text-align: left;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 36px;
  font-weight: normal;
  color: #EA5514;
  max-width: 960px;
  margin: 0 auto 40px;
}
.page__title-sub {
  text-align: left;
  font-size: 16px;
  max-width: 960px;
  margin: -40px auto 20px;
}

.post__list-col2,
.post__list-col3,
.post__list-col4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.post__list-col2 .post__col {
  width: 49%;
}
.post__list-col2 .post__col > p img{
  margin: auto;
}
.page__content .post__list-col2 .post__col:nth-child(2n) {
  margin-left: auto;
}
.page__content .post__list-col2 .post__col:nth-child(2n+1) {
  margin-right: auto;
}
.page__content .post__list-col2 .post__col .post__col-text p {
  margin-bottom: 0;
}
.page__content .post__list-col2 .post__col:nth-last-child(2) {
  margin-bottom: 0;
}
.page__content .post__list-col2 .post__col:last-child {
  margin-bottom: 0;
}
.post__list-col3 .post__col {
  width: 32%;
}
.post__list-col3::after {
  display: block;
  content:"";
  width: 32%;
}
.post__list-col4 .post__col {
  width: 23%;
}
.post__list-col4 .post__col:after{
  content: "";
  width: 23%;
  height: 0;
}
.post__list-col4 .post__col:before{
  content: "";
  width: 23%;
  height: 0;
  order: 1;
}
.post__col {
  background: #fff;
  border-radius: 8px;
  margin: 0 0 30px;
}
.post__col a {
  color: #4D5156;
  display: block;
  height: 100%;
}
.post__col .post__col-img {
  overflow: hidden;
  position: relative;
  border-radius: 8px 8px 0 0;
}

.post__list-col2 .post__col .post__col-img {
  padding-top: 221.800947867298578px;
}

.post__list-col3 .post__col .post__col-img {
  padding-top: 165.744186046511628px;
}
.post__col .post__col-img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: auto;
  margin: auto;
  transform: translateY(-50%);
}
.post__col .post__col-text {
  padding: 12px 24px 20px;
  position: relative;
}
.post__col .post__col-excerpt {
  font-size: 16px;
  margin: 7px 0 0;
}
.post__col .post__col-ttl {
			font-size: 16px;
			font-weight:bold;
}

.post__col .post__col-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 0 0;
}
.post__col .post__col-category {
  font-size: 12px;
  color: #EA5514;
  padding: 5px 11px;
  display: inline-block;
  border: 1px solid #EA5514;
  border-radius: 30px;
  line-height: 1;
  margin-bottom: 0;
}
.post__col .post__col-date {
  text-align: right;
  margin: 0 0 0 auto;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
}


/* =contents page
-------------------------------------------------------------- */
.page__content h2:not(.page__title):not(.title__line) {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #EA5514;
  margin: 40px auto 25px;
}
/*
.page__content h2:not(.page__title):not(.title__line):first-child {
  margin-top: 0;
}
*/
.page__content h3:not(.contents__head):not(.contents__head-noborder) {
  margin: 40px auto 25px;
  font-size: 27px;
  border-left: 4px solid #EA5514;
  padding-left: 15px;
  line-height: 1.2;
  font-family: 'Kosugi Maru', sans-serif;
}
.page__content h4 {
  font-size: 24px;
  color: #EA5514;
  margin: 30px 0 20px;
  font-family: 'Kosugi Maru', sans-serif;
}
.page__content h5 {
  font-size: 21px;
  margin: 30px 0 10px;
  font-family: 'Kosugi Maru', sans-serif;
}

.noborder {
  border-style: none !important;
  padding-left: 0 !important;
}

.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 35px 0;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu li {
  padding-left: 0;
  margin: 0 10px;
}

.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu .button {
  margin: 5px 0;
  min-width: 160px;
  padding: 15px 20px;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu .current .button {
  background-color: #EA5514;
  cursor: default;
  color: #fff;
}
a.icon__word::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f1c2";
  padding-left: 5px;
  vertical-align: initial;
}
a.icon__pdf::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f1c1";
  padding-left: 5px;
  vertical-align: initial;
}
a.icon__excel::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f1c3";
  padding-left: 5px;
  vertical-align: initial;
}
a.icon__powerpoint::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f1c4";
  padding-left: 5px;
  vertical-align: initial;
}
a.icon__external::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f08e";
  padding-left: 5px;
  vertical-align: initial;
  font-size: 14px;
}
.img__round {
  border-radius: 50%;
}
.font__small {
  font-size: 85%;
}
.text__center {
  text-align: center;
}
.text__right {
  text-align: right;
}
.text__right a {
  font-size: 14px;
}
.text__right a {
  font-size: 14px;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).attention {
  margin-left: 0;
}
.page__content .attention:not(ul),
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).attention li {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  width: 100%;
}
.page__content .attention:not(ul)::before,
.page__content .attention > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.page__content p {
  margin-bottom: 20px;
}
.page__content .button p {
  margin-bottom: 0;
}
.page__content dl {
  margin: 30px 0 30px;
}
.page__content dl dt {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 24px;
  font-family: 'Kosugi Maru', sans-serif;
}
.page__content dl dt::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f111";
  color: #EA5514;
  padding-right: 10px;
  position: absolute;
  left: 0;
  font-weight: 800;
}
.page__content dl dl dt::before {
  font-weight: 100;
}
.page__content dl dl dl dt::before {
  content: "・";
}

h2.title__line + .contents__col--m h3:first-child {
  margin-top: 0;
}

.page__content dl dd {
  margin: 10px 0 24px 42px;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]) {
  margin: 20px 0 30px 20px;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]) li {
  margin: 0 0 8px;
  position: relative;
  padding-left: 24px;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]):not(.attention) li::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 800;
  content: "\f0c8";
  color: #EA5514;
  padding-right: 10px;
  position: absolute;
  left: 0;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]):not(.attention) ul li::before {
  font-weight: 100;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]):not(.attention) ul ul li::before {
  content: "・";
}
.page__content ul.no_square li::before {
  content: "" !important;
}
.page__content ol:not([class$="list"]):not([class^="post"]):not([class^="contents"]) {
  margin: 20px 0 30px 20px;
  list-style: none;
  counter-reset: ol_li;
}
.page__content ol:not([class$="list"]):not([class^="post"]):not([class^="contents"]) li {
  margin: 0 0 8px;
  position: relative;
  padding-left: 24px;
}
.page__content ol:not([class$="list"]):not([class^="post"]):not([class^="contents"]) li:before {
  margin-right: .25em;
  counter-increment: ol_li;
  content: counter(ol_li) ".";
  color: #EA5514;
  padding-right: 10px;
  position: absolute;
  right: calc(100% - 30px);
}
.page__content .color__orange {
  color: #EA5514;
}
.page__content .caution {
  font-weight: bold;
  font-size: 14px;
}
.page__content s + .caution {
  margin-left: 10px;
  vertical-align: middle;
}
.page__content table {
  border-top: 1px solid #DFE1E5;
  margin: 40px auto;
  max-width: 920px;
  width: 100%;
}
.page__content table th {
  border-bottom: 1px solid #DFE1E5;
  font-weight: bold;
  padding: 8px 10px;
  font-weight: bold;
  min-width: 160px;
}
.page__content table th.table__date {
  width: 280px;
}
.page__content table td {
  border-bottom: 1px solid #DFE1E5;
  padding: 10px 10px;
}
.page__content table td a {
  color: #4D5156;
  display: inline;
  padding-bottom: 2px;
  background: linear-gradient(transparent, #EA5514) 0 100%/100% 1px no-repeat;
  transition: background .4s;
}
.page__content blockquote {
  position: relative;
  width: 100%;
  padding: 24px 24px;
  border: 1px solid #EA5514;
  margin: 50px 0;
}
.page__content blockquote p {
  margin: 0 0 20px;
}
.page__content blockquote > *:first-child {
  margin-top: 0 !important;
}
.page__content blockquote > *:last-child {
  margin-bottom: 0 !important;
}

.page__content [class*="contents__border_col"],
.page__content [class*="contents__bgcolor_col"] {
  position: relative;
  width: 100%;
  padding: 24px 24px;
  margin: 40px 0;
}
.page__content [class*="contents__col--img"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page__content [class*="contents__border_col"].contents__col--img_right,
.page__content [class*="contents__bgcolor_col"].contents__col--img_right {
  flex-direction: row-reverse;
}
.page__content [class*="contents__border_col"] .contents__col_text > *:first-child,
.page__content [class*="contents__bgcolor_col"] .contents__col_text > *:first-child {
  margin-top: 0 !important;
}
.page__content [class*="contents__border_col"] .contents__col_text > *:last-child,
.page__content [class*="contents__bgcolor_col"] .contents__col_text > *:last-child {
  margin-bottom: 0 !important;
}
.page__content [class*="contents__border_col"] .contents__col_img,
.page__content [class*="contents__bgcolor_col"] .contents__col_img {
  width: 40%;
}
.page__content [class*="contents__border_col"] .contents__col_img + .contents__col_text,
.page__content [class*="contents__bgcolor_col"] .contents__col_img + .contents__col_text {
  width: 56%;
}
.page__content .contents__bgcolor_col--orange {
  background: #FDF4E0;
  border: 1px solid #FDF4E0;
  border-radius:8px;
}
.page__content .contents__bgcolor_col--gray {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.page__content .contents__border_col--orange {
  border: 1px solid #EA5514;
}
.page__content .contents__border_col--gray {
  border: 1px solid #e5e5e5;
}

.page__content [id^="attachment"] {
  max-width: 100%;
  width: 100%;
  margin: 30px 0;
}
.page__content [id^="attachment"] .wp-caption-text {
  font-size: 14px;
  margin: 5px 0 0;
  color: #666666;
  text-align: center;
}

.contents__maxvw .contents__col {
  display: flex;
  align-items: center;
  max-width: calc(100% - (50% - (960px / 2)));
  width: calc(100%);
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  padding: 0;
}
.contents__maxvw .contents__col.contents__col--img_right {
  flex-direction: row-reverse;
  max-width: calc(100% - (50% - (960px / 2)));
  width: calc(100%);
  margin-right: 0;
  margin-left: auto;
  padding: 0;
}
.contents__maxvw .contents__col .contents__col_text {
  padding-left: 30px;
  width:  calc( 100% - (100vw - 50vw));
  padding-top: 30px;
  padding-bottom: 30px;
}
.contents__maxvw .contents__col .contents__col_img {
  width: calc(100vw - 50vw);
  position: relative;
}
.contents__maxvw .contents__col .contents__col_img img {
  width: 100%;
}
.contents__maxvw .contents__col .contents__col_img img.height_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.contents__maxvw .contents__col.contents__col--img_right .contents__col_text {
  padding-right: 30px;
  padding-left: 0;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents li {
  padding-left: 0;
}
.page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents li .button {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 250px;
  line-height: 20px;
}
.button__tel {
  font-size: 24px;
  font-family: 'Quicksand', sans-serif;
}
.button__reserve {
  font-size: 20px;
  font-family: 'Kosugi Maru', sans-serif;
}
.button__wrap-contents .button__reserve {
  margin-left: 24px;
}
.page__content .contents__col p:last-of-type {
  margin-bottom: 0;
}

.contents__col {
  display: flex;
  align-items: center;
  max-width: 960px;
  width: calc(100%);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  padding: 0;
}
[class*="contents__col"].flex__align--start {
  align-items: flex-start;
}
.page__content [class*="contents__col"] .contents__col_text > *:first-child,
.page__content [class*="contents__col"] .contents__col_text > *:first-child {
  margin-top: 0 !important;
}
.contents__col.contents__col--img_right {
  flex-direction: row-reverse;
}
.contents__col .contents__col_text {
  padding-left: 30px;
/*  padding-top: 10px;
  padding-bottom: 10px; */
  width: 65%;
}
.contents__col .contents__col_img {
  width: 35%;
}
.contents__col_img img {
  margin: auto;
}
.contents__col.contents__col--img_right .contents__col_text {
  padding-right: 30px;
  padding-left: 0;
}
.contents__col h4 {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 0;
  color: #EA5514;
  font-family: 'Kosugi Maru', sans-serif;
}
.contents__col_text h3 {
  margin-top: 0;
  font-family: 'Kosugi Maru', sans-serif;
}
.contents__col h3::before {
  content: unset !important;
  display: none;
}

.contents__col--s {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.contents__col--m {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.contents__head,
.contents__head-noborder {
  text-align: center;
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #EA5514;
  margin: 45px auto 45px;
}
.page__content + .contents__service .contents__head,
.contents__wrap .contents__head {
  margin: 0 auto 45px;
}
.contents__head::after {
  content: "";
  border-bottom: 4px solid #EA5514;
  margin: auto;
  height: 4px;
  display: block;
  width: 240px;
}
.contents__head-topborder::before {
  content: "";
  border-top: 3px solid #EA5514;
  margin: auto;
  height: 3px;
  display: block;
  width: 100px;
}
.contents__head-sub {
  text-align: center;
  font-size: 18px;
  margin: -38px 0 35px;
}
.contents__head + .contents__head-number {
  margin-top: -35px;
}
.contents__head-number {
  text-align: center;
  font-size: 72px;
  color: #EA5514;
  font-family: 'Quicksand', sans-serif;
  margin: 40px 0 45px;
  line-height: 1;
}

.contents__col-col2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contents__col-col2:after {
  content: "";
  width: 49%;
  height: 0;
}
.contents__col-col2 .contents__col_box {
  width: 49%;
}
.contents__col_box h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.search__content .contents__col_box {
  margin: 0 0 30px;
  box-shadow: 0px 2px 4px #00000029;
  border-radius: 8px;
  overflow: hidden;
  padding: 14px 24px 24px;
}
.search__content .contents__col_box h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
.search__content .contents__col_box .post__col-excerpt {
  font-size: 14px;
  margin-bottom: 5px;
}


.contents__example {
  padding: 0 0 10px;
}
.contents__example .contents__example_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.contents__example .contents__example_list .contents__example_col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 48%;
  margin: 0 0 60px;
}
.contents__example .contents__example_list > p {
  display: none;
}
.contents__example .contents__example_list .contents__example_col > p {
  display: none;
}
.contents__example .contents__example_bubble {
  width: 190px;
  height: 216px;
  background: url(/ouen/cmswp/assets/images/bg_bubble.png) no-repeat center center / cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents__example .contents__example_bubble p {
  font-family: 'Kosugi Maru', sans-serif;
  font-size: 22px;
  color: #fff;
  padding-bottom: 25px;
}
.contents__example .contents__example_text {
  width: calc((100% - 190px) - 24px);
  font-size: 16px;
}
.contents__adviser .adviser__list .adviser__col {
  margin: 0 12px;
}
.contents__adviser .slick-track {
  margin-right: 0;
  margin-left: 0;
}
.contents__adviser .slick-prev::before,
.contents__adviser .slick-next::before {
  color: #F8B62D;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 40px;
}
.contents__adviser .slick-next::before {
  content: "\f330";
}
.contents__adviser .slick-prev::before {
  content: "\f32e";
}
.contents__adviser .slick-prev {
  left: -45px;
  top: calc(50% - 35px);
}
.contents__adviser .slick-next {
  right: -45px;
  top: calc(50% - 35px);
}
.contents__adviser .slick-prev,
.contents__adviser .slick-next {
  width: 40px;
  height: 40px;
}

.contents__event {
  background: #FDF4E0;
  padding: 35px 0 40px;
}

.contents__article {
  padding: 35px 0 40px;
  border-top: 1px solid #fdf4e0;
  border-bottom: 1px solid #fdf4e0;
}

.contents__service {
  background: #FDF4E0;
  padding: 35px 0 10px;
}
.contents__service .contents__service_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contents__service .contents__service_list .contents__service_list-col {
  width: 32%;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 30px;
}
.contents__service .contents__service_list .contents__service_list-col a {
  display: block;
  height: 100%;
  text-align: right;
}
.contents__service .contents__service_list::after {
  display: block;
  content:"";
  width: 32%;
}
.contents__service .post__col .post__col-img {
  padding-top: 165.744186046511628px;
}
.contents__service .post__col .post__col-text {
  padding: 20px;
}
.contents__service .contents__service_list-name {
  font-weight: bold;
  text-align: left;
  color: #EA5514;
}
.contents__service .contents__service_list-description {
  color: #4D5156;
  margin: 10px 0;
  text-align: left;
  font-size: 16px;
}
.contents__service .contents__service_list-link {
  font-size: 14px;
  margin: 10px 0;
  color: #EA5514;
}
.contents__service a.external .contents__service_list-link::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f08e";
  padding-left: 5px;
}
.contents__service a .contents__service_list-link::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f324";
  font-weight: 100;
  padding-left: 5px;
}
.contents__service .contents__service_list-label {
  font-size: 12px;
  color: #4D5156;
  border: 1px solid #4D5156;
  display: inline-block;
  margin-left: auto;
  padding: 1px 3px;
  border-radius: 2px;
}

.contents__adviser {
  padding: 35px 0 40px;
  border-top: 1px solid #fdf4e0;
  border-bottom: 1px solid #fdf4e0;
}

.contents__voice {
  background: #FDF4E0;
  padding: 35px 0 40px;
}

.govsupport {
  padding: 35px 0 40px;
}
.govsupport_list {
  margin: 25px 0;
  border-top: 1px solid #E8E8E8;
}
.govsupport_list li {
  border-bottom: 1px solid #E8E8E8;
  position: relative;
}
.govsupport_list .icon {
  font-weight: 100;
  font-size: 12px;
  display: inline-block;
  padding: 5px 3px;
  color: #EA5514;
  border: 1px solid #EA5514;
  position: absolute;
  margin-left: 0;
  min-width: 46px;
  text-align: center;
  top: 15px;
  border-radius: 2px;
  line-height: 1;
  margin-top: -3px;
}
.govsupport_list .icon.naibu {
  color: #fff;
  background: #EA5514;
  border: 1px solid #EA5514;
}
.govsupport_list .icon.new,
.govsupport_list .icon.update {
  background: #F8B62D;
  border: 1px solid #F8B62D;
  color: #fff;
  font-size: 11px;
  padding: 1px 4px 1px;
  position: absolute;
  margin-left: 55px;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  margin-top: -1px;
  min-width: 41px;
  line-height: 1.5;
}
.govsupport_list .icon.new {
  z-index: 0;
}
.govsupport_list .icon.update {
  z-index: 1;
}
.govsupport_list a {
  color: #4D5156;
  padding: 10px 30px 10px 0;
  padding-left: 105px;
  display: block;
  position: relative;
}

.govsupport_list a span {
  display: inline;
  padding-bottom: 2px;
  background: linear-gradient(transparent, #F8B62D) 0 100%/0 1px no-repeat;
  transition: background .4s;
}
.govsupport_list a.external::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  content: "\f08e";
  font-size: 16px;
  padding-left: 5px;
  position: absolute;
  right: 0;
  top: 10px;
}

.googlemap__wrap {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.googlemap__wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.page__content .flow__read p {
  margin-bottom: 45px;
}
.contents__col .contents__col_img.logo img {
  width: 70%;
}

/* =archieve,category,taxsonomy
-------------------------------------------------------------- */
.search .search__info {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin: -20px 0 30px;
}
.post__count {
  font-size: 14px;
}
.search .search__info .search__keyword {
  max-width: 75%;
}
.search .search__info .post__count {
  max-width: 33%;
}
.page__content {
  margin: 0 0 70px;
}
.search__content {
  margin: 0 0 70px;
}
.pager {
  margin: 35px auto 35px;
  text-align: center;
  width: 100%;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pager span,
.pager a {
  padding: 0;
  color: #EA5514;
}
.pager span:not(.next):not(.prev):not(.first-page):not(.last-page),
.pager a:not(.next):not(.prev):not(.first-page):not(.last-page) {
  border: 1px solid #EA5514;
  font-size: 20px;
  border-radius: 50%;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  width: 32px;
  height: 32px;
  margin: 0 8px;
}
.pager span.dots,
.pager a.dots {
  border: none !important;
  padding: 0 !important;
  width: auto !important;
}
.pager span.first-page, .pager span.last-page, .pager span.prev, .pager span.next,
.pager a.first-page, .pager a.last-page, .pager a.prev, .pager a.next {
  padding: 0 7px;
}
.pager span.first-page,
.pager a.first-page {
  padding-left: 0;
}
.pager span.last-page,
.pager a.last-page {
  padding-right: 0;
}
.pager span.nolink,
.pager a.nolink {
  color: #ddd;
}
.pager span.current {
  background: #EA5514;
  color: #fff;
}
.pager i {
  font-weight: 300;
}


/* =single
-------------------------------------------------------------- */
.page__content .page__title + .tag__list {
  margin-top: -28px;
}
.tag__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.tag__list .tag__list--icon {
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  background-color: #f8b62b;
  /* border: 1px solid #f8b62b; */
  color: #fff;
  border-radius: 2px;
  padding: 5px 7px 4px 7px;
  line-height: 1;
}

.page__content p.date {
  margin-bottom: 40px;
}
.column__adviser {
  max-width: 600px;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0px 2px 4px #0000003D;
  border-radius: 8px;
  overflow: hidden;
}
.column__adviser .column__adviser-img {
  width: calc(32% - 20px);
  position: relative;
  padding-top: calc(32% - 20px);
  overflow: hidden;
  border-radius: 50%;
  margin: 20px 15px 20px 20px;
}
.column__adviser .column__adviser-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.column__adviser .column__adviser-text {
  width: 66%;
  padding: 10px 24px 10px 5px;
}
.column__adviser .column__adviser-text .adviser__katagaki {
  font-size: 14px;
  margin: 0 0 3px;
}
.column__adviser .column__adviser-text .adviser__name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.column__adviser .column__adviser-text .adviser__info {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
}
.column__adviser .column__adviser-text .adviser__sns-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 5px 0 0;
}
.column__adviser .column__adviser-text .adviser__sns-list li {
  margin: 0 10px;
  font-size: 20px;
}
.column__adviser .column__adviser-text .adviser__sns-list li a {
  color: #F8B62D;
  line-height: 1;
}

.dropdown__ttl {
  cursor: pointer;
}
.page__content .dropdown__ttl {
  margin-bottom: 40px;
  position: relative;
}
.page__content .dropdown__ttl::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f0d7";
  padding-left: 10px;
  font-size: 20px;
  vertical-align: initial;
  transition: all 0.3s;
  color: #EA5514;
}
/*
.page__content .dropdown__ttl.open::after {
  content: "\f0d8";
}
*/

.page__content .dropdown__ttl + .dropdown__col {
  display: none;
}
.page__content .dropdown__ttl + .dropdown__col dl {
  margin-top: 0;
}

.page__content .post-83 h3.dropdown__ttl:not(.contents__head):not(.contents__head-noborder) {
  margin-bottom: 30px;
}
.page__content .post-83 h3.dropdown__ttl:first-child:not(.contents__head):not(.contents__head-noborder) {
  margin-top: 0;
}
.page__content dl.faq__list dd {
  margin-bottom: 40px;
}

.page__content iframe[src*='youtube.com'],
.page__content iframe[src*='youtube-nocookie.com'],
.page__content iframe[src*='youtu.be'] {
  width: 80%;
  height: calc(56.25vw * .51);
}



/*--------------------------------------------------------------
  Hover
--------------------------------------------------------------*/
@media screen and (min-width: 768px)  {
  a:hover {
    -khtml-opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
  .localmenu .current .button:hover {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  a:not([href]) {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  .button:hover {
    color: #fff;
  }
  .button:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .nav__contents .g_navi__main > li > a:hover {
    color: #EA5514;
  }
  .govsupport_list a:hover,
  .news__list .news__col a:hover {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  .news__list .news__col a:hover .news__col-ttl span {
    background-size: 100% 2px;
    width: calc(100% - 160px);
  }
  .govsupport_list a:hover span {
    background-size: 100% 2px;
    width: calc(100% - 160px);
  }
  .pager a:not(.next):not(.prev):not(.first-page):not(.last-page):hover {
    color: #fff;
    background: #EA5514;
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
  }
  .post__col:hover {
    box-shadow: 0px 2px 4px #0000003D;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -khtml-opacity: 1;
  }
  .page__content .entry__content .post__col:hover {
    box-shadow: none;
  }
  .post__col a:hover {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }
  .post__col:hover .post__col-img img {
    -khtml-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1.1);
    -moz-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1);
  }
  .contents__service_list-col:hover {
    box-shadow: 0px 2px 4px #0000003D;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -khtml-opacity: 1;
  }
  .contents__service_list-col a:hover {
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
  }

  /* =fixed
-------------------------------------------------------------- */
  .fix_content {
    position: fixed;
    right: 15px;
    bottom: 15px;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity visibility;
    transition-duration: 0.3s;
    z-index: -1;
  }
  .fix_content.scroll {
    visibility: visible;
    opacity: 1;
    transition-property: opacity visibility;
    transition-duration: 0.3s;
    z-index: 100;
  }
}



/*--------------------------------------------------------------
  PC
--------------------------------------------------------------*/
/*
@media screen and (max-width: 1150px) and (min-width: 1101px) {
  .header .header__inner .header__title.front img.header__title_img {
    max-height: 100px;
    width: auto;
  }
}
*/
/*--------------------------------------------------------------
  PC
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) and (min-width: 881px) {
  .header:not(.fixed) .header__inner .header__title.front {
    position: static;
  }
  .header__title_img {
    display: none;
  }
  .header:not(.fixed) .header__inner .header__title.front img.header__title_img-fixed {
    display: block;
    opacity: 1;
    position: static;
  }
  .nav__contents .g_navi__main > li > a {
    font-size: 14px;
    height: auto;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown a {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header .nav__contents .g_navi__main .g_navi__sns .g_navi__sns-link,
  .header .nav__contents .g_navi__main .g_navi__tel .g_navi__tel-link {
    font-size: 20px;
  }
  .header .nav__contents .g_navi__main .g_navi__pc-search a,
  .header .nav__contents .g_navi__main .g_navi__contact a::before {
    font-size: 17px;
  }
  .header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link {
    font-size: 15px;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown > a::after {
    font-size: 13px;
  }
  .page__content iframe[src*='youtube.com'],
  .page__content iframe[src*='youtube-nocookie.com'],
  .page__content iframe[src*='youtu.be'] {
    height: calc(56.25vw * .81);
  }
  .contents__adviser .slick-prev {
    left: -20px;
    z-index: 999;
  }
  .contents__adviser .slick-next {
    right: -20px;
    z-index: 999;
  }
}
/*--------------------------------------------------------------
  PC
--------------------------------------------------------------*/
@media screen and (max-width: 960px) and (min-width: 881px)  {
  html {
    overflow-x: hidden;
  }
  #page {
    opacity: 0;
  }
  body {
    overflow: hidden;
  }
  .contents__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav__contents .g_navi__main > li > a {
    padding: 18px 0 18px;
    font-size: 14px;
  }

  .nav__contents .g_navi__main > li.g_navi__access a {
    padding: 18px 0 18px;
  }
  .header.lower .nav__contents .g_navi__main > li.g_navi__access > a,
  .header.fixed .nav__contents .g_navi__main > li.g_navi__access > a {
    padding-top: 16px;
    padding-bottom: 14px;
  }
  .header:not(.fixed) .header__inner .header__title.front {
    width: 100px;
    margin-left: 10px;
  }
  .header .header__inner .header__title {
    width: 100px;
    margin-left: 10px;
  }
  .header nav {
    max-width: calc(100% - 105px);
  }
  .header .nav__contents .g_navi__main .g_navi__pc-search a,
  .header .nav__contents .g_navi__main .g_navi__contact a::before {
    font-size: 17px;
  }
  .header .nav__contents .g_navi__main .g_navi__sns .g_navi__sns-link,
  .header .nav__contents .g_navi__main .g_navi__tel .g_navi__tel-link {
    font-size: 17px;
  }
  .header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link {
    font-size: 15px;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown > a::after {
    font-size: 13px;
  }
  .mainvisual__text .mainvisual__text-inner {
    bottom: 0;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown a {
    padding: 10px 24px 10px 8px;
    font-size: 14px;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown a::after {
    right: 10px;
    font-size: 13px;
  }
  .contents__adviser .slick-prev {
    left: 0px;
    z-index: 999;
  }
  .contents__adviser .slick-next {
    right: 0px;
    z-index: 999;
  }
}

/*--------------------------------------------------------------
  gnav
--------------------------------------------------------------*/
@media screen and (max-width: 880px) {
  /* =header
  ------------------------------------------------------ */
  .header {
    height: 56px;
  }
  .header:not(.fixed) .header__inner .header__title.front {
    position: static;
  }
  .header__title_img {
    display: none;
  }
  .header:not(.fixed) .header__inner .header__title.front img.header__title_img-fixed {
    display: block;
    opacity: 1;
    position: static;
  }
  .header nav {
    width: auto;
  }
  .header:not(.fixed) .header__inner .header__title.front {
    max-width: 130px;
    left: 0;
  }
  .header .header__inner .header__title {
    margin-left: 24px;
  }
  .header .g_navi {
    display: none;
  }
  .header .g_navi .pc {
    display: none;
  }
  .header .g_navi .sp {
    display: block;
  }
  .nav__contents .g_navi__main > li > a.g_navi__dropdown_btn.open {
    color: #4D5156;
  }
  .header .g_navi__btn {
    display: block;
    width: 56px;
    height: 56px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s;
    margin-right: 10px;
  }
  .header .g_navi__btn .sp_menu_toggle {
    width: 30px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: -1;
  }
  .header .sp_menu_toggle li {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #EA5514;
    position: absolute;
    transition: .5s;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown.wide li {
    width: 100%;
    float: none;
  }
  .header .sp_menu_toggle li:nth-child(1) {
    top: 0;
  }
  .header .sp_menu_toggle li:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .header .sp_menu_toggle li:nth-child(3) {
    bottom: 0;
  }
  .header .g_navi__btn.active {
    position: absolute;
    top: 5px;
    right: 15px;
  }
  .header .g_navi__btn.active .sp_menu_toggle {
    width: 30px;
    height: 1.5rem;
  }
  .header .g_navi__btn.active .sp_menu_toggle li {
    background-color: #EA5514;
  }
  .header .g_navi__btn.active .sp_menu_toggle li:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
  }
  .header .g_navi__btn.active .sp_menu_toggle li:nth-child(2) {
    opacity: 0;
  }
  .header .g_navi__btn.active .sp_menu_toggle li:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
  }
  .header .g_navi .g_navi__btn {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
  }
  .header .g_navi.active .sp_menu_toggle {
    width: 30px;
    height: 1.5rem;
  }
  .header .g_navi.active .sp_menu_toggle li {
    background-color: #EA5514;
  }
  .header .g_navi.active .sp_menu_toggle li:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
  }
  .header .g_navi.active .sp_menu_toggle li:nth-child(2) {
    opacity: 0;
  }
  .header .g_navi.active .sp_menu_toggle li:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
  }
  .header .overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
  }
  .header__inner {
    height: 56px;
  }
  .header .g_navi {
    display: block;
    padding: 0 0 30px;
    background: #fff;
    width: 320px;
    height: 100vh;
    overflow: auto;
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 9999;
    transition: .3s;
  }
  .header .g_navi.active {
    display: block;
    right: 0;
  }
  .header .nav__contents .g_navi__main {
    display: block;
    margin: 56px 0 0;
    max-width: none;
  }
  .header .nav__contents .g_navi__main + .g_navi__main {
    margin: 0 0 0;
  }
  .nav__contents .g_navi__main > li.g_navi__sp-search.sp {
    border-top: none;
    margin-top: 30px;
  }
  .nav__contents .g_navi__main > li  {
    border-top: 1px solid #EA5514;
  }
  .nav__contents .g_navi__main > li > a {
    padding: 20px 15px;
    height: auto;
  }
  .nav__contents .g_navi__main > li.g_navi__access a {
    padding: 20px 15px;
  }
  .header.lower .nav__contents .g_navi__main > li.g_navi__access > a,
  .header.fixed .nav__contents .g_navi__main > li.g_navi__access > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown {
    position: static;
    border-bottom: none;
    box-shadow: none;
    margin-left: 30px;
  }
  .nav__contents .g_navi__main > li > a {
    text-align: left;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown .dropdown li:last-child a {
    border-bottom: none;
  }
  .header .nav__contents .g_navi__main .g_navi__dropdown > a::after {
    position: absolute;
    right: 15px;
  }
  .header .nav__contents .g_navi__main .g_navi__contact {
    border-bottom: 1px solid #EA5514;
  }
  .header .nav__contents .g_navi__main .g_navi__contact a::before {
    padding-right: 10px;
  }
  .header .nav__contents .g_navi__main .g_navi__sns .g_navi__sns-link {
    padding: 5px;
    text-align: center;
  }
  .header .nav__contents .g_navi__main .g_navi__sns,
  .header .nav__contents .g_navi__main .g_navi__tel,
  .header .nav__contents .g_navi__main .g_navi__reserve {
    background: #fff;
    text-align: center;
    margin: 15px auto;
    border-top: none;
  }
  .nav__contents .g_navi__main > li > a.g_navi__tel-link,
  .nav__contents .g_navi__main > li > a.g_navi__reserve-link,
  .header .nav__contents .g_navi__main .g_navi__tel .g_navi__tel-link,
  .header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link {
    border-radius: 32px;
    border: 1px solid #EA5514;
    padding: 16px 20px;
    background: #fff;
    color: #EA5514;
    display: inline-block;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    position: relative;
    max-width: 240px;
    width: 100%;
    margin: auto;
  }
  .header .nav__contents .g_navi__main .g_navi__reserve .g_navi__reserve-link span {
    display: inline-block;
  }
  .header .g_navi__sp-search {
    padding: 0 24px;
    border-top: none;
   }

  .page__content iframe[src*='youtube.com'],
  .page__content iframe[src*='youtube-nocookie.com'],
  .page__content iframe[src*='youtu.be'] {
    height: calc(56.25vw * .83);
  }

  .contents__adviser .slick-prev {
    left: 0px;
    z-index: 999;
  }
  .contents__adviser .slick-next {
    right: 0px;
    z-index: 999;
  }
}

/*--------------------------------------------------------------
  Tablet
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /* =common style
  ------------------------------------------------------ */
  .fix_content {
    position: fixed;
    top: auto;
    bottom: 15px;
    right: 15px;
    z-index: 99999;
    -o-transition: bottom 0.3s; /* opera */
    -moz-transition: bottom 0.3s; /* firefox */
    -webkit-transition: bottom 0.3s; /* chrome, safari */
    -ms-transition: bottom 0.3s; /* ie */
    transition: bottom 0.3s;
    -o-transition: rotate(0); /* opera */
    -moz-transition: rotate(0); /* firefox */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    visibility: visible;
    opacity: 1;
    transition-property: opacity visibility;
    transition-duration: 0.3s;
    max-width: none;
    text-align: right;
  }
  .fix_content.top {
    visibility: hidden;
    opacity: 0;
    transition-property: opacity visibility;
    transition-duration: 1s;
    z-index: -1;
  }
  .fix_content.scroll {
    bottom: -200px;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity visibility;
    transition-duration: 0.3s;
  }
  .fix_content .fix_content-button {
    width: 64px;
    margin-left: auto;
  }
  .fix_content .fix_content-col {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 35px;
    background: #F8B62D;
    text-align: center;
    line-height: 64px;
    margin-bottom: 12px;
    border: 1px solid #fff;
  }
  .fix_content .fix_content-col a {
    color: #fff;
    display: block;
  }
  .fix_content .fix_content-tel {
    background: #EA5514;
  }

  .button {
    padding-left: 35px;
    padding-right: 35px;
  }
  #page {
    min-width: 0;
    padding-top: 56px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .header:not(.fixed) .header__inner .header__title.front {
    max-width: none;
  }

  /* =common
  ------------------------------------------------------ */
  .contents__inner {
    padding-right: 24px;
    padding-left: 24px;
  }
  h2.title__line {
    font-size: 20px;
    min-width: 130px;
    padding-bottom: 3px;
    margin-bottom: 50px;
  }
  h2.title__line span {
    font-size: 18px;
  }
  h2.title__line.has__not-span {
    margin-bottom: 40px;
  }
  .button__wrap {
    text-align: center;
  }
  .post__list-col2 .post__col,
  .post__list-col3 .post__col {
    width: 49%;
    box-shadow: 0px 2px 4px #00000029;
  }
  .page__content .post__list-col2 .post__col {
    box-shadow: none;
  }
  .page__content .post__list-col2 .post__col:nth-last-child(2) {
    margin-bottom: 24px;
  }
  .page__content .post__list-col2 .post__col:last-child {
    margin-bottom: 0;
  }
  .post__col .post__col-text {
    padding: 12px 16px 20px;
  }
  .post__col .post__col-ttl {
    margin-bottom: 7px;
  }
  .page__content .post__list-col2 .post__col .post__col-text {
    padding-bottom: 0;
  }
  .page__content .post__list-col2 .post__col .post__col-text p {
    margin-bottom: 0;
  }

  .post__col .post__col-bottom {
     flex-wrap: wrap;
     flex-direction: column-reverse;
     justify-content: flex-start;
     align-items: flex-start;
     margin: 12px 0 0 0;
  }

  /* =top
  ------------------------------------------------------ */
  .mainvisual {
    position: relative;
  }
  .mainvisual__slider {
    width: 96%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header:before,
  .header:after {
    color: #F8B62D;
    position: fixed;
    right: 20px;
    z-index: 99;
    text-align: center;
  }
  .front_page-body .header:before,
  .front_page-body .header:after {
    visibility: visible;
    opacity: 1;
    transition-property: opacity visibility;
    transition-duration: 1s;
  }
  .front_page-body .header:before {
    content: "scroll";
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    top: calc(100vh - 110px);
    line-height: 21px;
    writing-mode: vertical-rl;
  }
  .front_page-body .header:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 100;
    content: "\f175";
    font-size: 37px;
    width: 23px;
    top: calc(100vh - 60px);
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  _:lang(x)::-internal-media-controls-overlay-cast-button, .front_page-body .header:before {
    top: calc(100vh - 200px);
  }
  _:lang(x)::-internal-media-controls-overlay-cast-button, .front_page-body .header:after {
    top: calc(100vh - 140px);
  }
  }
  .front_page-body .header.fixed:before,
  .front_page-body .header.fixed:after {
    visibility: hidden;
    opacity: 0;
    transition-property: opacity visibility;
    transition-duration: 1s;
    z-index: -1;
  }
  .mainvisual__slider .slick-list{
    overflow: visible;
  }
  .mainvisual__slider img {
    min-height: 473px;
    width: auto;
    object-fit: cover;
    width: 100%;
  }
  .mainvisual__slider img {
    min-height: 473px;
    width: auto;
    object-fit: cover;
    width: 100%;
  }

  .mainvisual__text .mainvisual__text-inner {
    width: 95%;
    position: relative;
    margin-top: 360px;
    padding: 20px 24px;
    bottom: 0;
  }
  .news {
    padding: 28px 0;
  }
  .news__list .news__col a {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 10px;
  }
  .news__list .news__col .news__col-date {
    position: static;
    margin-right: 0;
    width: auto;
  }
  .news__list .news__col .news__col-new {
    position: static;
    margin-left: 10px;
    height: 20px;
  }
  .news__list .news__col .news__col-ttl {
    width: 100%;
    margin-top: 5px;
    padding-left: 0;
  }
  .news__list .news__col a.external .news__col-ttl::after {
    position: static;
  }

  .recommend {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .front_page-body .recommend,
  .front_page-body .ranking {
    top: 140px;
    margin-bottom: 140px;
    top: 0;
    margin-bottom: 0;
  }
  .recommend__tab {
    display: block;
  }
  .recommend__tab h3 {
    display: inline;
    vertical-align: top;
    margin-right: 20px;
  }
  .recommend__tab .recommend__tab-list {
    display: inline;
    vertical-align: top;
  }
  .recommend__tab .recommend__tab-list .recommend__tab-btn {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
  }
  .post__list-col2 .post__col .post__col-img {
    padding-top: 165.744186046511628px;
    padding-top: 176.744186046511628px;
  }

  .ranking {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .ranking .ranking__wpp-list .post__col:not(:last-child) {
    margin-bottom: 24px;
  }

  .foot__contents {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .foot__contents .foot__contents_col {
    display: block;
    margin: 0 auto 0;
    padding: 24px 0 24px;
  }
  .foot__contents .foot__contents_col:first-child {
    margin-top: 0;
  }
  .foot__contents .foot__contents_col_img {
    margin: auto;
  }
  .foot__contents .foot__contents_col_text {
    width: 100vw;
    margin: 24px calc(50% - 50vw) 0;
    padding: 0 0;
  }
  .foot__contents .foot__contents_col--img_left .foot__contents_col_text-ttl,
  .foot__contents .foot__contents_col--img_right .foot__contents_col_text-ttl {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 2px;
  }
  .foot__contents .foot__contents_col--img_left .foot__contents_col_text-sub,
  .foot__contents .foot__contents_col--img_right .foot__contents_col_text-sub,
  .foot__contents .foot__contents_col--img_left .foot__contents_col_text-list,
  .foot__contents .foot__contents_col--img_right .foot__contents_col_text-list,
  .foot__contents .foot__contents_col--img_right .foot__contents_col_text-button {
    padding-right: 24px;
    padding-left: 24px;
  }
  .foot__contents .foot__contents_col .foot__contents_col_text-button {
    text-align: center;
  }
  .post__list-col3 + .button__wrap {
     margin-top: 0;
  }
  .adviser__list .adviser__col {
    width: 48%;
    margin-bottom: 24px;
  }
  .adviser .button__wrap {
    margin-top: 0;
  }
  .voice .post__list-col3 + .button__wrap {
    margin-top: 0;
  }

  .foot__consultation .foot__consultation-text_sub {
    margin: 15px 0;
  }
  .foot__consultation .button__wrap .button.reserve {
    margin-left: 0;
    margin-top: 15px;
  }

  .foot__feature {
    padding: 24px 0;
  }
  .foot__feature .contents__inner {
    width: 60%;
  }
  .foot__feature h2 {
    font-size: 24px;
  }
  .foot__feature h2 img {
    max-width: 240px;
  }
  .foot__feature .feature__box {
    position: static;
    margin-top: 0;
  }
  .foot__feature .feature__box:nth-child(2n) {
    margin-left: -10px;
  }
  .foot__feature .feature__box:nth-child(2n+1) {
    margin-left: auto;
    margin-right: -10px;
  }
  .foot__feature .button__wrap {
    padding: 0 0;
  }
  .footer .footer__head .button__wrap {
    display: block;
  }
  .footer .footer__head .button__wrap .button.reserve {
    margin-left: 0;
    margin-top: 15px;
  }
  .footer .footer__menu {
    display: block;
    padding: 30px 24px 20px;
  }
  .footer .footer__menu .footer__menu_list,
  .footer .footer__menu .footer__menu_list:first-child {
    max-width: 100%;
    margin-bottom: 25px;
  }
  .footer .footer__menu .footer__menu_list:last-child {
    margin-bottom: 0;
  }
  .footer .footer__copyright {
    padding-top: 0;
  }
  .adviser {
    padding: 24px 0;
  }
  .adviser .button__wrap {
    margin-top: 10px;
  }
  .voice {
    padding: 24px 0;
  }
/*
  #page:not(.front_page) .page__content .post__col-img {
    display: none;
  }
*/

  /* =Lower page
  ------------------------------------------------------ */
  .breadcrumbs {
    padding: 0 24px;
    margin: 20px 0;
  }
  .page__title {
    padding: 0 24px;
    font-size: 24px;
  }
  .contents__inner .page__title {
    padding: 0;
  }
  .page__title-sub {
    padding: 0 24px;
  }
  .contents__inner .page__title-sub {
    padding: 0;
  }
  .contents__wrap .contents__col {
    padding: 0 24px;
    margin-bottom: 40px;
  }
  .contents__col {
    display: block;
  }
  .contents__col .contents__col_img {
    width: 100%;
    margin-bottom: 30px;
  }
  .contents__wrap .contents__col .contents__col_img {
    margin-bottom: 10px;
  }
  .contents__col .contents__col_text {
    width: 100%;
    padding: 0;
  }
  .contents__col.contents__col--img_right .contents__col_text {
    padding-right: 0;
  }
  .contents__example {
    padding: 0 0 25px;
  }
  .contents__example .contents__example_list {
    display: block;
  }
  .contents__example .contents__example_list .contents__example_col {
    display: block;
    width: 100%;
    margin: 0 0 40px;
  }
  .contents__example .contents__example_bubble {
    margin: auto auto 20px;
  }
  .contents__example_col .contents__example_text {
    width: 100%;
    padding: 0;
  }
  .contents__head-sub {
    margin-bottom: 35px;
  }
  .contents__event {
    padding: 25px 0;
  }
  .contents__event .contents__head {
    margin-top: 0;
  }
  .contents__article {
    padding: 25px 0;
  }
  .contents__article .contents__head {
    margin-top: 0;
  }
  .contents__service {
    padding: 25px 0;
  }
  .contents__service .contents__head {
    margin-top: 0;
  }
  .contents__service .contents__service_list .contents__service_list-col {
    width: 48%;
    margin-bottom: 30px;
    box-shadow: 0px 2px 4px #00000029;
  }
  .contents__service .contents__service_list::after {
    width: 48%;
  }
  .contents__service .contents__service_list::before {
    content: unset;
    display: none;
  }
  .contents__adviser {
    padding: 25px 0;
  }
  .contents__adviser .contents__head {
    margin-top: 0;
  }
  .contents__adviser .contents__inner {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 0;
  }
  .contents__adviser .adviser__list:before,
  .contents__adviser .adviser__list:after {
    content: unset;
    display: none;
  }
  .contents__adviser .adviser__list .adviser__col {
    width: 32%;
    margin: 0 5px;
    max-width: none;
  }
  .contents__adviser .button__wrap {
    margin-top: 24px;
  }

  .contents__voice {
    padding: 25px 0;
  }
  .contents__voice .contents__head {
    margin-top: 0;
  }
  .govsupport {
    padding: 25px 0;
  }
  .govsupport .contents__head {
    margin-top: 0;
  }
  .govsupport_list li {
    margin: 10px 0;
  }
  .govsupport_list .icon {
     position: static;
  }
  .govsupport_list .icon.new, .govsupport_list .icon.update {
     position: static;
     margin-left: 5px;
     verical-align: middle;
  }
  .govsupport_list .icon.new {
     font-weight: 500;
   }
  .govsupport_list a {
     padding-left: 0;
     padding-top: 5px;
  }
  .govsupport_list a.external::after {
    position: static;
  }

  /* =Lower style
  ------------------------------------------------------ */
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu {
    max-width: 450px;
    margin: 20px auto 20px;
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu li {
     margin: 0 auto;
     width: calc(49% - 10px);
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).localmenu li .button {
     min-width: 0;
     width: 100%;
     padding: 15px 0;
  }
  .button__wrap-contents {
    flex-wrap: wrap;
  }
  .button__wrap-contents .button__reserve {
    margin-left: 0;
  }
  .entry_content .contents__col_text .button__reserve {
    padding-left: 15px;
    padding-right: 15px;
  }
  .contents__maxvw .contents__col {
    flex-wrap: wrap;
  }
  .contents__maxvw .contents__col .contents__col_img {
    width: 100%;
  }
  .contents__maxvw .contents__col.contents__col--img_right .contents__col_text,
  .contents__maxvw .contents__col .contents__col_text {
    width: 100%;
    padding: 0 24px 24px;
  }
  .contents__col-col2 .contents__col_box {
    width: 100%;
    margin-bottom: 24px;
  }
  .search .search__info {
    display: block;
  }
   .search .search__info .search__keyword {
    max-width: none;
  }
  .search  .search__info .post__count {
    max-width: none;
    margin: 0;
  }
  .pager {
    font-size: 16px;
  }
  .pager span:not(.next):not(.prev):not(.first-page):not(.last-page), .pager a:not(.next):not(.prev):not(.first-page):not(.last-page) {
    font-size: 16px;
    width: 25px;
    height: 25px;
    margin: 0 5px;
  }
  .pager span.dots, .pager a.dots {
    margin: 0 1px;
  }
  .pager span.first-page, .pager span.last-page, .pager span.prev, .pager span.next,
  .pager a.first-page, .pager a.last-page, .pager a.prev, .pager a.next {
    padding: 0 5px;
  }
  .pager span.first-page,
  .pager a.first-page {
    padding-left: 0;
  }
  .pager span.last-page,
  .pager a.last-page {
    padding-right: 0;
  }

  /* =single
  ------------------------------------------------------ */
  .page__content table {
    table-layout: auto;
  }
  .page__content [class*="contents__border_col"],
  .page__content [class*="contents__bgcolor_col"] {
    padding: 14px 14px;
  }
  .page__content [class*="contents__col--img"] {
    flex-wrap: wrap;
  }
  .page__content [class*="contents__border_col"] .contents__col_img,
  .page__content [class*="contents__bgcolor_col"] .contents__col_img {
    width: 100%;
  }
  .page__content [class*="contents__border_col"] .contents__col_img + .contents__col_text,
  .page__content [class*="contents__bgcolor_col"] .contents__col_img + .contents__col_text {
    width: 100%;
    margin-top: 20px;
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]),
  .page__content ol:not([class$="list"]):not([class^="post"]):not([class^="contents"]) {
    margin: 15px 0 20px 10px;
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents {
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents li {
    padding-left: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .page__content ul:not([class$="list"]):not([class^="post"]):not([class^="contents"]).button__wrap-contents li:last-child {
    margin-bottom: 0;
  }
  .page__content dl dd {
    margin: 10px 0 24px 32px;
  }
  .column__adviser {
    flex-wrap: wrap;
    max-width: 300px;
    width: 80%;
  }
  .column__adviser .column__adviser-img {
    width: calc(100% - 40px);
    padding-top: calc(100% - 40px);
    margin: 20px auto 0;
  }
  .column__adviser .column__adviser-text {
    width: 100%;
    padding: 14px 14px 14px;
  }

  .page__content table {
    border: none;
  }
  .page__content table tr {
    border: 1px solid #DFE1E5;
    border-left: none;
    border-right: none;
  }
  .page__content table th,
  .page__content table td {
    display: block;
    border: 1px dotted #DFE1E5;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 7px 0;
  }
  .page__content table th.table__date {
    width: 100%;
  }
  .page__content table th:first-of-type,
  .page__content table td:first-of-type {
    border-top: none;
  }
  .page__content table th + td:first-of-type {
    border-top: 1px dotted #DFE1E5;
  }
  .page__content .table__scroll--sp {
    overflow: scroll;
    /* white-space: nowrap; */
    margin-right: -24px;
    margin-left: -24px;
    position: relative;
  }
  .page__content .table__scroll--sp::before {
    position: absolute;
    top: 0;
    left: 100%;
    width: 24px;
    height: 1px;
    content: '';
  }
  .page__content .table__scroll--sp table {
    border-top: 1px solid #DFE1E5;
    margin-left: 24px;
    margin-right: 24px;
    width: 920px;
  }
  .page__content .table__scroll--sp table tr {
    border: none;
  }
  .page__content .table__scroll--sp table th {
    display: table-cell;
    border-bottom: 1px solid #DFE1E5;
    padding: 8px 10px;
    min-width: 160px;
  }
  .page__content .table__scroll--sp table th.table__date {
    width: 100%;
  }
  .page__content .table__scroll--sp table td {
    display: table-cell;
    border-bottom: 1px solid #DFE1E5;
    padding: 10px 10px;
  }

  .page__content iframe[src*='youtube.com'],
  .page__content iframe[src*='youtube-nocookie.com'],
  .page__content iframe[src*='youtu.be'] {
    width: 100%;
    height: calc(56.25vw - 48px);
  }

}

/*--------------------------------------------------------------
  Smartphone
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  /* =common style
  ------------------------------------------------------ */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
    max-width: 100%;
    width: 100%;
  }
  .post__list-col2 .post__col,
  .post__list-col3 .post__col {
    width: 100%;
    max-width: 327px;
    box-shadow: 0px 2px 4px #00000029;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .page__content .post__list-col2 .post__col {
    box-shadow: none;
  }
  .page__content .post__list-col2 .post__col .post__col-text {
    padding: 10px 0 10px;
  }
  .page__content .post__list-col2 .post__col:nth-child(2n+1) {
    margin-left: auto;
  }
  .page__content .post__list-col2 .post__col:nth-child(2n) {
    margin-right: auto;
  }
  .contents__service .contents__service_list .contents__service_list-col {
    width: 100%;
  }
  .foot__feature .contents__inner {
    width: 100%;
  }

  .page__content .adviser__list .adviser__col {
    width: 48%;
    margin-bottom: 24px;
  }
  .page__content .adviser__list .adviser__col .adviser__col-img {
    padding-top: 100%;
  }
  .page__content s + .caution {
    display: block;
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
  Smartphone S
--------------------------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*
// 事業団追記ここから 2022/02/28
*/

/*///////////////////////////////////
// Title周り
///////////////////////////////////*/

.content-h2 {
	font-size: 27px !important;
	margin-bottom: 15px !important;
	margin-top: 0 !important;
	color: #4D5156 !important;
	font-family: 'Kosugi Maru', sans-serif !important;
}

.content-h3 {
	font-size: 24px !important;
	margin-bottom: 15px !important;
	margin-top: 0 !important;
	color: #4D5156 !important;
	font-family: 'Kosugi Maru', sans-serif !important;
}

.content-h4 {
	font-size: 20px !important;
	margin-bottom: 15px !important;
	margin-top: 0 !important;
	color: #EA5514; !important;
	font-family: 'Kosugi Maru', sans-serif !important;
}

.content-h5 {
	font-size: 16px !important;
	margin: 30px 0 10px !important;
	font-family: 'Kosugi Maru', sans-serif !important;
}

/*///////////////////////////////////
// Spacing margin
///////////////////////////////////*/
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.8rem !important;
}

.mt-4 {
  margin-top: 1.8rem !important;
}

.mr-4 {
  margin-right: 1.8rem !important;
}

.mb-4 {
  margin-bottom: 1.8rem !important;
}

.ml-4 {
  margin-left: 1.8rem !important;
}

.mx-4 {
  margin-left: 1.8rem !important;
  margin-right: 1.8rem !important;
}

.my-4 {
  margin-top: 1.8rem !important;
  margin-bottom: 1.8rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}


.m-6 {
  margin: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mr-6 {
  margin-right: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ml-6 {
  margin-left: 4rem !important;
}

.mx-6 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mr-7 {
  margin-right: 5rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.ml-7 {
  margin-left: 5rem !important;
}

.mx-7 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.m-8 {
  margin: 7.5rem !important;
}

.mt-8 {
  margin-top: 7.5rem !important;
}

.mr-8 {
  margin-right: 7.5rem !important;
}

.mb-8 {
  margin-bottom: 7.5rem !important;
}

.ml-8 {
  margin-left: 7.5rem !important;
}

.mx-8 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.my-8 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.m-9 {
  margin: 10rem !important;
}

.mt-9 {
  margin-top: 10rem !important;
}

.mr-9 {
  margin-right: 10rem !important;
}

.mb-9 {
  margin-bottom: 10rem !important;
}

.ml-9 {
  margin-left: 10rem !important;
}

.mx-9 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my-9 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.m-10 {
  margin: 12.5rem !important;
}

.mt-10 {
  margin-top: 12.5rem !important;
}

.mr-10 {
  margin-right: 12.5rem !important;
}

.mb-10 {
  margin-bottom: 12.5rem !important;
}

.ml-10 {
  margin-left: 12.5rem !important;
}

.mx-10 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

.my-10 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

.m-11 {
  margin: 15rem !important;
}

.mt-11 {
  margin-top: 15rem !important;
}

.mr-11 {
  margin-right: 15rem !important;
}

.mb-11 {
  margin-bottom: 15rem !important;
}

.ml-11 {
  margin-left: 15rem !important;
}

.mx-11 {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.my-11 {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

/*///////////////////////////////////
// Spacing padding
///////////////////////////////////*/

.p-0 {
	padding: 0 !important;
}

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

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pr-1 {
	padding-right: 0.25rem !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1 {
	padding-left: 0.25rem !important;
}

.px-1 {
	padding-left: 0.25rem !important;
	padding-right: 0.25rem !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pr-2 {
	padding-right: 0.5rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

.px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.px-3 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.p-4 {
	padding: 1.8rem !important;
}

.pt-4 {
	padding-top: 1.8rem !important;
}

.pr-4 {
	padding-right: 1.8rem !important;
}

.pb-4 {
	padding-bottom: 1.8rem !important;
}

.pl-4 {
	padding-left: 1.8rem !important;
}

.px-4 {
	padding-left: 1.8rem !important;
	padding-right: 1.8rem !important;
}

.py-4 {
	padding-top: 1.8rem !important;
	padding-bottom: 1.8rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}


.p-6 {
  padding: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pr-6 {
  padding-right: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pl-6 {
  padding-left: 4rem !important;
}

.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pr-7 {
  padding-right: 5rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pl-7 {
  padding-left: 5rem !important;
}

.px-7 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-8 {
  padding: 7.5rem !important;
}

.pt-8 {
  padding-top: 7.5rem !important;
}

.pr-8 {
  padding-right: 7.5rem !important;
}

.pb-8 {
  padding-bottom: 7.5rem !important;
}

.pl-8 {
  padding-left: 7.5rem !important;
}

.px-8 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.py-8 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.p-9 {
  padding: 10rem !important;
}

.pt-9 {
  padding-top: 10rem !important;
}

.pr-9 {
  padding-right: 10rem !important;
}

.pb-9 {
  padding-bottom: 10rem !important;
}

.pl-9 {
  padding-left: 10rem !important;
}

.px-9 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-9 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.p-10 {
  padding: 12.5rem !important;
}

.pt-10 {
  padding-top: 12.5rem !important;
}

.pr-10 {
  padding-right: 12.5rem !important;
}

.pb-10 {
  padding-bottom: 12.5rem !important;
}

.pl-10 {
  padding-left: 12.5rem !important;
}

.px-10 {
  padding-left: 12.5rem !important;
  padding-right: 12.5rem !important;
}

.py-10 {
  padding-top: 12.5rem !important;
  padding-bottom: 12.5rem !important;
}

.p-11 {
  padding: 15rem !important;
}

.pt-11 {
  padding-top: 15rem !important;
}

.pr-11 {
  padding-right: 15rem !important;
}

.pb-11 {
  padding-bottom: 15rem !important;
}

.pl-11 {
  padding-left: 15rem !important;
}

.px-11 {
  padding-left: 15rem !important;
  padding-right: 15rem !important;
}

.py-11 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

/*///////////////////////////////////
// 画像 配置
///////////////////////////////////*/

.imgctr {
	margin:0 auto;
	}
.imgctr img {
	display: inline-block;
	}
	
.col-img-center img {
	margin:0 auto;
	}

/*///////////////////////////////////
// テキストユーティリティ 配置
///////////////////////////////////*/

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

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

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


/*///////////////////////////////////
// テキストユーティリティ ウェイト
///////////////////////////////////*/

.font-weight-light {
    font-weight:300 !important;
}

.font-weight-lighter {
    font-weight:lighter !important;
}

.font-weight-normal {
    font-weight:400 !important;
}

.font-weight-bold {
    font-weight:700 !important;
}

.font-weight-bolder {
    font-weight:bolder !important;
}

/*///////////////////////////////////
// テキストユーティリティ 斜体
///////////////////////////////////*/

.font-italic {
    font-style:italic !important;
}

/*///////////////////////////////////
// テキストユーティリティ 文字色
///////////////////////////////////*/

.text-white {
    color:#fff !important;
}

.text-primary {
    color:#007bff !important;
}

a.text-primary:focus, a.text-primary:hover {
    color:#0056b3 !important;
}

.text-secondary {
    color:#6c757d !important;
}

a.text-secondary:focus, a.text-secondary:hover {
    color:#494f54 !important;
}

.text-success {
    color:#28a745 !important;
}

a.text-success:focus, a.text-success:hover {
    color:#19692c !important;
}

.text-info {
    color:#17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
    color:#0f6674 !important;
}

.text-warning {
    color:#ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
    color:#ba8b00 !important;
}

.text-danger {
    color:#dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color:#a71d2a !important;
}

.text-light {
    color:#f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
    color:#cbd3da !important;
}

.text-dark {
    color:#343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
    color:#121416 !important;
}

.text-body {
    color:#212529 !important;
}

.text-muted {
    color:#6c757d !important;
}

.text-black-50 {
    color:rgba(0, 0, 0, .5) !important;
}

.text-white-50 {
    color:rgba(255, 255, 255, .5) !important;
}

/*///////////////////////////////////
// テキスト装飾　オレンジボックス
///////////////////////////////////*/

.orangebox {
	background-color:#f8b62b;
	padding:0.1em;
	border-radius:8px;
}


/*///////////////////////////////////
// テキスト装飾　ブルーボックス
///////////////////////////////////*/

.bluebox {
	background-color:#96d4fa;
	padding:0.1em;
	border-radius:8px;
}


/*///////////////////////////////////
// テキストアンダーバー有無
///////////////////////////////////*/


.text-decoration-none {
	text-decoration: none !important;
}

.text-decoration-underline {
	text-decoration: underline !important;
}


/*///////////////////////////////////
// テキスト折り返し有無
///////////////////////////////////*/

.text-wrap {
	white-space: normal !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

/*///////////////////////////////////
// 著作権に関する注意書き
///////////////////////////////////*/

.copyright-notice {
	font-size: 75%;
}

/*///////////////////////////////////
// ページ内リンク時の調整用
///////////////////////////////////*/

a.anchor{
	display: block!important;
    padding-top: 300px!important;
    margin-top: -300px!important;
}

/*///////////////////////////////////
// 角丸
///////////////////////////////////*/

.radius-primary {
	border-radius: 3px !important;
}
.radius-secondary {
    border-radius: 10px !important;
}
.radius-capsule {
	border-radius: 50px !important;
}
.radius-square {
	border-radius: 0 !important;
}
.radius-round {
	border-radius: 100% !important;
}
.rounded {
	border-radius: 0.25rem !important;
}
.rounded-0 {
	border-radius: 0 !important;
}
.rounded-1 {
	border-radius: 0.2rem !important;
}
.rounded-2 {
 	border-radius: 0.25rem !important;
}
.rounded-3 {
	border-radius: 0.3rem !important;
}
.rounded-circle {
	border-radius: 50% !important;
}
.rounded-pill {
	border-radius: 50rem !important;
}
.rounded-top {
	border-top-left-radius: 0.25rem !important;
 	border-top-right-radius: 0.25rem !important;
}
.rounded-end {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
	border-bottom-left-radius: 0.25rem !important;
	border-top-left-radius: 0.25rem !important;
}
/*///////////////////////////////////
// フッターPC表示の2段目用
///////////////////////////////////*/

.footer .footer__menu .footer__menu_list_2nd:first-child {
	max-width: 24%;
}
.footer .footer__menu .footer__menu_list_2nd {
	text-align: left;
	max-width: 24%;
	padding-right: 10px;
	font-size: 14px;
}

.footer .footer__menu .footer__menu_list_2nd li {
	margin-bottom: 10px;
	position: relative;
}
.footer .footer__menu .footer__menu_list_2nd li a {
	padding-left: 20px;
	line-height: 20px;
	display: block;
}
.footer .footer__menu .footer__menu_list_2nd li a:not([href]) {
	cursor: default;
}
.footer .footer__menu .footer__menu_list_2nd li a::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	color: #EA5514;
	padding-right: 3px;
	content: "■";
	content: "\f45c";
	font-size: 11px;
	position: absolute;
	left: 0;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-home a {
	padding-left: 0;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-home a::before {
	content: "";
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-access a,
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-contact a,
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-reserve a {
	padding-left: 30px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-access a::before {
	content: "\f59f";
	font-weight: 100;
	font-size: 20px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-contact a::before {
	content: "\f0e0";
	font-weight: 100;
	font-size: 20px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-reserve a::before {
	content: "\f022";
	font-weight: 100;
	font-size: 20px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-depth02 {
	margin: 10px 0 0 10px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-depth02 a::before {
	content: "□";
	content: "\f45c";
	font-weight: 300;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-depth03 {
	margin: 10px 0 0 10px;
}
.footer .footer__menu .footer__menu_list_2nd .footer__menu_list-depth03 a::before {
	content: "・";
}
.footer .footer__menu .footer__menu_list_2nd:last-of-type {
	padding-right: 0;
}
.footer .footer__menu .footer__menu_list-home a {
	color: #EA5514;
	font-weight: bold;
		}
		
/*///////////////////////////////////
// コンテンツ横並べ用
///////////////////////////////////*/

.flex-container {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-around !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	margin: 2em 0 0 !important;
}

.flex-container p {
	width: 46% !important;
	margin-bottom: 3em !important;
	white-space: normal !important;
	padding: 0.5em !important;
}

.flex-container p img {
	width: 98% !important;
	margin-bottom: 0.5em !important;
}
/*///////////////////////////////////
// コンテンツ横並べ用　2,3,4,6
///////////////////////////////////*/

.flex-container2box {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: flex-start !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

.flex-container2box p {
	width: 48% !important;
	margin-bottom: 0 !important;
	white-space: normal !important;
	padding: 0.5em !important;
}

.flex-container2box p img {
	width: 96% !important;
	margin-bottom: 0 !important;
}

.flex-container3box {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: flex-start !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

.flex-container3box p {
	width: 32% !important;
	margin-bottom: 0 !important;
	white-space: normal !important;
	padding: 0.5em !important;
}

.flex-container3box p img {
	width: 96% !important;
	margin-bottom: 0 !important;
}

.flex-container4box {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: flex-start !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

.flex-container4box p {
	width: 23% !important;
	margin-bottom: 0 !important;
	white-space: normal !important;
	padding: 0.5em !important;
}

.flex-container4box p img {
	width: 96% !important;
	margin-bottom: 0 !important;
}

.flex-container6box {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: flex-start !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
	margin: 0 !important;
}

.flex-container6box p {
	width: 16% !important;
	margin-bottom: 0 !important;
	white-space: normal !important;
	padding: 0.5em !important;
}

.flex-container6box p img {
	width: 98% !important;
	margin-bottom: 0 !important;
}



@media screen and (max-width: 600px) {
 .flex-container {
    padding-inline-start: 0px !important;
  }
  .flex-container p {
    width: 96% !important;
    margin-bottom: 4em !important;
    white-space: normal !important;
  }
.flex-container p img {
	margin-bottom: 1.5em !important;
	width: 96% !important;
}

 .flex-container2box  {
    padding-inline-start: 0px !important;
  }
  .flex-container2box p {
    width: 99% !important;
    white-space: normal !important;
  }
  .flex-container2box p img {
	width: 99% !important;
}



 .flex-container3box  {
    padding-inline-start: 0px !important;
  }
  .flex-container3box p {
    width: 48% !important;
    white-space: normal !important;
  }
  .flex-container3box p img {
	width: 96% !important;
}

 .flex-container4box  {
    padding-inline-start: 0px !important;
  }
  .flex-container4box p {
    width: 48% !important;
    white-space: normal !important;
  }
  .flex-container4box p img {
	width: 96% !important;
}

 .flex-container6box  {
    padding-inline-start: 0px !important;
  }
  .flex-container6box p {
    width: 48% !important;
    white-space: normal !important;
  }
  .flex-container6box p img {
	width: 96% !important;
}
}


@media screen and (max-width: 767px) {
.footer .footer__menu .footer__menu_list_2nd,
	.footer .footer__menu .footer__menu_list_2nd:first-child {
	max-width: 100%;
	margin-bottom: 25px;
}
	.footer .footer__menu .footer__menu_list_2nd:last-child {
	margin-bottom: 0;
}
}


/*///////////////////////////////////
// コラム39用レスポンシブテーブル
///////////////////////////////////*/
@media screen and (max-width: 640px) {
  .tbl-r04 {
    width: 80%;
  } 
  .tbl-r04 .thead {
    display: none;
  }
  .tbl-r04 tr,
  .tbl-r04 td{
    display: block;
    width: 100%;
    position: relative;
  }
  .tbl-r04 td:first-child:before {
    content: "消費スタイルと特徴と年代";
    box-sizing: border-box;
    color: #000;
    font-weight: bold;
    height: 40px;
    padding: 10px 0;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100.5%;
  }
  .tbl-r04 tr {
    margin-bottom: 40px;
  }
}



/*
// 事業団追記ここまで 2022/03/24
// 事業団編集文字サイズ関連 141、1373、1501、1999、2024、2106、2112、2195行編集、1506追加
// フッターロゴサイズ893行、
// 王冠　1360、1361、2022/04/14
// 行間変更　137、2022/04/18
// 2022/05/16 584行目コメントアウト
// 2688行?のPCでの指定をコメントアウト
// 405行目 font-size追記
*/


/***********20241031 採用LP***********/

/*
共通箇所
*/
#recruitment_lp .inner_960 {
  max-width: 1008px;
  padding: 0 24px 80px;
  margin: 0 auto;
  position: relative;
}
#recruitment_lp section.jump_point {
  padding-top: 72px;
  margin-top: -72px;
}
#recruitment_lp .image__wrap {
  max-width: 1008px;
  padding: 0 24px 72px;
  margin: 0 auto;
  position: relative;
}
#recruitment_lp .inner_960 > img.left {
  position: absolute;
  left: 24px;
  top: -210px;
}
#recruitment_lp .inner_960 > img.right {
  position: absolute;
  right: 24px;
  top: -210px;
}
#recruitment_lp .inner_960 > img.left.text,
#recruitment_lp .inner_960 > img.right.text {
  top: -180px;
}
#recruitment_lp .inner_960 img.center {
  margin: 0 auto;
}
#recruitment_lp .btn {
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  margin: 10px auto;
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  will-change: transform;
  background-color: #EA5514;
  border-radius: 50%;
  margin-right: 0px;
}
#recruitment_lp .btn.small {
  width: 29px;
  height: 29px;
}
#recruitment_lp .btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #ffffff;
  display: block;
}
#recruitment_lp .btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 50%;
  background: #ffffff;
  display: block;
  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
#recruitment_lp .btn.active {
  transform: rotate(180deg);
}
#recruitment_lp .btn.active:after {
  height: 0;
}
#recruitment_lp p {
  color: #4D5156;
  font-size: 16px;
}
#recruitment_lp p.mtext {
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 32px;
}
#recruitment_lp p.mtext span {
  font-size: 16px;
}
#recruitment_lp h2 {
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  color: #EA5514;
  text-align: center;
  padding-top: 80px;
  margin-bottom: 32px;
}
#recruitment_lp h2 span.small {
  font-size: 32px;
}
#recruitment_lp h3 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  color: #EA5514;
  text-align: center;
  margin-bottom: 24px;
  padding-top: 80px;
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}
#recruitment_lp h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  color: #EA5514;
  text-align: center;
  margin-bottom: 18px;
}
#recruitment_lp h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #EA5514;
  text-align: center;
  margin-bottom: 24px;
}
#recruitment_lp .button__wrap {
  text-align: center;
  height: 80px;
  margin: 40px 0 0;
}
#recruitment_lp .button__wrap .button {
  font-size: 18px;
}
#recruitment_lp .button__wrap .button.apply {
  font-size: 24px;
  font-weight: bold;
  padding: 19.5px 114px;
  border-radius: 50px;
}
#recruitment_lp .arrow::after {
  content: "";
  position: absolute;
  top: 99.9%;
  left: 50%;
  border: 68px solid transparent;
  z-index: 1;
  transform: translate(-50%, 0%);
}
#recruitment_lp p.caption {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  line-height: 22px;
}
#recruitment_lp .fa-arrow-up-right-from-square {
  color: #EA5514;
  padding-left: 8px;
  font-size: 30px;
  font-weight: 400;
}
#recruitment_lp .button:hover .fa-arrow-up-right-from-square {
  color: #ffffff;
}
#recruitment_lp .br_sp {
  display: none;
}
.fix_content.lp {
  right: 0;
  bottom: 24px;
}
.fix_content.lp .apply_form a {
  display: block;
  overflow: hidden;
  border: 1px solid #ea5514; 
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  box-sizing: border-box;
  background-color: #EA5514;
  width: 176px;
  height: 105px;
  color: #ffffff;
  text-shadow: none;
  font-size: 20px;
  padding: 24px;
  line-height: 1.4;
}
.fix_content.lp .apply_form .fa-arrow-up-right-from-square {
  font-size: 24px;
  margin-left: 6px;
  font-weight: 400;
}
/***********************/

/*
トップビジュアル
*/
#recruitment_lp .top_visual img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
#recruitment_lp .sp.switch_image {
  display: none;
}
#recruitment_lp .switch_image {
  position: relative;
}
#recruitment_lp .switch_image img:last-of-type {
  position: relative;
}
#recruitment_lp .switch_image:hover img:last-of-type {
  opacity: 0;
}
#recruitment_lp .button__wrap.top {
  width: 36.5%;
  height: 10.5% !important;
  top: 79%;
  position: absolute;
  left: 16.5%;
  margin-top: 0px;
}
#recruitment_lp .button__wrap.top a {
  border-radius: 50vw !important;
  width: 100%;
  height: 100%;
  padding: 2.3vw !important;
  line-height: 1.5vw;
  font-size: 2.2vw !important;
  border: 2px solid #EA5514 !important;
  z-index: 1;
}
#recruitment_lp .button__wrap.top a i {
  font-size: 2.6vw !important;
}
#recruitment_lp .button__wrap.top a:hover {
  opacity: 1;
  background: #EA5514;
}
#recruitment_lp .switch_image:hover img:last-of-type {
  opacity: 1 !important;
}
/***********************/

/*
こんなお悩みありませんか?
*/
#recruitment_lp .problem {
  background-color: #158C9D;
  position: relative;
}
#recruitment_lp .problem h2 {
  margin-bottom: 40px;
}
#recruitment_lp .problem::after {
  border-top: 38px solid #158C9D;
}
#recruitment_lp .problem h2 {
  color: #ffffff;
}
#recruitment_lp .problem h2 img {
  position: absolute;
  display: inline-block;
  margin-left: -88px;
}
#recruitment_lp .flex_three {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#recruitment_lp .problem .flex_two__wrap.right {
  text-align: right;
}
#recruitment_lp .problem .flex_two__wrap.right .flex_two {
  text-align: left;
}
#recruitment_lp .problem .flex_two__wrap.left .flex_two:nth-child(2) {
  margin-left: -80px;
}
#recruitment_lp .problem .flex_two__wrap.right .flex_two:nth-child(2) {
  margin-right: -80px;
}
#recruitment_lp .problem .flex_two {
  border-radius: 16px;
  padding: 20px 24px 22px;
  background-color: #fff;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 32px;
}
#recruitment_lp .problem .flex_two.last {
  margin-bottom: 0px;
}
#recruitment_lp .problem img.group {
  margin: 0 24px;
}
#recruitment_lp .problem .flex_two .fa-square-check {
  color: #158C9D;
  margin-right: 24px;
  font-size: 32px;
}
#recruitment_lp .problem .flex_two p {
  font-size: 18px;
  line-height: 1.4;
  color: #158C9D;
}
/***********************/

/*
採用のお手伝いで解決！
*/
#recruitment_lp .help {
  background-color: #FDF4E0;
  position: relative;
}
#recruitment_lp .help p.mtext {
  margin-bottom: 0px;
}
#recruitment_lp .help::after {
  border-top: 38px solid #FDF4E0;
}
#recruitment_lp .help h2 {
  margin-bottom: 48px;
}
#recruitment_lp .help h2 span.underline {
  background: linear-gradient(transparent 65%, #ffffff 65%);
}
#recruitment_lp .help .help__item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
#recruitment_lp .help .help__item .help__item--list {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 22px 16px;
  width: calc(33.33% - 16px);
  margin-bottom: 24px;
}
#recruitment_lp .help .help__item .help__item--list p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  line-height: 1.7;
}
/***********************/

/*
採用のお手伝い3つのポイント
*/
#recruitment_lp .point h2 {
  margin-bottom: 60px;
}
#recruitment_lp .point h2 span.underline {
  background: linear-gradient(transparent 65%, #FDF4E0 65%);
}
#recruitment_lp .point .point__item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
#recruitment_lp .point .point__item .balloon {
  position: absolute;
  display: inline-block;
  padding: 13px;
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center;
  background: #158C9D;
  border-radius: 50%;
  box-sizing: border-box;
  margin-top: -56px;
  margin-left : -32px;
}
#recruitment_lp .point .point__item .balloon p {
  font-family: 'Quicksand', sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1 !important;
}
#recruitment_lp .point .point__item .balloon p span {
  font-size: 40px;
}
#recruitment_lp .point .point__item .balloon:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: -7px;
  margin-top: -24px;
  border: 14px solid transparent;
  border-left: 24px solid #158C9D;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#recruitment_lp .point .point__item .point__item--list {
  background-color: #FDF4E0;
  border-radius: 16px;
  padding: 32px 22px 24px 22px;
  width: calc(33.33% - 16px);
}
#recruitment_lp .point .point__item .point__item--list img {
  margin-bottom: 13px;
}
#recruitment_lp .point .point__item .point__item--list p {
  margin-bottom: 8px;
  line-height: 1.5;
}
#recruitment_lp .point .point__item .point__item--list p:last-child {
  margin-bottom: 0px;
}
/***********************/

/*
活用事例
*/
#recruitment_lp .case {
  background-color: #FDF4E0;
}
#recruitment_lp .case h3 {
  margin-bottom: 48px;
}
#recruitment_lp .case .bg_white {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 32px;
}
#recruitment_lp .case .bg_white:last-child {
  margin-bottom: 0px;
}
#recruitment_lp .case .bg_white .ribbon {
  position: absolute;
  background-color: #158C9D;
  padding: 2px 30px 2px 35px;
  margin-left: -52px;
  margin-top: -16px;
}
#recruitment_lp .case .bg_white .ribbon p {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  line-height: 1.3;
}
#recruitment_lp .case .bg_white .ribbon p span {
  font-size: 32px;
}
#recruitment_lp .case .bg_white .ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(248, 182, 45);/*折り返し部分*/
}
#recruitment_lp .case .bg_white .case__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#recruitment_lp .case .bg_white .case__item img {
  border-radius: 16px;
  margin-right: 32px;
}
#recruitment_lp .case .bg_white .case__item .text {
  width: calc(100% - 404px);
}
#recruitment_lp .case .bg_white .case__item .text p {
  font-size: 20px;
  line-height: 1.4;
  transition: 0.3s;
}
#recruitment_lp .case .bg_white .case__item:hover .text p,
#recruitment_lp .case .bg_white .case__item .btn:hover + .text p {
  opacity: 0.6;
}
#recruitment_lp .case .bg_white .case__item .text .hr {
  margin: 20px 0;
  background-image: linear-gradient(to right, #F8B62D 6px,#ffffff 6px);
  background-size: 12px 6px;
  background-repeat: repeat-x;
  background-position: left bottom;
  height: 2px;
}
#recruitment_lp .case .bg_white .case__item .text p.bold {
  font-weight: bold;
}
#recruitment_lp .case .bg_white .case__item .btn {
  pointer-events: none;
}
#recruitment_lp .case .bg_white .accordion_contents {
  display: none;
  margin-top: 32px;
}
#recruitment_lp .case .bg_white .accordion_contents p {
  line-height: 24px;
  margin-bottom: 8px;
}
#recruitment_lp .case .bg_white .accordion_contents p:last-child {
  margin-bottom: 0px;
}
/***********************/

/*
どんな流れ？
*/
#recruitment_lp .flow .inner_960 {
  margin-top: -16px;
}
#recruitment_lp .flow h3 {
  padding-top: 80px;
}
#recruitment_lp .flow .flow__item {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 32px;
}
#recruitment_lp .flow .flow__item .flow__item--list {
  width: 25%;
  padding: 18px 40px;
}
#recruitment_lp .flow .flow__item .flow__item--list .flow_title__wrap p {
  line-height: 24px;
}
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n - 1) {
  background-color: #FDF4E0; 
  position: relative;
}
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n - 1):after, 
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n):after {
  border-top: 40px solid transparent; 
  border-bottom: 40px solid transparent; 
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%); 
  margin-left: 132px;
  z-index: 1;
}
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n - 1):after {
  border-left: 25px solid #FDF4E0; 
}    
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n) {
  background-color: #FCE1AA; 
  position: relative;
}
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n):after {
  border-left: 25px solid #FCE1AA; 
}
#recruitment_lp .flow .flow__item .flow__item--list:last-child::after {
  display: none;
}
#recruitment_lp .flow .flow__item .flow__item--list p.num {
  font-family: 'Quicksand', sans-serif;
  font-size: 45px;
  line-height: 1.25;
  font-weight: bold;  
  text-align: center;
  color: #EA5514;
  position: relative;
  margin-bottom: 8px;
}
#recruitment_lp .flow .flow__item .flow__item--list p.num:after {
  content: '';
  width: 43px;
  height: 2px;
  display: inline-block;
  background-color: #EA5514;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 22px);
}
#recruitment_lp .flow .flow__item .flow__item--list a.link {
  color: #4D5156;
  text-decoration: underline;
}
#recruitment_lp .flow .flow__item .flow__item--list a.link .fa-arrow-up-right-from-square {
  color: #4D5156;
  font-size: 16px;
  padding-left: 0px;
}
#recruitment_lp .flow .flow__item .flow__item--list a.link .fa-arrow-up-right-from-square:before {
  font-size: 16px;
}
/***********************/

/*
相談場所
*/
#recruitment_lp .consult {
  background-color: #FDF4E0;
}
#recruitment_lp .consult > img {
  position: absolute;
  margin-top: 24px;
}
#recruitment_lp .consult > img.right {
  left: 65%;
  margin-right: calc(50vw - 50%);
}
#recruitment_lp .consult > img.left{
  right: 65%;
  margin-left: calc(50vw - 50%);
}
#recruitment_lp .consult .consult__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-align: center;
}
#recruitment_lp .consult .consult__item .consult__item--list {
  width: calc(33.33% - 16px);
}
#recruitment_lp .consult .consult__item .consult__item--list img {
  border-radius: 16px;
  margin-bottom: 16px;
}
#recruitment_lp .consult .consult__item .consult__item--list p {
  font-size: 18px;
}
/***********************/

/*
よくあるご質問
*/
#recruitment_lp .qa .bg_beige {
  background-color: #FDF4E0;
  padding: 32px 32px 16px 32px;
  margin-bottom: 32px;
  border-radius: 8px;
}
#recruitment_lp .qa .bg_beige h4 {
  text-align: left;
}
#recruitment_lp .qa .bg_beige .qa_item {
  background-color: #ffffff;
  max-width: 896px;
  margin: 0 auto;
  border-radius: 8px;
  margin-bottom: 16px;
}
#recruitment_lp .qa .bg_beige .qa_item p.bold {
  font-size: 18px;
  font-weight: bold;
  width: calc(100% - 98px);
  transition: 0.3s;
}
#recruitment_lp .qa .bg_beige .qa_item .btn.small {
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  pointer-events: none;
}
#recruitment_lp .qa .bg_beige .qa_item .hr {
  background-image: linear-gradient(to right, #F8B62D 6px,#ffffff 6px);
  background-size: 12px 6px;
  background-repeat: repeat-x;
  background-position: left bottom;
  max-width: 832px;
  margin: 0 auto;
  height: 2px;
}
#recruitment_lp .qa .bg_beige .q__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 32px 10px;
  cursor: pointer;
}
#recruitment_lp .qa .bg_beige .q__item:hover p.bold {
  opacity: 0.6;
}
#recruitment_lp .qa .bg_beige .a__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 32px;
}
#recruitment_lp .qa .bg_beige .a__item p:last-child {
  line-height: 24px;
}
#recruitment_lp .qa .bg_beige .a__item a {
  color: #4D5156;
  text-decoration: underline;
}
#recruitment_lp .qa .bg_beige .a__item a i.fa-arrow-up-right-from-square {
  font-size: 16px;
  color: #4D5156;
  padding-left: 0px;
  line-height: 1;
}
#recruitment_lp .qa .bg_beige .qa_item .q {
  font-family: 'Quicksand', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #EA5514;
  margin-right: 16px;
  line-height: 1;
}
#recruitment_lp .qa .bg_beige .qa_item .a {
  font-family: 'Quicksand', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #158C9D;
  margin-right: 16px;
  line-height: 1;
}
#recruitment_lp .qa .bg_beige .accordion_contents {
  display: none;
}
/***********************/

/*
関連イベント
*/
#recruitment_lp .contents__event {
 padding-bottom: 80px;
}
#recruitment_lp .contents__event .button__wrap {
 height: 57px;
}
/***********************/
/************************************/



/*SP版*/
@media screen and (max-width: 1130px) {
/*
こんなお悩みありませんか？
*/
 #recruitment_lp .problem .flex_two__wrap.right .flex_two:nth-child(2) {
   margin-right: 0px;
 }
 #recruitment_lp .problem .flex_two__wrap.left .flex_two:nth-child(2) {
  margin-left: 0px;
 }
 #recruitment_lp .problem img.group {
  margin: 0px;
 }
}
/***********************/

@media screen and (max-width: 1002px) {
/*
どんな流れ？
*/
 #recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n - 1):after, 
 #recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n):after {
    margin-left: calc(100% - 106px);
  }
}
/***********************/

@media screen and (max-width: 824px) {
/*
トップビジュアル
*/
#recruitment_lp .button__wrap.top a {
  padding: 2.5vw !important;
  font-size: 2.2vw !important;
  line-height: 2.3vw !important; 
 }
}
/***********************/

@media screen and (max-width: 767px) { 
  /*
共通箇所
*/
 #recruitment_lp .inner_960 {
  padding: 0 24px 40px;
 }
 #recruitment_lp .inner_960 > img.left,
 #recruitment_lp .inner_960 > img.right {
  max-width: 117px;
  top: -130px;
 }
 #recruitment_lp .inner_960 > img.left.text, 
 #recruitment_lp .inner_960 > img.right.text {
  top: -168px;
 }
 #recruitment_lp .inner_960 > img.left {
  left: calc(50% - 160px);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
 }
 #recruitment_lp .inner_960 > img.right {
  right: calc(50% - 270px);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
 }
 #recruitment_lp p.mtext {
  font-size: 16px;
  margin: 24px;
 }
 #recruitment_lp p.mtext span {
  font-size: 14px;
 }
 #recruitment_lp .br_sp {
   display:block;
 }
 #recruitment_lp .sp.switch_image {
   display: block;
 }
 #recruitment_lp .pc.switch_image {
   display: none;
 }
 #recruitment_lp .br {
   display: none;
 }
 #recruitment_lp h2 {
   font-size: 30px;
   padding-top: 40px;
   line-height: 1.4;
   margin-bottom: 24px;
 }
 #recruitment_lp h2 span.small {
   font-size: 20px;
 }
 #recruitment_lp h3 {
   font-size: 24px;
   padding-top: 40px;
 }
 #recruitment_lp h4 {
   font-size: 18px;
   margin-bottom: 8px;
 }
 #recruitment_lp h5 {
   font-size: 16px;
 }
 #recruitment_lp .button__wrap .button.apply {
   font-size: 18px;
   padding: 16.5px 32px;
   width: 100%;
   line-height: 1;
 }
 #recruitment_lp .fa-arrow-up-right-from-square {
   font-size: 22px;
 }
 #recruitment_lp .btn {
   width: 24px;
   height: 24px;
 }
 #recruitment_lp p.caption {
   margin: 0 24px;
   line-height: 20px;
 }
 #recruitment_lp .button__wrap {
   margin: 32px 0px 0px;
   height: 57px;
 }
 .fix_content.lp .apply_form a {
   font-size: 14px;
   width: 112px;
   text-align: left;
   padding: 16px;
   height: 70px;
 }
 .fix_content.lp .apply_form .fa-arrow-up-right-from-square {
   font-size: 16px;
   margin-left: 4px;
 }
 .fix_content.lp .fa-caret-circle-up {
   bottom: 72px;
 }
 #recruitment_lp .arrow::after {
   border: 34px solid transparent;
 }
 #recruitment_lp .btn:before {
   height: 1px;
 }
 #recruitment_lp .btn:after {
   width: 1px;
 }
/***********************/

/*
トップビジュアル
*/
#recruitment_lp .button__wrap.top {
  width: 41.7%;
  left: 11.5%;
  height: 11.5% !important;
  top: 78.5%;
 }
#recruitment_lp .button__wrap.top a {
  line-height: 3vw !important; 
  border: 1px solid #EA5514 !important;
  font-size: 2.5vw !important;
  padding: 2.3vw !important;
}
#recruitment_lp .button__wrap.top a i {
  font-size: 3vw !important;
  padding-left: 4px !important;
}
/***********************/

/*
こんなお悩みありませんか？
*/
 #recruitment_lp .problem h2 {
   margin-bottom: 10px;
   padding-top: 34px;
 }
 #recruitment_lp .problem h2 img {
   width: 41px;
   top: 138px;
   margin-left: 32px;
 }
 #recruitment_lp .flex_three {
   flex-direction: column;
 }
 #recruitment_lp .problem img.group {
   order: 0;
   max-width: 143px;
 }
 #recruitment_lp .problem .flex_two__wrap.left {
   order: 1;
 }
 #recruitment_lp .problem .flex_two__wrap.right {
   order: 2;
   text-align: unset;
 }
 #recruitment_lp .problem .flex_two__wrap.right .flex_two.last {
   margin-bottom: 0px;
 }
 #recruitment_lp .problem .flex_two {
   width: 100%;
   padding: 12px 16px;
   justify-content: flex-start;
   margin-bottom: 16px;
   border-radius: 8px;
   line-height: 1;
 }
 #recruitment_lp .problem .flex_two.last {
   margin-bottom: 16px;
 }
 #recruitment_lp .problem .flex_two__wrap.left .flex_two:nth-child(2) {
   margin-left: 0px;
 }
 #recruitment_lp .problem .flex_two__wrap.right .flex_two:nth-child(2) {
   margin-right: 0px
 }
 #recruitment_lp .problem .flex_two p {
   font-size: 14px;
 }
 #recruitment_lp .problem .flex_two .fa-square-check {
   margin-right: 10px;
 }
 #recruitment_lp .problem .flex_two .fa-square-check {
   font-size: 20px;
 }
 #recruitment_lp .problem::after {
   border-top: 19px solid #158C9D;
 }
 #recruitment_lp .button {
   z-index: 1;
 }
 #recruitment_lp .button:hover {
   color: #ffffff;
 }
 #recruitment_lp .button::before { 
   border-radius: 32px;
   background: #EA5514;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   transition: transform .3s;
 }
 #recruitment_lp .button:hover::before {
   transform-origin: left top;
   transform: scale(1, 1);
 }
/***********************/

/*
採用のお手伝いで解決！
*/
#recruitment_lp .center_box {
  text-align: center;
}
#recruitment_lp .help .help__item .help__item--list {
  width: calc(50% - 8px); 
  padding: 16px;
  margin-bottom: 16px;
}
#recruitment_lp .help .help__item .help__item--list:nth-child(5),
#recruitment_lp .help .help__item .help__item--list:nth-child(6) {
  margin-bottom: 0px;
}
#recruitment_lp .help .help__item .help__item--list p {
  font-size: 14px;
  text-align: left;
  margin-bottom: 4px;
  line-height: 1.4;
}
#recruitment_lp .help h2 {
  text-align: left;
  margin-bottom: 32px;
  display: inline-block;
  padding-left: 60px;
}
#recruitment_lp .help::after {
  border-top: 19px solid #FDF4E0;
}
#recruitment_lp .help .inner_960 img.center {
  max-width: 110px;
  width: 100%;
}
#recruitment_lp .help .inner_960 .mtext {
  margin-bottom: 0px;
  margin-top: 18px;
}
/***********************/

/*
採用のお手伝い3つのポイント
*/
#recruitment_lp .point .point__item .point__item--list {
  width: 100%;
  margin-bottom: 24px;
  padding: 24px;
}
#recruitment_lp .point .point__item .point__item--list:last-child {
  margin-bottom: 0px;
}
#recruitment_lp .point .point__item .balloon {
  margin-top: -40px;
  width: 75px;
  height: 75px;
}
#recruitment_lp .point .point__item .balloon p {
  font-size: 15px;
}
#recruitment_lp .point .point__item .balloon p span {
  font-size: 33px;
}
#recruitment_lp .point h2 {
  text-align: left;
  margin-bottom: 32px;
  display: inline-block;
  padding-right: 70px;
}
#recruitment_lp .point .inner_960 img.center {
  max-width: 80px;
}
#recruitment_lp .point .point__item .point__item--list p {
  font-size: 14px;
}
/***********************/

/*
活用事例
*/
#recruitment_lp .case h3 {
 margin-bottom: 32px;
}
#recruitment_lp .case .bg_white {
 padding: 24px;
 margin-bottom: 24px;
}
#recruitment_lp .case .inner_960 {
 padding: 0 24px 52px;
}
#recruitment_lp .case .bg_white .case__item {
 flex-wrap: wrap; 
}
#recruitment_lp .case .bg_white .case__item .image {
  margin: 0 auto;
  margin-bottom: 18px;
}
#recruitment_lp .case .bg_white .case__item img {
  width: 100%;
  margin-right: 0px;
  max-width: 400px;
}
#recruitment_lp .case .bg_white .case__item .text {
  width: calc(100% - 40px);
}
#recruitment_lp .case .bg_white .case__item .text .hr {
  width: 100%;
  margin: 13px 0;
}
#recruitment_lp .case .bg_white .case__item .text p {
  font-size: 16px;
}
#recruitment_lp .case .bg_white .ribbon {
  padding: 2px 16px;
  margin-left: -44px;
}
#recruitment_lp .case .bg_white .ribbon p {
  font-size: 15px;
}
#recruitment_lp .case .bg_white .ribbon p span {
  font-size: 24px;
}
#recruitment_lp .case .bg_white .accordion_contents {
  margin-top: 20px;
}
#recruitment_lp .case .bg_white .accordion_contents p {
  font-size: 14px;
  line-height: 20px;
}
/***********************/

/*
どんな流れ？
*/
#recruitment_lp .flow h3 {
  padding-top: 40px;
}
#recruitment_lp .flow .flow__item {
  display: block;
  margin-bottom: 24px;
}
#recruitment_lp .flow .flow__item .flow__item--list {
  width: 100%;
  padding: 16px 24px 24px 24px;
}
#recruitment_lp .flow .flow__item .flow__item--list p {
  font-size: 14px;
  line-height: 20px;
}
#recruitment_lp .flow .flow__item .flow__item--list a.link .fa-arrow-up-right-from-square:before {
  font-size: 14px;
}
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n - 1):after, 
#recruitment_lp .flow .flow__item .flow__item--list:nth-child(2n):after {
  margin-left: 0px;
  top: 100%;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

#recruitment_lp .flow .flow__item .flow__item--list p.num:after,
#recruitment_lp .flow .flow__item .flow__item--list > p.num,
#recruitment_lp .flow .flow__item .flow__item--list > h5 {
  display: none;
}
#recruitment_lp .flow .flow__item .flow__item--list .flow_title__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  height: 40px;
}
#recruitment_lp .flow .flow__item .flow__item--list .flow_title__wrap:after {
  content: '';
  width: 43px;
  height: 2px;
  display: inline-block;
  background-color: #EA5514;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 22px);
}
#recruitment_lp .flow .flow__item .flow__item--list .flow_title__wrap p.num {
  margin-right: 16px;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 0px;
}
#recruitment_lp .flow .flow__item .flow__item--list .flow_title__wrap h5 {
  margin-bottom: 0px;
}
/***********************/

/*
相談場所
*/
/*#recruitment_lp .consult .mtext,
#recruitment_lp .flow .mtext {
  text-align: left;
}*/
#recruitment_lp .consult .consult__item .consult__item--list {
  width: calc(33.33% - 6px);
}
#recruitment_lp .consult .consult__item .consult__item--list img {
  border-radius: 8px;
  margin-bottom: 0px;
}
#recruitment_lp .consult .consult__item .consult__item--list p {
  font-size: 16px;
}
#recruitment_lp .consult > img {
  margin-top: 21px;
  max-height: 53px;
}
#recruitment_lp .consult > img.right {
  left: 35%;
  z-index: 1;
}
#recruitment_lp .consult > img.left{
  right: 35%;
  z-index: 1;
}
/***********************/

/*
よくある質問
*/
#recruitment_lp .qa .bg_beige h4 {
  margin-bottom: 16px;
}
#recruitment_lp .qa .bg_beige {
  padding: 16px 16px 8px 16px;
  margin-bottom: 14px;
}
#recruitment_lp .qa .bg_beige .qa_item {
  margin-bottom: 8px;
}
#recruitment_lp .qa .bg_beige .q__item,
#recruitment_lp .qa .bg_beige .a__item {
  padding: 12px 16px;
}
#recruitment_lp .qa .bg_beige .a__item p {
  font-size: 12px;
  width: calc(100% - 38px);
}
#recruitment_lp .qa .bg_beige .qa_item .q,
#recruitment_lp .qa .bg_beige .qa_item .a {
  font-size: 20px;
  line-height: 1;
  width: 28px;
  margin-right: 0px;
}
#recruitment_lp .qa .bg_beige .a__item a i.fa-arrow-up-right-from-square {
  font-size: 14px;
}
#recruitment_lp .qa .bg_beige .qa_item .hr {
  width: calc(100% - 32px);
}
#recruitment_lp .qa .bg_beige .qa_item p.bold {
  font-size: 14px;
  width: calc(100% - 62px);
  line-height: 1.4;
}
#recruitment_lp .qa .bg_beige .qa_item .btn.small {
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
/***********************/

/*
関連イベント
*/
#recruitment_lp .contents__event {
  padding-bottom: 40px;
}
/***********************/
}

@media screen and (max-width: 585px) {
/*
こんなお悩みありませんか？
*/
#recruitment_lp .problem .flex_two {
  width: unset;
}
/***********************/

/*
相談場所
*/
#recruitment_lp .consult > img.right {
  left: 52%;
}
#recruitment_lp .consult > img.left{
  right: 52%;
}
/***********************/
}  

@media screen and (max-width: 463px) {
/*
どんな流れ？
*/
#recruitment_lp .flow .mtext {
  margin: 24px 24px 0px 24px;
}
/***********************/
}

@media screen and (max-width: 375px) { 
  /*
共通箇所
*/
#recruitment_lp .inner_960 > img.left {
  left: calc(50% - 130px);
}
#recruitment_lp .help h2 {
  padding-left: 80px;
}
#recruitment_lp .inner_960 > img.right {
  right: calc(50% - 240px);
}
/***********************/

/*
トップビジュアル
*/
#recruitment_lp .button__wrap.top a {
  line-height: 2.5vw !important; 
  padding: 2.3vw !important;
  font-size: 2.5vw !important;
}
/***********************/

/*
相談場所
*/
#recruitment_lp .consult > img.right {
  left: 60%;
}
#recruitment_lp .consult > img.left{
  right: 60%;
}
/***********************/

/*
よくある質問
*/
#recruitment_lp .qa .inner_960 > img.left {
  margin-left: -10px;
}
#recruitment_lp .qa .inner_960 > img.right {
  margin-right: -16px;
}
/***********************/
}

/***********採用LP ここまで***********/