@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
}

/* =============================================
 *  01. Common settings
 *      - reset
 *      - common
 *      - padding
 *      - margin
 *      - width
 *  02. Layout
 *      - layout
 *      - float
 *      - clearfix
 *  03. Font
 *      - font style
 *      - font color
 *      - font weight
 *  04. Header
 *  05. Navigation
 *      - site navigation
 *      - sp navigation button
 *      - sp navigation
 *  06. Footer
 *  07. Parts
 *      - button
 *      - breadcrumbs
 *      - page title
 *      - page billboard
 *      - heading
 *      - pager
 *      - page navigation
 *  08. Form
 *      - layout
 *      - parts
 *  09. Fixed
 * -----------------------------------
 *  11. Top
 *      - heading
 *      - mainvisual
 *      - contents
 * -----------------------------------
 *  20. SCH(common)
 *  21. SCH search
 *      - title
 *      - tab
 *      - search area
 *      - sort area
 *      - map
 *  22. SCH search result
 *  23. SCH detail
 * -----------------------------------
 *  31. Member
 *  32. Entry
 *  33. Request
 *  34. Inquiry
 *  35. Sell form
 * -----------------------------------
 *  40. Mypage(common)
 *      - mypage navigation
 *      - mypage heading
 *  41. Mypage login
 *  42. Mypage password
 *  43. Mypage top
 *      - mypage search
 *      - mypage new sch
 *      - mypage inquiry
 *  44. Mypage movie
 *  45. Mypage preserve
 *  46. Mypage favorite
 *  47. Mypage profile
 *  48. Mypage del
 * -----------------------------------
 *  51. Introduce
 *  52. Seminar
 *      - seminar list
 *      - seminar archive
 *  53. Seminar detail
 *  54. Voice
 *      - voice pickup
 *      - voice slider
 *      - voice slider list
 *      - voice list
 *  55. Voice detail
 *  56. Shop
 *  57. Staff
 *      - staff list
 *      - staff detail
 * -----------------------------------
 *  60. Article
 *  61. News
 *  62. Media
 * -----------------------------------
 *  70. Static
 *      - static flow
 *      - static contact
 *  71. Purchase flow
 *  72. After
 *  73. Life plan
 *  74. Loan
 *  75. Research
 *  76. Support
 *  77. Sell
 *  78. Company
 *      - message
 *      - spirit
 *      - greeting
 *  79. Mail magazine
 * -----------------------------------
 *  80. Policy
 *  81. Sitemap
 *  82. Online service
 *  83. Contract check
 *  84. Message
 *  85. Outline
 * -----------------------------------
 *  90. Media Queries
 *  91. print style
 * ============================================= */
/* ---------------------------------------------------------------------------------------- */
/* ==============================================
 01. Common settings
=============================================== */
/* reset
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
}

article, aside, details, figcaption, figure, main,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

span {
  vertical-align: baseline;
}

/* common
----------------------------------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  margin: 0;
  width: 100%;
}

body {
  background: #fff;
  color: #333333;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-size: 15px;
  font-weight: normal;
  font-weight: 400;
  letter-spacing: 0.06em;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

a {
  color: #333333;
  cursor: pointer;
  outline: medium none;
  text-decoration: none;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

a:visited {
  outline: medium none;
}

a:focus {
  outline: medium none;
}

a:active, a:hover {
  outline: medium none;
}

a:hover {
  color: #777;
}

@media (min-width: 1025px) {
  a:hover {
    text-decoration: none;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

address {
  font-style: italic;
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
  vertical-align: baseline;
}

dfn {
  font-style: italic;
}

mark {
  background: none repeat scroll 0 0 #FFFF00;
  color: #000000;
}

p {
  line-height: 2;
  margin: 0 0 24px;
  max-height: 100%;
}

@media (max-width: 767px) {
  p {
    line-height: 1.8;
    margin-bottom: 20px;
  }
}

code, kbd, pre, samp {
  -moz-hyphens: none;
  font-family: monospace,serif;
  font-size: 14px;
}

pre {
  background: none repeat scroll 0 0 #F5F5F5;
  color: #666666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote, q {
  -moz-hyphens: none;
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

blockquote {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 24px 40px;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite, blockquote small {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

blockquote em, blockquote i {
  font-style: normal;
  font-weight: 300;
}

blockquote strong, blockquote b {
  font-weight: 400;
}

small {
  font-size: 85%;
  vertical-align: baseline;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin: 0;
}

dt {
  font-weight: bold;
  margin: 0;
}

dd {
  margin: 0;
}

menu, ol, ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

li {
  margin: 0;
}

th {
  font-weight: bold;
}

li, dt, dd, th, td {
  line-height: 1.6;
}

@media (max-width: 1024px) {
  li, dt, dd, th, td {
    line-height: 1.5;
  }
}

img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}

a img {
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

a:hover img {
  opacity: 0.8;
}

@media (max-width: 1024px) {
  a:hover img {
    opacity: 1;
  }
}

input, textarea, button, select {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

input[type="text"]:focus,
textarea:focus {
  outline: 0;
}

select::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #333333;
}

@media (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@media (min-width: 768px) {
  .sp {
    display:none !important;
  }
}
@media (max-width: 767px) {
  .pc {
    display:none !important;
  }
}

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

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

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

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

.pt-20 {
  padding-top: 20px !important;
}

.pb-25 {
  padding-top: 25px !important;
}

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

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

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

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

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

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

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

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

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

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

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

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

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

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

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

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

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

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

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

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

/* width
----------------------------------------------- */
._minw40 {
  min-width: 40px !important;
}

._minw100 {
  min-width: 100px !important;
}

._minw140 {
  min-width: 140px !important;
}

._minw200 {
  min-width: 200px !important;
}

._maxw200 {
  max-width: 200px !important;
}

._maxw240 {
  max-width: 240px !important;
}

._maxw320 {
  max-width: 320px !important;
}

._maxw380 {
  max-width: 380px !important;
}

._maxw520 {
  max-width: 580px !important;
}

._maxw580 {
  max-width: 580px !important;
}

._maxw880 {
  max-width: 880px !important;
}

._maxw1040 {
  max-width: 1040px !important;
}

._maxw1180 {
  max-width: 1180px !important;
}

._maxw1200 {
  max-width: 1200px !important;
}

._w40 {
  width: 40px !important;
}

._w60 {
  width: 60px !important;
}

._w100 {
  width: 100px !important;
}

._w150 {
  width: 150px !important;
}

._w200 {
  width: 200px !important;
}

._w5p {
  width: 5% !important;
}

._w10p {
  width: 10% !important;
}

._w15p {
  width: 15% !important;
}

._w20p {
  width: 20% !important;
}

._w25p {
  width: 25% !important;
}

._w30p {
  width: 30% !important;
}

._w35p {
  width: 35% !important;
}

._w40p {
  width: 40% !important;
}

._w45p {
  width: 45% !important;
}

._w50p {
  width: 50% !important;
}

._w55p {
  width: 55% !important;
}

._w60p {
  width: 60% !important;
}

/* ==============================================
 02. Layout
=============================================== */
/* layout
----------------------------------------------- */
.main.bg-beige {
  background-color: #faf5f0;
}

.main.bg-gray {
  background-color: #f7f7f7;
}

.wrapper {
  padding-top: 80px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .wrapper {
    padding-top: 50px;
  }
}

.section {
  padding-top: 70px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.container {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1140px;
}

.min-inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 840px;
}

/* float
----------------------------------------------- */
.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

/* Micro Clearfix
----------------------------------------------- */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.clear {
  clear: both;
}

/* ==============================================
 03. Font
=============================================== */
/* font style
----------------------------------------------- */
.ff-serif {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.ff-en {
  font-family: "Roboto", sans-serif;
}

.ff-en-serif {
  font-family: "Lora", serif;
}
.underline{
    text-decoration: underline;
}

/* font color
----------------------------------------------- */
.fc-red {
  color: #bf1320;
}

.fc-orange {
  color: #f58219;
}

.fc-blue {
  color: #208ca5;
}

.fc-mute {
  color: #808080;
}

/* font weight
----------------------------------------------- */
.fw-medium {
  font-weight: 500;
}

.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}


/* font size
----------------------------------------------- */
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}

/* ==============================================
 04. Header
=============================================== */
.site-header {
  background: #fff;
  height: 80px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
  .site-header {
    height: 50px;
  }
}

.site-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-right: 0;
}

.site-header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: auto;
}

.site-header .header-logo {
  height: 80px;
  line-height: 80px;
  margin-right: 30px;
}

@media (max-width: 1300px) {
  .site-header .header-logo img {
    width: 160px;
  }
}

@media (max-width: 1439px) {
  .site-header .header-logo {
    margin-right: 20px;
  }
}

.site-header .header-logo a {
  display: block;
}

.site-header .header-logo a img {
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .site-header .header-logo {
    margin-right: auto;
    height: 50px;
    line-height: 50px;
  }
  .site-header .header-logo img {
    width: 130px;
  }
}

.site-header .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .site-header .header-right {
    /*display: none;*/
  }
  .site-header .header-tel,
  .site-header .header-reserve,
  .site-header .header-contact {
    display: none;
  }
}

.site-header .header-tel {
  text-align: center;
  margin-right: 10px;
  white-space: nowrap;
}

.site-header .header-tel .tel-phone {
  background: url("../images/common/icon_freedial01.png") no-repeat 0 80%/29px 17px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: #f58219;
  letter-spacing: 0;
  line-height: 1;
  display: inline-block;
  padding: 0 0 0 34px;
  margin-bottom: 6px;
}

@media (max-width: 1279px) {
  .site-header .header-tel .tel-phone {
    font-size: 18px;
    padding-left: 24px;
    background-size: 20px 12px;
  }
}

.site-header .header-tel .tel-time {
  background-color: #f1f1f1;
  font-size: 12px;
  padding: 3px;
}

@media (max-width: 1279px) {
  .site-header .header-tel .tel-time {
    font-size: 10px;
  }
}

.site-header .header-contact a {
  background: #333333 url("../images/common/icon_mail01.png") no-repeat 50% 18px/27px 18px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  height: 80px;
  text-align: center;
  display: block;
  padding: 45px 9px 0 10px;
  white-space: nowrap;
}

.site-header .header-reserve a {
  background: #333333 url("../images/common/icon_reserve01.png") no-repeat 50% 18px/18px 18px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  height: 80px;
  text-align: center;
  display: block;
  padding: 45px 9px 0 10px;
  white-space: nowrap;
  margin-right: 1px;
}
.site-header .header-translate {
  text-align: center;
  margin-right: 10px;
  white-space: nowrap;
}
.site-header .header-translate select{
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #999;
  color:#000000;
}
.site-header .header-tel {
    position:relative;
    width: 210px;
    height:80px;
    background: url(../images/common/icon_freedial01.png) no-repeat 0 80% / 50px 30px;
}
.site-header .header-tel .tel-phone {
    background: none;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #f58219;
    letter-spacing: 0;
    line-height: 1;
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    bottom:20px;
    left:55px;
}
.site-header .header-tel .tel-time {
    background: none;
    font-size: 12px;
    padding: 3px;
    position:absolute;
    bottom:0;
    left:55px;
}
@media (min-width: 1279px) {
  .site-header .header-translate {
      text-align: center;
      margin-right: 10px;
      white-space: nowrap;
      position: absolute;
      top: 15px;
      z-index: 2;
      box-shadow: 0 0 5px rgba(0,0,0,.3);
      width: 200px;
      border: 1px solid #c8c8c8;
      border-radius: 5px;
      margin-top: -10px;
  }
  body.en .site-header .header-translate {
      width: 210px;
  }
  .site-header .header-translate select{
      border: 0;
      width: 80%;
      font-size: 18px;
  }
  .site-header .header-translate .ico img{
    height:26px;
  }
}
.translateModal
{
  display:none;
}
@media (max-width: 1279px) {
  .site-header .header-translate {
    margin-right: 0;
    margin-left: 5px;
  }
  .site-header .header-contact a {
    font-size: 11px;
  }
  .site-header .header-reserve a {
    font-size: 11px;
  }
  .site-header .header-translate select{
    font-size :12px;
  }
  .site-header .header-translate .ico{
    display: block;
  }
  .site-header .header-translate .ico img{
    height: 25px;
    display: block;
    margin: 5px auto 0;
    opacity: 0.5;
  }
  .site-header .header-translate p{
    font-size: 10px;
    font-weight: 600;
    margin: 0;
  }
  .translateModal
  {
    display:none;
    background-color: rgba(0,0,0,0.6);
    transition: all 0.3s ease-out;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .translateModal ul
  {
  }
  .translateModal ul li
  {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding:10px;
    width:40%;
    margin:0 auto;
    text-align: center;
  }
}

.site-header .sp-header-right {
  display: none;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .site-header .sp-header-right {
    display: block;
  }
}

.site-header .sp-header-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.site-header .sp-header-right ul li {
  margin-right: 2px;
}

.site-header .sp-header-right ul li a {
  display: block;
  height: 50px;
  text-align: center;
  width: 50px;
}

.site-header .sp-header-right ul li.item-menu {
  margin-left: 6px;
}

/* ==============================================
 05. Navigation
=============================================== */
/* site navigation
----------------------------------------------- */
@media (max-width: 1024px) {
  .site-navigation {
    display: none;
  }
}

.site-navigation .navigation-list > li {
  height: 80px;
  line-height: 80px;
  float: left;
  margin-right: 25px;
}

@media (max-width: 1439px) {
  .site-navigation .navigation-list > li {
    margin-right: 18px;
  }
}

@media (max-width: 1279px) {
  .site-navigation .navigation-list > li {
    margin-right: 15px;
  }
}

.site-navigation .navigation-list > li:last-child {
  margin-right: auto;
}

.site-navigation .navigation-list > li > a, .site-navigation .navigation-list > li > span {
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0;
  cursor: pointer;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

@media (max-width: 1300px) {
  .site-navigation .navigation-list > li > a, .site-navigation .navigation-list > li > span {
    font-size: 12px;
  }
}

.site-navigation .navigation-list > li.item-favorite a {
  background: url("../images/common/icon_favorite01.png") no-repeat 0 50%/18px 16px;
  padding-left: 23px;
}

.site-navigation .navigation-list .dropdown-nav {
  cursor: pointer;
  position: relative;
}

@media (min-width: 1025px) {
  .site-navigation .navigation-list .dropdown-nav:hover .dropdown-nav-btn {
    color: #f58219;
  }
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list {
  border-top: 2px solid #f58219;
  background: #fff;
  top: 100%;
  margin-top: -15px;
  right: 50%;
  margin-right: -125px;
  z-index: 1000;
  position: absolute;
  display: none;
  width: 255px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list::before {
  content: "";
  border-style: solid;
  border-width: 0 7px 10px 7px;
  border-color: transparent transparent #f58219 transparent;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: -10px;
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list li {
  border-bottom: 1px solid #e0e0e0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list li.head {
  background-color:#F6AD18;
  color:#FFFFFF;
  cursor:default;
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list li:last-child {
  border-bottom: none;
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list li a {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding: 12px;
}
.site-navigation .navigation-list .dropdown-nav .navigation-child-list li a.indent {
  text-indent: 10px;
}

@media (max-width: 1279px) {
  .site-navigation .navigation-list .dropdown-nav .navigation-child-list li a {
    font-size: 12px;
  }
}

.site-navigation .navigation-list .dropdown-nav .navigation-child-list li span {
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 12px;
}

@media (max-width: 1279px) {
  .site-navigation .navigation-list .dropdown-nav .navigation-child-list li span {
    font-size: 12px;
  }
}
.site-navigation .navigation-list .dropdown-nav .navigation-child-list.indent-menu li a {
  text-indent: 0.5em;
}

/* sp navigation button
----------------------------------------------- */
.sp-nav-btn {
  background-color: #333333;
  display: none;
  text-align: center;
}

@media (max-width: 1024px) {
  .sp-nav-btn {
    display: block;
    height: 50px;
    position: relative;
    padding: 28px 0 0;
    width: 50px;
  }
}

.sp-nav-btn span {
  position: absolute;
  left: 15px;
  height: 2px;
  width: 20px;
  background-color: #fff;
  display: inline-block;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

@media (max-width: 340px) {
  .sp-nav-btn span {
    left: 18px;
  }
}

.sp-nav-btn span:nth-of-type(1) {
  top: 11px;
}

.sp-nav-btn span:nth-of-type(2) {
  top: 19px;
}

.sp-nav-btn span:nth-of-type(3) {
  top: 27px;
}

.sp-nav-open .sp-nav-btn span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}

.sp-nav-open .sp-nav-btn span:nth-of-type(2) {
  opacity: 0;
}

.sp-nav-open .sp-nav-btn span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

/* sp navigation
----------------------------------------------- */
.sp-navigation {
  display: none;
  background-color: #fff;
  left: 0;
  position: fixed;
  top: 50px;
  height: 100%;
  height: calc(100vh - 50px);
  overflow: auto;
  width: 100%;
  z-index: 100;
}

@media (min-width: 1025px) {
  .sp-navigation {
    display: none !important;
  }
}

.sp-navigation .container {
  padding: 0 0 40px;
}

.sp-navigation .navigation-list {
  border-top: 1px solid #e5e5e5;
}

.sp-navigation .navigation-list > li {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.45;
}

.sp-navigation .navigation-list > li.item-favorite {
  border-bottom: none;
  padding: 15px;
}

.sp-navigation .navigation-list > li.item-favorite a {
  background-color: #f7f7f7;
  text-align: center;
  padding: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.sp-navigation .navigation-list > li.item-favorite a span {
  background: url("../images/common/icon_favorite01.png") no-repeat 0 50%/18px 16px;
  display: inline-block;
  padding-left: 23px;
}

.sp-navigation .navigation-list > li.item-favorite a::after {
  content: none;
}

.sp-navigation .navigation-list > li > a, .sp-navigation .navigation-list > li > span {
  display: block;
  font-weight: 500;
  position: relative;
  padding: 14px 20px 15px 15px;
}

.sp-navigation .navigation-list > li > a::after {
  content: "";
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f58219;
  position: absolute;
  right: 15px;
  left: auto;
  top: 50%;
  margin-top: -3px;
}

.sp-navigation .navigation-list > li > .dropdown-nav-btn::after {
  content: "";
  margin-top: -5px;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  z-index: 1;
}

.sp-navigation .navigation-list > li[aria-expanded="true"] > .dropdown-nav-btn::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -3px;
}

.sp-navigation .navigation-list > li.dropdown-nav {
  cursor: pointer;
  position: relative;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list {
  display: none;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list li {
  margin-bottom: 1px;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list li:last-child {
  margin-bottom: 0;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list li a {
  background-color: #f7f7f7;
  display: block;
  padding: 12px 20px 12px 25px;
  position: relative;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list li a::before {
  content: "";
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #bbb;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4px;
}

.sp-navigation .navigation-list > li.dropdown-nav .navigation-child-list li span {
  background-color: #F6AD18;
  color:#fff;
  display: block;
  padding: 12px 20px 12px 25px;
  position: relative;
  font-weight:bold;
}

/* ==============================================
 06. Footer
=============================================== */
.site-footer {
  background-color: #f7f7f7;
  position: relative;
  /*  Pagetop
  ----------------------------------------------- */
}

.site-footer .footer-bnr {
  background-color: #ededed;
  padding: 20px 0;
}

@media (max-width: 1024px) {
  .site-footer .footer-bnr {
    padding: 30px 0;
  }
}

.site-footer .footer-bnr ul {
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
}

.site-footer .footer-bnr ul li {
  font-size: 15px;
  display: inline-block;
  margin: 0 30px;
}

@media (max-width: 1024px) {
  .site-footer .footer-bnr ul li {
    display: block;
    margin: 0 0 12px;
  }
  .site-footer .footer-bnr ul li:last-child {
    margin-bottom: 0;
  }
}

.site-footer .footer-sitemap {
  padding-top: 50px;
  padding-bottom: 30px;
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap {
    padding: 0;
  }
}

.site-footer .footer-sitemap .footer-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list {
    display: block;
  }
}

.site-footer .footer-sitemap .footer-nav-list > li {
  margin-bottom: 40px;
  width: 20%;
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list > li {
    border-top: 1px solid #dcdcdc;
    margin-bottom: 0;
    width: 100%;
  }
}

.site-footer .footer-sitemap .footer-nav-list > li > dl dt {
  letter-spacing: 0.08em;
  font-size: 14px;
  color: #f58219;
  font-weight: bold;
  margin-bottom: 14px;
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list > li > dl dt {
    color: #333333;
    margin-bottom: 0;
    padding: 15px 15px;
    letter-spacing: 0.06em;
    position: relative;
  }
  .site-footer .footer-sitemap .footer-nav-list > li > dl dt::before, .site-footer .footer-sitemap .footer-nav-list > li > dl dt::after {
    content: "";
    background-color: #808080;
    top: 50%;
    right: 10px;
    position: absolute;
  }
  .site-footer .footer-sitemap .footer-nav-list > li > dl dt::before {
    height: 1px;
    width: 13px;
  }
  .site-footer .footer-sitemap .footer-nav-list > li > dl dt::after {
    height: 13px;
    right: 16px;
    margin-top: -6px;
    width: 1px;
  }
  .site-footer .footer-sitemap .footer-nav-list > li > dl dt[aria-expanded="true"]::after {
    content: none;
  }
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list > li > dl dd[aria-hidden="true"] {
    display: none;
  }
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list > li .footer-nav-child-list {
    padding: 0 10px 10px;
  }
}

.site-footer .footer-sitemap .footer-nav-list > li .footer-nav-child-list li {
  font-size: 13px;
  margin-bottom: 5px;
}

@media (max-width: 1024px) {
  .site-footer .footer-sitemap .footer-nav-list > li .footer-nav-child-list li {
    margin-bottom: 3px;
  }
  .site-footer .footer-sitemap .footer-nav-list > li .footer-nav-child-list li a {
    background-color: #fff;
    display: block;
    padding: 13px 15px;
    position: relative;
  }
  .site-footer .footer-sitemap .footer-nav-list > li .footer-nav-child-list li a::after {
    right: 14px;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.site-footer .footer-bottom {
  border-top: 1px solid #dcdcdc;
}

.site-footer .footer-bottom .inner {
  padding: 20px 0;
}

@media (max-width: 1024px) {
  .site-footer .footer-bottom .inner {
    padding: 15px 0 20px;
  }
}

.site-footer .footer-bottom ul {
  float: right;
}

@media (max-width: 1024px) {
  .site-footer .footer-bottom ul {
    float: none;
    text-align: center;
  }
}

.site-footer .footer-bottom ul li {
  border-right: 1px solid #666;
  line-height: 1;
  font-size: 13px;
  float: left;
  margin-right: 1.6em;
  padding-right: 1.6em;
}

@media (max-width: 1024px) {
  .site-footer .footer-bottom ul li {
    font-size: 12px;
    float: none;
    display: inline-block;
    margin-right: 0;
    padding: 0 1em 0 0.5em;
  }
}

.site-footer .footer-bottom ul li:last-child {
  border-right: none;
  margin-right: auto;
  padding-right: 0;
}

.site-footer .footer-bottom .copyright {
  font-size: 13px;
  float: left;
  margin: 0;
  line-height: 1;
}

@media (max-width: 1024px) {
  .site-footer .footer-bottom .copyright {
    float: none;
    font-size: 11px;
    text-align: center;
    padding-top: 16px;
  }
}

.site-footer .pagetop {
  cursor: pointer;
  position: absolute;
  right: 50px;
  top: -60px;
  z-index: 1;
}

@media (max-width: 767px) {
  .site-footer .pagetop {
    right: 15px;
    top: -12px;
  }
  .site-footer .pagetop img {
    width: 50px;
  }
}

/* ==============================================
 07. Parts
=============================================== */
/* button
----------------------------------------------- */
.btn-area {
  text-align: center;
}

.back-btn-area {
  margin-top: 18px;
}

.btn {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 23px 10px 23px;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.btn:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .btn {
    font-size: 14px;
  }
}

.btn-primary {
  background-color: #fff;
  color: #f58219;
  border: 1px solid #f58219;
  width: 350px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-primary .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.btn-primary .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #f58219;
  border-right: 1px solid #f58219;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 1025px) {
  .btn-primary:hover {
    color: #f6ad18;
    border-color: #f6ad18;
  }
}

@media (max-width: 767px) {
  .btn-primary {
    padding: 18px 0;
    width: 240px;
  }
  .btn-primary .btn-arrow {
    padding-right: 12px;
  }
  .btn-primary .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #f58219;
    border-right: 1px solid #f58219;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-black {
  background-color: #555;
  color: #fff;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-black .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.btn-black .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-black:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-black:hover {
    background-color: #666;
  }
}

@media (max-width: 767px) {
  .btn-black {
    padding: 18px 0;
    width: 240px;
  }
  .btn-black .btn-arrow {
    padding-right: 12px;
  }
  .btn-black .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-black.btn-large {
  width: 330px;
}

@media (max-width: 767px) {
  .btn-black.btn-large {
    width: 100%;
    max-width: 310px;
  }
}

.btn-gray {
  background-color: #999999;
  color: #fff;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-gray .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.btn-gray .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-gray:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-gray:hover {
    background-color: #aaa;
  }
}

@media (max-width: 767px) {
  .btn-gray {
    padding: 18px 0;
    width: 240px;
  }
  .btn-gray .btn-arrow {
    padding-right: 12px;
  }
  .btn-gray .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-gray.btn-large {
  width: 330px;
}

@media (max-width: 767px) {
  .btn-gray.btn-large {
    width: 100%;
    max-width: 310px;
  }
}

.btn-back {
  background-color: #999999;
  color: #fff;
  padding: 20px 10px 20px;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-back .btn-arrow {
  display: inline-block;
  position: relative;
  padding-left: 12px;
  z-index: 1;
}

.btn-back .btn-arrow::after {
  left: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-back:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-back:hover {
    background-color: #aaa;
  }
}

@media (max-width: 767px) {
  .btn-back {
    padding: 16px 0;
    width: 240px;
  }
  .btn-back .btn-arrow {
    padding-left: 12px;
  }
  .btn-back .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-orange {
  background-color: #f58219;
  color: #fff;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-orange .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.btn-orange .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-orange:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-orange:hover {
    background-color: #f6ad18;
  }
}

@media (max-width: 767px) {
  .btn-orange {
    padding: 18px 0;
    width: 250px;
  }
  .btn-orange .btn-arrow {
    padding-right: 12px;
  }
  .btn-orange .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.btn-search {
  background-color: #f58219;
  color: #fff;
  padding: 20px 0;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-search .btn-icon {
  background: url("../images/common/icon_search01.png") no-repeat 0 50%/23px 23px;
  display: inline-block;
  padding: 2px 0 2px 34px;
}

.btn-search:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-search:hover {
    opacity: 0.85;
  }
}

@media (max-width: 767px) {
  .btn-search {
    font-size: 16px;
    padding: 16px 0;
    width: 240px;
  }
  .btn-search .btn-icon {
    background-size: 22px 22px;
    padding-left: 30px;
  }
}

.btn-delete {
  background-color: #999999;
  color: #fff;
  padding: 20px 0;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-delete .btn-icon {
  background: url("../images/common/icon_delete01.png") no-repeat 0 46%/16px 20px;
  display: inline-block;
  padding: 2px 0 2px 26px;
}

.btn-delete:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-delete:hover {
    opacity: 0.85;
  }
}

@media (max-width: 767px) {
  .btn-delete {
    font-size: 16px;
    padding: 16px 0;
    width: 240px;
  }
  .btn-delete .btn-icon {
    background-size: 13px 18px;
    padding-left: 20px;
  }
}


.btn-favorite2 {
  background-color: #999999;
  color: #fff;
  padding: 20px 0;
  width: 270px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.btn-favorite2 .btn-icon {
  background: url("../images/common/icon_favorite01.png") no-repeat 0 46%/22px 20px;
  display: inline-block;
  padding: 2px 0 2px 26px;
}

.btn-favorite2:hover {
  color: #fff;
}

@media (min-width: 1025px) {
  .btn-favorite2:hover {
    opacity: 0.85;
  }
}

@media (max-width: 767px) {
  .btn-favorite2 {
    font-size: 16px;
    padding: 16px 0;
    width: 240px;
  }
  .btn-favorite2 .btn-icon {
    background-size: 22px 18px;
    padding-left: 30px;
  }
}

/* breadcrumbs
----------------------------------------------- */
.breadcrumbs {
  padding: 16px 0;
  font-size: 13px;
}

.breadcrumbs.bg-gray {
  background-color: #f7f7f7;
}

@media (max-width: 767px) {
  .breadcrumbs {
    font-size: 12px;
    padding-bottom: 18px;
  }
  .breadcrumbs.breadcrumbs-top {
    display: none;
  }
}

.breadcrumbs .container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs .container > span {
  margin-right: 0.4em;
}

.breadcrumbs .container > span a {
  color: #808080;
}

.breadcrumbs .container > span::after {
  color: #808080;
  content: ">";
  margin-left: 0.7em;
}

.breadcrumbs .container > span:last-child {
  margin-right: auto;
  color: #333333;
}

.breadcrumbs .container > span:last-child::after {
  content: none;
  margin-left: auto;
}

/* page title
----------------------------------------------- */
.page-title {
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 20px;
}

.page-title .title-icon {
  display: inline-block;
}

@media (max-width: 767px) {
  .page-title {
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: 34px;
  }
}

/* page delault title
----------------------------------------------- */
.page-default-title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 20px;
}

.page-default-title .en {
  display: block;
  font-family: "Lora", serif;
}

.page-default-title .ja {
  display: block;
  font-size: 13px;
  margin-top: 6px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

@media (max-width: 767px) {
  .page-default-title {
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: 34px;
  }
}

/* page billboard
----------------------------------------------- */
.page-billboard {
  color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 10px 107px;
  text-align: center;
}
@media (min-width: 768px) {
  .page-billboard {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .page-billboard {
    padding: 60px 10px 64px;
  }
}

.page-billboard .en {
  display: block;
  font-family: "Lora", serif;
  font-size: 34px;
  letter-spacing: 0.16em;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .page-billboard .en {
    font-size: 22px;
  }
}

.page-billboard .ja {
  display: block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

@media (max-width: 767px) {
  .page-billboard .ja {
    font-size: 12px;
  }
}

/* heading
----------------------------------------------- */
.heading-3 {
  background-color: #f7f7f7;
  border-bottom: 2px solid #e6e6e6;
  font-size: 20px;
  padding: 12px 20px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .heading-3 {
    font-size: 18px;
    padding: 10px 15px;
    margin-bottom: 20px;
  }
}

/* pager
----------------------------------------------- */
.pager {
  margin: 50px auto;
  max-width: 610px;
  padding: 0 30px;
  position: relative;
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .pager {
    margin: 40px auto;
  }
}

.pager > span, .pager > a {
  font-size: 15px;
}

.pager .page-prev, .pager .page-next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px 50px;
  display: block;
  text-indent: -9999px;
  height: 50px;
  width: 20px;
}

.pager .page-prev {
  left: 0;
  background-image: url("../images/common/page_prev.png");
}

.pager .page-next {
  right: 0;
  background-image: url("../images/common/page_next.png");
}

.pager .page-number {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 10px 5px;
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (min-width: 1025px) {
  .pager .page-number:hover {
    border-color: #333333;
    color: #333333;
  }
}

.pager .page-number.current {
  border-color: #333333;
  color: #333333;
}

.pager .page-number.dot {
  background: none;
  border: none;
  color: #333333;
  width: auto;
}

/* page navigation
----------------------------------------------- */
.page-navigation {
  margin: 50px auto;
  max-width: 610px;
  padding: 0 55px;
  position: relative;
  text-align: center;
}

@media (max-width: 767px) {
  .page-navigation {
    margin: 30px 15px;
    padding: 0 40px;
  }
}

.page-navigation .page-back {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
  display: block;
  text-align: center;
  padding: 30px 10px;
}

@media (max-width: 767px) {
  .page-navigation .page-back {
    padding: 20px 10px;
  }
}

.page-navigation .page-prev, .page-navigation .page-next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px 50px;
  display: block;
  text-indent: -9999px;
  height: 50px;
  width: 20px;
}

.page-navigation .page-prev {
  left: 0;
  background-image: url("../images/common/page_prev.png");
}

.page-navigation .page-next {
  right: 0;
  background-image: url("../images/common/page_next.png");
}

/* ==============================================
 08. Form
=============================================== */
/* step
----------------------------------------------- */
.form-flow {
  max-width: 460px;
  margin: 40px auto 44px;
  position: relative;
}

@media (max-width: 767px) {
  .form-flow {
    margin: 20px auto 24px;
  }
}

.form-flow::after {
  background-color: #f1f1f1;
  content: "";
  height: 2px;
  bottom: 46px;
  left: 5%;
  position: absolute;
  width: 90%;
}

@media (max-width: 767px) {
  .form-flow::after {
    bottom: 37px;
  }
}

.form-flow ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (max-width: 767px) {
  .form-flow ul {
    font-size: 12px;
  }
}

.form-flow ul li {
  letter-spacing: 0.12em;
  text-align: center;
  width: 23%;
}

@media (max-width: 767px) {
  .form-flow ul li {
    width: 29%;
  }
}

.form-flow ul li .time {
  margin-bottom: 8px;
}

.form-flow ul li .time img {
  width: 104px;
}

.form-flow ul li .step {
  margin-bottom: 8px;
}

.form-flow ul li .step span {
  background-color: #f1f1f1;
  display: block;
  padding: 3px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.form-flow ul li.is-current .step span {
  background-color: #f58219;
  color: #fff;
}

.form-flow ul li.is-current .txt {
  color: #f58219;
}

/* parts
----------------------------------------------- */
.form-title {
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 42px;
}

@media (max-width: 767px) {
  .form-title {
    margin-bottom: 12px;
    margin-top: 28px;
  }
}

.form-error {
  color: #bf1320;
  font-size: 85%;
  margin-top: 8px;
  margin-bottom: 0;
}

.form-message {
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .form-message {
    margin-bottom: 20px;
  }
}

.form-message p {
  margin-bottom: 8px;
}

.form-message .fw-bold {
  font-size: 16px;
}

.form-box-message {
  background-color: #fff;
  border: 5px solid #e6e6e6;
  padding: 32px 40px 10px;
  margin: 0 auto 40px;
  max-width: 780px;
}

@media (max-width: 767px) {
  .form-box-message {
    margin-top: 26px;
    padding: 24px 20px 5px;
    margin-bottom: 30px;
  }
}

.form-box-message .fw-bold {
  font-size: 16px;
}

.form-box-message .btn-area {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .form-box-message .btn-area {
    margin-bottom: 20px;
  }
}

.form-box-message .btn-area .btn {
  margin: 0 15px;
}

@media (max-width: 767px) {
  .form-box-message .btn-area .btn {
    margin: 0 auto 15px;
  }
}

.form-attention {
  background-color: #bf1320;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 10px 4px;
  margin-left: 10px;
  display: inline-block;
}

.form-comment {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-privacy-comment {
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .form-privacy-comment {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.form-kind-title, .form-hope-title {
  background-color: #999999;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 15px;
  margin-bottom: 12px;
  margin-top: 20px;
}

.form-note {
  background-color: #fff;
  border: 5px solid #e6e6e6;
  padding: 40px 50px 20px;
  margin-top: 20px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .form-note {
    margin-top: 30px;
    padding: 20px 20px 5px;
    margin-bottom: 30px;
  }
}

/* layout
----------------------------------------------- */
.form-group .form-label {
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.form-group .form-block--vertical .form-label {
  margin-bottom: 6px;
}

.form-group .form-block--vertical .form-field {
  margin-bottom: 18px;
}

.form-table {
  width: 100%;
}

@media (max-width: 767px) {
  .form-table tbody, .form-table tr {
    display: block;
  }
}

.form-table.form-table--input {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .form-table.form-table--input {
    display: block;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    width: auto;
  }
}

.form-table.form-table--confirm {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .form-table.form-table--confirm {
    display: block;
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    width: auto;
  }
}

.form-table.form-table--confirm th {
  width: 200px;
}

@media (max-width: 767px) {
  .form-table.form-table--confirm th {
    width: 100%;
  }
}

.form-table.form-table--confirm td {
  padding: 25px 35px;
}

@media (max-width: 767px) {
  .form-table.form-table--confirm td {
    padding: 18px 15px;
  }
}

.form-table th {
  background-color: #fcfcfc;
  border-right: 1px solid #fff;
  padding: 20px 35px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .form-table th {
    background-color: #e5e5e5;
    display: block;
    padding: 8px 15px;
    white-space: normal;
    width: 100%;
  }
}

.form-table td {
  background-color: #fcfcfc;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .form-table td {
    background-color: #f9f9f9;
    display: block;
    padding: 18px 15px;
    width: 100%;
  }
}

.form-table td p {
  line-height: 1.7;
}

.form-table tbody tr:nth-child(even) th {
  background-color: #f9f9f9;
}

@media (max-width: 767px) {
  .form-table tbody tr:nth-child(even) th {
    background-color: #e5e5e5;
  }
}

.form-table tbody tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.form-table.form-table--input th {
  padding: 20px 25px;
}

@media (max-width: 767px) {
  .form-table.form-table--input th {
    padding: 8px 15px;
  }
}

.form-table.form-table--input td {
  padding: 20px 25px;
}

@media (max-width: 767px) {
  .form-table.form-table--input td {
    padding: 18px 15px;
  }
}

.form-table.form-table--input td a {
  text-decoration: underline;
}

.form-table.form-table--input td a:hover {
  text-decoration: none;
}

.form-horizontal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .form-horizontal-list {
    position: relative;
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .form-horizontal-list.sp-vertical {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-horizontal-list.sp-vertical li {
    margin: 12px 0;
    width: 100%;
  }
}

.form-horizontal-list li {
  margin: 8px 0;
  width: 25%;
}

@media (max-width: 767px) {
  .form-horizontal-list li {
    width: 50%;
  }
}

.form-horizontal-list.form-horizontal-list--column3 li {
  width: 33.333%;
}

.form-horizontal-list.form-horizontal-list--column2 li {
  width: 50%;
}

.form-vertical-list {
  position: relative;
  margin: -12px 0;
}

@media (max-width: 767px) {
  .form-vertical-list {
    margin: -8px 0;
  }
}

.form-vertical-list li {
  margin: 12px 0;
}

@media (max-width: 767px) {
  .form-vertical-list li {
    margin: 8px 0;
  }
}

.form-flex-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.form-flex-block .form-unit {
  margin: 0 0.5em;
}

.form-menseki-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-menseki-block .form-name {
  width: 9.5em;
}

@media (max-width: 767px) {
  .form-menseki-block .form-name {
    margin-bottom: 6px;
    width: 100%;
  }
}

.form-menseki-block .form-unit {
  margin-left: 0.5em;

  width: 2.7em;
}

.form-name-block {
  max-width: 580px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .form-name-block {
    display: block;
  }
}

.form-name-block > div {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .form-name-block > div {
    width: 100%;
  }
}

.form-name-block .name-block-left {
  margin-right: 4%;
}

@media (max-width: 767px) {
  .form-name-block .name-block-left {
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.form-name-block .form-unit {
  white-space: nowrap;
  flex-shrink: 0;
  width: 2.7em;
}

@media (max-width: 767px) {
  .form-name-block .form-unit {
    margin-left: 0;
  }
}

.form-name-block input[type="text"].form-control {
  flex-shrink: 1;
  min-width: 1px;
}

.form-datetime-block {
  max-width: 420px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .form-datetime-block {
    display: block;
  }
}

.form-datetime-block > div {
  width: 48.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .form-datetime-block > div {
    width: 100%;
  }
}

.form-datetime-block .datetime-block-left {
  margin-right: 3%;
}

@media (max-width: 767px) {
  .form-datetime-block .datetime-block-left {
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.form-tel-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.form-tel-block .form-unit {
  margin: 0 0.5em;
}

.form-tel-block input[type="tel"].form-control {
  width: 5em;
}

.form-select-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-select-block .form-tilde {
  padding: 0 0.8em;
}

@media (max-width: 767px) {
  .form-select-block .form-tilde {
    padding: 0;
    text-align: center;
    width: 8%;
  }
}

.form-select-block .form-annotation {
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 1em;
}

@media (max-width: 767px) {
  .form-select-block .form-annotation {
    font-size: 13px;
    margin-left: auto;
    margin-top: 6px;
    text-align: right;
    width: 100%;
  }
}

.form-select-block .select-w200 {
  width: 200px;
}

@media (max-width: 767px) {
  .form-select-block .select-w200 {
    width: 46%;
  }
}

.form-select-block .select-w200 select {
  width: 100%;
}

.inline-label {
  margin-right: 2em;
}

.form-req-block input[type="text"].form-control {
  width: 240px;
}

.form-address-block {
  position: relative;
  margin-bottom: -10px;
}

.form-address-block .form-address-input {
  position: relative;
  margin-bottom: 12px;
}

.form-address-block .form-address-input .input-name {
  color: #808080;
  position: absolute;
  top: 17px;
  left: 10px;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

.form-address-block .form-address-input .form-control {
  padding-top: 25px;
  padding-bottom: 5px;
}

.form-address-block .form-address-input select.form-control + .input-name {
  top: 16px;
}

.form-address-block .form-address-input input.form-control:focus + .input-name,
.form-address-block .form-address-input .form-control.form-entered + .input-name {
  font-size: 12px;
  top: 7px;
}

.form-address-block .form-address-input select.form-control.form-entered + .input-name {
  top: 6px;
}

.form-address-block .form-zip-pref {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .form-address-block .form-zip-pref {
    display: block;
  }
}

.form-address-block .form-zip-pref .form-address-input {
  width: 49%;
}

@media (max-width: 767px) {
  .form-address-block .form-zip-pref .form-address-input {
    width: 100%;
  }
}

.form-age-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.form-age-block .form-control {
  max-width: 5em;
}

.form-age-block .form-unit {
  padding-left: 0.6em;
}

.form-area-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .form-area-block {
    display: block;
    margin-bottom: 20px;
  }
}

.form-area-block > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .form-area-block > div {
    margin-bottom: 15px;
  }
}

.form-area-block .area-block-left {
  margin-right: 1.7em;
}

.form-area-block .form-unit {
  width: 4.8em;
}

.form-area-block select.form-control {
  width: 200px;
}

.form-hope-block .hope-block-ensen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 18px auto 15px;
}

.form-hope-block .hope-block-station {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .form-hope-block .select-wrapper {
    flex: 1;
    max-width: none !important;
  }
}

.form-hope-block .form-unit {
  width: 2.7em;
}

.form-hope-block .form-tilde {
  padding: 0 0.8em;
}

@media (max-width: 767px) {
  .form-hope-block .form-tilde {
    padding: 0 0.5em;
  }
}

/* parts
----------------------------------------------- */
/* form default */
input.form-control, input[type="number"].form-control, input[type="email"].form-control, button.form-control, textarea.form-control {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 767px) {
  input.form-control, input[type="number"].form-control, input[type="email"].form-control, button.form-control, textarea.form-control {
    font-size: 16px;
  }
}

input[type="submit"],
input[type="button"],
button {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
  outline-offset: -2px;
  outline: 0;
}

input[type="text"].form-control, input[type="number"].form-control, input[type="password"].form-control, input[type="email"].form-control, input[type="tel"].form-control, input[type="url"].form-control, textarea.form-control {
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
}

input[type="text"].form-control:focus, input[type="number"].form-control:focus, input[type="password"].form-control:focus, input[type="email"].form-control:focus, input[type="tel"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) inset;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16) inset;
}

input[type="text"].form-zip {
  width: 140px;
}

/* email */
.form-input--email {
  position: relative;
}

.form-input--email::before {
  content: "";
  background: #fff url("../images/common/icon_mail02.png") no-repeat 0 0/19px 13px;
  height: 13px;
  left: 14px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 19px;
  z-index: 1;
}

.form-input--email::after {
  background-color: #cccccc;
  content: "";
  height: 70%;
  position: absolute;
  left: 47px;
  top: 15%;
  width: 1px;
  z-index: 1;
}

.form-input--email input.form-control {
  padding-left: 60px;
}

/* password */
.form-input--password {
  position: relative;
}

.form-input--password::before {
  content: "";
  background: #fff url("../images/common/icon_password01.png") no-repeat 0 0/15px 19px;
  height: 19px;
  left: 16px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 15px;
  z-index: 1;
}

.form-input--password::after {
  background-color: #cccccc;
  content: "";
  height: 70%;
  position: absolute;
  left: 47px;
  top: 15%;
  width: 1px;
  z-index: 1;
}

.form-input--password input.form-control {
  padding-left: 60px;
}

/* checkbox */
.checkbox-label {
  display: inline-block;
  font-size: 16px;
  padding-left: 30px;
  padding-right: 5px;
  position: relative;
}

.checkbox-label input[type="checkbox"].form-control {
  position: absolute;
  display: none;
  z-index: -1;
}

.checkbox-label input[type="checkbox"].form-control + i {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../images/common/checkbox.png");
  background-size: 20px 40px;
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
}

.checkbox-label input[type="checkbox"]:checked.form-control + i {
  background-position: 0 -20px;
}

/* radio */
.radio-label {
  display: inline-block;
  font-size: 16px;
  padding-left: 30px;
  padding-right: 5px;
  position: relative;
}

.radio-label input[type="radio"].form-control {
  position: absolute;
  display: none;
  z-index: -1;
}

.radio-label input[type="radio"].form-control + i {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("../images/common/radio.png");
  background-size: 20px 40px;
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
}

.radio-label input[type="radio"]:checked.form-control + i {
  background-position: 0 -20px;
}

/* selectbox */
.select-wrapper {
  display: block;
  position: relative;
  width: auto;
  font-size: 16px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

@media (max-width: 767px) {
  .select-wrapper {
    font-size: 16px;
  }
}

.select-wrapper::after {
  content: "";
  background: url("../images/common/select_arrow.png") no-repeat 0 0/8px 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 7px;
  height: 25px;
  width: 10px;
}

.select-wrapper select {
  background: none;
  width: 100%;
  font-size: 16px;
  padding: 10px 25px 10px 10px;
  border: none;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  line-height: 1.5;
  background: none transparent;
  vertical-align: middle;
  outline: inherit;
}

@media (max-width: 767px) {
  .select-wrapper select {
    font-size: 16px;
  }
}

.select-wrapper select.form-control-auto {
  width: auto;
}

.select-wrapper select:not(:target) {
  width: 120% \9;
}

/* datepicker */
.datepicker-wrapper {
  position: relative;
}

.datepicker-wrapper::after {
  background: url("../images/common/icon_calender.png") no-repeat 0 0/25px 26px;
  content: "";
  height: 26px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -13px;
  width: 25px;
}

.datepicker-wrapper .form-control {
  padding-right: 30px;
}

/* placeholder */
input::placeholder, textarea::placeholder {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  color: #aaa;
  opacity: 1;
}

/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  color: #aaa;
  opacity: 1;
}

/* Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  color: #aaa;
  opacity: 1;
}

/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox, IE */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Chrome autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/* ==============================================
 09. Fixed
=============================================== */
.fixed-btns {
  right: 0;
  top: 32%;
  position: fixed;
  z-index: 10;
}

@media (max-width: 1024px) {
  .fixed-btns {
    display: none;
  }
}

.fixed-btns a {
  background-color: #444;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 22px 0 20px;
  letter-spacing: 0;
  width: 60px;
  line-height: 1.2;
  position: relative;
  height: 150px;
  cursor: pointer;
  display: block;
}

.fixed-btns a .icon {
  background-position: 50% 0;
  background-repeat: no-repeat;
  display: block;
  padding: 29px 5px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fixed-btns a .icon img {
  opacity: 1;
  width: 16px;
}

.fixed-btns a.btn-login .icon {
  background-image: url("../images/common/icon_login01.png");
  background-size: 19px 19px;
  background-position: 40% 0;
}

.fixed-btns a.btn-entry {
  background-color: #666666;
}

.fixed-btns a.btn-entry .icon {
  background-image: url("../images/common/icon_entry01.png");
  background-size: 17px 18px;
}

.fixed-btns a.btn-mypage {
  background-color: #22748c;
}

.fixed-btns a.btn-mypage .icon {
  background-image: url("../images/common/icon_user01.png");
  background-size: 18px 19px;
  background-position: 50% 0;
}

.fixed-btns a.btn-logout {
  background-color: #666666;
}

.fixed-btns a.btn-logout .icon {
  background-image: url("../images/common/icon_logout01.png");
  background-size: 19px 20px;
  background-position: 40% 0;
}

.fixed-btns a.btn-reserve {
  background-color: #c1272d;
}

.fixed-btns a.btn-reserve .icon {
  background-image: url("../images/common/icon_reserve01.png");
  background-size: 20px 20px;
  background-position: 50% 0;
}

.fixed-btns a.btn-request {
  background-color: #736357;
}

.fixed-btns a.btn-request .icon {
  background-image: url("../images/common/icon_request01.png");
  background-size: 19px 23px;
  background-position: 50% 0;
  padding-top: 32px;
}

.sp-fixed-bottom {
  display: none;
}

@media (max-width: 1024px) {
  .sp-fixed-bottom {
    background-color: #333;
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
    z-index: 10;
  }
  .sp-fixed-bottom .fixed-container {
    position: relative;
    margin-right: -1px;
    margin-left: -1px;
  }
  .sp-fixed-bottom .fixed-inner {
    border-left: 1px solid #fff;
    margin: auto;
    max-width: 480px;
  }
  .sp-fixed-bottom ul {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .sp-fixed-bottom ul li {
    padding-right: 1px;
    width: 25%;
  }
  .sp-fixed-bottom ul li a {
    background-color: #333;
    color: #fff;
    display: block;
  }
  .sp-fixed-bottom ul li a img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .sp-fixed-bottom--sch {
    background: none;
    color: #333333;
    padding: 0;
  }
  .sp-fixed-bottom--sch .fixed-inner {
    max-width: none;
  }
  .sp-fixed-bottom--sch ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .sp-fixed-bottom--sch ul li {
    width: 25%;
  }
  .sp-fixed-bottom--sch ul li a {
    background-position: 50% 9px;
    background-repeat: no-repeat;
    color: #fff;
    letter-spacing: 0.08em;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 30px 0 5px;
  }
}

@media (max-width: 1024px) and (max-width: 340px) {
  .sp-fixed-bottom--sch ul li a {
    font-size: 3vw;
  }
}

@media (max-width: 1024px) {
  .sp-fixed-bottom--sch ul li a.btn-tel {
    background-color: #4d4d4d;
    background-image: url("../images/common/icon_phone02.png");
    background-size: 16px 16px;
  }
  .sp-fixed-bottom--sch ul li a.btn-reserve {
    background-color: #bf1320;
    background-image: url("../images/common/icon_reserve01.png");
    background-size: 17px 17px;
    background-position: 50% 8px;
  }
  .sp-fixed-bottom--sch ul li a.btn-request {
    background-color: #736357;
    background-image: url("../images/common/icon_request01.png");
    background-size: 16px 18px;
    background-position: 50% 7px;
  }
  .sp-fixed-bottom--sch ul li a.btn-favorite {
    background-color: #fff;
    background-image: url("../images/common/icon_favorite01.png");
    background-size: 18px 16px;
    color: #333333;
  }
  .sp-fixed-bottom--sch ul li a.btn-favorite.is-active {
    background-image: url("../images/common/icon_favorite02.png");
  }
}

/* ==============================================
 11. Top
=============================================== */
/* heading
----------------------------------------------- */
.top-heading-2 {
  background: url("../images/common/illust_home01.png") no-repeat 50% 0/63px 41px;
  font-size: 24px;
  text-align: center;
  padding-top: 58px;
  line-height: 1.3;
  margin-bottom: 36px;
}

@media (max-width: 767px) {
  .top-heading-2 {
    background-size: 58px 38px;
    font-size: 19px;
    padding-top: 50px;
    margin-bottom: 23px;
  }
  .top-heading-2 small {
    margin-top: 3px;
  }
}

.top-heading-2 small {
  display: block;
}

.top-heading-2.no-img {
  background: none;
  padding-top: 0;
}

/* mainvisual
----------------------------------------------- */
.mainvisual {
  position: relative;
}

.mainvisual .swiper-slide {
  color: #fff;
  background-position: 50% 50%;
  background-position: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 20px 15px;
  text-align: center;
  height: 500px;
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide {
    height: 320px;
  }
}

.mainvisual .swiper-slide .mv-txt {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  letter-spacing: 0.12em;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 58px;
}
body.en .mainvisual .swiper-slide .mv-txt {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide .mv-txt {
    font-size: 12px;
    font-size: 3vw;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

.mainvisual .swiper-slide .btn-area {
  position: absolute;
  left: 0;
  bottom: 100px;
  width: 100%;
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide .btn-area {
    bottom: 70px;
  }
}

.mainvisual .swiper-slide .btn {
  background-color: #fff;
  color: #f58219;
  font-size: 17px;
  letter-spacing: 0.08em;
  position: relative;
  padding: 20px 0;
  width: 270px;
  -webkit-transition: none 0.14s ease-out;
  -moz-transition: none 0.14s ease-out;
  -ms-transition: none 0.14s ease-out;
  -o-transition: none 0.14s ease-out;
  transition: none 0.14s ease-out;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide .btn {
    font-size: 14px;
    padding: 16px 0;
    width: 240px;
  }
}

@media (min-width: 1025px) {
  .mainvisual .swiper-slide .btn:hover .btn-bg {
    opacity: 0;
  }
}

.mainvisual .swiper-slide .btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 14px;
  z-index: 1;
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide .btn .btn-arrow {
    padding-right: 12px;
  }
}

.mainvisual .swiper-slide .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #f58219;
  border-right: 2px solid #f58219;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .mainvisual .swiper-slide .btn .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #f58219;
    border-right: 2px solid #f58219;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.mainvisual .mv-slide01 {
  background-image: url("../images/top/mv_img_pc.jpg");
}

@media (max-width: 767px) {
  .mainvisual .mv-slide01 {
    background-image: url("../images/top/mv_img_sp.jpg");
  }
}

.mainvisual .mv-slide01 .mv-catch {
  margin-top: 90px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .mainvisual .mv-slide01 .mv-catch {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .mainvisual .mv-slide01 .mv-catch img {
    width: 290px;
  }
}

.mainvisual .mv-slide02 {
  background-image: url("../images/top/mv_img_pc02.jpg");
}

@media (max-width: 767px) {
  .mainvisual .mv-slide02 {
    background-image: url("../images/top/mv_img_sp02.jpg");
  }
}

.mainvisual .mv-slide02 .mv-catch {
  margin-top: 35px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .mainvisual .mv-slide02 .mv-catch {
    margin-top: 18px;
    margin-bottom: 20px;
  }
  .mainvisual .mv-slide02 .mv-catch img {
    width: 270px;
  }
}

.mainvisual .mv-slide03 {
  background-image: url("../images/top/mv_img_pc03.jpg");
}

@media (max-width: 767px) {
  .mainvisual .mv-slide03 {
    background-image: url("../images/top/mv_img_sp03.jpg");
  }
}

.mainvisual .mv-slide03 .mv-catch {
  margin-top: 50px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .mainvisual .mv-slide03 .mv-catch {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mainvisual .mv-slide03 .mv-catch img {
    width: 230px;
  }
}

.mainvisual .mv-pagination {
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 30px;
  width: 100%;
  z-index: 10;
}

@media (max-width: 767px) {
  .mainvisual .mv-pagination {
    bottom: 15px;
  }
}

.mainvisual .mv-pagination .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  margin: 0 7px;
  height: 12px;
  opacity: 1;
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.mainvisual .mv-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f58219;
}

/* contents
----------------------------------------------- */
/* first */
.top-first {
  background-color: #faf5f0;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .top-first {
    padding-top: 25px;
  }
}

.attention-block {
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .attention-block {
    margin-top 24px;
  }
}

.attention-block a {
  background-color: #fff;
  border: 2px solid #f58219;
  color: #f58219;
  display: block;
  font-size: 16px;
  padding: 15px;
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .attention-block a:hover {
    text-decoration: none;
  }
}

.top-first h2 {
  font-size: 24px;
  margin-bottom: 26px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .top-first h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.top-first h2::after {
  content: "";
  background: url("../images/common/tit_bg01.png") repeat 0 0/8px 8px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 52%;
  width: 100%;
}

@media (max-width: 767px) {
  .top-first h2::after {
    background-size: 4px 4px;
    top: 44%;
    height: 14px;
  }
}

.top-first h2 .tit-bg {
  background-color: #faf5f0;
  display: inline-block;
  position: relative;
  padding: 0 13px;
  z-index: 1;
}

@media (max-width: 767px) {
  .top-first h2 .tit-bg {
    padding: 0 10px;
  }
}

.top-first h2 strong {
  color: #f58219;
}

.top-first h2 .ff-en {
  font-size: 42px;
  font-weight: 700;
  margin: 0 1px 0 3px;
}

@media (max-width: 767px) {
  .top-first h2 .ff-en {
    font-size: 30px;
  }
}

.top-first ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.top-first ul li {
  background-color: #fff;
  padding: 20px 20px 30px;
  margin-bottom: 40px;
  margin-right: 2.6%;
  text-align: center;
  width: 31.6%;
  cursor:pointer;
}

@media (max-width: 767px) {
  .top-first ul li {
    padding: 5px 5px 46px;
    margin-right: 3%;
    position: relative;
    margin-bottom: 15px;
    width: 48.5%;
  }
}

@media (max-width: 767px) {
  .top-first ul li:nth-child(even) {
    margin-right: auto;
  }
}

.top-first ul li:nth-child(3n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .top-first ul li:nth-child(3n) {
    margin-right: 3%;
  }
}

.top-first ul li:last-child {
  margin-right: auto;
  margin-bottom: 0;
}

.top-first ul li.list-item4 {
  margin-left: auto;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .top-first ul li.list-item4 {
    margin-bottom: 15px;
  }
}
body.en .top-first ul li.list-item5 .btn,
body.cn .top-first ul li.list-item5 .btn{
    border-color: #333333;
    color: #333333;
}
body.en .top-first ul li.list-item5 .btn .btn-arrow::after,
body.cn .top-first ul li.list-item5 .btn .btn-arrow::after{
    display: none;
}

.top-first ul li .img {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .top-first ul li .img {
    margin-bottom: 12px;
  }
}

.top-first ul li .img img {
  width: 100%;
}

.top-first ul li h3 {
  font-size: 17px;
  letter-spacing: 0.08em;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .top-first ul li h3 {
    letter-spacing: 0.02em;
    font-size: 16px;
    margin-bottom: 4px;
  }
}

.top-first ul li p {
  margin-bottom: 16px;
  line-height: 1.75;
  font-size: 14px;
}

@media (max-width: 767px) {
  .top-first ul li p {
    font-size: 12px;
    margin-bottom: 6px;
    padding: 0 5px;
    text-align: left;
  }
}

.top-first ul li .btn {
  border: 1px solid #f58219;
  color: #f58219;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.08em;
  line-height: 1;
  padding: 11px;
  max-width: 100%;
  width: 240px;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  border-radius: 26px;
}

@media (min-width: 1025px) {
  .top-first ul li .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .top-first ul li .btn {
    font-size: 12px;
    letter-spacing: 0.02em;
    padding: 9px;
    position: absolute;
    left: 5%;
    bottom: 13px;
    width: 90%;
  }
}

.top-first ul li .btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

@media (max-width: 767px) {
  .top-first ul li .btn .btn-arrow {
    padding-right: 9px;
  }
}

.top-first ul li .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #f58219;
  border-right: 1px solid #f58219;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .top-first ul li .btn .btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #f58219;
    border-right: 1px solid #f58219;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

#top5service {
  padding-top: 30px;
  margin-top: -30px;
}

/* search */
.top-search {
  background: #f6ad18 url("../images/top/search_bg.png") no-repeat 97% 100%;
  padding: 42px 0 60px;
}

@media (max-width: 767px) {
  .top-search {
    background-size: 150px 96px;
    background-position: 84% 20px;
    padding: 30px 0 30px;
  }
}

.top-search .inner {
  max-width: 900px;
}

.top-search h2 {
  color: #fff;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.08em;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .top-search h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.top-search h2 .tit-bg {
  background: url("../images/common/icon_search01.png") no-repeat 0 50%/31px 31px;
  display: inline-block;
  padding: 4px 0 4px 42px;
}

@media (max-width: 767px) {
  .top-search h2 .tit-bg {
    background-position: 50% 0;
    padding: 36px 0 0;
  }
}

.top-search ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .top-search ul {
    display: block;
    margin: 0 auto;
    max-width: 290px;
  }
}

.top-search ul li {
  background-color: #fff;
  margin-right: 3.5%;
  position: relative;
  width: 31%;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

@media (max-width: 767px) {
  .top-search ul li {
    margin-right: auto;
    margin-bottom: 15px;
    width: auto;
  }
}

.top-search ul li:last-child {
  margin-right: auto;
}

.top-search ul li::before {
  background-color: #f58219;
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  height: 60px;
  width: 60px;
}

@media (max-width: 767px) {
  .top-search ul li::before {
    left: -3px;
    top: -3px;
    height: 40px;
    width: 40px;
  }
}

.top-search ul li a {
  background-color: #fff;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-weight: bold;
  display: block;
  position: relative;
  z-index: 1;
  padding: 23px 20px 24px 80px;
}

.top-search ul li a::after {
  content: "";
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #f58219 transparent;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

@media (max-width: 767px) {
  .top-search ul li a {
    padding: 18px 10px 18px 80px;
  }
}

@media (min-width: 1025px) {
  .top-search ul li a:hover .link-tit {
    color: #f6ad18;
  }
}

.top-search ul li .link-tit {
  display: block;
  color: #f58219;
  font-size: 20px;
  letter-spacing: 0.08em;
  margin-bottom: 5px;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

@media (max-width: 767px) {
  .top-search ul li .link-tit {
    font-size: 18px;
    margin-bottom: 2px;
  }
}

.top-search ul li .link-cap {
  display: block;
  font-size: 12px;
}

.top-search ul li.item-area a {
  background-image: url("../images/common/illust_area01.png");
  background-size: 40px 48px;
}

.top-search ul li.item-ensen a {
  background-image: url("../images/common/illust_train01.png");
  background-size: 41px 46px;
}

.top-search ul li.item-school a {
  background-image: url("../images/common/illust_school01.png");
  background-size: 46px 46px;
  background-position: 18px 50%;
}

/* our only */
@media (max-width: 767px) {
  .top-ouronly .btn-area {
    margin-top: 20px;
  }
}

/* recommend */
.top-recommend {
  background: url("../images/common/bg01.jpg") repeat 0 0;
}

@media (max-width: 767px) {
  .top-recommend .btn-area {
    margin-top: 20px;
  }
}

/* feature */
.top-feature {
  background: #faf5f0 url("../images/top/feature_bg.png") no-repeat 50% 50%/cover;
}

.top-feature .inner {
  max-width: 900px;
}

.top-feature h2 {
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .top-feature h2 {
    margin-bottom: 20px;
  }
  .top-feature h2 img {
    width: 96px;
  }
}

.top-feature ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .top-feature ul {
    display: block;
    margin: 0 auto;
    max-width: 290px;
  }
}

.top-feature ul li {
  margin-right: 3.5%;
  position: relative;
  text-align: center;
  width: 31%;
}

@media (max-width: 767px) {
  .top-feature ul li {
    margin-right: auto;
    margin-bottom: 15px;
    width: auto;
  }
}

.top-feature ul li:last-child {
  margin-right: auto;
}

/* service */
.top-service ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .top-service ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.top-service ul li {
  margin-right: 2.133%;
  position: relative;
  padding-bottom: 23px;
  width: 23.4%;
}

@media (max-width: 767px) {
  .top-service ul li {
    margin-right: 4%;
    margin-bottom: 30px;
    width: 48%;
  }
  .top-service ul li:nth-child(even) {
    margin-right: auto;
  }
}

.top-service ul li:last-child {
  margin-right: auto;
}

.top-service ul li .img {
  margin-bottom: 12px;
  position: relative;
}

@media (max-width: 767px) {
  .top-service ul li .img {
    margin-bottom: 10px;
  }
}

.top-service ul li .img img {
  width: 100%;
}

.top-service ul li .img::after {
  background-color: #f58219;
  content: "";
  height: 50px;
  position: absolute;
  left: 15px;
  bottom: -30px;
  width: 2px;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

@media (max-width: 767px) {
  .top-service ul li .img::after {
    height: 40px;
    bottom: -24px;
  }
}

.top-service ul li .tit {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 7px;
  line-height: 1.45;
  letter-spacing: 0.12em;
  padding-left: 25px;
}

@media (max-width: 767px) {
  .top-service ul li .tit {
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 5px;
  }
}

.top-service ul li p {
  line-height: 1.7;
}

@media (max-width: 767px) {
  .top-service ul li p {
    font-size: 13px;
    line-height: 1.65;
  }
}

.top-service ul li a {
  border: 1px solid #f58219;
  color: #f58219;
  font-size: 14px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 6px;
  width: 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .top-service ul li a:hover {
    border-color: #f6ad18;
    color: #f6ad18;
  }
}

@media (max-width: 767px) {
  .top-service ul li a {
    font-size: 13px;
  }
}

.top-service ul li a .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.top-service ul li a .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #f58219;
  border-right: 1px solid #f58219;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* news */
.top-news {
  /*padding-top: 0;*/
}

.top-news .top-heading-2 {
  margin-bottom: 10px;
}

.top-news .top-heading-2 small {
  line-height: 1;
}

.top-news .btn-area {
  position: absolute;
  top: 4px;
  right: 0;
}

@media (max-width: 767px) {
  .top-news .btn-area {
    position: static;
    top: auto;
    right: auto;
    margin-top: 20px;
  }
}

.top-news .btn-area .btn {
  background-color: #f58219;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 8px;
  width: 130px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .top-news .btn-area .btn:hover {
    background-color: #f6ad18;
  }
}

@media (max-width: 767px) {
  .top-news .btn-area .btn {
    padding: 10px;
    width: 210px;
  }
}

.top-news .btn-area .btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  z-index: 1;
}

.top-news .btn-area .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* seminar */
.top-seminar {
  background-color: #f7f7f7;
  position: relative;
  padding-top: 120px;
}

@media (max-width: 767px) {
  .top-seminar {
    padding-top: 50px;
  }
}

.top-seminar::after {
  content: "";
  background: url("../images/top/seminar_bg.jpg") no-repeat 50% 50%/cover;
  height: 200px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .top-seminar::after {
    height: 100px;
  }
}

.top-seminar .container {
  z-index: 1;
}

.top-seminar h2 {
  text-align: center;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .top-seminar h2 {
    position: relative;
    margin: 0 -10px 16px;
  }
  .top-seminar h2 img {
    width: 360px;
  }
}

@media (max-width: 767px) {
  .top-seminar .btn-area {
    margin-top: 25px;
  }
}

.top-seminar-list {
}

@media (max-width: 767px) {
  .top-seminar-list {
  }
}

.top-seminar-list li {
  background-color: #fff;
  margin-right: 2.133%;
  position: relative;
  padding: 0 15px 66px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .top-seminar-list li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}

.top-seminar-list li:nth-child(4n) {
  margin-right: auto;
}

.top-seminar-list li .img {
  margin: 0 -15px 12px;
  position: relative;
}

.top-seminar-list li .img img {
  width: 100%;
}

.top-seminar-list li .title {
  font-size: 17px;
  margin-bottom: 0;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
   height:54px;
}

.top-seminar-list li .date {
  color: #808080;
  font-size: 14px;
  margin-top: 5px;
}

.top-seminar-list li .more-btn {
  border: 1px solid #2cb5a9;
  color: #2cb5a9;
  font-size: 14px;
  display: block;
  position: absolute;
  left: 5%;
  bottom: 18px;
  text-align: center;
  padding: 6px;
  width: 90%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .top-seminar-list li .more-btn {
    -webkit-transition: all 0.14s ease-out;
    -moz-transition: all 0.14s ease-out;
    -ms-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
  }
  .top-seminar-list li .more-btn:hover {
    border-color: #37d1be;
    color: #37d1be;
  }
}

/*  */
@media (min-width: 1025px) {
    .seminar-th {
       width: 20%;
    }
    /* フレームの中のgoogleMap表示の制御(PC) */
    .seminar_iframe_map {
        width: 100%;
        height:400px;
    }

    .seminar_page-title {
        font-size:18px;
        color: #f58219;
        letter-spacing: 0.12em;
        text-align: center;
    }
}    

.top-seminar-list li .more-btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.top-seminar-list li .more-btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #2cb5a9;
  border-right: 1px solid #2cb5a9;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* seminar slider */
.seminar-slider-wrap {
  left: 50%;
  top: 0;
  position: relative;
  margin-left: -1350px;
  width: 2700px;
}

@media (max-width: 1279px) {
  .seminar-slider-wrap {
    left: auto;
    top: auto;
    margin-left: auto;
    width: auto;
  }
}

/* */
@media (max-width: 1279px) {
    .seminar-th {
       width: 100%;
    }
    /* フレームの中のgoogleMap表示の制御(スマホ) */
    .seminar_iframe_map {
        width:100%;
/*        height:100%; */
        height:200px;

    }

    .seminar_page-title {
        font-size:14px;
        color: #f58219;
        letter-spacing: 0.12em;
        text-align: center;
    }
}



.seminar-slider {
  padding-bottom: 35px;
}

@media (max-width: 767px) {
  .seminar-slider .seminar-slider-controls {
    display: none;
  }
}

.seminar-slider .swiper-scrollbar {
  display: none;
  height: 3px;
  left: 12%;
  width: 76%;
}

.seminar-slider .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

@media (max-width: 767px) {
  .seminar-slider .swiper-scrollbar {
    display: block;
    position: absolute;
  }
}

.seminar-slider .seminar-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -80px;
  width: 100%;
}

.seminar-slider .swiper-button-prev, .seminar-slider .swiper-button-next {
  background-size: 51px 51px;
  top: 0;
  margin-top: auto;
  height: 51px;
  width: 51px;
}

.seminar-slider .swiper-button-prev {
  background-image: url("../images/common/prev03.png");
  left: -24px;
}

@media (max-width: 1279px) {
  .seminar-slider .swiper-button-prev {
    left: 10px;
  }
}

.seminar-slider .swiper-button-next {
  background-image: url("../images/common/next03.png");
  right: -24px;
}

@media (max-width: 1279px) {
  .seminar-slider .swiper-button-next {
    right: 10px;
  }
}

/* ここから新たに追加 */
.outline-seminar table {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    width: 100%;
  }
  
  .outline-seminar table th {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: left;
    padding: 20px 30px;
    width: 300px;
    vertical-align: middle;
  }
  
  @media (max-width: 767px) {
    .outline-seminar table th {
      display: block;
      padding: 10px 15px;
      width: auto;
    }
  }
  
  .outline-seminar table td {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: left;
    line-height: 1.7;
    padding: 20px 30px;
    vertical-align: middle;
  }
  
  @media (max-width: 767px) {
    .outline-seminar table td {
      font-size: 90%;
      display: block;
      padding: 15px;
      width: auto;
    }
  }
  
  .outline-seminar table td a {
    text-decoration: underline;
  }
  
  @media (min-width: 1025px) {
    .outline-seminar table td a:hover {
      text-decoration: none;
    }
  }
/* ここまで */


/* movie */
.top-movie {
  position: relative;
  padding-top: 30px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .top-movie {
    padding-bottom: 50px;
  }
  .top-movie iframe {
    width:100%;
    height:240px;
  }
}

.top-movie::after {
  content: "";
  background: url("../images/top/movie_bg.jpg") no-repeat 50% 50%/cover;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .top-movie::after {
    height: 200px;
  }
}

.top-movie .container {
  z-index: 1;
}

.top-movie h2 {
  text-align: center;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .top-movie h2 {
    margin-bottom: 10px;
  }
}

.top-movie .img {
  text-align: center;
}

.top-movie .img a {
  background-color: #fff;
  display: inline-block;
}

@media (max-width: 767px) {
  .top-movie .img a img {
    width: 290px;
  }
}

/* shop */
.top-shop {
  padding-bottom: 100px;
}

.top-shop h2 {
  font-size: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .top-shop h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.top-shop h2 .tit-bg {
  display: inline-block;
  position: relative;
}

.top-shop h2 .tit-bg::before, .top-shop h2 .tit-bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  height: 3px;
  width: 50%;
}

@media (max-width: 767px) {
  .top-shop h2 .tit-bg::before, .top-shop h2 .tit-bg::after {
    bottom: -17px;
  }
}

.top-shop h2 .tit-bg::before {
  background-color: #f58219;
}

.top-shop h2 .tit-bg::after {
  background-color: #f6ad18;
  left: auto;
  right: 0;
}

.top-shop .container {
  border-top: 1px solid #e0e0e0;
  padding-top: 30px;
}

@media (max-width: 767px) {
  .top-shop .container {
    padding-top: 0;
  }
}

.top-shop .shop-list-wrap {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}

@media (max-width: 767px) {
  .top-shop .shop-list-wrap {
    margin-left: auto;
    margin-right: auto;
  }
}

.top-shop .shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .top-shop .shop-list {
    display: block;
  }
}

.top-shop .shop-list li {
  padding: 0 20px;
  position: relative;
  margin-bottom: 24px;
  width: 33.333%;
}

@media (max-width: 767px) {
  .top-shop .shop-list li {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
    width: auto;
  }
}

.top-shop .shop-list li::after {
  background: #e0e0e0;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 85%;
  width: 1px;
}

@media (max-width: 767px) {
  .top-shop .shop-list li::after {
    content: none;
  }
  .top-shop .shop-list li:last-child a {
    border-bottom: none;
  }
}

.top-shop .shop-list li:nth-child(3n)::after {
  content: none;
}

.top-shop .shop-list li:last-child::after {
  content: none;
}

.top-shop .shop-list li a {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .top-shop .shop-list li a {
    border-bottom: none;
    padding: 22px 0;
  }
}

.top-shop .shop-list li a .img {
  margin-right: 20px;
  width: 110px;
}

@media (max-width: 767px) {
  .top-shop .shop-list li a .img {
    margin-right: 14px;
    width: 100px;
  }
}

.top-shop .shop-list li a .txt {
  flex: 1;
}

.top-shop .shop-list li a .name {
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 9px;
}

@media (max-width: 767px) {
  .top-shop .shop-list li a .name {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

.top-shop .shop-list li a .address {
  font-style: normal;
  font-size: 13px;
  margin-bottom: 7px;
}

.top-shop .shop-list li a .link {
  font-size: 13px;
  color: #f58219;
  line-height: 1;
}

.top-shop .shop-list li a .link .link-arrow {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  z-index: 1;
}

.top-shop .shop-list li a .link .link-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #f58219;
  border-right: 1px solid #f58219;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_float_banner
{
    left: 10px;
    top: 133px;
    position: fixed;
    z-index: 10;
    width:125px;
}
.top_float_banner span
{
    color:#FFFFFF;
    position:absolute;
    top: 273px;
    right: 40px;
    font-size: 24px;
}
@media (min-width: 769px) {
.top_float_banner2
{
    left: 10px;
    top: 478px;
    position: fixed;
    z-index: 10;
}
.top_float_banner3{
    left: 10px;
    top: 700px;
    position: fixed;
    z-index: 10;
}
}
@media (max-width: 768px) {
  .top_float_banner {
    display:none;
  }
  .top_float_banner2
  {
    display:none;
  }
    .top_float_banner3
  {
    display:none;
  }
}

.top-bottom-bnr h2 {
  font-size: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .top-bottom-bnr h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.top-bottom-bnr h2 .tit-bg {
  display: inline-block;
  position: relative;
}

.top-bottom-bnr h2 .tit-bg::before, .top-bottom-bnr h2 .tit-bg::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  height: 3px;
  width: 50%;
}

@media (max-width: 767px) {
  .top-bottom-bnr h2 .tit-bg::before, .top-bottom-bnr h2 .tit-bg::after {
    bottom: -17px;
  }
}

.top-bottom-bnr h2 .tit-bg::before {
  background-color: #f58219;
}

.top-bottom-bnr h2 .tit-bg::after {
  background-color: #f6ad18;
  left: auto;
  right: 0;
}
.top-bottom-bnr {
  background-color: #ededed;
  padding: 20px 0;
}

@media (max-width: 1024px) {
  .top-bottom-bnr {
    padding: 30px 0;
  }
}


.top-bottom-bnr .line{
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.top-bottom-bnr ul {
  font-size: 0;
  letter-spacing: 0;
  text-align: left;
}

.top-bottom-bnr ul li {
  font-size: 15px;
  display: inline-block;
  margin: 0 10px;
  width:208px;
}
.top-bottom-bnr ul li img{
  width:100%;
}

@media (max-width: 1024px) {
  .top-bottom-bnr ul li {
    margin: 0 1%;
    width:48%;
  }
  .top-bottom-bnr ul li:last-child {
    margin-bottom: 0;
  }
}

/* ==============================================
 20. SCH(common)
=============================================== */
/* sch slider */
.sch-slider-wrap {
  left: 50%;
  top: 0;
  position: relative;
  margin-left: -1350px;
  width: 2700px;
}

@media (max-width: 1279px) {
  .sch-slider-wrap {
    left: auto;
    top: auto;
    margin-left: auto;
    width: auto;
  }
}

.sch-slider {
  padding-bottom: 35px;
}

@media (max-width: 767px) {
  .sch-slider .swiper-wrapper {
    padding-bottom: 15px;
  }
  .sch-slider .sch-slider-controls {
    display: none;
  }
}

.sch-slider .swiper-scrollbar {
  display: none;
  height: 3px;
  left: 12%;
  width: 76%;
}

.sch-slider .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

@media (max-width: 767px) {
  .sch-slider .swiper-scrollbar {
    display: block;
    position: absolute;
  }
}

.sch-slider .sch-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -80px;
  width: 100%;
}

.sch-slider .swiper-button-prev, .sch-slider .swiper-button-next {
  background-size: 51px 51px;
  top: 0;
  margin-top: auto;
  height: 51px;
  width: 51px;
}

.sch-slider .swiper-button-prev {
  background-image: url("../images/common/prev01.png");
  left: -24px;
}

@media (max-width: 1279px) {
  .sch-slider .swiper-button-prev {
    left: 10px;
  }
}

.sch-slider .swiper-button-next {
  background-image: url("../images/common/next01.png");
  right: -24px;
}

@media (max-width: 1279px) {
  .sch-slider .swiper-button-next {
    right: 10px;
  }
}

.sch-slider-list li a {
  display: block;
}

.sch-slider-list li a:hover {
  color: #333333;
}

@media (min-width: 1025px) {
  .sch-slider-list li a:hover .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05, 1.05);
    transform: translate3d(0, 0, 0) scale(1.05, 1.05);
  }
}

.sch-slider-list li a:hover .thumbnail img {
  opacity: 1;
}

.sch-slider-list li .thumbnail {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
  aspect-ratio: 4/3;
}

@media (max-width: 767px) {
  .sch-slider-list li .thumbnail {
    margin-bottom: 12px;
  }
}

.sch-slider-list li .thumbnail > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  /*position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -50%;
  right: -50%;*/
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

@media (min-width: 1025px) {
  .sch-slider-list li .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  }
}

@media (max-width: 767px) {
  .sch-slider-list li .thumbnail > img {
  }
}

.sch-slider-list li .thumbnail .thumbnail-icon {
  position: absolute;
  display: inline-block !important;
  z-index: 1;
}

.sch-slider-list li .thumbnail .thumbnail-icon img {
  position: relative;
  -webkit-transition: none 0.14s ease-out;
  -moz-transition: none 0.14s ease-out;
  -ms-transition: none 0.14s ease-out;
  -o-transition: none 0.14s ease-out;
  transition: none 0.14s ease-out;
}

.sch-slider-list li .thumbnail .thumbnail-icon--only {
  right: 10px;
  top: 10px;
}

@media (max-width: 767px) {
  .sch-slider-list li .thumbnail .thumbnail-icon--only img {
    width: 37px;
  }
}

.sch-slider-list li .thumbnail .thumbnail-icon--new {
  left: 10px;
  bottom: 10px;
}

@media (max-width: 767px) {
  .sch-slider-list li .thumbnail .thumbnail-icon--new img {
    width: 54px;
  }
}

.sch-slider-list li .thumbnail .thumbnail-icon--recommend {
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .sch-slider-list li .thumbnail .thumbnail-icon--recommend img {
    width: 75px;
  }
}

.sch-slider-list li .name {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sch-slider-list li .name {
    font-size: 16px;
    letter-spacing: 0.08em;
  }
}

.sch-slider-list li .access {
  font-size: 13px;
  letter-spacing: 0.14em;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .sch-slider-list li .access {
    font-size: 12px;
    letter-spacing: 0.08em;
  }
}

.sch-slider-list li .data {
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  position: relative;
}

.sch-slider-list li .data::before, .sch-slider-list li .data::after {
  background-color: #333333;
  content: "";
  height: 1px;
  top: 0;
  position: absolute;
  width: 6px;
}

.sch-slider-list li .data::before {
  left: 0;
}

.sch-slider-list li .data::after {
  right: 0;
}

.sch-slider-list li .data .data-box::before, .sch-slider-list li .data .data-box::after {
  background-color: #333333;
  content: "";
  height: 1px;
  bottom: 0;
  position: absolute;
  width: 5px;
}

.sch-slider-list li .data .data-box::before {
  left: 0;
}

.sch-slider-list li .data .data-box::after {
  right: 0;
}

.sch-slider-list li .data table {
  width: 100%;
}

.sch-slider-list li .data table td {
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.sch-slider-list li .data table td.plan {
  font-size: 13px;
  padding: 0 15px;
  position: relative;
  min-width: 6em;
}

@media (max-width: 767px) {
  .sch-slider-list li .data table td.plan {
    font-size: 12px;
    padding: 0 5px;
  }
}

.sch-slider-list li .data table td.plan::before {
  background-color: #333333;
  content: "";
  height: 16px;
  top: 50%;
  right: 0;
  margin-top: -8px;
  position: absolute;
  width: 1px;
}

.sch-slider-list li .data table td.price {
  font-size: 14px;
  font-weight: bold;
  padding: 0 15px 2px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sch-slider-list li .data table td.price {
    font-size: 13px;
    padding: 0 5px;
  }
}

.sch-slider-list li .data table td.price .ff-en {
  color: #bf1320;
  font-size: 24px;
  font-weight: 500;
}
body.en .sch-slider-list li .data table td.price,
body.cn .sch-slider-list li .data table td.price {
  color: #bf1320;
  font-size: 24px;
  font-weight: 500;
}
body.en .sch-slider-list li .data table td.price .ff-en,
body.cn .sch-slider-list li .data table td.price .ff-en,
body.en .sch-slider-list li .data table td.price,
body.cn .sch-slider-list li .data table td.price {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}
@media (max-width: 767px) {
  .sch-slider-list li .data table td.price .ff-en {
    font-size: 20px;
  }
  body.en .sch-slider-list li .data table td.price,
  body.cn .sch-slider-list li .data table td.price {
    font-size: 20px;
  }
}

/* ==============================================
 21. SCH search
=============================================== */
/* title
----------------------------------------------- */
.sch-search .page-title .icon-area {
  background: url("../images/common/illust_area01.png") no-repeat 0 50%/30px 36px;
  padding: 5px 0 5px 40px;
}

@media (max-width: 767px) {
  .sch-search .page-title .icon-area {
    background-size: 28px 35px;
    padding-left: 37px;
  }
}

.sch-search .page-title .icon-train {
  background: url("../images/common/illust_train01.png") no-repeat 0 50%/32px 36px;
  padding: 5px 0 5px 44px;
}

@media (max-width: 767px) {
  .sch-search .page-title .icon-train {
    background-size: 30px 35px;
    padding-left: 41px;
  }
}

.sch-search .page-title .icon-school {
  background: url("../images/common/illust_school01.png") no-repeat 0 50%/34px 34px;
  padding: 7px 0 5px 45px;
}

@media (max-width: 767px) {
  .sch-search .page-title .icon-school {
    background-size: 30px 30px;
    padding-top: 7px;
    padding-left: 42px;
  }
}

.sch-search .page-title .icon-map {
  background: url("../images/common/illust_map01.png") no-repeat 0 50%/36px 34px;
  padding: 7px 0 3px 47px;
}

@media (max-width: 767px) {
  .sch-search .page-title .icon-map {
    background-size: 30px 30px;
    padding-top: 7px;
    padding-left: 42px;
  }
}

/* tab
----------------------------------------------- */
.sch-search .search-area .search-tab {
  position: relative;
  z-index: 1;
}

.sch-search .search-area .search-tab ul {
  margin: 0 auto;
  max-width: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-tab ul {
    padding: 0 10px;
  }
}

@media (max-width: 340px) {
  .sch-search .search-area .search-tab ul {
    padding: 0;
  }
}

.sch-search .search-area .search-tab ul li {
  margin-right: 3%;
  width: 31.3%;
}

.sch-search .search-area .search-tab ul li:last-child {
  margin-right: auto;
}

.sch-search .search-area .search-tab ul li a {
  border-top: 1px solid #9e9e9e;
  color: #999999;
  font-size: 16px;
  font-weight: bold;
  display: block;
  letter-spacing: 0.12em;
  padding: 17px 0 17px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-tab ul li a {
    font-size: 14px;
    padding: 12px 0;
    letter-spacing: 0.06em;
  }
}

@media (min-width: 1025px) {
  .sch-search .search-area .search-tab ul li a:hover {
    color: #333333;
  }
}

.sch-search .search-area .search-tab ul li a::before, .sch-search .search-area .search-tab ul li a::after {
  background-color: #9e9e9e;
  content: "";
  height: 86%;
  position: absolute;
  top: 0;
  width: 1px;
}

.sch-search .search-area .search-tab ul li a::before {
  left: 0;
}

.sch-search .search-area .search-tab ul li a::after {
  right: 0;
}

.sch-search .search-area .search-tab ul li a.is-current {
  background-color: #faf5f0;
  border-top: 2px solid #333333;
  color: #333333;
}

.sch-search .search-area .search-tab ul li a.is-current::before, .sch-search .search-area .search-tab ul li a.is-current::after {
  height: 100%;
}

/* search area
----------------------------------------------- */
.sch-search .search-area .search-block {
  background-color: #faf5f0;
  border-top: 1px solid #9e9e9e;
  padding: 55px 0 80px;
  position: relative;
  margin-top: -1px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block {
    margin-bottom: 40px;
    padding: 20px 0;
  }
}

.sch-search .search-area .search-block .block-inner {
  background-color: #fff;
  padding: 35px 40px 50px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .block-inner {
    padding: 0 0 30px;
  }
}

.sch-search .search-area .search-block h4 {
  background-color: #f1f1f1;
  font-size: 18px;
  padding: 8px 15px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block h4 {
    font-size: 17px;
    padding: 6px 10px;
    margin-bottom: 0;
  }
}

.sch-search .search-area .search-block .form-horizontal-list {
  margin-bottom: 15px;
  margin-top: 0;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .form-horizontal-list {
    display: block;
  }
}

.sch-search .search-area .search-block .form-horizontal-list li {
  font-weight: bold;
  margin: 0 0 26px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .form-horizontal-list li {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 3px 12px 10px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
  }
}

.sch-search .search-area .search-block .form-horizontal-list li a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .sch-search .search-area .search-block .form-horizontal-list li a:hover {
    text-decoration: none;
  }
}

.sch-search .search-area .search-block .form-horizontal-list li .count {
  font-size: 14px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .form-horizontal-list li .count {
    position: absolute;
    right: 0;
    top: 1em;
  }
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .form-horizontal-list li label {
    display: block;
    padding-right: 130px;
  }
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .form-horizontal-list li label .count {
    position: absolute;
    right: 0;
    top: 0.2em;
  }
}

.sch-search .search-area .search-block .result-count {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 13px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .result-count {
    font-size: 16px;
  }
}

.sch-search .search-area .search-block .result-count strong {
  font-size: 28px;
  font-family: "Roboto", sans-serif;
  margin: 0 0.1em;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .result-count strong {
    font-size: 27px;
  }
}

.sch-search .search-area .search-block .result-note {
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .result-note {
    font-size: 13px;
  }
}

.sch-search .search-area .search-block .btn-area {
  margin-top: 35px;
}

@media (max-width: 767px) {
  .sch-search .search-area .search-block .btn-area {
    margin-top: 20px;
  }
}

/* sort area
----------------------------------------------- */
@media (max-width: 767px) {
  .sch-search .sort-area .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.sch-search .sort-area h3 {
  background: url("../images/common/icon_sort01.png") no-repeat 0 50%/19px 18px;
  font-size: 18px;
  margin-bottom: 24px;
  padding: 2px 0 2px 28px;
}

@media (max-width: 767px) {
  .sch-search .sort-area h3 {
    background-position: 15px 50%;
    margin-bottom: 15px;
    padding-left: 43px;
  }
}

.sch-search .sort-area .form-table {
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .sch-search .sort-area .form-table {
    margin-bottom: 25px;
  }
}

/* map
----------------------------------------------- */
.sch-search-map .map-search-header {
  background-color: #f1f1f1;
  padding: 10px 0;
  -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .sch-search-map .map-search-header {
    padding: 16px 0 12px;
  }
}

.sch-search-map .map-search-header .search-header-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block {
    display: block;
  }
}

.sch-search-map .map-search-header .search-header-block .keyword-block {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .keyword-block {
    margin-right: auto;
    margin-bottom: 12px;
    width: 100%;
  }
}

.sch-search-map .map-search-header .search-header-block .keyword-block .form-control {
  min-width: 1em;
  flex-shrink: 1;
  margin-right: 7px;
  max-width: 100%;
  width: 270px;
}

@media (max-width: 1279px) {
  .sch-search-map .map-search-header .search-header-block .keyword-block .form-control {
    max-width: none;
    width: 100%;
  }
}

.sch-search-map .map-search-header .search-header-block .keyword-block .btn-submit {
  background: #4d4d4d;
  color: #fff;
  display: block;
  border: none;
  font-weight: normal;
  outline: 0;
  text-align: center;
  padding: 13px 0;
  width: 80px;
  flex-shrink: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .sch-search-map .map-search-header .search-header-block .keyword-block .btn-submit {
    font-size: 16px;
    width: 80px;
  }
}

.sch-search-map .map-search-header .search-header-block .price-block {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .price-block {
    margin-right: auto;
    margin-bottom: 12px;
    width: 100%;
  }
}

.sch-search-map .map-search-header .search-header-block .price-block .form-unit {
  font-size: 16px;
  font-weight: bold;
  width: 3.4em;
  white-space: nowrap;
}

.sch-search-map .map-search-header .search-header-block .price-block .form-tilde {
  padding: 0 0.6em;
}

.sch-search-map .map-search-header .search-header-block .price-block .select-wrapper {
  width: 160px;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .price-block .select-wrapper {
    flex: 1;
    width: auto;
  }
}

.sch-search-map .map-search-header .search-header-block .icon-block {
  margin-left: auto;
}

.sch-search-map .map-search-header .search-header-block .icon-block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top:5px
}
.sch-search-map .map-search-header .search-header-block .map-note
{
    margin-top:10px;
    font-size:12px;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .icon-block ul {
    display: block;
    text-align: center;
    width: 100%;
  }
}

.sch-search-map .map-search-header .search-header-block .icon-block ul li {
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .icon-block ul li {
    font-size: 14px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .sch-search-map .map-search-header .search-header-block .icon-block ul li {
    margin-right: 10px;
  }
  .sch-search-map .map-search-header .search-header-block .map-note
  {
    text-align:center;
  }
}

.sch-search-map .map-search-header .search-header-block .icon-block ul li:last-child {
  margin-right: auto;
}

.sch-search-map .map-search-header .search-header-block .icon-block ul li img {
  margin-right: 12px;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-header .search-header-block .icon-block ul li img {
    margin-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .sch-search-map .map-search-header .search-header-block .icon-block ul li img {
    margin-right: 8px;
    width: 24px;
  }
}

.sch-search-map .map-search-main {
  overflow: hidden;
  position: relative;
  width: 90vw;
  margin: auto;
}

.sch-search-map .map-search-main #map-canvas {
  height: 715px;
}

@media (max-width: 1024px) {
  .sch-search-map .map-search-main #map-canvas {
    height: 400px;
  }
}

.sch-search-map .map-search-main #map-result {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 380px;
  -webkit-box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.05);
}


@media (max-width: 1024px) {
  .sch-search-map .map-search-main #map-result {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
}

.sch-search-map .map-search-main #map-result h3 {
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  padding: 15px 50px 15px 20px;
  position: relative;
}

.sch-search-map .map-search-main #map-result h3 button {
  background: none;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  border: none;
  outline: none;
}

.sch-search-map .map-search-main #map-result h3 button img {
  width: 30px;
}

.sch-search-map .map-search-main #map-result ul li {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 20px 18px;
}

.sch-search-map .map-search-main #map-result ul li .img {
  float: left;
  padding-top: 3px;
  margin-bottom: 10px;
  width: 44%;
}

.sch-search-map .map-search-main #map-result ul li .txt {
  float: right;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
  width: 52%;
}

.sch-search-map .map-search-main #map-result ul li .txt .name {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 2px;
}

.sch-search-map .map-search-main #map-result ul li .txt .price .ff-en {
  color: #bf1320;
  font-weight: 500;
  font-size: 18px;
  margin-right: 0.1em;
}

.sch-search-map .map-search-main #map-result ul li .btn-area {
  clear: both;
}

.sch-search-map .map-search-main #map-result ul li .btn-area .btn {
  background-color: #f2f2f2;
  color: #666666;
  font-size: 13px;
  float: left;
  padding: 7px;
  margin-right: 3%;
  width: 48.5%;
}

.sch-search-map .map-search-main #map-result ul li .btn-area .btn:last-child {
  margin-right: auto;
}
.bottom-search {
    background-color: #f58219;
    text-align:center;
    color:#fff !important;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    font-size: 14px;
    position: fixed;
    display: block;
    bottom: 70px;
    right: 10px;
    z-index: 10;
    line-height: 70px;
}
/* member banner
 * Add 20201202
----------------------------------------------- */
.search-member-bnr {
  margin-top: 70px;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .search-member-bnr {
    margin: 60px 0 40px;
    position: relative;
  }
}

.search-member-bnr .box {
  background: url("../images/common/bg01.jpg") repeat 0 0;
  border-top: 2px solid #f58219;
  margin: 0 auto;
  padding: 0 50px 40px;
  text-align: center;
}

@media (max-width: 767px) {
  .search-member-bnr .box {
    padding: 0 10px 25px;
  }
}

.search-member-bnr h3 {
  position: relative;
  margin-top: -40px;
  margin-bottom: 26px;
}

@media (max-width: 767px) {
  .search-member-bnr h3 img {
    width: 290px;
  }
}

.search-member-bnr .count-area {
  background: #fff;
  border: 1px solid #666666;
  display: table;
  margin: 0 auto 20px;
  position: relative;
}

.search-member-bnr .count-area .count-prev {
  background-color: #666;
  color: #fff;
  display: table-cell;
  padding: 14px 80px 10px 20px;
  vertical-align: top;
}

.search-member-bnr .count-area .count-prev h4 {
  font-size: 14px;
  letter-spacing: 0.1em;
  border: 2px solid #fff;
  padding: 5px;
  line-height: 1;
  margin-bottom: 10px;
}

.search-member-bnr .count-area .count-prev .count {
  display: table;
  line-height: 1;
  margin: 0 auto;
}

.search-member-bnr .count-area .count-prev .count .txt {
  display: table-cell;
  vertical-align: middle;
}

.search-member-bnr .count-area .count-prev .count .txt img {
  display: block;
}

.search-member-bnr .count-area .count-prev .count .num {
  display: table-cell;
  padding-left: 10px;
  vertical-align: baseline;
}

.search-member-bnr .count-area .count-prev .count .num span {
  font-weight: 500;
  font-size: 35px;
  top: 1px;
  position: relative;
  letter-spacing: 0.02em;
}

.search-member-bnr .count-area .count-prev .count .num small {
  font-size: 15px;
  font-weight: bold;
  margin-left: 0.1em;
}

.search-member-bnr .count-area .count-after {
  display: table-cell;
  padding: 14px 30px 10px 90px;
  position: relative;
  vertical-align: top;
}

.search-member-bnr .count-area .count-after .arrow {
  position: absolute;
  left: -60px;
  top: 18px;
}

.search-member-bnr .count-area .count-after h4 {
  border: 1px solid #bf1320;
  color: #bf1320;
  font-size: 14px;
  padding: 7px;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 4px;
}

.search-member-bnr .count-area .count-after .count {
  display: table;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
}

.search-member-bnr .count-area .count-after .count .txt {
  display: table-cell;
  vertical-align: baseline;
}

.search-member-bnr .count-area .count-after .count .num {
  display: table-cell;
  padding-left: 10px;
  vertical-align: baseline;
  color: #bf1320;
}

.search-member-bnr .count-area .count-after .count .num span {
  position: relative;
  font-size: 48px;
  top: 2px;
  font-weight: 500;
  letter-spacing: 0;
}

.search-member-bnr .count-area .count-after .count .num small {
  margin-left: 0.1em;
  font-size: 18px;
}

.search-member-bnr .count-area .count-center {
  background-color: #faf5f0;
  display: table-cell;
  padding: 14px 90px 10px 90px;
  position: relative;
  vertical-align: top;
  border-left:1px solid #f58219;
  border-right:1px solid #f58219;
}

.search-member-bnr .count-area .count-center .arrow {
  position: absolute;
  left: -60px;
  top: 18px;
}

.search-member-bnr .count-area .count-center h4 {
  background-color: #bf1320;
  color: #fff;
  font-size: 14px;
  padding: 7px;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 4px;
}

.search-member-bnr .count-area .count-center .count {
  display: table;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
}

.search-member-bnr .count-area .count-center .count .txt {
  display: table-cell;
  vertical-align: baseline;
}

.search-member-bnr .count-area .count-center .count .num {
  display: table-cell;
  padding-left: 10px;
  vertical-align: baseline;
  color: #bf1320;
}

.search-member-bnr .count-area .count-center .count .num span {
  position: relative;
  font-size: 48px;
  top: 2px;
  font-weight: 500;
  letter-spacing: 0;
}

.search-member-bnr .count-area .count-center .count .num small {
  margin-left: 0.1em;
  font-size: 18px;
}

.search-member-bnr .mes {
  color: #f58219;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 14px;
}

body.en .search-member-bnr .count-area .count-prev .count .num span,
body.en .search-member-bnr .count-area .count-prev .count .num small{
  font-size: 34px;
  top: 0;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  vertical-align: baseline;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}
body.en .search-member-bnr .count-area .count-center .count .num span,
body.en .search-member-bnr .count-area .count-center .count .num small {
  font-size: 34px;
  top: 0;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  vertical-align: baseline;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}
body.en .search-member-bnr .count-area .count-after .count .num span,
body.en .search-member-bnr .count-area .count-after .count .num small {
  font-size: 34px;
  top: 0;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  vertical-align: baseline;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .search-member-bnr .count-area {
    display:flex;
  }
  .search-member-bnr .count-area .count-prev ,
  .search-member-bnr .count-area .count-center,
  .search-member-bnr .count-area .count-after {
    padding: 14px 10px 10px 10px;
    width: 33.3%;
    display: block;
  }
  .search-member-bnr .count-area .count-prev .count,
  .search-member-bnr .count-area .count-center .count,
  .search-member-bnr .count-area .count-center .count,
  .search-member-bnr .count-area .count-prev .count .txt,
  .search-member-bnr .count-area .count-center .count .txt,
  .search-member-bnr .count-area .count-after .count .txt,
  .search-member-bnr .count-area .count-prev .count .num,
  .search-member-bnr .count-area .count-center .count .num,
  .search-member-bnr .count-area .count-after .count .num {
    display: block;
  }
  .search-member-bnr .count-area .count-prev .count .txt,
  .search-member-bnr .count-area .count-center .count .txt,
  .search-member-bnr .count-area .count-after .count .txt,
  .search-member-bnr .count-area .count-prev .count .num,
  .search-member-bnr .count-area .count-center .count .num,
  .search-member-bnr .count-area .count-after .count .num,
  .search-member-bnr .count-area .count-prev .count .num small,
  .search-member-bnr .count-area .count-center .count .num small,
  .search-member-bnr .count-area .count-after .count .num small {
    font-size:14px;
    font-weight: bold;
    vertical-align: bottom;
  }
  .search-member-bnr .count-area .count-prev .count .num span,
  .search-member-bnr .count-area .count-center .count .num span,
  .search-member-bnr .count-area .count-after .count .num span {
    font-size:18px;
  }
  .search-member-bnr .count-area .count-center .arrow,
  .search-member-bnr .count-area .count-after .arrow {
    left:-15px;
    top:5px;
  }
  .search-member-bnr .count-area .count-center .arrow img,
  .search-member-bnr .count-area .count-after .arrow img {
    width:30px;
  }
  .search-member-bnr .count-area .count-prev h4,
  .search-member-bnr .count-area .count-center h4,
  .search-member-bnr .count-area .count-after h4 {
    margin: 0 10px 15px;
}
}

@media (max-width: 767px) {
  .search-member-bnr .mes {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

.search-member-bnr .mes span {
  background-image: url("../images/sch/member_bnr_txtbg01.png"), url("../images/sch/member_bnr_txtbg02.png");
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 20px 25px, 20px 25px;
  display: inline-block;
  padding: 3px 30px 6px;
}

@media (max-width: 767px) {
  .search-member-bnr .mes span {
    padding: 3px 20px 6px;
    background-size: 15px 20px, 15px 20px;
  }
}

.search-member-bnr .btn {
  background-color: #444444;
  color: #fff;
  line-height: 1;
  padding: 18px 20px;
  width: 340px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .search-member-bnr .btn:hover {
    background-color: #666;
  }
}

@media (max-width: 767px) {
  .search-member-bnr .btn {
    width: 100%;
  }
}

.search-member-bnr .btn .btn-arrow {
  padding-right: 13px;
  position: relative;
  display: inline-block;
}

.search-member-bnr .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ==============================================
 22. SCH search result
=============================================== */
.sch-search-result .page-billboard {
  background-image: url("../images/sch/billboard_pc.jpg");
}
@media (min-width: 768px) {
  .sch-search-result .page-billboard {
    margin-bottom: 50px;
  }
}

.sch-search-result .page-billboard .ja {
  font-size: 24px;
}

@media (max-width: 767px) {
  .sch-search-result .page-billboard {
    background-image: url("../images/sch/billboard_sp.jpg");
  }
  .sch-search-result .page-billboard .ja {
    font-size: 20px;
  }
}

.sch-search-result .breadcrumbs-top {
  margin-bottom: 30px;
}

.sch-search-result .primary {
  float: left;
  width: 71.5%;
}

@media (max-width: 1024px) {
  .sch-search-result .primary {
    float: none;
    width: auto;
  }
}

.sch-search-result .aside {
  float: right;
  width: 25.5%;
}

@media (max-width: 1024px) {
  .sch-search-result .aside {
    float: none;
    width: auto;
  }
}

.sch-search-result h2 {
  font-size: 22px;
  margin-bottom: 15px;
  letter-spacing: 0.08em;
}

@media (max-width: 767px) {
  .sch-search-result h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 30px;
  }
}

.sch-search-result .result-count {
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sch-search-result .result-count {
    font-size: 14px;
    text-align: center;
    margin-bottom: 18px;
  }
}

.sch-search-result .result-count .ff-en {
  color: #f58219;
  font-size: 24px;
  margin-right: 0.2em;
  line-height: 1.2;
}
body.en .sch-search-result .result-count,
body.cn .sch-search-result .result-count,
body.en .sch-search-result .result-count .ff-en,
body.cn .sch-search-result .result-count .ff-en {
    font-size: 16px;
    color: #333333;
    margin-right: 0;
    line-height: 1.2;
    font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .sch-search-result .result-count .ff-en {
    font-size: 21px;
  }
}

.sch-search-result .result-sort-area {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sch-search-result .result-sort-area .view-count {
  margin-right: auto;
}

@media (max-width: 767px) {
  .sch-search-result .result-sort-area .view-count {
    font-size: 12px;
  }
}

.sch-search-result .result-sort-area .view-count span {
  font-size: 130%;
  margin-right: 0.1em;
}
body.cn .sch-search-result .result-sort-area .view-count,
body.en .sch-search-result .result-sort-area .view-count,
body.cn .sch-search-result .result-sort-area .view-count span,
body.en .sch-search-result .result-sort-area .view-count span {
  font-size: 110%;
  margin-right: 0;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

.sch-search-result .result-sort-area .sort {
  margin-left: auto;
}

.sch-search-result .result-sort-area .sort select.form-control {
  font-size: 14px;
  padding: 9px 25px 8px 10px;
}

@media (max-width: 767px) {
  .sch-search-result .result-sort-area .sort select.form-control {
    font-size: 12px;
  }
}

.sch-search-result .lump-check-mes {
  background: url("../images/sch/check01.png") no-repeat 0 1px/22px 18px;
  border-bottom: 1px solid #d3d3d3;
  line-height: 1.5;
  position: relative;
  padding: 0 0 10px 28px;
}

@media (max-width: 767px) {
  .sch-search-result .lump-check-mes {
    font-size: 14px;
    background-position: 0 2px;
  }
}

.sch-search-result .lump-check-mes::after {
  content: "";
  border-style: solid;
  border-width: 9px 7px 0 7px;
  border-color: #d3d3d3 transparent transparent transparent;
  left: 14px;
  position: absolute;
  top: 100%;
}

.sch-search-result .result-check-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .sch-search-result .result-check-control {
    display: block;
    text-align: center;
  }
}

.sch-search-result .result-check-control p {
  margin-bottom: 0;
  line-height: 1.3;
  width: 190px;
}

@media (max-width: 767px) {
  .sch-search-result .result-check-control p {
    margin-bottom: 20px;
    text-align: center;
    width: auto;
  }
}

.sch-search-result .result-check-control p span {
  background: url("../images/sch/check01.png") no-repeat 0 1px/22px 18px;
  padding: 0 0 0 28px;
  display: inline-block;
}

.sch-search-result .result-check-control ul {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .sch-search-result .result-check-control ul {
    display: block;
  }
}

.sch-search-result .result-check-control ul li {
  margin-right: 2%;
  width: 32%;
}

@media (max-width: 767px) {
  .sch-search-result .result-check-control ul li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
    width: 250px;
  }
}

.sch-search-result .result-check-control ul li:last-child {
  margin-right: auto;
}

.sch-search-result .result-check-control ul li .btn {
  display: block;
  font-size: 15px;
  padding: 20px 0;
  letter-spacing: 0.08em;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

@media (min-width: 1025px) {
  .sch-search-result .result-check-control ul li .btn:hover {
    opacity: 0.8;
  }
}

.sch-search-result .result-check-control ul li .btn .btn-icon {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 2px 0 2px 24px;
}

.sch-search-result .result-check-control ul li .btn.btn-reserve {
  background-color: #bf1320;
  color: #fff;
}

.sch-search-result .result-check-control ul li .btn.btn-reserve .btn-icon {
  background-image: url("../images/common/icon_reserve01.png");
  background-size: 18px 18px;
}

.sch-search-result .result-check-control ul li .btn.btn-request {
  background-color: #736357;
  color: #fff;
}

.sch-search-result .result-check-control ul li .btn.btn-request .btn-icon {
  background-image: url("../images/common/icon_request01.png");
  background-size: 16px 20px;
}

.sch-search-result .result-check-control ul li .btn.btn-favorite {
  border: 1px solid #9e9e9e;
  background-color: #fff;
  padding: 19px 0;
  color: #333333;
}

.sch-search-result .result-check-control ul li .btn.btn-favorite .btn-icon {
  background-image: url("../images/common/icon_favorite01.png");
  background-size: 17px 15px;
}

/* result list
----------------------------------------------- */
.sch-result-list .list-item {
  border: 1px solid #9e9e9e;
  padding: 22px 14px 15px 54px;
  position: relative;
  margin-bottom: 30px;
  font-size: 13px;
}

.sch-result-list .list-item::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 767px) {
  .sch-result-list .list-item {
    position: static;
    padding: 0;
  }
}

.sch-result-list .list-item .check-area {
  background-color: #faf5f0;
  border-right: 1px solid #9e9e9e;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 100%;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .check-area {
    border-right: none;
    width: 38px;
  }
}

.sch-result-list .list-item .check-area .checkbox-label {
  padding-left: 0;
  padding-right: 0;
  height: 22px;
  width: 22px;
}

.sch-result-list .list-item .check-area .checkbox-label input[type="checkbox"].form-control + i {
  background-size: 22px 44px;
  height: 22px;
  width: 22px;
}

.sch-result-list .list-item .check-area .checkbox-label input[type="checkbox"].form-control:checked + i {
  background-position: 0 -22px;
}

.sch-result-list .list-item .item-header {
  margin-bottom: 13px;
  padding: 0 55px 0 0;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-header {
    border-bottom: 1px solid #d6d6d6;
    position: relative;
    padding: 13px 15px 10px 55px;
    margin-bottom: 20px;
  }
}

.sch-result-list .list-item .item-header .icons {
  font-size: 14px;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-header .icons {
    font-size: 12px;
  }
}

.sch-result-list .list-item .item-header .icons > span {
  line-height: 1.4;
  display: inline-block;
  margin: 0 8px 5px 0;
  vertical-align: middle;
}

.sch-result-list .list-item .item-header .icons .icon-new {
  border: 1px solid #bf1320;
  color: #bf1320;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 1px 8px 1px 11px;
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .sch-result-list .list-item .item-name {
    font-size: 18px;
    display:inline-block;
    width:480px;
  }
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-name {
    font-size: 15px;
    margin-bottom: 0;
  }
}

.sch-result-list .list-item .item-meta {
  border-top: 1px solid #9e9e9e;
  float: right;
  padding-top: 4px;
  width: 60%;
  margin-top: 20px;
}
.sch-result-list .list-item.list-item--secret .item-meta {
  width: 63%;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-meta {
    float: none;
    border-top: none;
    width: auto;
    margin-top: 0;
  }
  .sch-result-list .list-item.list-item--secret .item-meta {
    width: auto;
    padding: 0 19px;
  }
  .sch-result-list .list-item .item-meta a:not(.btn){
    padding: 0 9px;
    display: block;
  }
}

.sch-result-list .list-item .item-meta dl {
  border-bottom: 1px solid #9e9e9e;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sch-result-list .list-item .item-meta dl dt {
  font-size: 13px;
  position: relative;
  line-height: 1.6;
  width: 5em;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-meta dl dt {
    font-size: 14px;
    letter-spacing: 0;
  }
}

.sch-result-list .list-item .item-meta dl dt::after {
  background-color: #9e9e9e;
  content: "";
  height: 20px;
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 1px;
}

.sch-result-list .list-item .item-meta dl dd {
  padding-left: 1em;
  line-height: 1.4;
  flex: 1;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-meta dl dd {
    font-size: 14px;
    padding-left: 0.8em;
    letter-spacing: 0;
  }
  .sch-result-list .list-item .item-meta dl dd.school_name {
    font-size: 13px;
  }
}

.sch-result-list .list-item .item-meta dl.price {
  padding-top: 5px;
}

.sch-result-list .list-item .item-meta dl.price dd span {
  color: #bf1320;
  font-size: 24px;
  font-weight: 500;
  margin-right: 0.1em;
  line-height: 1;
}

body.en .sch-result-list .list-item .item-meta dl.price dd,
body.cn .sch-result-list .list-item .item-meta dl.price dd{
  color: #bf1320;
  font-size: 24px;
  font-weight: 500;
  margin-right: 0.1em;
  line-height: 1;
}
body.en .sch-result-list .list-item .item-meta dl.price dd .ff-en,
body.cn .sch-result-list .list-item .item-meta dl.price dd .ff-en,
body.en .sch-result-list .list-item .item-meta dl.price dd,
body.cn .sch-result-list .list-item .item-meta dl.price dd{
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-meta dl.price dd span {
    font-size: 21px;
  }
  body.en .sch-result-list .list-item .item-meta dl.price dd,
  body.cn .sch-result-list .list-item .item-meta dl.price dd{
    font-size: 21px;
  }
}

.sch-result-list .list-item .item-meta .half-block {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

@media (max-width: 340px) {
  .sch-result-list .list-item .item-meta .half-block {
    display: block;
  }
}

.sch-result-list .list-item .item-meta .half-block dl {
  width: 47.8%;
}

@media (max-width: 340px) {
  .sch-result-list .list-item .item-meta .half-block dl {
    width: 100%;
  }
}

.sch-result-list .list-item .item-thumbnail {
  float: left;
  width: 36%;
}

@media (max-width: 767px) {
  .sch-result-list .list-item .item-thumbnail {
    float: none;
    padding: 0 19px;
    margin: 0 auto 16px;
    max-width: 90%;
    width: auto;
    text-align:center;
  }
}

.sch-result-list .list-item .item-thumbnail .thumbnail-slider {
  text-align: center;
}

.sch-result-list .list-item .item-thumbnail .thumbnail-slider img {
  display: inline;
}

.sch-result-list .list-item .item-thumbnail .thumbnail-tab .slick-track {
  margin-left: -1px;
  margin-right: -1px;
  width: auto !important;
}

.sch-result-list .list-item .item-thumbnail .thumbnail-tab .slide-item {
  padding: 0 1px;
  width: 50% !important;
}

.sch-result-list .list-item .item-thumbnail .thumbnail-tab .slide-item span {
  cursor: pointer;
  background-color: #e6e6e6;
  font-size: 14px;
  letter-spacing: 0.2em;
  display: block;
  text-align: center;
  padding: 10px 8px 10px 10px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.sch-result-list .list-item .item-thumbnail .thumbnail-tab .slide-item.slick-current span {
  background-color: #4d4d4d;
  color: #fff;
}

.sch-result-list .list-item .link-btn {
    padding-top: 10px;
}

@media (min-width: 768px) {
  .sch-result-list .list-item .link-btn {
  }
}

.sch-result-list .list-item .link-btn .btn {
  background-color: #bf1320;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 15px 10px;
  width: 221px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}
.mypage-favorite .sch-result-list .list-item .link-btn .btn {
  width: 372px;
}

.sch-result-list .list-item .link-btn .btn.btn-request {
  background-color: #736357;
}
.sch-result-list .list-item .link-btn .btn.btn.btn-request .btn-icon {
    background-image: url(../images/common/icon_request01.png);
    background-size: 26px 32px;
    background-position: 1px 50%;
    background-repeat: no-repeat;
    padding: 8px 0 8px 42px;
}
.sch-result-list .list-item .link-btn .btn.btn-favorite {
    border: 1px solid #9e9e9e;
    background-color: #fff;
    color: #333333;
}
.sch-result-list .list-item .link-btn .btn.btn-favorite .btn-icon {
    background-image: url(../images/common/icon_favorite01.png);
    background-size: 20px 18px;
    background-position: 4px 50%;
    background-repeat: no-repeat;
    padding: 8px 0 8px 42px;
}
.sch-result-list .list-item .link-btn .btn.btn-favorite.is-active .btn-icon {
    background-image: url(../images/common/icon_favorite02.png);
}
@media (min-width: 768px) {
  .sch-result-list .list-item .link-btn .btn.btn-favorite {
    width: 50px;
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

@media (max-width: 767px) {
  .sch-result-list .list-item .link-btn {
    clear: both;
    position: static;
    top: auto;
    right: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0px;
    display:flex;
  }
  .sch-result-list .list-item .link-btn .btn {
    padding: 30px 10px 10px;
    background-repeat:no-repeat;
    font-size: 13px;
  }
  .sch-result-list .list-item .link-btn a.btn-detail {
    background-color: #bf1320;
    background-image: url(../images/common/icon_search01.png);
    background-size: 17px 17px;
    background-position: 50% 8px;
  }
  .sch-result-list .list-item .link-btn a.btn-request {
    background-color: #736357;
    background-image: url(../images/common/icon_request01.png);
    background-size: 16px 18px;
    background-position: 50% 7px;
  }
  .sch-result-list .list-item .link-btn a.btn-favorite {
    background-color: #736357;
    background-image: url(../images/common/icon_request01.png);
    background-size: 16px 18px;
    background-position: 50% 7px;
  }
  .sch-result-list .list-item .link-btn a.btn-favorite {
    background-color: #fff;
    background-image: url("../images/common/icon_favorite01.png");
    background-size: 18px 16px;
    color: #333333;
  }
  .sch-result-list .list-item .link-btn  a.btn-favorite.is-active {
    background-image: url("../images/common/icon_favorite02.png");
  }
  .sch-result-list .list-item .item-thumbnail .thumbnail-tab {
    display:none;
  }
}

.sch-result-list .list-item .link-btn .btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  z-index: 1;
}

.sch-result-list .list-item .link-btn .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 1025px) {
  .sch-result-list .list-item .link-btn .btn:hover {
    opacity: 0.8;
  }
}

@media (min-width: 768px) {
.sch-result-list .list-item .update {
  font-size: 13px;
  text-align:right;
  padding-top: 10px;
}
}

@media (max-width: 767px) {
  .sch-result-list .list-item .update {
    clear: both;
    font-size: 10px;
    padding: 5px 19px 0;
    text-align:right;
  }
}

.sch-result-list .list-item.list-item--secret {
  padding-top: 16px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .sch-result-list .list-item.list-item--secret {
    padding-top: 0;
    padding-bottom: 28px;
  }
}

.sch-result-list .list-item.list-item--secret .check-area {
  background-color: #f7f7f7;
}

.sch-result-list .list-item.list-item--secret .item-meta p {
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .sch-result-list .list-item.list-item--secret .item-meta p {
    font-size: 15px;
    margin-top: 18px;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: center;
  }
}

.sch-result-list .list-item.list-item--secret .item-meta p strong {
  font-size: 24px;
  color: #f58219;
  margin-left: 0.1em;
  margin-right: 0.1em;
}
body.en .sch-result-list .list-item.list-item--secret .item-meta p strong,
body.cn .sch-result-list .list-item.list-item--secret .item-meta p strong {
  font-size: inherit;
  color: inherit;
  margin-left: inherit;
  margin-right: inherit;
  font-family: inherit;
}

.sch-result-list .list-item.list-item--secret .item-meta .btn {
  font-size: 18px;
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .sch-result-list .list-item.list-item--secret .item-meta .btn {
    font-size: 15px;
  }
}

.sch-result-list .list-item.list-item--secret .item-meta .btn::after {
  right: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sch-result-list .list-item .item-cnt {
  margin-top: 10px;
  background-color:#e6e6e6;
  padding:10px;
}
.sch-result-list .list-item .item-cnt p{
  padding:0;
  margin:0;
}
@media (max-width: 767px) {
  .sch-result-list .list-item .item-cnt {
    margin:10px auto 0;
  }
}

/* search sort
----------------------------------------------- */
@media (max-width: 767px) {
  .sch-search-sort {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 60px;
  }
}

.sch-search-sort h3 {
  background: url("../images/common/icon_sort01.png") no-repeat 0 50%/19px 18px;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 2px 0 2px 28px;
}

@media (max-width: 767px) {
  .sch-search-sort h3 {
    background-position: 15px 50%;
    margin-bottom: 10px;
    padding-left: 43px;
  }
}

.sch-search-sort h4 {
  font-size: 16px;
  margin-bottom: 14px;
  line-height: 1.2;
}

.sch-search-sort .sort-wrapper {
  border: 5px solid #ededed;
  padding: 20px 15px;
}

@media (max-width: 767px) {
  .sch-search-sort .sort-wrapper {
    border-width: 15px;
  }
}

.sch-search-sort .sort-block {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sch-search-sort .sort-scrollbox {
  overflow: auto;
  max-height: 200px;
}

.sch-search-sort .sort-scrollbox ul li .count {
  font-size: 14px;
}

.sch-search-sort .form-vertical-list li {
  margin: 10px 0;
}

.sch-search-sort .form-horizontal-list li {
  margin: 5px 0;
}

.sch-search-sort .range-checkbox-area {
  overflow: hidden;
}

.sch-search-sort .range-box {
  padding: 25px 0 0;
}

.sch-search-sort .range-control {
  margin-bottom: 22px;
}

.sch-search-sort .range-control.ui-widget-content {
  background-color: #e6e6e6;
  border: none;
  margin-left: 10px;
  margin-right: 10px;
  height: 6px;
}

.sch-search-sort .range-control .ui-slider-range {
  background-color: #999999;
}

.sch-search-sort .range-control .ui-slider-handle {
  top: -8px;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.sch-search-sort .range-input-block--price li {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sch-search-sort .range-input-block--price li:last-child {
  margin-bottom: 0;
}

.sch-search-sort .range-input-block--price li .form-tilde {
  width: 1.5em;
}

.sch-search-sort .range-input-block--price li .form-control {
  flex: 1;
}

.sch-search-sort .range-input-block--price li .form-unit {
  text-align: right;
  width: 2.5em;
}

.sch-search-sort .range-input-block--b-area, .sch-search-sort .range-input-block--l-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.sch-search-sort .range-input-block--b-area li, .sch-search-sort .range-input-block--l-area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sch-search-sort .range-input-block--b-area li:last-child, .sch-search-sort .range-input-block--l-area li:last-child {
  margin-left: auto;
}

.sch-search-sort .range-input-block--b-area li .form-control, .sch-search-sort .range-input-block--l-area li .form-control {
  width: 70px;
}

.sch-search-sort .range-input-block--b-area li .form-unit, .sch-search-sort .range-input-block--l-area li .form-unit {
  padding-left: 0.6em;
  flex: 1;
}

.sch-search-sort .range-input-block--b-area + p, .sch-search-sort .range-input-block--l-area + p {
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: right;
  line-height: 1.4;
}

.sch-search-sort .btn-search {
  padding: 18px 0;
  width: 100%;
}

@media (max-width: 767px) {
  .sch-search-sort .btn-search {
    width: 250px;
  }
}

.sch-search-sort .search-active-set {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sch-search-sort .search-active-set {
    padding: 0 15px;
  }
}

.sch-search-sort .search-active-set dl {
  border: 1px solid #ccc;
  border-top: 2px solid #333333;
}

.sch-search-sort .search-active-set dl dt {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  padding: 8px 15px;
}

.sch-search-sort .search-active-set dl dd {
  background-color: #f7f7f7;
  padding: 14px 15px;
}

.sch-search-sort .search-active-set .btn-area {
  margin: 12px 0 0;
}

.sch-search-sort .search-active-set .btn-area .btn {
  background-color: #666666;
  color: #fff;
  font-size: 14px;
  padding: 12px;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}

.sch-search-sort .search-active-set .btn-area .btn .btn-icon {
  background: url("../images/common/icon_save01.png") no-repeat 0 50%/12px 12px;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

@media (min-width: 1025px) {
  .sch-search-sort .search-active-set .btn-area .btn:hover {
    opacity: 0.8;
  }
}

/* ==============================================
 23. SCH detail
=============================================== */
/* sch detail(common)
----------------------------------------------- */
.sch-detail-heading {
  font-size: 20px;
  padding: 2px 0 2px 20px;
  position: relative;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sch-detail-heading {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.sch-detail-heading::before, .sch-detail-heading::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 5px;
}

.sch-detail-heading::before {
  background-color: #f6ad18;
  height: 100%;
}

.sch-detail-heading::after {
  background-color: #f58219;
  height: 50%;
}

/* sch detail billboard
----------------------------------------------- */
.sch-detail-billboard {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .sch-detail-billboard {
    height: 250px;
  }
}

.sch-detail-billboard p {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 0;
  padding: 20px 15px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .sch-detail-billboard p {
    font-size: 15px;
    padding: 9px;
    line-height: 1.7;
  }
}

/* sch detail top
----------------------------------------------- */
.sch-detail-top {
  padding-top: 20px;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .sch-detail-top {
    padding-top: 30px;
    margin-bottom: 50px;
  }
}

.sch-detail-top .detail-header {
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .sch-detail-top .detail-header {
    margin-bottom: 25px;
  }
}

.sch-detail-top .detail-header .icons {
  font-size: 14px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .sch-detail-top .detail-header .icons {
    font-size: 12px;
  }
}

.sch-detail-top .detail-header .icons > span {
  line-height: 1.4;
  display: inline-block;
  margin: 0 8px 5px 0;
  vertical-align: middle;
  padding: 3px 9px 3px 11px;
  letter-spacing: 0.1em;
}

@media (max-width: 767px) {
  .sch-detail-top .detail-header .icons > span {
    margin-right: 5px;
  }
}

.sch-detail-top .detail-header .icons .icon-new {
  border: 1px solid #bf1320;
  color: #bf1320;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 2px 9px 2px 11px;
}

.sch-detail-top .detail-header .icons .icon-type {
  color: #fff;
}

.sch-detail-top .detail-header .icons .icon-type--house {
  background-color: #736357;
}

.sch-detail-top .detail-header .icons .icon-type--apartment {
  background-color: #0071bc;
}

.sch-detail-top .detail-header .icons .icon-type--land {
  background-color: #39b54a;
}

.sch-detail-top .detail-header h2 {
  font-size: 26px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .sch-detail-top .detail-header h2 {
    font-size: 19px;
    margin-bottom: 10px;
  }
}

.sch-detail-top .detail-header p {
  color: #f58219;
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .sch-detail-top .detail-header p {
    font-size: 16px;
  }
}

.sch-detail-thumbnail {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .sch-detail-thumbnail {
    display: none;
  }
}

.sch-detail-thumbnail .box {
  width: 47%;
}

.sch-detail-thumbnail .box .img {
  text-align: center;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sch-detail-thumbnail .box .img img {
  max-height: 360px;
}

.sch-detail-thumbnail .box.thumbnail-plan .img {
  border: 1px solid #ccc;
}

.sch-detail-thumbnail .box.thumbnail-plan .img img {
  max-height: 358px;
}

.sch-detail-meta {
  float: left;
  width: 63.15%;
}

@media (max-width: 767px) {
  .sch-detail-meta {
    float: none;
    margin-bottom: 40px;
    width: auto;
  }
}

.sch-detail-meta dl {
  border-bottom: 1px solid #9e9e9e;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .sch-detail-meta dl {
    display: block;
    padding-bottom: 13px;
  }
}

.sch-detail-meta dl dt {
  font-size: 14px;
  position: relative;
  line-height: 1.6;
  width: 5.5em;
}

@media (max-width: 767px) {
  .sch-detail-meta dl dt {
    margin-bottom: 3px;
    width: auto;
  }
}

.sch-detail-meta dl dt::after {
  background-color: #9e9e9e;
  content: "";
  height: 20px;
  right: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 1px;
}

@media (max-width: 767px) {
  .sch-detail-meta dl dt::after {
    content: none;
  }
}

.sch-detail-meta dl dd {
  padding-left: 1.2em;
  line-height: 1.4;
  flex: 1;
}

@media (max-width: 767px) {
  .sch-detail-meta dl dd {
    padding-left: 0;
    flex: none;
  }
}

.sch-detail-meta dl.update-list {
  display: block;
}

.sch-detail-meta dl.update-list dt {
  margin-bottom: 3px;
  width: auto;
}

.sch-detail-meta dl.update-list dt::after {
  content: none;
}

.sch-detail-meta dl.update-list dd {
  padding-left: 0;
  flex: none;
}

.sch-detail-meta dl.price {
  padding-top: 0;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}

@media (max-width: 767px) {
  .sch-detail-meta dl.price {
    padding-bottom: 10px;
  }
}

.sch-detail-meta dl.price dt::after {
  content: none;
}

.sch-detail-meta dl.price dd {
  font-size: 19px;
  font-weight: bold;
  padding-left: 0;
}

@media (max-width: 767px) {
  .sch-detail-meta dl.price dd {
    font-size: 15px;
  }
}

.sch-detail-meta dl.price dd span {
  color: #bf1320;
  font-size: 32px;
  font-weight: 500;
  margin-right: 0.1em;
  line-height: 1;
}
body.en .sch-detail-meta dl.price dd,
body.cn .sch-detail-meta dl.price dd{
  color: #bf1320;
  font-size: 32px;
  font-weight: 500;
  margin-right: 0.1em;
  line-height: 1;
}
body.en .sch-detail-meta dl.price dd .ff-en,
body.cn .sch-detail-meta dl.price dd .ff-en,
body.en .sch-detail-meta dl.price dd,
body.cn .sch-detail-meta dl.price dd{
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .sch-detail-meta dl.price dd span {
    font-size: 24px;
  }
  body.en .sch-detail-meta dl.price dd,
  body.cn .sch-detail-meta dl.price dd{
    font-size: 24px;
  }
}

.sch-detail-meta .half-block {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

@media (max-width: 340px) {
  .sch-detail-meta .half-block {
    display: block;
  }
}

.sch-detail-meta .half-block dl {
  width: 47.8%;
}

@media (max-width: 340px) {
  .sch-detail-meta .half-block dl {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {

.loan p
{
    margin-bottom:0;
}
.loan_sim li
{
    float:left;
}
.loan_sim li.atama
{
    width:150px;
    margin-right:20px;
}
.loan_sim li.atama select
{
    width:130px;
}
.loan_sim li.hensai
{
    width:150px;
    margin-right:20px;
}
.loan_sim li.hensai select
{
    width:130px;
}
.loan_sim li.kinri
{
    width:380px;
    margin-right:20px;
}
.loan_sim li.kinri select
{
    width:100%;
}
.loan_sim li.bonus
{
    width:220px;
}
.loan_sim li.bonus input
{
    width:170px;
}
.loan_sim li.loan_price
{
    width:180px;
}
.loan_sim li.loan_price span
{
    width:120px;
    padding: 1px 5px;
    margin-right:5px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.loan_calc
{
    border:1px solid #CCCCCC;
    padding:10px;
    margin:20px 0;
}
.loan_calc .calc_title
{
    display: inline-block;
    background-color:#999999;
    color:#FFFFFF;
    padding:0 60px 0 80px;
    letter-spacing: 20px;
    margin-right:80px;
    vertical-align:middle;
    cursor:pointer;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}
.loan_calc .calc_title:hover
{
    opacity:0.8;
}
.loan_calc .text
{
    display: inline-block;
    margin-right:30px;
    vertical-align:middle;
    position:relative;
    padding-right: 40px;
}
.loan_calc .text:after
{
    position:absolute;
    content:'＞';
    right:0;
}
.loan_calc #price_monthly
{
    display: inline-block;
    color:#FF0000;
    font-size:24px;
    margin-left:20px;
    margin-right:20px;
    vertical-align:middle;
}
.loan_calc #bonus_monthly
{
    display: inline-block;
    color:#FF0000;
    font-size:24px;
    margin-left:20px;
    vertical-align:middle;
}
}
@media screen and (max-width: 768px) {

.loan
{
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
.loan p
{
    margin-bottom:0;
}
.loan_sim li
{
    display:block;
    width:100%;
}
.loan_sim li select
{
    width:100%;
}
.loan_sim li.bonus input
{
    width:80%;
}
.loan_sim li.loan_price span
{
    width:80%;
    margin-right:5px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.loan_calc
{
    border:1px solid #CCCCCC;
    padding:10px;
    margin:20px 0;
}
.loan_calc .calc_title
{
    display: block;
    background-color:#999999;
    color:#FFFFFF;
    letter-spacing: 20px;
    cursor:pointer;
    text-align:center;
    padding-left: 20px;
}
.loan_calc .text
{
    display: inline-block;
    margin-left:20px;
    margin-right:20px;
    vertical-align:middle;
    position:relative;
    padding-right: 30px;
}
@media (max-width: 767px) {
.loan_calc .text
{
    margin-left:0px;
    margin-right:0px;
    padding-right: 20px;
}
}
.loan_calc .text:after
{
    position:absolute;
    content:'＞';
    right:0;
}
.loan_calc #price_monthly
{
    display: inline-block;
    color:#FF0000;
    font-size:24px;
    vertical-align:middle;
}
.loan_calc #bonus_monthly
{
    display: inline-block;
    color:#FF0000;
    font-size:24px;
    vertical-align:middle;
}
.loan_alert
{
    font-size:13px;
}
}
.map_link
{
    background-color:#F58219;
    color: #fff;
    line-height: 1.4;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    padding: 3px 9px;
}
.map_link:hover
{
    color: #fff;
}
@media (max-width: 767px) {
.map_link
{
    margin-left: 10px;
}
}
/* sch detail inquiry
----------------------------------------------- */
.sch-detail-inquiry {
  float: right;
  width: 33.333%;
}

@media (max-width: 767px) {
  .sch-detail-inquiry {
    float: none;
    width: auto;
  }
}

.sch-detail-inquiry .tel-box {
  border: 2px solid #f58219;
  background-color: #fff;
  padding: 30px 15px;
  margin-bottom: 8px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .tel-box {
    display: block;
    text-align: center;
    padding: 20px 10px;
  }
}

.sch-detail-inquiry .tel-box p {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .tel-box p {
    font-size: 14px;
  }
}

.sch-detail-inquiry .tel-box .tel {
  line-height: 1.2;
  display: block;
  color: #f58219;
  font-size: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .tel-box .tel {
    font-size: 32px;
  }
}

.sch-detail-inquiry .tel-box .tel small {
  font-size: 20px;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .tel-box .tel small {
    font-size: 18px;
  }
}

.sch-detail-inquiry .tel-box .number {
  line-height: 1.3;
  display: block;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .tel-box .number {
    font-size: 13px;
  }
}

.sch-detail-inquiry .online {
  margin:24px 0 5px;
  color: #f58219;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .online {
     margin:20px 0 5px;
    font-size: 14px;
    text-align: center;
  }
}

.sch-detail-inquiry .online a {
  color: #f58219;
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .sch-detail-inquiry .online a:hover {
    text-decoration: none;
  }
}

.sch-detail-inquiry .btns li {
  margin-bottom: 13px;
}

.sch-detail-inquiry .btns li .btn {
  display: block;
  font-size: 16px;
  padding: 20px 0 20px 18%;
  text-align: left;
  letter-spacing: 0.24em;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
  width: 100%;
}

@media (min-width: 1025px) {
  .sch-detail-inquiry .btns li .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn {
    font-size: 15px;
    text-align: center;
    padding: 20px 10px;
  }
}

.sch-detail-inquiry .btns li .btn .btn-icon {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 8px 0 8px 42px;
}


@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn .btn-icon {
    padding: 6px 0 6px 38px;
  }
}

.sch-detail-inquiry .btns li .btn.btn-reserve {
  background-color: #bf1320;
  color: #fff;
}

.sch-detail-inquiry .btns li .btn.btn-reserve .btn-icon {
  background-image: url("../images/common/icon_reserve01.png");
  background-size: 28px 28px;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn.btn-reserve .btn-icon {
    background-size: 24px 24px;
  }
}

.sch-detail-inquiry .btns li .btn.btn-request {
  background-color: #736357;
  color: #fff;
}

.sch-detail-inquiry .btns li .btn.btn-request .btn-icon {
  background-image: url("../images/common/icon_request01.png");
  background-size: 26px 32px;
  background-position: 1px 50%;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn.btn-request .btn-icon {
    background-size: 23px 27px;
  }
}

.sch-detail-inquiry .btns li .btn.btn-favorite {
  border: 1px solid #9e9e9e;
  background-color: #fff;
  padding: 20px 0 20px 18%;
  color: #333333;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn.btn-favorite {
    padding: 20px 10px;
  }
}

.sch-detail-inquiry .btns li .btn.btn-favorite .btn-icon {
  background-image: url("../images/common/icon_favorite01.png");
  background-size: 20px 18px;
  background-position: 4px 50%;
}

@media (max-width: 767px) {
  .sch-detail-inquiry .btns li .btn.btn-favorite .btn-icon {
    padding-left: 32px;
  }
}

.sch-detail-inquiry .btns li .btn.is-active .btn-icon {
  background-image: url("../images/common/icon_favorite02.png");
}

/* sch detail slider
----------------------------------------------- */
.sch-detail-slider-wrap {
  display: none;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .sch-detail-slider-wrap {
    display: block;
  }
}

.sch-detail-slider-wrap .sch-detail-slider {
  margin-bottom: 20px;
  padding: 0 15px;
}

.sch-detail-slider-wrap .sch-detail-slider .img {
  text-align: center;
  margin-bottom: 12px;
}

.sch-detail-slider-wrap .sch-detail-slider .img img {
  margin: 0 auto;
}

.sch-detail-slider-wrap .sch-detail-slider-thumb {
  padding-left: 10px;
}

.sch-detail-slider-wrap .sch-detail-slider-thumb .slick-list {
  padding: 0 10% 0 0;
}

.sch-detail-slider-wrap .sch-detail-slider-thumb li {
  margin: 0 5px;
}

.sch-detail-slider-wrap .sch-detail-slider-thumb li.slick-current img {
  border: 2px solid #f58219;
}

/* sch detail gallery
----------------------------------------------- */
.sch-detail-gallery {
  background-color: #f7f7f7;
  padding: 70px 0 30px;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .sch-detail-gallery {
    display: none;
  }
}

.sch-detail-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sch-detail-gallery ul li {
  margin-bottom: 50px;
  margin-right: 6%;
  width: 47%;
}

.sch-detail-gallery ul li:nth-child(even) {
  margin-right: auto;
}

.sch-detail-gallery ul .img {
  text-align: center;
  margin-bottom: 16px;
}

/* sch detail point
----------------------------------------------- */
.sch-detail-point {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .sch-detail-point {
    margin-bottom: 40px;
  }
}

.sch-detail-staff {
  float: left;
  width: 63.15%;
}

@media (max-width: 767px) {
  .sch-detail-staff {
    float: none;
    width: auto;
  }
}

.sch-detail-staff .img {
  float: left;
  width: 35%;
}

@media (max-width: 767px) {
  .sch-detail-staff .img {
    width: 32%;
  }
}

.sch-detail-staff .txt {
  float: right;
  width: 61%;
  word-break:break-all;
}

@media (max-width: 767px) {
  .sch-detail-staff .txt {
    width: 63%;
  }
}

.sch-detail-staff .name {
  font-size: 17px;
  font-weight: bold;
  position: relative;
  padding: 20px 0 0 20px;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .sch-detail-staff .name {
    font-size: 16px;
    padding: 12px 0 0 15px;
    margin-bottom: 12px;
  }
}

.sch-detail-staff .name::after {
  content: "";
  border-style: solid;
  border-width: 24px 24px 0 0;
  border-color: #f58219 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .sch-detail-staff .name::after {
    border-width: 14px 14px 0 0;
  }
}

@media (max-width: 767px) {
  .sch-detail-staff p {
    font-size: 14px;
  }
}

/* sch detail about
----------------------------------------------- */
.sch-detail-about {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .sch-detail-about {
    margin-bottom: 50px;
  }
}

.sch-detail-about table {
  width: 100%;
}

@media (max-width: 767px) {
  .sch-detail-about table {
    display: block;
    margin: 0 -15px;
    position: relative;
    width: auto;
  }
  .sch-detail-about table tbody {
    display: block;
    width: 100%;
  }
  .sch-detail-about table tbody tr {
    display: block;
    width: 100%;
  }
}

.sch-detail-about table th, .sch-detail-about table td {
  background-color: #f9f9f9;
  line-height: 1.8;
  text-align: left;
  padding: 22px 30px;
  vertical-align: middle;
}

.sch-detail-about table th {
  padding-right: 10px;
  width: 15%;
}

@media (max-width: 767px) {
  .sch-detail-about table th {
    background-color: #e5e5e5;
    display: block;
    line-height: 1.5;
    padding: 8px 15px;
    width: 100%;
  }
}

.sch-detail-about table td {
  border-right: 1px solid #fff;
  width: 35%;
}

@media (max-width: 767px) {
  .sch-detail-about table td {
    border-right: none;
    background-color: #f9f9f9;
    display: block;
    line-height: 1.7;
    padding: 12px 15px;
    width: 100%;
  }
}

.sch-detail-about table td[colspan="3"] {
  width: 85%;
}

@media (max-width: 767px) {
  .sch-detail-about table td[colspan="3"] {
    width: 100%;
  }
}

.sch-detail-about table td small {
  display: block;
  margin-top: 0.2em;
}

.sch-detail-about table tbody tr td:last-child {
  border-right: none;
}

.sch-detail-about table tbody tr:nth-child(even) th, .sch-detail-about table tbody tr:nth-child(even) td {
  background-color: #f1f1f1;
}

@media (max-width: 767px) {
  .sch-detail-about table tbody tr:nth-child(even) th {
    background-color: #e5e5e5;
  }
  .sch-detail-about table tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
  }
}

/* sch detail related
----------------------------------------------- */
.sch-detail-related .btn-area {
  margin-top: 50px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .sch-detail-related .btn-area {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .sch-related-slider {
    padding-bottom: 40px;
  }
}

.sch-related-slider .sch-slider-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.sch-related-slider .sch-slider-list li {
  margin-right: 5%;
  width: 30%;
}

@media (max-width: 767px) {
  .sch-related-slider .sch-slider-list li {
    margin-right: auto;
    width: auto;
  }
}

.sch-related-slider .sch-slider-list li:last-child {
  margin-right: auto;
}

.sch-related-slider .swiper-scrollbar {
  display: none;
  height: 3px;
  left: 12%;
  width: 76%;
}

.sch-related-slider .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

@media (max-width: 767px) {
  .sch-related-slider .swiper-scrollbar {
    display: block;
    position: absolute;
  }
}

@media (min-width: 768px) {
    .sch-related-mikokai
    {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .related-mikokai-col
    {
        width:48%;
        border: 1px solid #CCCCCC;
        padding: 10px;
        margin: 10px 1%;
    }
    .related-mikokai-col .price
    {
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
    }
    .related-mikokai-col .price .ff-en {
        color: #bf1320;
        font-size: 24px;
        font-weight: 500;
    }
    .related-mikokai-col .icon img {
        height:23px;
    }
}
@media (max-width: 767px) {
    .related-mikokai-col
    {
        border: 1px solid #CCCCCC;
        padding: 10px;
        margin: 10px 1%;
    }
    .related-mikokai-col .price
    {
        font-size: 13px;
        font-weight: bold;
        white-space: nowrap;
    }
    .related-mikokai-col .price .ff-en {
        color: #bf1320;
        font-size: 20px;
        font-weight: 500;
    }
    .related-mikokai-col .icon img {
        height:23px;
    }
}

/* ==============================================
 31. Member
=============================================== */
.member-contents .page-billboard {
  background-image: url("../images/member/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .member-contents .page-billboard {
    background-image: url("../images/member/billboard_sp.jpg");
  }
}

.member-contents .catch {
  text-align: center;
  padding-top: 30px;
  margin-bottom: 4px;
}

.member-contents .catch + p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .member-contents .catch + p {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

.member-contents .catch + p strong {
  color: #f58219;
  font-size: 34px;
  margin-left: 0.2em;
}

@media (max-width: 767px) {
  .member-contents .catch + p strong {
    font-size: 24px;
    margin-left: auto;
  }
}

.member-contents .merit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .member-contents .merit-list {
    display: block;
  }
}

.member-contents .merit-list li {
  background-color: #fff;
  padding: 24px 38px 28px;
  position: relative;
  margin-bottom: 50px;
  margin-right: 5.4%;
  width: 47.3%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

@media (max-width: 767px) {
  .member-contents .merit-list li {
    margin-bottom: 25px;
    padding: 22px 22px;
    margin-right: auto;
    width: auto;
  }
}

.member-contents .merit-list li:nth-child(even) {
  margin-right: auto;
}

.member-contents .merit-list li .num {
  position: absolute;
  left: 20px;
  top: -7px;
}

@media (max-width: 767px) {
  .member-contents .merit-list li .num {
    left: 12px;
    top: -4px;
  }
  .member-contents .merit-list li .num img {
    width: 45px;
  }
}

.member-contents .merit-list li h3 {
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.08em;
  margin-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .member-contents .merit-list li h3 {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.member-contents .merit-list li h3.heading-type1 {
  min-height: 2em;
}

@media (max-width: 767px) {
  .member-contents .merit-list li h3.heading-type1 {
    min-height: inherit;
  }
}

.member-contents .merit-list li h3.heading-type2 {
  min-height: 3em;
}

@media (max-width: 767px) {
  .member-contents .merit-list li h3.heading-type2 {
    min-height: inherit;
  }
}

.member-contents .merit-list li .img {
  text-align: center;
  margin-bottom: 15px;
}

.member-contents .merit-list li p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .member-contents .merit-list li p {
    font-size: 14px;
  }
}

.member-contents .btn {
  padding: 14px 10px 18px;
  font-size: 20px;
  width: 620px;
}

@media (max-width: 767px) {
  .member-contents .btn {
    font-size: 18px;
    line-height: 1.4;
    padding: 10px 20px 15px;
    position: relative;
    width: 100%;
  }
  .member-contents .btn::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 15px;
  }
}

.member-contents .btn .ff-en {
  font-size: 35px;
  margin-left: 0.1em;
  font-weight: bold;
}
body.en .member-contents .btn .ff-en,
body.cn .member-contents .btn .ff-en {
  font-size: 20px;
  margin-left: 0;
  font-weight: bold;
}

@media (max-width: 767px) {
  .member-contents .btn .ff-en {
    font-size: 28px;
  }
}

.member-contents .btn .btn-arrow::after {
  margin-top: 1px;
}

@media (max-width: 767px) {
  .member-contents .btn .btn-arrow::after {
    content: none;
  }
}

/* ==============================================
 32. Entry
=============================================== */
.mypage-entry .page-title {
  color: #f58219;
  font-size: 30px;
  letter-spacing: 0.12em;
}

@media (max-width: 767px) {
  .mypage-entry .page-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.mypage-entry-site {
  margin-top: 80px;
  position: relative;
  padding-top: 45px;
}

@media (max-width: 767px) {
  .mypage-entry-site {
    background-color: #faf5f0;
    margin-top: 50px;
    padding: 30px 0 30px;
  }
}

.mypage-entry-site::after {
  background-color: #faf5f0;
  content: "";
  height: 320px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  .mypage-entry-site::after {
    content: none;
  }
}

.mypage-entry-site .container {
  z-index: 1;
}

.mypage-entry-site .inner {
  max-width: 900px;
}

.mypage-entry-site p {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .mypage-entry-site p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.mypage-entry-site ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .mypage-entry-site ul {
    display: block;
    max-width: 280px;
    margin: 0 auto;
  }
}

.mypage-entry-site ul li {
  margin-right: 1.5%;
  text-align: center;
  width: 31%;
}

@media (max-width: 767px) {
  .mypage-entry-site ul li {
    background-color: #fff;
    margin-right: auto;
    margin-bottom: 20px;
    width: auto;
  }
}

.mypage-entry-site ul li:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .mypage-entry-site ul li:last-child {
    margin-bottom: 0;
  }
}

.mypage-entry-site ul li img {
  width: 100%;
}

.mypage-entry-site ul li .site-name {
  font-weight: bold;
  display: block;
  margin-top: 12px;
}

@media (max-width: 767px) {
  .mypage-entry-site ul li .site-name {
    margin-top: 0;
    padding: 12px;
  }
}

/* ==============================================
 33. Request
=============================================== */
.request-form .page-title {
  color: #f58219;
  font-size: 30px;
  letter-spacing: 0.12em;
}

@media (max-width: 767px) {
  .request-form .page-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.request-form .request-items {
  background-color: #f1f1f1;
  padding: 40px 0 45px;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .request-form .request-items {
    padding: 20px 0 24px;
    margin-bottom: 40px;
  }
}

.request-form .request-items h3 {
  font-size: 16px;
  margin-bottom: 12px;
}

.request-form .request-items ul li {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

.request-form .request-items ul li:last-child {
  margin-bottom: 0;
}

.request-form .request-items ul li .thumbnail {
  width: 160px;
}

@media (max-width: 767px) {
  .request-form .request-items ul li .thumbnail {
    width: 100px;
  }
}

.request-form .request-items ul li .txt {
  padding-left: 20px;
  flex: 1;
}

@media (max-width: 767px) {
  .request-form .request-items ul li .txt {
    padding-left: 10px;
  }
}

.request-form .request-items ul li .item-name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .request-form .request-items ul li .item-name {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.request-form .request-items ul li dl dd {
  display: inline-block;
  line-height: 1;
  margin-right: 0.8em;
  padding-right: 1.1em;
  position: relative;
}

@media (max-width: 767px) {
  .request-form .request-items ul li dl dd {
    font-size: 12px;
  }
  .request-form .request-items ul li dl dd.item-address {
    display: block;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 5px;
  }
  .request-form .request-items ul li dl dd.item-address::after {
    content: none;
  }
}

.request-form .request-items ul li dl dd::after {
  background-color: #9e9e9e;
  content: "";
  height: 15px;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 1px;
}

.request-form .request-items ul li dl dd .ff-en {
  font-size: 22px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .request-form .request-items ul li dl dd .ff-en {
    font-size: 18px;
  }
}

.request-form .request-items ul li dl dd:last-child {
  padding-right: 0;
  margin-right: 0;
}

.request-form .request-items ul li dl dd:last-child::after {
  content: none;
}

/* ==============================================
 34. Inquiry
=============================================== */
.inquiry-form p a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .inquiry-form p a:hover {
    text-decoration: none;
  }
}

.inquiry-form .inquiry-form-title {
  background: url("../images/inquiry/title_img_pc_01.jpg") repeat-x 50% 0, url("../images/inquiry/title_img_pc_02.jpg") repeat-x 50% 100%;
  padding: 150px 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .inquiry-form .inquiry-form-title {
    background: url("../images/inquiry/title_img_sp.jpg") repeat-x 50% 0/500px 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}

.inquiry-form .inquiry-form-title h2 {
  background-color: #f58219;
  color: #fff;
  font-size: 24px;
  padding: 7px;
  text-align: center;
}

@media (max-width: 767px) {
  .inquiry-form .inquiry-form-title h2 {
    font-size: 22px;
  }
}

.inquiry-form .inquiry-form-title .staff-img {
  position: absolute;
  right: 50%;
  margin-right: -580px;
  top: 20px;
}

@media (max-width: 767px) {
  .inquiry-form .inquiry-form-title .staff-img {
    right: -10px;
    margin-right: auto;
    top: auto;
    bottom: 0;
    width: 170px;
  }
}

.inquiry-form .mes {
  color: #f58219;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .inquiry-form .mes {
    margin-top: 3px;
  }
}

@media (max-width: 340px) {
  .inquiry-form .mes {
    font-size: 17px;
  }
}

.inquiry-form .mes.sp-small {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .inquiry-form .mes.sp-small {
    font-size: 15px;
    margin-bottom: 30px;
  }
}

.inquiry-form .form-table--input th {
  width: 300px;
}

@media (max-width: 767px) {
  .inquiry-form .form-table--input th {
    width: 100%;
  }
}

/* ==============================================
 35. Sell form
=============================================== */
.sell-form .page-title {
  font-size: 30px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .sell-form .page-title {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

.sell-form .page-title .title-icon {
  background: url("../images/common/illust_sell01.png") no-repeat 0 50%/68px 45px;
  padding: 14px 0 5px 84px;
}

@media (max-width: 767px) {
  .sell-form .page-title .title-icon {
    background-size: 59px 40px;
    background-position: 50% 0;
    padding: 52px 0 0;
  }
}

.sell-form p a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .sell-form p a:hover {
    text-decoration: none;
  }
}

.sell-form .mes {
  font-size: 16px;
  text-align: center;
}

@media (max-width: 767px) {
  .sell-form .mes {
    font-size: 13px;
  }
}

.sell-form .mes strong {
  font-size: 22px;
}

@media (max-width: 767px) {
  .sell-form .mes strong {
    font-size: 18px;
  }
}

.sell-form .form-table--input th {
  width: 300px;
}

@media (max-width: 767px) {
  .sell-form .form-table--input th {
    width: auto;
  }
}

.sell-form .form-box-message p {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

/* ==============================================
 40. Mypage(common)
=============================================== */
/* mypage navigation
----------------------------------------------- */
.mypage-navigation {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .mypage-navigation {
    background-color: #f2f2f2;
    margin-bottom: 0;
    padding: 22px 0 15px;
  }
}

.mypage-navigation ul {
  border-bottom: 1px solid #9e9e9e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .mypage-navigation ul {
    border-bottom: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.mypage-navigation ul li {
  padding: 0 10px;
  position: relative;
  width: 20%;
}

@media (max-width: 767px) {
  .mypage-navigation ul li {
    padding: 0;
    margin-right: 2%;
    margin-bottom: 10px;
    width: 49%;
  }
  .mypage-navigation ul li:nth-child(odd) {
    margin-right: auto;
  }
  .mypage-navigation ul li:first-child {
    width: 100%;
  }
}

.mypage-navigation ul li::after {
  content: "";
  background-color: #9e9e9e;
  height: 80%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

@media (max-width: 767px) {
  .mypage-navigation ul li::after {
    content: none;
  }
}

.mypage-navigation ul li:first-child::before {
  content: "";
  background-color: #9e9e9e;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
}

.mypage-navigation ul li a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 17px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .mypage-navigation ul li a {
    background-color: #fff;
    font-size: 14px;
    padding: 16px 10px;
    -webkit-box-shadow: 0 3px 0 #cccccc;
    -moz-box-shadow: 0 3px 0 #cccccc;
    -ms-box-shadow: 0 3px 0 #cccccc;
    box-shadow: 0 3px 0 #cccccc;
  }
  .mypage-navigation ul li a.is-current {
    background-color: #666666;
    color: #fff;
  }
}

.mypage-navigation ul li a::after {
  background-color: #f58219;
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

@media (max-width: 767px) {
  .mypage-navigation ul li a::after {
    content: none;
  }
}

@media (min-width: 1025px) {
  .mypage-navigation ul li a.is-current::after {
    height: 3px;
  }
}

/* mypage heading
----------------------------------------------- */
.mypage-heading {
  font-size: 20px;
  letter-spacing: 0.08em;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .mypage-heading {
    font-size: 18px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    margin-top: 25px;
  }
}

.mypage-heading::before {
  content: "";
  background-color: #9e9e9e;
  height: 1px;
  left: 0;
  top: 50%;
  position: absolute;
  width: 100%;
}

.mypage-heading .title-bg {
  background-color: #fff;
  display: inline-block;
  position: relative;
  padding: 10px 33px 10px 35px;
}

@media (max-width: 767px) {
  .mypage-heading .title-bg {
    padding: 10px 23px 10px 25px;
  }
}

.mypage-heading .title-bg::before, .mypage-heading .title-bg::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 7px 34px;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  height: 34px;
  width: 7px;
}

.mypage-heading .title-bg::before {
  background-image: url("../images/mypage/title_bg01.png");
  left: 0;
}

.mypage-heading .title-bg::after {
  background-image: url("../images/mypage/title_bg02.png");
  right: 0;
}

/* ==============================================
 41. Mypage login
=============================================== */
@media (max-width: 767px) {
  .mypage-login .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.mypage-login .box {
  float: none;
  background-color: #faf5f0;
  padding: 19px;
  width: 60%;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .mypage-login .box {
    float: none;
    width: 100%;
    padding: 25px 15px;
  }
  .mypage-login .box.fl-right {
    padding-top: 0;
  }
  .mypage-login .box.fl-right p {
    margin-bottom: 20px;
  }
}

.mypage-login .box .box-inner {
  background-color: #fff;
  border: 1px solid #9e9e9e;
  padding: 34px 40px 25px;
}

@media (max-width: 767px) {
  .mypage-login .box .box-inner {
    padding: 25px 20px 30px;
  }
}

.mypage-login .box h3 {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .mypage-login .box h3 {
    margin-bottom: 12px;
  }
}

.mypage-login .box p {
  margin-bottom: 12px;
  line-height: 1.8;
}

.mypage-login .box .no-member-mes {
  margin-bottom: 25px;
  text-align: center;
}

.mypage-login .box .keep-login {
  margin-bottom: 18px;
}

.mypage-login .box .link-reminder {
  text-align: center;
  margin-bottom: 0;
  margin-top: 18px;
}

.mypage-login .box .link-reminder a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .mypage-login .box .link-reminder a:hover {
    text-decoration: none;
  }
}

.mypage-login .box .login-btn-login .btn-icon {
  background: url("../images/common/icon_login01.png") no-repeat 0 50%/19px 19px;
  display: inline-block;
  padding: 0 0 0 30px;
}

@media (max-width: 767px) {
  .mypage-login .box .login-btn-login .btn-icon {
    padding: 2px 0 2px 30px;
  }
}

.mypage-login .box .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .mypage-login .box .btn-group {
    display: block;
  }
}

.mypage-login .box .btn-group .btn {
  display: block;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

.mypage-login .box .login-btn-entry {
  margin-bottom: 22px;
  width: 100%;
}

@media (max-width: 767px) {
  .mypage-login .box .login-btn-entry {
    margin-bottom: 18px;
  }
}

.mypage-login .box .login-btn-entry .btn {
  background-color: #666;
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding: 37px 20px 34px;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-entry .btn {
    font-size: 18px;
    padding: 30px 10px 27px;
  }
}

.mypage-login .box .login-btn-entry .btn .ff-en {
  font-size: 40px;
  margin: 0 2px 0 4px;
  font-weight: bold;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-entry .btn .ff-en {
    font-size: 32px;
  }
}

@media (min-width: 1025px) {
  .mypage-login .box .login-btn-entry .btn:hover {
    background-color: #777;
  }
}

.mypage-login .box .login-btn-entry .btn small {
  background-color: #fff;
  color: #4d4d4d;
  font-size: 17px;
  display: block;
  padding: 6px 10px;
  max-width: 300px;
  margin: 0 auto 10px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  border-radius: 24px;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-entry .btn small {
    font-size: 16px;
    max-width: 250px;
  }
}

.mypage-login .box .login-btn-member {
  margin-bottom: 18px;
  width: 100%;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-member {
    float: none;
    margin-right: auto;
    margin-bottom: 18px;
    width: 100%;
  }
}

.mypage-login .box .login-btn-member .btn {
  border: 2px solid #f58219;
  color: #f58219;
  text-align: left;
  line-height: 1.7;
  padding: 0;
}

@media (min-width: 1025px) {
  .mypage-login .box .login-btn-member .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-member .btn {
    text-align: center;
  }
}

.mypage-login .box .login-btn-member .btn .btn-icon {
  background-color: #fff;
  background-position: 18px 50%;
  background-repeat: no-repeat;
  background-image: url("../images/common/icon_customer01.png");
  background-size: 24px 33px;
  padding: 20px 60px 20px 60px;
  display: block;
  text-align: center;
}

@media (min-width: 1025px) {
  .mypage-login .box .login-btn-member .btn .btn-icon {
    background-position: 28% 50%;
  }
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-member .btn .btn-icon {
    background-size: 19px 26px;
    display: inline-block;
    font-size: 16px;
    padding: 20px 10px 20px 48px;
  }
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-member .btn br {
    display: none;
  }
}

.mypage-login .box .login-btn-search {
  width: 100%;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-search {
    width: 100%;
  }
}

.mypage-login .box .login-btn-search .btn {
  border: 2px solid #f58219;
  color: #f58219;
  text-align: left;
  line-height: 1.7;
  padding: 0;
}

@media (min-width: 1025px) {
  .mypage-login .box .login-btn-search .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-search .btn {
    text-align: center;
  }
}

.mypage-login .box .login-btn-search .btn .btn-icon {
  background-color: #fff;
  background-position: 16px 50%;
  background-repeat: no-repeat;
  background-image: url("../images/common/icon_search02.png");
  background-size: 29px 30px;
  padding: 20px 10px 20px 60px;
  display: block;
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-search .btn .btn-icon {
    background-size: 24px 24px;
    display: inline-block;
    font-size: 16px;
    padding: 20px 10px 20px 50px;
  }
}

@media (max-width: 1024px) {
  .mypage-login .box .login-btn-search .btn br {
    display: none;
  }
}

/* ==============================================
 42. Mypage password
=============================================== */
@media (max-width: 767px) {
  .mypage-password .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.mypage-password .inner {
  max-width: 550px;
}

.mypage-password .box {
  background-color: #faf5f0;
  padding: 19px;
}

@media (max-width: 767px) {
  .mypage-password .box {
    padding: 25px 15px;
  }
}

.mypage-password .box .box-inner {
  background-color: #fff;
  border: 1px solid #9e9e9e;
  padding: 34px 40px 40px;
}

@media (max-width: 767px) {
  .mypage-password .box .box-inner {
    padding: 25px 20px 35px;
  }
}

.mypage-password .box .box-inner p {
  margin-bottom: 15px;
}

.mypage-password .box h3 {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 767px) {
  .mypage-password .box h3 {
    margin-bottom: 12px;
  }
}

.mypage-password .box h3 br {
  display: none;
}

@media (max-width: 340px) {
  .mypage-password .box h3 br {
    display: block;
  }
}

.mypage-password .box .btn-area {
  margin-top: 28px;
}

/* ==============================================
 43. Mypage top
=============================================== */
/* mypage search
----------------------------------------------- */
.mypage-search {
  background-color: #faf5f0;
  padding: 60px 0 80px;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .mypage-search {
    margin-bottom: 50px;
    padding: 30px 0 40px;
  }
}

.mypage-search .inner {
  max-width: 900px;
}

.mypage-search h3 {
  font-size: 20px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .mypage-search h3 {
    margin-bottom: 20px;
  }
}

.mypage-search h3 .title-bg {
  background: url("../images/common/icon_search03.png") no-repeat 0 50%/32px 32px;
  display: inline-block;
  padding: 5px 0 5px 40px;
}

@media (max-width: 767px) {
  .mypage-search h3 .title-bg {
    display: block;
    background-position: 50% 0;
    padding: 40px 0 0;
  }
}

.mypage-search ul {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .mypage-search ul {
    display: block;
    margin: 0 auto;
    max-width: 320px;
  }
}

.mypage-search ul li {
  background-color: #fff;
  margin-right: 3.5%;
  position: relative;
  width: 31%;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

@media (max-width: 767px) {
  .mypage-search ul li {
    margin-right: auto;
    margin-bottom: 15px;
    width: auto;
  }
}

.mypage-search ul li:last-child {
  margin-right: auto;
}

.mypage-search ul li::before {
  background-color: #f58219;
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  height: 60px;
  width: 60px;
}

@media (max-width: 767px) {
  .mypage-search ul li::before {
    left: -3px;
    top: -3px;
    height: 40px;
    width: 40px;
  }
}

.mypage-search ul li a {
  background-color: #fff;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-weight: bold;
  display: block;
  position: relative;
  z-index: 1;
  padding: 23px 20px 24px 80px;
}

.mypage-search ul li a::after {
  content: "";
  border-style: solid;
  border-width: 0 0 9px 9px;
  border-color: transparent transparent #f58219 transparent;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

@media (max-width: 767px) {
  .mypage-search ul li a {
    padding: 18px 10px 18px 80px;
  }
}

@media (min-width: 1025px) {
  .mypage-search ul li a:hover .link-tit {
    color: #f6ad18;
  }
}

.mypage-search ul li .link-tit {
  display: block;
  color: #f58219;
  font-size: 20px;
  letter-spacing: 0.08em;
  margin-bottom: 5px;
  -webkit-transition: all 0.14s ease-out;
  -moz-transition: all 0.14s ease-out;
  -ms-transition: all 0.14s ease-out;
  -o-transition: all 0.14s ease-out;
  transition: all 0.14s ease-out;
}

@media (max-width: 767px) {
  .mypage-search ul li .link-tit {
    font-size: 18px;
    margin-bottom: 2px;
  }
}

.mypage-search ul li .link-cap {
  display: block;
  font-size: 12px;
}

.mypage-search ul li.item-area a {
  background-image: url("../images/common/illust_area01.png");
  background-size: 40px 48px;
}

.mypage-search ul li.item-ensen a {
  background-image: url("../images/common/illust_train01.png");
  background-size: 41px 46px;
}

.mypage-search ul li.item-school a {
  background-image: url("../images/common/illust_school01.png");
  background-size: 46px 46px;
  background-position: 18px 50%;
}

.mypage-search .boxs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .mypage-search .boxs {
    display: block;
  }
}

.mypage-search .boxs .box {
  background-color: #fff;
  padding: 20px 38px 25px;
  width: 47.7%;
}

@media (max-width: 767px) {
  .mypage-search .boxs .box {
    padding: 20px;
    margin-top: 25px;
    width: auto;
  }
}

.mypage-search .boxs .box h4 {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
  padding-bottom: 12px;
  text-align: center;
}

@media (max-width: 767px) {
  .mypage-search .boxs .box h4 {
    margin-bottom: 12px;
  }
}

.mypage-search .boxs .box h4 span {
  background-position: 0 50%;
  background-repeat: no-repeat;
  font-size: 18px;
  display: inline-block;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 6px 0 5px 36px;
}

.mypage-search .boxs .box .count {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}
body.en .mypage-search .boxs .box .count,
body.cn .mypage-search .boxs .box .count,
body.en .mypage-search .boxs .box .count .ff-en,
body.cn .mypage-search .boxs .box .count .ff-en {
  color: #bf1320;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

@media (max-width: 767px) {
  .mypage-search .boxs .box .count {
    font-size: 18px;
  }
}

.mypage-search .boxs .box .count .ff-en {
  font-size: 35px;
  font-weight: bold;
  margin: 0 3px 0 5px;
  position: relative;
  top: 1px;
}

@media (max-width: 767px) {
  .mypage-search .boxs .box .count .ff-en {
    font-size: 32px;
  }
}

.mypage-search .boxs .box .btn-area {
  margin-bottom: 22px;
}

.mypage-search .boxs .box .btn-area + p {
  margin-bottom: 0;
  font-size: 13px;
}

.mypage-search .boxs .box.box-joken h4 span {
  background-image: url("../images/mypage/icon_preserve.png");
  background-size: 24px 24px;
}

.mypage-search .boxs .box.box-favorite h4 span {
  background-image: url("../images/mypage/icon_favorite.png");
  background-size: 22px 19px;
  padding-left: 32px;
}

.mypage-search .boxs .box.box-favorite .btn {
  border: 1px solid #bf1320;
  color: #bf1320;
}

.mypage-search .boxs .box.box-favorite .btn .btn-arrow::after {
  border-top: 1px solid #bf1320;
  border-right: 1px solid #bf1320;
}

@media (min-width: 1025px) {
  .mypage-search .boxs .box.box-favorite .btn:hover {
    opacity: 0.8;
  }
}

/* mypage new sch
----------------------------------------------- */
.mypage-new-sch {
  margin-bottom: 40px;
}

.mypage-new-sch .mypage-heading {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .mypage-new-sch .mypage-heading {
    margin-bottom: 30px;
  }
}

/* mypage inquiry
----------------------------------------------- */
.mypage-inquiry .block {
  position: relative;
}

.mypage-inquiry .block::after {
  content: "";
  background-color: #9e9e9e;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
}

@media (max-width: 767px) {
  .mypage-inquiry .block::after {
    content: none;
  }
}

.mypage-inquiry .boxs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .mypage-inquiry .boxs {
    display: block;
  }
}

.mypage-inquiry .boxs .box {
  text-align: center;
  width: 46.5%;
}

@media (max-width: 767px) {
  .mypage-inquiry .boxs .box {
    margin-bottom: 30px;
    width: auto;
  }
  .mypage-inquiry .boxs .box:first-child {
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 35px;
  }
}

.mypage-inquiry .boxs .box h4 {
  font-size: 17px;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  .mypage-inquiry .boxs .box h4 {
    font-size: 16px;
  }
}

.mypage-inquiry .boxs .box p {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .mypage-inquiry .boxs .box p {
    font-size: 14px;
  }
}

.mypage-inquiry .boxs .box .btn {
  width: 100%;
}

/* ==============================================
 44. Mypage movie
=============================================== */
.mypage-movie .movie-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .mypage-movie .movie-list {
    display: block;
  }
}

.mypage-movie .movie-list li {
  margin-bottom: 40px;
  margin-right: 3.5%;
  width: 31%;
}

@media (max-width: 767px) {
  .mypage-movie .movie-list li {
    display: block;
    margin-bottom: 35px;
    margin-right: auto;
    width: auto;
  }
}

.mypage-movie .movie-list li:nth-child(3n) {
  margin-right: auto;
}

.mypage-movie .movie-list li .img {
  text-align: center;
  margin-bottom: 12px;
}

.mypage-movie .movie-list li .img img {
  width: 100%;
}

.mypage-movie .movie-list li .img a {
  display: block;
  position: relative;
}

.mypage-movie .movie-list li .img a::after {
  background: url("../images/mypage/play_movie.png") no-repeat 0 0/84px 58px;
  content: "";
  height: 58px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -29px;
  width: 84px;
  z-index: 1;
}

.mypage-movie .movie-list li h4 {
  font-size: 17px;
}

@media (max-width: 767px) {
  .mypage-movie .movie-list li h4 {
    font-size: 16px;
  }
}

.mypage-movie .movie-list li .date {
  color: #808080;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  display: block;
  margin-top: 2px;
}

/* ==============================================
 45. Mypage preserve
=============================================== */
.mypage-preserve .preserve-list li {
  background-color: #f9f9f9;
  border-top: 1px solid #9e9e9e;
  margin-bottom: 40px;
  padding: 28px 40px 45px;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li {
    background: none;
    border-top: none;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.mypage-preserve .preserve-list li h4 {
  font-size: 18px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li h4 {
    background-color: #666666;
    color: #fff;
    font-size: 15px;
    padding: 7px 15px;
    margin-bottom: 0;
  }
}

.mypage-preserve .preserve-list li h4 small {
  font-size: 15px;
  margin-left: 0.5em;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li h4 small {
    font-size: 13px;
  }
}

.mypage-preserve .preserve-list li table {
  border-left: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: 35px;
  width: 100%;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li table {
    border-left: none;
    border-top: none;
    margin-bottom: 0;
  }
}

.mypage-preserve .preserve-list li table th {
  background-color: #ededed;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 20px 25px;
  text-align: left;
  width: 200px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li table th {
    border-bottom: none;
    border-right: none;
    background-color: #f2f2f2;
    display: block;
    font-size: 13px;
    padding: 7px 15px;
    width: 100%;
  }
}

.mypage-preserve .preserve-list li table td {
  background-color: #fff;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 20px 25px;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li table td {
    border-bottom: none;
    border-right: none;
    display: block;
    padding: 12px 15px;
    width: 100%;
  }
}

.mypage-preserve .preserve-list li .btn {
  margin: 0 16px;
}

@media (max-width: 767px) {
  .mypage-preserve .preserve-list li .btn {
    margin: 8px auto;
  }
}

/* ==============================================
 46. Mypage favorite
=============================================== */
.mypage-favorite .favorite-sort-area {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area {
    display: block;
    margin-bottom: 25px;
    width: auto;
  }
  .mypage-favorite .favorite-sort-area::after {
    content: "";
    display: block;
    clear: both;
  }
}

.mypage-favorite .favorite-sort-area .all-request {
  background-color: #faf5f0;
  padding: 10px 15px 10px 10px;
  font-weight: bold;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
  }
}

.mypage-favorite .favorite-sort-area .all-request .all-check {
  white-space: nowrap;
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request .all-check {
    font-size: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: auto;
    margin-bottom: 15px;
    text-align: center;
    padding: 15px;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-area {
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request .btn-area {
    display: block;
    flex: none;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-request {
  background-color: #bf1320;
  color: #fff;
  padding: 16px;
  margin-right: 2%;
  width: 55%;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request .btn-request {
    font-size: 15px;
    margin: 0 auto 15px;
    width: 100%;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-request .btn-icon {
  background: url("../images/common/icon_request01.png") no-repeat 0 50%/16px 20px;
  padding: 2px 0 2px 24px;
  display: inline-block;
}

@media (min-width: 1025px) {
  .mypage-favorite .favorite-sort-area .all-request .btn-request:hover {
    opacity: 0.8;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-delete {
  background-color: #fff;
  color: #808080;
  padding: 16px;
  width: 43%;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request .btn-delete {
    font-size: 15px;
    margin: 0 auto;
    width: 220px;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-delete .btn-icon {
  background-image: url("../images/common/icon_delete02.png");
}


.mypage-favorite .favorite-sort-area .all-request .btn-favorite2 {
  background-color: #fff;
  color: #808080;
  padding: 16px;
  width: 43%;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .all-request .btn-favorite2 {
    font-size: 15px;
    margin: 0 auto;
    width: 100%;
  }
}

.mypage-favorite .favorite-sort-area .all-request .btn-favorite2 .btn-icon {
  background-image: url("../images/common/icon_favorite01.png");
}

.mypage-favorite .favorite-sort-area .sort {
  background-color: #f7f7f7;
  white-space: normal;
  padding: 15px 15px;
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .sort {
    float: right;
    background: none;
    margin-left: auto;
    padding: 0;
    margin-top: 20px;
  }
}

.mypage-favorite .favorite-sort-area .sort .sort-title {
  background: url("../images/common/icon_sort02.png") no-repeat 0 50%/16px 17px;
  display: block;
  font-weight: bold;
  padding-left: 22px;
  margin-right: 10px;
}

.mypage-favorite .favorite-sort-area .sort select.form-control {
  min-width: 180px;
}

@media (max-width: 1024px) {
  .mypage-favorite .favorite-sort-area .sort select.form-control {
    width: auto;
  }
}

.mypage-favorite .sch-result-list {
  margin-bottom: 40px;
}

.mypage-favorite .sch-result-list .list-item .item-header {
  padding-right: 320px;
}

@media (max-width: 767px) {
  .mypage-favorite .sch-result-list .list-item .item-header {
    padding-right: 0;
  }
}

.mypage-favorite .sch-result-list .list-item .item-thumbnail {
  width: 27%;
}

@media (max-width: 767px) {
  .mypage-favorite .sch-result-list .list-item .item-thumbnail {
    width: auto;
  }
}

.mypage-favorite .sch-result-list .list-item .item-meta {
  width: 70%;
}

@media (max-width: 767px) {
  .mypage-favorite .sch-result-list .list-item .item-meta {
    width: auto;
  }
}

/*
.mypage-favorite .sch-result-list .list-item .link-btn .btn-request {
  margin-right: 6px;
}

@media (max-width: 767px) {
  .mypage-favorite .sch-result-list .list-item .link-btn .btn-request {
    display: block;
    margin: 0 auto 10px;
    width: 180px;
  }
}

.mypage-favorite .sch-result-list .list-item .link-btn .btn-request .btn-icon {
  background: url("../images/common/icon_request01.png") no-repeat 0 50%/14px 18px;
  padding: 1px 0 1px 22px;
  display: inline-block;
}

.mypage-favorite .sch-result-list .list-item .link-btn .btn-detail {
  background-color: #fff;
  border: 1px solid #bf1320;
  color: #bf1320;
}

@media (max-width: 767px) {
  .mypage-favorite .sch-result-list .list-item .link-btn .btn-detail {
    display: block;
    margin: 0 auto;
    width: 180px;
  }
}

.mypage-favorite .sch-result-list .list-item .link-btn .btn-detail .btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #bf1320;
  border-right: 1px solid #bf1320;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
*/

/* ==============================================
 47. Mypage profile
=============================================== */
/* ==============================================
 48. Mypage del
=============================================== */
.mypage-del .box {
  border: 5px solid #e6e6e6;
  margin: 0 auto;
  text-align: center;
  padding: 30px 30px 40px;
  max-width: 780px;
}

@media (max-width: 767px) {
  .mypage-del .box {
    padding: 25px 20px 20px;
  }
}

.mypage-del .box p {
  font-size: 14px;
}

.mypage-del .box .fw-bold {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .mypage-del .box .fw-bold {
    margin-bottom: 4px;
    line-height: 1.7;
  }
}

.mypage-del .box .btn {
  margin: 0 15px;
}

@media (max-width: 767px) {
  .mypage-del .box .btn {
    margin: 0 auto 15px;
  }
}

/* ==============================================
 51. Introduce
=============================================== */
/* introduce(common)
----------------------------------------------- */
.introduce-lp .introduce-lp-heading {
  font-size: 26px;
  margin-bottom: 26px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .introduce-lp .introduce-lp-heading {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.introduce-lp .introduce-lp-heading::after {
  content: "";
  background: url("../images/common/tit_bg01.png") repeat 0 0/8px 8px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 52%;
  width: 100%;
}

@media (max-width: 767px) {
  .introduce-lp .introduce-lp-heading::after {
    background-size: 4px 4px;
    top: 44%;
    height: 14px;
  }
}

.introduce-lp .introduce-lp-heading .tit-bg {
  background-color: #faf5f0;
  display: inline-block;
  position: relative;
  padding: 0 13px;
  z-index: 1;
}

@media (max-width: 767px) {
  .introduce-lp .introduce-lp-heading .tit-bg {
    padding: 0 10px;
  }
}

/* introduce mv
----------------------------------------------- */
.introduce-lp-mv {
  background: url("../images/introduce/mv_bg.jpg") no-repeat 50% 50%/cover;
  text-align: center;
  padding: 90px 0 100px;
}

@media (max-width: 767px) {
  .introduce-lp-mv {
    padding: 45px 0 50px;
  }
}

.introduce-lp-mv h2 {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .introduce-lp-mv h2 {
    margin-bottom: 30px;
    padding: 0 7%;
  }
}

.introduce-lp-mv ul {
  max-width: 630px;
  margin: 0 auto 50px;
}

@media (max-width: 767px) {
  .introduce-lp-mv ul {
    margin-bottom: 30px;
  }
}

.introduce-lp-mv ul li {
  float: left;
  margin-right: 5%;
  width: 30%;
}

@media (max-width: 767px) {
  .introduce-lp-mv ul li {
    margin-right: 2%;
    width: 32%;
  }
}

.introduce-lp-mv ul li:last-child {
  margin-right: auto;
}

.introduce-lp-mv .btn {
  -webkit-box-shadow: 0 3px 0 #aaa;
  -moz-box-shadow: 0 3px 0 #aaa;
  -ms-box-shadow: 0 3px 0 #aaa;
  box-shadow: 0 3px 0 #aaa;
}

/* introduce reason
----------------------------------------------- */
.introduce-lp-reason {
  background: #faf5f0 url("../images/introduce/illust01.png") no-repeat 95% 100%;
  padding: 70px 0 75px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .introduce-lp-reason {
    background: #faf5f0;
    padding: 40px 0 45px;
  }
}

.introduce-lp-reason::before {
  background: url("../images/introduce/arrow01.png") no-repeat 0 0/46px 84px;
  content: "";
  height: 84px;
  left: 50%;
  margin-left: -23px;
  bottom: -24px;
  position: absolute;
  width: 46px;
}

@media (max-width: 767px) {
  .introduce-lp-reason::before {
    background-image: url("../images/introduce/arrow02.png");
    background-size: 47px 52px;
    height: 52px;
    width: 47px;
  }
}

.introduce-lp-reason .introduce-lp-heading .tit-bg {
  padding-right: 110px;
  margin-right: -110px;
}

@media (max-width: 1024px) {
  .introduce-lp-reason .introduce-lp-heading .tit-bg {
    padding-right: 10px;
    margin-right: auto;
  }
}

.introduce-lp-reason .introduce-lp-heading strong {
  font-size: 42px;
  margin: 0 0.2em;
}

@media (max-width: 767px) {
  .introduce-lp-reason .introduce-lp-heading strong {
    font-size: 20px;
  }
}

.introduce-lp-reason .mes {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
  padding: 10px 200px 30px 50px;
  z-index: 1;
}

@media (max-width: 767px) {
  .introduce-lp-reason .mes {
    padding: 0 100px 10px 0;
  }
}

.introduce-lp-reason .mes p {
  font-size: 17px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .introduce-lp-reason .mes p {
    font-size: 13px;
  }
}

.introduce-lp-reason .mes .staff-img {
  right: 5px;
  bottom: 0;
  position: absolute;
}

@media (max-width: 767px) {
  .introduce-lp-reason .mes .staff-img {
    width: 92px;
  }
}

.introduce-lp-reason ul {
  background-color: #fff;
  max-width: 860px;
  margin: 0 auto;
  padding: 38px 35px 40px 45px;
}

@media (max-width: 767px) {
  .introduce-lp-reason ul {
    padding: 20px 18px;
  }
}

.introduce-lp-reason ul li {
  background: url("../images/introduce/check.png") no-repeat 0 1px/18px 20px;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 0 0 0 30px;
}

@media (max-width: 767px) {
  .introduce-lp-reason ul li {
    font-size: 13px;
    background-size: 14px 16px;
    padding-left: 20px;
    margin-bottom: 8px;
  }
}

.introduce-lp-reason ul li:last-child {
  margin-bottom: 0;
}

/* introduce rank
----------------------------------------------- */
.introduce-lp-rank {
  background: #ecf5f7 url("../images/introduce/illust01.png") no-repeat 1% 100%;
  padding: 43px 0 85px;
}

@media (max-width: 767px) {
  .introduce-lp-rank {
    background: #ecf5f7;
    padding: 35px 0 60px;
  }
}

.introduce-lp-rank h3 {
  text-align: center;
  font-size: 28px;
  line-height: 1.7;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .introduce-lp-rank h3 {
    font-size: 19px;
    margin-bottom: 30px;
  }
}

.introduce-lp-rank h3 small {
  font-size: 20px;
}

@media (max-width: 767px) {
  .introduce-lp-rank h3 small {
    font-size: 16px;
  }
}

.introduce-lp-rank .mes {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  padding-bottom: 25px;
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes {
    padding-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes .rank-img {
    display: block;
    margin: 0 auto;
    padding-left: 10px;
    width: 265px;
  }
}

.introduce-lp-rank .mes .staff-img {
  position: absolute;
  right: 20px;
  bottom: 0;
}

@media (max-width: 1024px) {
  .introduce-lp-rank .mes .staff-img {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes .staff-img {
    right: -2px;
    width: 130px;
  }
}

.introduce-lp-rank .mes .txt-box {
  position: absolute;
  left: 390px;
  top: 10px;
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes .txt-box {
    position: static;
    left: auto;
    top: auto;
    margin-top: 20px;
  }
}

.introduce-lp-rank .mes .txt-box p {
  background-color: #fff;
  border: 2px solid #f58219;
  font-size: 17px;
  padding: 12px 18px;
  margin: 0;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes .txt-box p {
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
  }
}

.introduce-lp-rank .mes .txt-box p::before {
  content: "";
  border-style: solid;
  border-width: 8.5px 15px 8.5px 0;
  border-color: transparent #f58219 transparent transparent;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -9px;
}

@media (max-width: 767px) {
  .introduce-lp-rank .mes .txt-box p::before {
    content: none;
  }
}

.introduce-lp-rank ul {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul {
    margin-bottom: 30px;
  }
}

.introduce-lp-rank ul li {
  background-color: #fef4eb;
  border-left: 5px solid #f58219;
  padding: 32px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li {
    display: block;
    border-left: none;
    border-top: 5px solid #f58219;
    padding: 14px 20px 22px;
  }
}

.introduce-lp-rank ul li:nth-child(2) {
  background-color: #fef7eb;
  border-left-color: #f7b835;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li:nth-child(2) {
    border-top-color: #f7b835;
  }
}

.introduce-lp-rank ul li:nth-child(3) {
  background-color: #fefbf5;
  border-left-color: #f7d7a2;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li:nth-child(3) {
    border-top-color: #f7d7a2;
  }
}

.introduce-lp-rank ul li:nth-child(4) {
  background-color: #ffffff;
  border-left-color: #f7cea7;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li:nth-child(4) {
    border-top-color: #f7cea7;
  }
}

.introduce-lp-rank ul li .icon {
  width: 120px;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li .icon {
    text-align: center;
    margin-bottom: 10px;
    width: auto;
  }
}

.introduce-lp-rank ul li .icon .icon-circle {
  color: #f58219;
  border: 5px solid #f58219;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 20px;
  text-align: center;
  line-height: 88px;
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li .icon .icon-circle {
    border-width: 2px;
    font-size: 16px;
    height: 65px;
    line-height: 60px;
    width: 65px;
  }
}

.introduce-lp-rank ul li .icon .icon-circle span {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  top: 1px;
  margin-right: 0.15em;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li .icon .icon-circle span {
    font-size: 23px;
  }
}

.introduce-lp-rank ul li .txt {
  flex: 1;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li .txt {
    flex: none;
  }
}

.introduce-lp-rank ul li .txt p {
  font-size: 14px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .introduce-lp-rank ul li .txt p {
    font-size: 13px;
  }
}

/* introduce attract
----------------------------------------------- */
.introduce-lp-attract {
  background: #faf5f0 url("../images/introduce/bg01.jpg") no-repeat 50% 50%/cover;
  padding: 70px 0;
}

@media (max-width: 767px) {
  .introduce-lp-attract {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .introduce-lp-attract .introduce-lp-heading {
    margin-bottom: 30px;
  }
}

.introduce-lp-attract .introduce-lp-heading .tit-bg {
  background-color: inherit;
}

.introduce-lp-attract .introduce-lp-heading::before {
  content: "";
  background: url("../images/common/tit_bg01.png") repeat 0 0/8px 8px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 45%;
  width: 21%;
}

@media (max-width: 1024px) {
  .introduce-lp-attract .introduce-lp-heading::before {
    width: 15%;
  }
}

@media (max-width: 767px) {
  .introduce-lp-attract .introduce-lp-heading::before {
    background-size: 4px 4px;
    height: 14px;
    width: 17%;
  }
}

.introduce-lp-attract .introduce-lp-heading::after {
  right: 0;
  top: 45%;
  left: auto;
  width: 21%;
}

@media (max-width: 1024px) {
  .introduce-lp-attract .introduce-lp-heading::after {
    width: 15%;
  }
}

@media (max-width: 767px) {
  .introduce-lp-attract .introduce-lp-heading::after {
    width: 17%;
  }
}

.introduce-lp-attract .introduce-lp-heading strong {
  font-size: 42px;
  color: #f58219;
  margin: 0 0 0 0.1em;
}

@media (max-width: 767px) {
  .introduce-lp-attract .introduce-lp-heading strong {
    font-size: 20px;
  }
}

.introduce-lp-attract .introduce-lp-heading img {
  margin-left: 0.2em;
}

@media (max-width: 767px) {
  .introduce-lp-attract .introduce-lp-heading img {
    width: 20px;
  }
}

.introduce-lp-attract ul {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul {
    margin-bottom: 30px;
  }
}

.introduce-lp-attract ul li {
  background-color: #fff;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li {
    margin-bottom: 12px;
  }
}

.introduce-lp-attract ul li::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: -10px;
  bottom: -20px;

  z-index: 1;
}

.introduce-lp-attract ul li:nth-child(1)::after {
  background-image: url("../images/introduce/illust02.png");
  background-size: 165px 165px;
  height: 165px;
  width: 165px;
  bottom: -22px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li:nth-child(1)::after {
    background-size: 130px 130px;
    height: 130px;
    width: 130px;
  }
}

.introduce-lp-attract ul li:nth-child(2)::after {
  background-image: url("../images/introduce/illust03.png");
  background-size: 180px 190px;
  height: 190px;
  width: 180px;
  right: -25px;
  bottom: -28px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li:nth-child(2)::after {
    background-size: 135px 140px;
    height: 140px;
    right: -15px;
    width: 135px;
  }
}

.introduce-lp-attract ul li:nth-child(3)::after {
  background-image: url("../images/introduce/illust04.png");
  background-size: 145px 150px;
  height: 150px;
  width: 145px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li:nth-child(3)::after {
    background-size: 120px 135px;
    height: 135px;
    width: 120px;
  }
}

.introduce-lp-attract ul li h4 {
  background-color: #ededed;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-left: 145px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li h4 {
    font-size: 18px;
    height: 33px;
    line-height: 33px;
    padding-left: 90px;
  }
}

.introduce-lp-attract ul li h4 span {
  background-color: #f8941e;
  color: #fff;
  font-size: 21px;
  display: inline-block;
  height: 40px;
  line-height: 41px;
  left: 0;
  text-align: center;
  top: 0;
  position: absolute;
  width: 124px;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li h4 span {
    font-size: 16px;
    height: 33px;
    line-height: 34px;
    width: 76px;
  }
}

.introduce-lp-attract ul li .cont {
  padding: 38px 30px 40px;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li .cont {
    padding: 20px 15px 20px;
  }
}

.introduce-lp-attract ul li .cont p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li .cont p {
    font-size: 13px;
  }
}

.introduce-lp-attract ul li .cont p strong {
  font-size: 21px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li .cont p strong {
    font-size: 13px;
  }
}

.introduce-lp-attract ul li .cont p .ff-en {
  font-size: 39px;
  font-weight: bold;
  margin-left: 0.1em;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .introduce-lp-attract ul li .cont p .ff-en {
    font-size: 18px;
  }
}
body.en .introduce-lp-attract ul li:first-child .cont p ,
body.cn .introduce-lp-attract ul li:first-child .cont p ,
body.en .introduce-lp-attract ul li:first-child .cont p strong,
body.cn .introduce-lp-attract ul li:first-child .cont p strong,
body.en .introduce-lp-attract ul li:first-child .cont p .ff-en,
body.cn .introduce-lp-attract ul li:first-child .cont p .ff-en {
    font-size: 18px;
    color:#333;
    font-weight: 500;
    font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

.introduce-lp-attract .result {
  background-color: #fff;
  position: relative;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result {
    margin-bottom: 30px;
  }
}

.introduce-lp-attract .result .staff-img {
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: 3;
}

@media (max-width: 1024px) {
  .introduce-lp-attract .result .staff-img {
    width: 180px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .staff-img {
    left: 10px;
    width: 110px;
  }
}

.introduce-lp-attract .result h4 {
  background-color: #f8941e;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 8px;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result h4 {
    font-size: 18px;
  }
}

.introduce-lp-attract .result h4 span {
  display: inline-block;
  padding: 0 34px;
  position: relative;
  line-height: 1;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result h4 span {
    padding: 0 26px;
  }
}

.introduce-lp-attract .result h4 span::before, .introduce-lp-attract .result h4 span::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 14px 18px;
  position: absolute;
  bottom: 0;
  height: 18px;
  width: 14px;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result h4 span::before, .introduce-lp-attract .result h4 span::after {
    background-size: 12px 15px;
    height: 15px;
    width: 12px;
  }
}

.introduce-lp-attract .result h4 span::before {
  background-image: url("../images/introduce/txt_bg01.png");
  left: 0;
}

.introduce-lp-attract .result h4 span::after {
  background-image: url("../images/introduce/txt_bg02.png");
  right: 0;
}

.introduce-lp-attract .result .box {
  padding: 40px 40px 35px 310px;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media (max-width: 1024px) {
  .introduce-lp-attract .result .box {
    padding-left: 200px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .box {
    padding: 15px 15px 20px;
  }
}

.introduce-lp-attract .result .box p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .box p {
    text-align: left;
    padding-left: 110px;
    font-size: 16px;
    line-height: 1.6;
  }
}

@media (max-width: 767px) and (max-width: 340px) {
  .introduce-lp-attract .result .box p {
    font-size: 14px;
  }
}

.introduce-lp-attract .result .box p strong {
  color: #f58219;
  font-size: 32px;
  margin-left: 0.3em;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .box p strong {
    font-size: 24px;
    line-height: 1.1;
  }
}

@media (max-width: 767px) and (max-width: 340px) {
  .introduce-lp-attract .result .box p strong {
    font-size: 20px;
  }
}

.introduce-lp-attract .result .box p strong .ff-en {
  font-size: 39px;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .box p strong .ff-en {
    font-size: 29px;
  }
}

@media (max-width: 767px) and (max-width: 340px) {
  .introduce-lp-attract .result .box p strong .ff-en {
    font-size: 25px;
  }
}
body.en .introduce-lp-attract .result .box p strong,
body.cn .introduce-lp-attract .result .box p strong,
body.en .introduce-lp-attract .result .box p strong .ff-en,
body.cn .introduce-lp-attract .result .box p strong .ff-en {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-size: 30px;
}
.introduce-lp-attract .result .result-num {
  background: url("../images/introduce/box_bg01.png") left top no-repeat, url("../images/introduce/box_bg02.png") right top no-repeat, url("../images/introduce/box_bg03.png") left bottom no-repeat, url("../images/introduce/box_bg04.png") right bottom no-repeat;
  background-size: 45px 45px;
  padding: 20px 20px 30px;
  margin-bottom: 14px;
  color: #f58219;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .result-num {
    background-size: 30px 30px;
    font-size: 22px;
    padding: 20px 20px 20px;
    line-height: 1.4;
  }
  .introduce-lp-attract .result .result-num .sp-small {
    font-size: 18px;
  }
}

@media (max-width: 767px) and (max-width: 340px) {
  .introduce-lp-attract .result .result-num .sp-small {
    display: block;
  }
}

.introduce-lp-attract .result .result-num .ff-en {
  font-size: 60px;
  line-height: 1;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .result-num .ff-en {
    font-size: 40px;
  }
}
body.en .introduce-lp-attract .result .result-num .ff-en,
body.cn .introduce-lp-attract .result .result-num .ff-en {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-size: 32px;
}

.introduce-lp-attract .result .result-num small {
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin-top: 15px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .introduce-lp-attract .result .result-num small {
    font-size: 11px;
    text-align: left;
    margin-top: 5px;
  }
}

/* introduce ouronly
----------------------------------------------- */
@media (max-width: 767px) {
  .introduce-lp-ouronly .btn-area {
    margin-top: 30px;
  }
}

/* introduce support
----------------------------------------------- */
.introduce-lp-support {
  background-color: #f7f7f7;
  padding: 50px 0 80px;
}

@media (max-width: 767px) {
  .introduce-lp-support {
    padding: 30px 0 40px;
  }
}

.introduce-lp-support .introduce-lp-heading strong {
  font-size: 42px;
  color: #f58219;
}

@media (max-width: 767px) {
  .introduce-lp-support .introduce-lp-heading strong {
    font-size: 20px;
  }
}

.introduce-lp-support .introduce-lp-heading .tit-bg {
  background-color: #f7f7f7;
}

.introduce-lp-support .introduce-lp-heading img {
  margin: 0 0 12px 10px;
}

@media (max-width: 767px) {
  .introduce-lp-support .introduce-lp-heading img {
    margin: 0 0 5px 3px;
    width: 26px;
  }
}

.introduce-lp-support .block {
  background-color: #fff;
  padding: 65px 135px 50px;
  margin-bottom: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 1024px) {
  .introduce-lp-support .block {
    padding: 45px 55px 50px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-support .block {
    padding: 30px 12px 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
}

.introduce-lp-support .block h4 {
  font-size: 28px;
  color: #f58219;
  margin-bottom: 8px;
  position: relative;
}

@media (max-width: 767px) {
  .introduce-lp-support .block h4 {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .introduce-lp-support .block h4 + p {
    padding-left: 15px;
  }
}

.introduce-lp-support .block h4::after {
  content: "";
  border-style: solid;
  border-width: 24px 24px 0 0;
  border-color: #f58219 transparent transparent transparent;
  position: absolute;
  left: -30px;
  top: -14px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block h4::after {
    border-width: 12px 12px 0 0;
    left: 0;
  }
}

.introduce-lp-support .block p {
  font-size: 16px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block p {
    font-size: 14px;
  }
}

.introduce-lp-support .block .fw-bold {
  font-size: 18px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block .fw-bold {
    font-size: 14px;
  }
}

.introduce-lp-support .block.block-lifeplan .boxs {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-lifeplan .boxs {
    margin-bottom: 15px;
    display: block;
  }
}

.introduce-lp-support .block.block-lifeplan .boxs .box {
  background-color: #e3e3e3;
  margin-right: 4%;
  text-align: center;
  padding: 20px 12px 12px;
  width: 48%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-lifeplan .boxs .box {
    margin-right: auto;
    padding: 15px 6px 6px;
    margin-bottom: 10px;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
}

.introduce-lp-support .block.block-lifeplan .boxs .box h5 {
  font-size: 18px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-lifeplan .boxs .box h5 {
    font-size: 15px;
  }
}

.introduce-lp-support .block.block-lifeplan .boxs .box.right {
  background-color: #f58219;
  margin-right: auto;
}

.introduce-lp-support .block.block-lifeplan .boxs .box.right h5 {
  color: #fff;
}

.introduce-lp-support .block.block-lifeplan .boxs .box .box-inner {
  background-color: #fff;
  padding: 18px 25px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-lifeplan .boxs .box .box-inner {
    padding: 15px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
}

.introduce-lp-support .block.block-lifeplan .boxs .box .box-inner p {
  font-weight: bold;
  margin-bottom: 10px;
}

.introduce-lp-support .block.block-research .txt {
  padding-top: 1.5em;
  margin-bottom: 40px;
  width: 55%;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-research .txt {
    float: none;
    padding-top: 0;
    margin-bottom: 18px;
    width: auto;
  }
}

.introduce-lp-support .block.block-research .img {
  margin-bottom: 40px;
  width: 40%;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-research .img {
    float: none;
    margin-bottom: 26px;
    width: auto;
  }
}

.introduce-lp-support .block.block-research .imgs img {
  width: 49.5%;
}

@media (max-width: 767px) {
  .introduce-lp-support .block.block-research .imgs img {
    float: none;
    margin-bottom: 6px;
    width: 100%;
  }
}

.introduce-lp-support .mes {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .introduce-lp-support .mes {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/* introduce privilege
----------------------------------------------- */
@media (max-width: 767px) {
  .introduce-lp-privilege .container {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}

.introduce-lp-privilege .box {
  background: #f58219;
  background: linear-gradient(320deg, #f58219 0%, #f6ad18 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 32px 20px 20px;
}

@media (max-width: 767px) {
  .introduce-lp-privilege .box {
    padding: 25px 15px 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
}

.introduce-lp-privilege h3 {
  color: #fff;
  font-size: 42px;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .introduce-lp-privilege h3 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-privilege h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.introduce-lp-privilege h3 span {
  display: inline-block;
  padding: 0 43px;
  position: relative;
  line-height: 1;
}

@media (max-width: 1024px) {
  .introduce-lp-privilege h3 span {
    padding: 0 33px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-privilege h3 span {
    line-height: 1.4;
  }
}

.introduce-lp-privilege h3 span::before, .introduce-lp-privilege h3 span::after {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 29px 36px;
  position: absolute;
  bottom: 0;
  height: 36px;
  width: 29px;
}

@media (max-width: 1024px) {
  .introduce-lp-privilege h3 span::before, .introduce-lp-privilege h3 span::after {
    background-size: 20px 27px;
    height: 27px;
    width: 20px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-privilege h3 span::before, .introduce-lp-privilege h3 span::after {
    background-size: 16px 22px;
    height: 22px;
    width: 16px;
  }
}

.introduce-lp-privilege h3 span::before {
  background-image: url("../images/introduce/txt_bg01.png");
  left: 0;
}

.introduce-lp-privilege h3 span::after {
  background-image: url("../images/introduce/txt_bg02.png");
  right: 0;
}

.introduce-lp-privilege .box-inner {
  background-color: #fff;
  padding: 20px 90px 50px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}

@media (max-width: 1024px) {
  .introduce-lp-privilege .box-inner {
    padding: 20px 50px 50px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-privilege .box-inner {
    padding: 15px 15px 30px;
  }
}

.introduce-lp-privilege .box-inner ul {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .introduce-lp-privilege .box-inner ul {
    margin-bottom: 10px;
  }
}

.introduce-lp-privilege .box-inner ul li {
  border-bottom: 1px solid #e9aa72;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 30px 0 30px 105px;
  position: relative;
}

@media (max-width: 1024px) {
  .introduce-lp-privilege .box-inner ul li {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .introduce-lp-privilege .box-inner ul li {
    font-size: 16px;
    text-align: center;
    padding: 66px 15px 16px;
  }
}

.introduce-lp-privilege .box-inner ul li:last-child {
  border-bottom: none;
}

.introduce-lp-privilege .box-inner ul li img {
  position: absolute;
  left: 5px;
  top: 15px;
}

@media (max-width: 767px) {
  .introduce-lp-privilege .box-inner ul li img {
    left: 50%;
    margin-left: -23px;
    top: 12px;
    width: 46px;
  }
}

/* ==============================================
 52. Seminar
=============================================== */
/* seminar list
----------------------------------------------- */
.seminar-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .seminar-list {
    display: block;
  }
}

.seminar-list li {
  background-color: #fff;
  margin-right: 2.133%;
  position: relative;
  padding: 0 15px 66px;
  margin-bottom: 40px;
  width: 23.4%;
}

@media (max-width: 767px) {
  .seminar-list li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 290px;
    width: 100%;
  }
}

.seminar-list li:nth-child(4n) {
  margin-right: auto;
}

.seminar-list li .img {
  margin: 0 -15px 12px;
  position: relative;
}

.seminar-list li .img img {
  width: 100%;
}

.seminar-list li .title {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.6;
}

.seminar-list li .date {
  color: #808080;
  font-size: 13px;
  margin-top: 5px;
}

.seminar-list li .more-btn {
  border: 1px solid #2cb5a9;
  color: #2cb5a9;
  font-size: 14px;
  display: block;
  position: absolute;
  left: 5%;
  bottom: 18px;
  text-align: center;
  padding: 6px;
  width: 90%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .seminar-list li .more-btn {
    -webkit-transition: all 0.14s ease-out;
    -moz-transition: all 0.14s ease-out;
    -ms-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
  }
  .seminar-list li .more-btn:hover {
    border-color: #37d1be;
    color: #37d1be;
  }
}

.seminar-list li .more-btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

.seminar-list li .more-btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #2cb5a9;
  border-right: 1px solid #2cb5a9;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* seminar archive
----------------------------------------------- */
.seminar-archive .page-billboard {
  background-image: url("../images/seminar/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .seminar-archive .page-billboard {
    background-image: url("../images/seminar/billboard_sp.jpg");
  }
}

.seminar-archive .page-billboard--webinar {
  background-image: url("../images/seminar/billboard_web_pc.jpg");
}

@media (max-width: 767px) {
  .seminar-archive .page-billboard--webinar {
    background-image: url("../images/seminar/billboard_web_sp.jpg");
  }
  .seminar-archive .page-billboard--webinar .en img {
    width: 260px;
  }
}

.seminar-archive .seminar-entry {
  margin: 20px 0 50px;
}

@media (max-width: 767px) {
  .seminar-archive .seminar-entry {
    margin: 30px 0 0;
  }
}

.seminar-archive .seminar-entry .btn {
  font-size: 18px;
  padding: 30px 0;
  width: 100%;
}

@media (max-width: 767px) {
  .seminar-archive .seminar-entry .btn {
    font-size: 15px;
    padding: 22px 0;
  }
}

.seminar-archive .seminar-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 40px;
  margin-top: 30px;
}


@media (max-width: 767px) {
  .seminar-archive .seminar-links {
    margin-bottom: 25px;
  }
}

.seminar-archive .seminar-links a {
  background-color: #e6e6e6;
  color: #808080;
  font-size: 16px;
  text-align: center;
  padding: 20px 10px;
  font-weight: bold;
  display: block;
  position: relative;
  width: 50%;
}

@media (min-width: 1025px) {
  .seminar-archive .seminar-links a:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .seminar-archive .seminar-links a {
    font-size: 13px;
    padding: 15px 3px;
  }
}

.seminar-archive .seminar-links a.is-current {
  background-color: #fff;
  color: #333333;
  border: 1px solid #333333;
}

.seminar-archive .seminar-links a.is-current::after {
  content: "";
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: 10px;
}

@media (max-width: 767px) {
  .seminar-archive .seminar-links a.is-current::after {
    bottom: 5px;
  }
}
.seminar-archive .seminar-links a span {
  font-weight:normal;
  font-size: 13px;
}

/* ==============================================
 53. Seminar detail
=============================================== */
.seminar-detail {
  padding-top: 30px;
}

.seminar-detail .post-detail {
  background-color: #fff;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail {
    margin-bottom: 40px;
  }
}

.seminar-detail .post-detail .detail-header {
  background-color: #1ea5a1;
  color: #fff;
  padding: 40px 170px 40px 90px;
  position: relative;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-header {
    padding: 20px 40px 20px 20px;
  }
}

.seminar-detail .post-detail .detail-header img {
  right: 16px;
  top: 10px;
  position: absolute;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-header img {
    right: -30px;
    top: auto;
    bottom: -20px;
    width: 96px;
  }
}

.seminar-detail .post-detail .detail-header h2 {
  font-size: 26px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-header h2 {
    font-size: 18px;
    line-height: 1.6;
  }
}

.seminar-detail .post-detail .detail-header .date {
  font-weight: bold;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-header .date {
    font-size: 13px;
  }
}

.seminar-detail .post-detail .detail-contents {
  padding: 50px 90px 70px;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-contents {
    padding: 20px 20px 30px;
  }
}

.seminar-detail .post-detail .detail-contents p {
  line-height: 2;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-contents p {
    line-height: 1.8;
    margin-bottom: 26px;
  }
}

.seminar-detail .post-detail .detail-contents .btn-area {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-contents .btn-area {
    margin-top: 30px;
  }
}

.seminar-detail .post-detail .detail-contents .btn-area .btn {
  font-size: 18px;
  padding: 28px 0;
  width: 100%;
}

@media (max-width: 767px) {
  .seminar-detail .post-detail .detail-contents .btn-area .btn {
    font-size: 16px;
    padding: 16px 20px;
    line-height: 1.6;
    position: relative;
  }
  .seminar-detail .post-detail .detail-contents .btn-area .btn::after {
    right: 16px;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .seminar-detail .post-detail .detail-contents .btn-area .btn .btn-arrow::after {
    content: none;
  }
}

/* ==============================================
 54. Voice
=============================================== */
.voice-archive .page-billboard {
  background-image: url("../images/voice/billboard_pc.jpg");
  position:relative;
}

@media (max-width: 767px) {
  .voice-archive .page-billboard {
    background-image: url("../images/voice/billboard_sp.jpg");
  }
}

/* voice pickup
----------------------------------------------- */
.voice-pickup {
  position: relative;
}

@media (max-width: 767px) {
  .voice-pickup .btn-area {
    margin-top: 20px;
  }
}

.voice-pickup::before {
  content: "";
  background: #f58219 url("../images/voice/voice_tit_en.png") no-repeat 50% 12px/194px 92px;
  height: 290px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .voice-pickup::before {
    background-size: 150px 70px;
  }
}

.voice-pickup h2 {
  font-size: 24px;
  letter-spacing: 0.08em;
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 40px;
  z-index: 2;
}

@media (max-width: 767px) {
  .voice-pickup h2 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}

.voice-pickup .voice-pickup-count {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .voice-pickup .voice-pickup-count {
    position: static;
    top: auto;
    left: auto;
  }
}

.voice-pickup .voice-pickup-count .inner {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .voice-pickup .voice-pickup-count .inner {
    padding-right: 0;
  }
}

.voice-pickup .voice-pickup-count .count-block {
  float: right;
  position: relative;
  color: #fff;
  padding-top: 55px;
  width: 210px;
  text-align: center;
}

@media (max-width: 767px) {
  .voice-pickup .voice-pickup-count .count-block {
    text-align: center;
    padding-top: 0;
    float: none;
    margin-bottom: 20px;
    width: auto;
  }
}

.voice-pickup .voice-pickup-count .count-block::before {
  content: "";
  background-color: #f99a10;
  border: 7px solid #f6ad18;
  height: 210px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .voice-pickup .voice-pickup-count .count-block::before {
    content: none;
  }
}

.voice-pickup .voice-pickup-count .count-block > div {
  position: relative;
  line-height: 1;
  z-index: 1;
}

.voice-pickup .voice-pickup-count .count-block .all-count {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 0 24px 3px;
  position: relative;
}

.voice-pickup .voice-pickup-count .count-block .all-count::before, .voice-pickup .voice-pickup-count .count-block .all-count::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 14px 18px;
  content: "";
  height: 18px;
  position: absolute;
  width: 14px;
  bottom: 0;
}

.voice-pickup .voice-pickup-count .count-block .all-count::before {
  background-image: url("../images/voice/count_bg01.png");
  left: 0;
}

.voice-pickup .voice-pickup-count .count-block .all-count::after {
  background-image: url("../images/voice/count_bg02.png");
  right: 0;
}

.voice-pickup .voice-pickup-count .count-block .all-count .ff-en {
  font-size: 36px;
  font-weight: 500;
  margin: 0 4px;
}

.voice-pickup .voice-pickup-count .count-block .rating {
  font-weight: bold;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .voice-pickup .voice-pickup-count .count-block .rating {
    margin-top: 5px;
  }
}

.voice-pickup .voice-pickup-count .count-block .rating .ff-en {
  font-size: 24px;
  font-weight: 500;
  margin: 0 2px;
}

/* voice slider
----------------------------------------------- */
.voice-slider-wrap {
  left: 50%;
  top: 0;
  position: relative;
  margin-left: -1450px;
  width: 2900px;
  z-index: 3;
}

@media (max-width: 1279px) {
  .voice-slider-wrap {
    left: auto;
    top: auto;
    margin-left: auto;
    width: auto;
  }
}

.voice-slider {
  padding-bottom: 35px;
}

@media (max-width: 767px) {
  .voice-slider .voice-slider-controls {
    display: none;
  }
}

.voice-slider .swiper-scrollbar {
  display: none;
  height: 3px;
  left: 12%;
  width: 76%;
}

.voice-slider .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

@media (max-width: 767px) {
  .voice-slider .swiper-scrollbar {
    display: block;
    position: absolute;
  }
}

.voice-slider .voice-slider-controls {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
}

.voice-slider .swiper-button-prev, .voice-slider .swiper-button-next {
  background-size: 51px 51px;
  top: 40px;
  margin-top: auto;
  height: 51px;
  width: 51px;
}

.voice-slider .swiper-button-prev {
  background-image: url("../images/common/prev01.png");
  left: -24px;
}

@media (max-width: 1279px) {
  .voice-slider .swiper-button-prev {
    left: 10px;
  }
}

.voice-slider .swiper-button-next {
  background-image: url("../images/common/next01.png");
  right: -24px;
}

@media (max-width: 1279px) {
  .voice-slider .swiper-button-next {
    right: 10px;
  }
}

/* voice slider list
----------------------------------------------- */
.voice-slider-list li {
  margin-top:5px;
}
.voice-slider-list li a {
  display: block;
  position: relative;
}

.voice-slider-list li a .label-sell {
  position: absolute;
  top: -3px;
  left: 5px;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 767px) {
  .voice-slider-list li a .label-sell {
    top: -2px;
    width: 54px;
  }
}

.voice-slider-list li a:hover {
  color: #333333;
}

@media (min-width: 1025px) {
  .voice-slider-list li a:hover .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05, 1.05);
    transform: translate3d(0, 0, 0) scale(1.05, 1.05);
  }
}

.voice-slider-list li a:hover .thumbnail img {
  opacity: 1;
}

.voice-slider-list li .thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio:4/3;
}

.voice-slider-list li .thumbnail > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -50%;
  right: -50%;
}

@media (min-width: 1025px) {
  .voice-slider-list li .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  }
}

.voice-slider-list li .cont {
  padding-top: 10px;
  position: relative;
  z-index: 1;
}

.voice-slider-list li .cont .rating {
  position: absolute;
  right: 0;
  top: 6px;
}

.voice-slider-list li .cont .rating img {
  width: 80px;
}

.voice-slider-list li .cont .date {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 13px;
  display: block;
  margin-bottom: 3px;
}

.voice-slider-list li .cont .name {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .voice-slider-list li .cont .name {
    font-size: 16px;
  }
}

.voice-slider-list li .cont .excerpt {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
}

/* voice list
----------------------------------------------- */
.voice-list {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .voice-list {
    max-width: 290px;
    margin: 35px auto 0;
  }
}

.voice-list li {
  margin-bottom: 50px;
  margin-right: 5%;
  width: 30%;
}

.voice-list li:nth-child(3n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .voice-list li {
    margin-bottom: 40px;
    margin-right: auto;
    width: 100%;
  }
  .voice-list li:last-child {
    margin-bottom: 0;
  }
}

.voice-list li .thumbnail {
  text-align: center;
  aspect-ratio: 4/3;
  position:relative;
}
.voice-list li .thumbnail > img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -50%;
    right: -50%;
}

.voice-list li .cont {
  padding-top: 10px;
  position: relative;
  z-index: 1;
}

.voice-list li .cont .rating {
  position: absolute;
  right: 0;
  top: 7px;
}

.voice-list li .cont .rating img {
  width: 90px;
}

.voice-list li .cont .date {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
}

.voice-list li .cont .name {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .voice-list li .cont .name {
    font-size: 16px;
  }
}

.voice-list li .cont .excerpt {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
}

.voice-archive .voice-archive-count {
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count {
    top: 65%;
  }
}

.voice-archive .voice-archive-count .inner {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .inner {
    padding-right: 0;
  }
}

.voice-archive .voice-archive-count .count-block {
  float: right;
  position: relative;
  color: #fff;
  padding-top: 55px;
  width: 210px;
  text-align: center;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block {
    text-align: center;
    padding-top: 0;
    float: none;
    margin-bottom: 20px;
    width: auto;
  }
}

.voice-archive .voice-archive-count .count-block::before {
  content: "";
  background-color: #f99a10;
  border: 7px solid #f6ad18;
  height: 210px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block::before {
    content: none;
  }
}

.voice-archive .voice-archive-count .count-block > div {
  position: relative;
  line-height: 1;
  z-index: 1;
}

.voice-archive .voice-archive-count .count-block .all-count {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  padding: 0 24px 3px;
  position: relative;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block .all-count {
    font-size: 16px;
  }
}

.voice-archive .voice-archive-count .count-block .all-count::before, .voice-archive .voice-archive-count .count-block .all-count::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 14px 18px;
  content: "";
  height: 18px;
  position: absolute;
  width: 14px;
  bottom: 0;
}

.voice-archive .voice-archive-count .count-block .all-count::before {
  background-image: url("../images/voice/count_bg01.png");
  left: 0;
}

.voice-archive .voice-archive-count .count-block .all-count::after {
  background-image: url("../images/voice/count_bg02.png");
  right: 0;
}

.voice-archive .voice-archive-count .count-block .all-count .ff-en {
  font-size: 36px;
  font-weight: 500;
  margin: 0 4px;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block .all-count .ff-en {
    font-size: 26px;
  }
}

.voice-archive .voice-archive-count .count-block .rating {
  font-weight: bold;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block .rating {
    margin-top: 5px;
    font-size: 16px;
  }
}

.voice-archive .voice-archive-count .count-block .rating .ff-en {
  font-size: 24px;
  font-weight: 500;
  margin: 0 2px;
}

@media (max-width: 767px) {
  .voice-archive .voice-archive-count .count-block .rating .ff-en {
    font-size: 20px;
  }
}

/* Add 20210611 */
.voice-list li a {
  display: block;
  position: relative;
}

.voice-list li a .label-sell {
  position: absolute;
  top: -3px;
  left: 5px;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 767px) {
  .voice-list li a .label-sell {
    top: -2px;
    width: 54px;
  }
}

@media (max-width: 767px) {
  .voice-archive-sort {
    margin-top: 30px;
  }
}

.voice-archive-sort ul {
  border-bottom: 2px solid #f58219;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.voice-archive-sort ul li {
  position: relative;
  margin-right: 0.5%;
  width: 33%;
}

.voice-archive-sort ul li:last-child {
  margin-right: auto;
}

.voice-archive-sort ul li:last-child::after {
  content: none;
}

.voice-archive-sort ul li a {
  border: 2px solid #f5f5f5;
  background-color: #f5f5f5;
  display: block;
  font-weight: bold;
  padding: 17px 10px 15px;
  text-align: center;
  position: relative;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.voice-archive-sort ul li a br {
  display: none;
}

@media (max-width: 767px) {
  .voice-archive-sort ul li a {
    font-size: 13px;
    padding: 13px 5px 10px;
    line-height: 1.4;
  }
  .voice-archive-sort ul li a br {
    display: block;
  }
}

.voice-archive-sort ul li a.is-current {
  border: 2px solid #f58219;
  background-color: #fff;
  color: #f58219;
}

.voice-archive-sort ul li a.is-current::before {
  background-color: #fff;
  content: "";
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  z-index: 1;
}

/* ==============================================
 55. Voice detail
=============================================== */
.voice-detail .page-billboard {
  background-color: #f7f7f7;
  color: #333333;
  padding-top: 20px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .voice-detail .page-billboard {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}

.voice-detail .voice-article {
  position: relative;
}

.voice-detail .voice-article::after {
  background-color: #f7f7f7;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 540px;
  width: 100%;
}

@media (max-width: 767px) {
  .voice-detail .voice-article::after {
    height: 200px;
  }
}

.voice-detail .voice-article .post-header {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  z-index: 2;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-header {
    padding-bottom: 25px;
    margin-bottom: 0;
  }
}

.voice-detail .voice-article .post-header .title-wrap {
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-header .title-wrap {
    position: static;
    padding-right: 0;
  }
}

.voice-detail .voice-article .post-header .post-title {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-header .post-title {
    font-size: 16px;
  }
}

.voice-detail .voice-article .post-header .post-title small {
  font-size: 15px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-header .post-title small {
    font-size: 13px;
  }
}

.voice-detail .voice-article .post-header .rating {
  color: #f58219;
  line-height: 1;
  margin-top: 6px;
}

.voice-detail .voice-article .post-header .rating img {
  width: 105px;
  vertical-align: bottom;
}

.voice-detail .voice-article .post-header .rating .rating-num {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  margin-left: 0.2em;
  position: relative;
  top: 2px;
  vertical-align: bottom;
}

.voice-detail .voice-article .post-header .rating .rating-num small {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-size: 14px;
  font-weight: bold;
  margin-left: 1px;
  position: relative;
  top: -1px;
}
body.en .voice-detail .voice-article .post-header .rating .rating-num,
body.cn .voice-detail .voice-article .post-header .rating .rating-num,
body.en .voice-detail .voice-article .post-header .rating .rating-num small,
body.cn .voice-detail .voice-article .post-header .rating .rating-num small {
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-size: 20px;
  font-weight: bold;
  margin-left: 0;
  position: relative;
  top: 0;
}

.voice-detail .voice-article .post-contents {
  position: relative;
  margin-bottom: 80px;
  z-index: 1;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents {
    margin-bottom: 40px;
  }
}

.voice-detail .voice-article .post-contents .main-comment h2 {
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .main-comment h2 {
    font-size: 18px;
    margin-bottom: 28px;
  }
}

.voice-detail .voice-article .post-contents .main-comment h3 {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 40px;
  position: relative;
  padding-left: 0.8em;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .main-comment h3 {
    margin-top: 28px;
  }
}

.voice-detail .voice-article .post-contents .main-comment h3::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.voice-detail .voice-article .post-contents .staff-comment {
  border: 1px solid #e0e0e0;
  padding: 30px 50px 50px;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment {
    padding: 22px 20px 30px;
    margin-top: 40px;
  }
}

.voice-detail .voice-article .post-contents .staff-comment h3 {
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment h3 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.voice-detail .voice-article .post-contents .staff-comment .txt {
  margin-bottom: 20px;
  float: left;
  width: 70%;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment .txt {
    float: none;
    width: auto;
  }
}

.voice-detail .voice-article .post-contents .staff-comment .img {
  padding-top: 8px;
  margin-bottom: 20px;
  float: right;
  width: 25%;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment .img {
    float: none;
    padding-top: 0;
    text-align: center;
    width: auto;
  }
}

.voice-detail .voice-article .post-contents .staff-comment .img img {
  margin-bottom: 14px;
}

.voice-detail .voice-article .post-contents .staff-comment .img .name {
  font-weight: bold;
}

.voice-detail .voice-article .post-contents .staff-comment .img .name .position {
  font-size: 13px;
  font-weight: normal;
}

.voice-detail .voice-article .post-contents .staff-comment .btn-area {
  clear: both;
}

.voice-detail .voice-article .post-contents .staff-comment .btn-area .btn {
  background-color: #f7f7f7;
  width: 480px;
  -webkit-box-shadow: 0 3px 0 #e6e6e6;
  -moz-box-shadow: 0 3px 0 #e6e6e6;
  -ms-box-shadow: 0 3px 0 #e6e6e6;
  box-shadow: 0 3px 0 #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment .btn-area .btn {
    font-size: 16px;
    padding: 16px;
    line-height: 1.6;
    position: relative;
    width: 100%;
  }
  .voice-detail .voice-article .post-contents .staff-comment .btn-area .btn::after {
    right: 15px;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.voice-detail .voice-article .post-contents .staff-comment .btn-area .btn .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 12px;
  z-index: 1;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment .btn-area .btn .btn-arrow {
    padding-right: 0;
  }
}

.voice-detail .voice-article .post-contents .staff-comment .btn-area .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-contents .staff-comment .btn-area .btn .btn-arrow::after {
    content: none;
  }
}

.voice-detail .voice-article .post-thumbnail {
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-thumbnail {
    margin-bottom: 20px;
  }
}

.voice-detail .voice-article .post-data {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data {
    padding-bottom: 74px;
    margin-bottom: 24px;
    position: relative;
  }
}

.voice-detail .voice-article .post-data dl {
  display: inline-block;
  margin-right: 3em;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data dl {
    clear: both;
    display: block;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.voice-detail .voice-article .post-data dl:last-child {
  margin-right: auto;
}

.voice-detail .voice-article .post-data dl dt {
  float: left;
  margin-right: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data dl dt {
    margin-right: auto;
  }
}

.voice-detail .voice-article .post-data dl dt::after {
  background-color: #cccccc;
  content: "";
  height: 1px;
  position: absolute;
  right: -23px;
  top: 11px;
  width: 20px;
  -webkit-transform: rotate(-55deg);
  -moz-transform: rotate(-55deg);
  -ms-transform: rotate(-55deg);
  -o-transform: rotate(-55deg);
  transform: rotate(-55deg);
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data dl dt::after {
    content: none;
  }
}

.voice-detail .voice-article .post-data dl dd {
  float: left;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data dl dd {
    float: none;
    margin-left: 4.5em;
  }
}

.voice-detail .voice-article .post-data dl dd a {
  border: 1px solid #cccccc;
  display: inline;
  font-size: 14px;
  padding: 8px 14px;
  margin-left: 1em;
  vertical-align: top;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

@media (max-width: 767px) {
  .voice-detail .voice-article .post-data dl dd a {
    display: block;
    text-align: center;
    margin-left: auto;
    position: absolute;
    left: 50%;
    padding: 6px 0px;
    margin-left: -120px;
    bottom: 30px;
    width: 240px;
  }
}

.voice-detail .voice-article .post-data dl dd a .btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  z-index: 1;
}

.voice-detail .voice-article .post-data dl dd a .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ==============================================
 56. Shop
=============================================== */
.shop-detail .shop-detail-top {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top {
    margin-bottom: 30px;
  }
}

.shop-detail .shop-detail-top h2 {
  border-bottom: 1px solid #e0e0e0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 24px;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top h2 {
    font-size: 22px;
    padding-bottom: 12px;
    margin-bottom: 25px;
  }
}

.shop-detail .shop-detail-top h2 .title-line {
  display: inline-block;
  position: relative;
}

.shop-detail .shop-detail-top h2 .title-line::after {
  background-color: #f58219;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  bottom: -25px;
  width: 100%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top h2 .title-line::after {
    bottom: -13px;
  }
}

.shop-detail .shop-detail-top h2 .title-line span {
  margin-right: 0.2em;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top h2 .title-line span {
    margin-right: auto;
    display: block;
    font-size: 16px;
  }
}

.shop-detail .shop-detail-top .main-contents {
  float: left;
  width: 72%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents {
    float: none;
    width: auto;
  }
}

.shop-detail .shop-detail-top .main-contents .shop-thumbnail {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents .shop-thumbnail {
    margin-bottom: 20px;
  }
}

.shop-detail .shop-detail-top .main-contents .shop-thumbnail img {
  width: 100%;
}

.shop-detail .shop-detail-top .main-contents .catch {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.9;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents .catch {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 12px;
  }
}

.shop-detail .shop-detail-top .main-contents table {
  margin-top: 40px;
  margin-bottom: 50px;
  width: 100%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents table {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}

.shop-detail .shop-detail-top .main-contents table th {
  border-bottom: 1px solid #fff;
  background-color: #efefef;
  text-align:left;
  padding:20px 0px 20px 28px;
  width: 13%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents table th {
    display: block;
    padding: 8px 15px;
    width: 100%;
  }
}

.shop-detail .shop-detail-top .main-contents table td {
  border-bottom: 1px solid #fff;
  background-color: #f9f9f9;
  text-align: left;
  padding: 20px 20px;
  width: 38%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents table td {
    display: block;
    padding: 12px 15px;
    width: 100%;
  }
}

.shop-detail .shop-detail-top .main-contents table td[colspan="3"] {
  width: 88%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents table td[colspan="3"] {
    width: 100%;
  }
}

.shop-detail .shop-detail-top .main-contents table td .freedial a {
  background: url("../images/common/icon_freedial01.png") no-repeat 0 60%/26px 15px;
  color: #f58219;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding-left: 32px;
}

.shop-detail .shop-detail-top .main-contents .shop-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.shop-detail .shop-detail-top .main-contents .shop-imgs li {
  margin-bottom: 20px;
  margin-right: 2%;
  width: 32%;
}

.shop-detail .shop-detail-top .main-contents .shop-imgs li:nth-child(3n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .main-contents .shop-imgs li {
    margin-bottom: 12px;
  }
}

.shop-detail .shop-detail-top .shop-links {
  float: right;
  width: 24%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-top .shop-links {
    display: none;
  }
}

.shop-detail .shop-detail-top .shop-links h3 {
  background-color: #efefef;
  font-size: 17px;
  padding: 16px 20px;
}

.shop-detail .shop-detail-top .shop-links ul li {
  border-bottom: 1px solid #e0e0e0;
}

.shop-detail .shop-detail-top .shop-links ul li a {
  background-color: #f9f9f9;
  display: block;
  padding: 18px 20px;
  position: relative;
}

@media (min-width: 1025px) {
  .shop-detail .shop-detail-top .shop-links ul li a:hover {
    opacity: 0.8;
  }
}

.shop-detail .shop-detail-top .shop-links ul li a::after {
  right: 15px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shop-detail .shop-detail-top .raiten_btn {
  margin-top:10px;
  text-align: center;
}
.shop-detail .shop-detail-top .raiten_btn a{
  color:#FFFFFF;
  background-color: #FF9900;
  font-size: 30px;
  border-radius: 50px;
  display: inline-block;
  width: 600px;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .shop-detail .shop-detail-top .raiten_btn a:hover{
    opacity: 0.7;
  }
}
@media (max-width: 767px) {
  .shop-detail .shop-detail-top .raiten_btn a{
    font-size: 20px;
    width: 90%;
  }
}
.shop-detail .shop-detail-access {
  background-color: #f9f9f9;
  padding: 70px 0;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access {
    padding: 40px 0;
    margin-bottom: 40px;
  }
}

.shop-detail .shop-detail-access .access-map {
  float: left;
  width: 64%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map {
    float: none;
    margin-bottom: 40px;
    width: auto;
  }
}

.shop-detail .shop-detail-access .access-map .map img {
  width: 100%;
}
.shop-detail .shop-detail-access .access-map .map iframe {
  width: 100%;
  height: 614px;
}

.shop-detail .shop-detail-access .access-map .mes {
  background-color: #fff;
  padding: 12px 20px 10px;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map .mes {
    padding: 12px 15px 10px;
    margin-bottom: 20px;
  }
  .shop-detail .shop-detail-access .access-map .map iframe {
    height: 300px;
  }
}

.shop-detail .shop-detail-access .access-map .mes .link-gmap {
  text-align: right;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map .mes .link-gmap {
    font-size: 13px;
  }
}

.shop-detail .shop-detail-access .access-map .mes .link-gmap a {
  background: url("../images/common/icon_arrow01.png") no-repeat 0 0/16px 16px;
  padding-left: 23px;
  padding-top: 1px;
  padding-bottom: 3px;
}

@media (min-width: 1025px) {
  .shop-detail .shop-detail-access .access-map .mes .link-gmap a:hover {
    color: #333333;
    text-decoration: underline;
  }
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map .mes .link-gmap a {
    background-size: 13px 13px;
    padding-left: 20px;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map .mes img {
    width: 260px;
  }
}

.shop-detail .shop-detail-access .access-map .map-print .btn {
  background-color: #666666;
  font-size: 17px;
  font-weight: normal;
  padding: 22px;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.shop-detail .shop-detail-access .access-map .map-print .btn .btn-icon {
  background: url("../images/common/icon_print01.png") no-repeat 0 50%/24px 24px;
  padding: 3px 0 3px 35px;
}

@media (min-width: 1025px) {
  .shop-detail .shop-detail-access .access-map .map-print .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-map .map-print .btn {
    font-size: 15px;
  }
  .shop-detail .shop-detail-access .access-map .map-print .btn .btn-icon {
    background-size: 20px 20px;
    padding-left: 30px;
  }
}

.shop-detail .shop-detail-access .access-course {
  float: right;
  width: 32%;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-course {
    float: none;
    width: auto;
  }
}

.shop-detail .shop-detail-access .access-course h4 {
  background-color: #efefef;
  font-size: 17px;
  padding: 15px 20px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-access .access-course h4 {
    font-size: 16px;
    padding: 8px 15px;
  }
}

.shop-detail .shop-detail-access .access-course ol {
  list-style-type: none;
  counter-reset: item;
}

.shop-detail .shop-detail-access .access-course ol li {
  background-color: #fff;
  margin-bottom: 1px;
  padding: 15px;
  position: relative;
}

.shop-detail .shop-detail-access .access-course ol li::before {
  background-color: #4d4d4d;
  counter-increment: item;
  content: counter(item);
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  z-index: 1;
}

.shop-detail .shop-detail-access .access-course ol li .img {
  float: left;
  width: 29%;
}

.shop-detail .shop-detail-access .access-course ol li .img img {
  width: 100%;
}

.shop-detail .shop-detail-access .access-course ol li .txt {
  float: right;
  width: 66%;
}

.shop-detail .shop-detail-staff {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .shop-detail .shop-detail-staff {
    margin-bottom: 40px;
  }
}

.shop-detail.shop-detail-print .inner {
  max-width: 780px;
}

.shop-detail.shop-detail-print .shop-detail-top h2 {
  padding-top: 0;
}

.shop-detail.shop-detail-print .shop-detail-top .main-contents {
  float: none;
  width: auto;
}

.shop-detail.shop-detail-print .shop-detail-top .main-contents table {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}

.shop-detail.shop-detail-print .shop-detail-top .main-contents table th {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.shop-detail.shop-detail-print .shop-detail-top .main-contents table td {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.shop-detail.shop-detail-print .shop-detail-top .main-contents table td .freedial a {
  padding-left: 0;
  background: none;
}

.shop-detail.shop-detail-print .shop-detail-top .btn {
  background-color: #666666;
  font-size: 16px;
  font-weight: normal;
  padding: 16px;
  margin-bottom: 40px;
  width: 340px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.shop-detail.shop-detail-print .shop-detail-top .btn .btn-icon {
  background: url("../images/common/icon_print01.png") no-repeat 0 50%/22px 22px;
  padding: 3px 0 3px 35px;
}

@media (min-width: 1025px) {
  .shop-detail.shop-detail-print .shop-detail-top .btn:hover {
    opacity: 0.8;
  }
}

@media (max-width: 767px) {
  .shop-detail.shop-detail-print .shop-detail-top .btn {
    font-size: 15px;
  }
  .shop-detail.shop-detail-print .shop-detail-top .btn .btn-icon {
    background-size: 20px 20px;
    padding-left: 30px;
  }
}

.shop-detail.shop-detail-print .shop-detail-access .access-map {
  float: none;
  margin-bottom: 30px;
  width: auto;
}

.shop-detail.shop-detail-print .shop-detail-access .access-map .mes {
  padding-top: 25px;
}

.shop-detail.shop-detail-print .shop-detail-access .access-course {
  float: none;
  width: auto;
}

.shop-detail.shop-detail-print .shop-detail-access .access-course ol li {
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0;
}

/* ==============================================
 57. Staff
=============================================== */
/* staff list
----------------------------------------------- */
.staff-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.staff-list li {
  margin-bottom: 50px;
  margin-right: 2.666%;
  width: 23%;
}

.staff-list li:nth-child(4n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .staff-list li {
    margin-bottom: 25px;
    margin-right: 4%;
    width: 48%;
  }
  .staff-list li:nth-child(even) {
    margin-right: auto;
  }
}

.staff-list li .img {
  text-align: center;
  margin-bottom: 10px;
  position:relative;
}

.staff-list li .name {
  font-size: 17px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .staff-list li .name {
    font-size: 15px;
  }
}

.staff-list li .name small {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .staff-list li .name small {
    font-size: 12px;
  }
}
.staff-list li .license{
    position:absolute;
    bottom:3px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
    width:90%;
}
.staff-list li .license span{
    display:inline-block;
    margin-right:3px;
    background-color:#666666;
    color:#FFFFFF;
    padding:0 5px;   
    font-size: 12px;
}

@media (max-width: 767px) {
  .staff-list li .license span{
  }
}

/* staff archive
----------------------------------------------- */
.staff-archive .page-billboard {
  background-image: url("../images/staff/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .staff-archive .page-billboard {
    background-image: url("../images/staff/billboard_sp.jpg");
  }
}
.staff-archive p.group {
  border-bottom: 1px solid #e0e0e0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  padding-bottom: 24px;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .staff-archive p.group {
    font-size: 22px;
    padding-bottom: 12px;
    margin-bottom: 25px;
  }
}

.staff-archive p.group .title-line {
  display: inline-block;
  position: relative;
}

.staff-archive p.group .title-line::after {
  background-color: #f58219;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  bottom: -25px;
  width: 100%;
}

@media (max-width: 767px) {
  .staff-archive p.group .title-line::after {
    bottom: -13px;
  }
}

.staff-archive p.group .title-line span {
  margin-right: 0.2em;
}

@media (max-width: 767px) {
  .staff-archive p.group .title-line span {
    margin-right: auto;
    display: block;
    font-size: 16px;
  }
}


/* staff detail
----------------------------------------------- */
.staff-detail .staff-detail-billboard {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard {
    margin-bottom: 30px;
  }
}

.staff-detail .staff-detail-billboard .billboard-img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 520px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .billboard-img {
    height: 260px;
  }
}

.staff-detail .staff-detail-billboard .container {
  margin-top: -150px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .container {
    margin-top: -105px;
  }
}

.staff-detail .staff-detail-billboard .staff-data {
  display: table;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data {
    display: block;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-name {
  background-color: #333333;
  display: table-cell;
  color: #fff;
  padding: 38px 46px 38px 40px;
  text-align: left;
  position: relative;
  width: 290px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-name {
    display: inline-block;
    padding: 22px 25px;
    margin-bottom: 25px;
    width: auto;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-name::before {
  background-color: #f58219;
  content: "";
  height: 6px;
  left: 40px;
  top: 0;
  position: absolute;
  width: 40px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-name::before {
    height: 4px;
    width: 30px;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-name .position {
  font-size: 14px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-name .position {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-name .name {
  letter-spacing: 0.16em;
  font-size: 28px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-name .name {
    font-size: 24px;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-name .name small {
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
  letter-spacing: 0.14em;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-name .name small {
    font-size: 12px;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-skill {
  background-color: rgba(255, 255, 255, 0.85);
  display: table-cell;
  padding: 36px 35px;
  position: relative;
  width: auto;
  vertical-align: top;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-skill {
    border-bottom: 1px solid #dddddd;
    display: block;
    padding: 0 0 20px;
    width: 100%;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-skill::after {
  content: "";
  border-style: solid;
  border-width: 0 0 60px 135px;
  border-color: transparent transparent #f2f2f2 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-skill::after {
    content: none;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-skill dt {
  margin-bottom: 16px;
  line-height: 1;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-skill dt {
    background-color: #f2f2f2;
    padding: 8px;
    text-align: center;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-skill dt span {
  display: inline-block;
  padding: 6px 2px;
  border-top: 2px solid #333333;
  border-bottom: 2px solid #333333;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-billboard .staff-data .staff-skill dt span {
    padding: 0;
    border-top: none;
    border-bottom: none;
  }
}

.staff-detail .staff-detail-billboard .staff-data .staff-skill dd {
  margin-bottom: 7px;
  /*padding-left: 17px;*/
  position: relative;
  z-index: 1;
}
/*
.staff-detail .staff-detail-billboard .staff-data .staff-skill dd::before {
  background-color: #f58219;
  content: "";
  height: 8px;
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
}
*/
.staff-detail .staff-detail-message {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-message {
    margin-bottom: 40px;
  }
}

.staff-detail .staff-detail-message .inner {
  max-width: 980px;
}

.staff-detail .staff-detail-message h3 {
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-message h3 {
    font-size: 20px;
    margin-bottom: 14px;
  }
}

.staff-detail .staff-detail-message h3::before {
  background-color: #333333;
  content: "";
  position: absolute;
  left: -80px;
  top: 20px;
  height: 2px;
  width: 50px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-message h3::before {
    content: none;
  }
}

.staff-detail .staff-detail-voice {
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-voice {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

.staff-detail .staff-detail-voice::before {
  background-color: #f7f7f7;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 75%;
  width: 100%;
}

.staff-detail .staff-detail-voice .staff-voice-slider {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-voice .staff-voice-slider {
    margin-bottom: 30px;
  }
}

.staff-detail .staff-detail-voice .swiper-scrollbar {
  display: block;
  position: absolute;
  height: 3px;
  left: 12%;
  width: 76%;
}

.staff-detail .staff-detail-voice .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

.staff-detail .staff-detail-voice .voice-slide-list {
  max-width: 1140px;
  margin: 0 auto;
}

.staff-detail .staff-detail-voice .voice-slide-list li {
  margin-bottom: 50px;
  margin-right: 5%;
  width: 30%;
  flex-shrink: 1;
  margin-top:5px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-voice .voice-slide-list li {
    flex-shrink: 0;
    margin-bottom: 30px;
  }
}

.staff-detail .staff-detail-voice .voice-slide-list li:nth-child(3n) {
  margin-right: auto;
}

.staff-detail .staff-detail-voice .voice-slide-list li .thumbnail {
  text-align: center;
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont {
  padding-top: 10px;
  position: relative;
  z-index: 1;
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont .rating {
  position: absolute;
  right: 0;
  top: 7px;
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont .rating img {
  width: 90px;
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont .date {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 13px;
  display: block;
  margin-bottom: 2px;
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont .name {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-voice .voice-slide-list li .cont .name {
    font-size: 16px;
  }
}

.staff-detail .staff-detail-voice .voice-slide-list li .cont .excerpt {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
}
.staff-detail .staff-detail-voice .voice-slide-list li a {
  display: block;
  position: relative;
}

.staff-detail .staff-detail-voice .voice-slide-list li a .label-sell {
  position: absolute;
  top: -3px;
  left: 5px;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 767px) {
  .staff-detail .staff-detail-voice .voice-slide-list li a .label-sell {
    top: -2px;
    width: 54px;
  }
}

/* ==============================================
 60. Article
=============================================== */
/* post detail
----------------------------------------------- */
.post-detail .post-header {
  background-color: #f7f7f7;
  padding: 40px 0 35px;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .post-detail .post-header {
    margin-bottom: 30px;
    padding: 25px 0 20px;
  }
}

.post-detail .post-header .post-meta {
  margin-bottom: 7px;
}

.post-detail .post-header .post-date {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.02em;
  font-weight: 500;
  margin-right: 13px;
}

.post-detail .post-header .new-icon {
  background-color: #fff;
  border: 1px solid #bf1320;
  color: #bf1320;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 8px;
  line-height: 1.5;
  margin-right: 12px;
  vertical-align: middle;
}

.post-detail .post-header .post-title {
  font-size: 22px;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .post-detail .post-header .post-title {
    font-size: 18px;
  }
}

.post-detail .post-contents {
  margin-bottom: 80px;
}

.post-detail .post-contents::after {
  content: "";
  display: block;
  clear: both;
}

@media (max-width: 767px) {
  .post-detail .post-contents {
    margin-bottom: 60px;
  }
}

.post-detail .post-contents h1 {
  clear: both;
  font-size: 22px;
  margin: 50px 0 30px;
  padding: 0;
}

@media (max-width: 767px) {
  .post-detail .post-contents h1 {
    font-size: 18px;
    margin: 40px 0 20px;
  }
}

.post-detail .post-contents h2 {
  clear: both;
  border-left: 5px solid #f58219;
  font-size: 20px;
  margin: 50px 0 30px;
  padding: 3px 0 3px 20px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .post-detail .post-contents h2 {
    font-size: 18px;
    margin: 40px 0 20px;
    padding: 5px 0 5px 15px;
  }
}

.post-detail .post-contents h3 {
  border-bottom: 2px solid #f58219;
  clear: both;
  font-size: 18px;
  margin: 40px 0 12px;
  padding: 0 0 7px;
}

@media (max-width: 767px) {
  .post-detail .post-contents h3 {
    font-size: 16px;
    margin: 30px 0 13px;
  }
}

.post-detail .post-contents h3 + h5 {
  margin-top: 25px;
}

.post-detail .post-contents h4 {
  border-bottom: 1px dashed #e2e2e2;
  clear: both;
  font-size: 18px;
  padding: 0 0 8px;
  margin: 40px 0 15px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .post-detail .post-contents h4 {
    font-size: 16px;
    margin: 30px 0 13px;
  }
}

.post-detail .post-contents h4 + h5 {
  margin-top: 25px;
}

.post-detail .post-contents h5 {
  clear: both;
  font-size: 16px;
  padding: 0 0 0 20px;
  margin: 30px 0 10px;
  position: relative;
  line-height: 1.5;
}

.post-detail .post-contents h5::before {
  content: "";
  border: 2px solid #f58219;
  height: 12px;
  left: 0;
  top: 7px;
  position: absolute;
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .post-detail .post-contents h5 {
    font-size: 16px;
    margin: 30px 0 10px;
  }
  .post-detail .post-contents h5::before {
    top: 6px;
  }
}

.post-detail .post-contents h6 {
  clear: both;
  font-size: 16px;
  margin: 30px 0 10px;
  position: relative;
  line-height: 1.5;
}

.post-detail .post-contents .ff-serif {
  font-size: 190%;
}

@media (max-width: 767px) {
  .post-detail .post-contents .ff-serif {
    font-size: 130%;
    line-height: 1.7;
  }
}

.post-detail .post-contents .fl-left {
  margin-right: 24px;
  margin-bottom: 26px;
}

@media (max-width: 767px) {
  .post-detail .post-contents .fl-left {
    float: none;
    margin-right: auto;
    margin-bottom: 22px;
  }
}

.post-detail .post-contents .fl-right {
  margin-left: 24px;
  margin-bottom: 26px;
}

@media (max-width: 767px) {
  .post-detail .post-contents .fl-right {
    float: none;
    margin-left: auto;
    margin-bottom: 22px;
  }
}

.post-detail .post-contents img.fl-left, .post-detail .post-contents img.fl-right {
  display: block;
  margin: 0 auto 22px;
  clear: both;
}

/* ==============================================
 61. News
=============================================== */
/* news list
----------------------------------------------- */
.news-list {
  max-width: 840px;
  margin: 0 auto;
}

.news-list li {
  border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 767px) {
  .news-list li {
    padding: 14px 0;
  }
}

.news-list li a {
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .news-list li a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }
}

.news-list li a .date {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: block;
  width: 8em;
}

@media (max-width: 767px) {
  .news-list li a .date {
    width: auto;
    margin-right: 10px;
  }
  .news-list li a .title {
    padding-top: 4px;
    line-height: 1.6;
    width: 100%;
  }
}

.news-list li a .new-icon {
  border: 1px solid #bf1320;
  color: #bf1320;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 8px;
  line-height: 1.5;
  margin-right: 14px;
}
@media (min-width: 768px) {
  .news-list li a .title {
    width:45em;
  }
}

@media (max-width: 767px) {
  .news-list li a .title .new-icon {
    position: absolute;
    top: 0;
    font-size: 12px;
    left: 7em;
    margin-right: 0;
  }
}

/* ==============================================
 62. Media
=============================================== */
/* media list
----------------------------------------------- */
.media-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .media-list {
    max-width: 290px;
    margin: 0 auto;
  }
}

.media-list li {
  margin-bottom: 50px;
  margin-right: 5%;
  width: 30%;
}

.media-list li:nth-child(3n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .media-list li {
    margin-bottom: 40px;
    margin-right: auto;
    width: auto;
  }
}

.media-list li .thumbnail {
  border: 1px solid #e6e6e6;
  padding: 20px;
  margin-bottom: 14px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.media-list li .thumbnail img {
  max-height: 100%;
}

.media-list li .date {
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
  display: block;
  font-weight: 400;
}

.media-list li .title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}

/* ==============================================
 70. Static
=============================================== */
/* static flow
----------------------------------------------- */
.static-contents-flow {
  background-color: #faf5f0;
  padding-top: 60px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .static-contents-flow {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.static-contents-flow .flow-step {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.static-contents-flow .flow-step li {
  width: 13%;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li {
    margin-bottom: 10px;
    width: 49%;
  }
}

.static-contents-flow .flow-step li a {
  background-color: #fff;
  border: 1px solid #f58219;
  display: block;
  color: #f58219;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 25px 2px 40px;
  position: relative;
}

@media (min-width: 1025px) {
  .static-contents-flow .flow-step li a:hover {
    opacity: 0.7;
  }
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li a {
    font-size: 13px;
    text-align: left;
    padding: 22px 0 24px 48px;
  }
}

.static-contents-flow .flow-step li a::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: 22px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #f58219;
  border-right: 1px solid #f58219;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li a::after {
    bottom: 10px;
  }
}

.static-contents-flow .flow-step li a .num {
  display: block;
  font-family: "Lora", serif;
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li a .num {
    font-size: 22px;
  }
}

.static-contents-flow .flow-step li a .num small {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li a .num small {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .static-contents-flow .flow-step li a .num {
    position: absolute;
    left: 10px;
    top: 12px;
  }
}

.static-contents-flow .flow-block .block {
  padding-top: 30px;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block {
    padding-top: 20px;
  }
}

.static-contents-flow .flow-block .block .cf {
  background: #fff url("../images/common/flow_bg.jpg") no-repeat 50% 100%;
  padding: 40px 45px 60px;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .cf {
    padding: 30px 20px 50px;
  }
}

.static-contents-flow .flow-block .block:last-child .cf {
  background: #fff;
  border-bottom: 1px solid #f58219;
  padding-bottom: 40px;
}

.static-contents-flow .flow-block .block .txt {
  float: left;
  width: 46%;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .txt {
    float: none;
    position: relative;
    width: auto;
  }
}

.static-contents-flow .flow-block .block .img {
  float: right;
  width: 50%;
}

.static-contents-flow .flow-block .block .img img {
  width: 100%;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .img {
    float: none;
    width: auto;
  }
}

.static-contents-flow .flow-block .block .num {
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .num {
    margin-bottom: 20px;
  }
}

.static-contents-flow .flow-block .block .num span {
  border: 2px solid #f58219;
  color: #f58219;
  font-weight: bold;
  display: inline-block;
  font-family: "Lora", serif;
  font-size: 25px;
  text-align: center;
  padding: 10px 10px 6px;
  line-height: 1.1;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .num span {
    font-size: 22px;
    padding: 8px 10px 6px;
  }
}

.static-contents-flow .flow-block .block .num span small {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .num span small {
    font-size: 11px;
  }
}

.static-contents-flow .flow-block .block .title {
  position: relative;
  margin-bottom: 22px;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .title {
    margin-bottom: 13px;
    position: static;
  }
}

.static-contents-flow .flow-block .block .title h3 {
  font-size: 24px;
  font-weight: 500;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.static-contents-flow .flow-block .block .link {
  position: absolute;
  right: 0;
  top: 2px;
}

@media (max-width: 767px) {
  .static-contents-flow .flow-block .block .link {
    top: 13px;
  }
}

.static-contents-flow .flow-block .block a {
  border: 1px solid #f58219;
  color: #f58219;
  font-size: 13px;
  display: inline-block;
  line-height: 1;
  padding: 8px 26px 7px 20px;
  position: relative;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.static-contents-flow .flow-block .block a::before, .static-contents-flow .flow-block .block a::after {
  content: "";
  background-color: #f58219;
  position: absolute;
}

.static-contents-flow .flow-block .block a::before {
  top: 13px;
  right: 15px;
  height: 1px;
  width: 7px;
}

.static-contents-flow .flow-block .block a::after {
  top: 10px;
  right: 18px;
  height: 7px;
  width: 1px;
}

/* static contact
----------------------------------------------- */
.static-contents-contact {
  background-color: #faefe6;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .static-contents-contact {
    padding-top: 40px;
  }
}

.static-contents-contact p {
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .static-contents-contact p {
    margin-bottom: 14px;
  }
}

.static-contents-contact p.large {
  font-size: 18px;
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .static-contents-contact p.large {
    line-height: 1.5;
  }
}

.static-contents-contact .tel .tel-phone {
  background: url("../images/common/icon_freedial01.png") no-repeat 0 80%/32px 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #f58219;
  letter-spacing: 0;
  line-height: 1;
  display: inline-block;
  padding: 0 0 0 38px;
  vertical-align: middle;
}

.static-contents-contact .tel .tel-time {
  background-color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 8px 15px 6px;
  line-height: 1;
  margin-left: 10px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .static-contents-contact .tel .tel-time {
    display: block;
    margin: 10px auto 0;
    width: 220px;
  }
}

.static-contents-contact .btn-area {
  margin-top: 20px;
}

.static-contents-contact .btn {
  background-color: #444444;
  color: #fff;
  line-height: 1;
  padding: 14px 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .static-contents-contact .btn:hover {
    background-color: #666;
  }
}

.static-contents-contact .btn .btn-arrow {
  padding-right: 13px;
  position: relative;
  display: inline-block;
}

.static-contents-contact .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* static blocks
----------------------------------------------- */
.static-contents-blocks .block {
  position: relative;
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 767px) {
  .static-contents-blocks .block {
    display: block;
    padding: 0;
    margin-bottom: 30px;
  }
}

.static-contents-blocks .block.odd {
  background-color: #faf5f0;
}

@media (max-width: 767px) {
  .static-contents-blocks .block.odd {
    background: none;
  }
}

.static-contents-blocks .block.even {
  padding: 80px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .static-contents-blocks .block.even {
    padding: 0;
  }
}

.static-contents-blocks .block .img {
  position: relative;
  height: 450px;
  overflow: hidden;
  width: 50%;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .img {
    height: auto;
    padding-top: 30px;
    margin-bottom: 22px;
    width: auto;
  }
  .static-contents-blocks .block .img::after {
    content: "";
    background-color: #faf5f0;
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    width: 90%;
  }
}

.static-contents-blocks .block .img img {
  position: absolute;
  max-width: none;
  min-width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .static-contents-blocks .block .img img {
    max-width: 100%;
    top: auto;
    position: relative;
    left: auto;
    z-index: 1;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }
}

.static-contents-blocks .block .txt {
  padding: 0 20px;
  flex: 1;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .txt {
    flex: none;
    padding: 0 20px;
  }
}

.static-contents-blocks .block .txt .txt-inner {
  padding-left: 30px;
  padding-top: 20px;
  position: relative;
  max-width: 94%;
  margin: auto;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .txt .txt-inner {
    padding-left: 20px;
    padding-top: 15px;
    width: auto;
  }
}

.static-contents-blocks .block .txt .txt-inner::before {
  content: "";
  border-style: solid;
  border-width: 24px 24px 0 0;
  border-color: #f58219 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .txt .txt-inner::before {
    border-width: 20px 20px 0 0;
  }
}

.static-contents-blocks .block .txt h3 {
  color: #f58219;
  font-size: 22px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 25px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .txt h3 {
    line-height: 1.7;
    font-size: 19px;
    margin-bottom: 13px;
  }
}

@media (max-width: 340px) {
  .static-contents-blocks .block .txt h3 br {
    display: none;
  }
}

.static-contents-blocks .block .txt p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .static-contents-blocks .block .txt p {
    font-size: 14px;
  }
}

.static-contents-blocks .block .txt ul li {
  padding-left: 1em;
  position: relative;
  margin-bottom: 8px;
}

.static-contents-blocks .block .txt ul li::before {
  background-color: #f58219;
  content: "";
  height: 6px;
  position: absolute;
  left: 1px;
  top: 8px;
  width: 6px;
}

/* ==============================================
 71. Purchase flow
=============================================== */
.purchase-flow-contents .page-billboard {
  background-image: url("../images/purchase-flow/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .purchase-flow-contents .page-billboard {
    background-image: url("../images/purchase-flow/billboard_sp.jpg");
  }
}

.purchase-flow-contents p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 21px;
  line-height: 1.8;
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .purchase-flow-contents p.catch {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width: 340px) {
  .purchase-flow-contents p.catch {
    font-size: 5.2vw;
  }
}

/* ==============================================
 72. After
=============================================== */
.after-contents {
  padding-bottom: 0;
}

.after-contents .page-billboard {
  background-image: url("../images/after/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .after-contents .page-billboard {
    background-image: url("../images/after/billboard_sp.jpg");
  }
}

.after-contents .after-service {
  background-color: #faf5f0;
  padding-top: 50px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .after-contents .after-service {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}

.after-contents .after-service h3 {
  font-size: 26px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .after-contents .after-service h3 {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

.after-contents .after-service .after-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list {
    display: block;
  }
}

.after-contents .after-service .after-service-list .list-item {
  background: #fff;
  margin-bottom: 40px;
  margin-right: 4%;
  padding: 30px;
  position: relative;
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item {
    margin-right: auto;
    padding: 20px;
    width: auto;
  }
}

.after-contents .after-service .after-service-list .list-item:nth-child(even) {
  margin-right: auto;
}

.after-contents .after-service .after-service-list .list-item .icon {
  margin-right: 20px;
  width: 74px;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item .icon {
    width: 60px;
  }
}

.after-contents .after-service .after-service-list .list-item .icon img {
  width: 100%;
}

.after-contents .after-service .after-service-list .list-item .cont {
  flex: 1;
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item .cont {
    padding-bottom: 0;
  }
}

.after-contents .after-service .after-service-list .list-item h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item h4 {
    font-size: 16px;
  }
}

.after-contents .after-service .after-service-list .list-item p {
  margin-bottom: 0;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item p {
    font-size: 12px;
  }
}

.after-contents .after-service .after-service-list .list-item .popup-open {
  background: url("../images/after/icon_popup.svg") no-repeat right 16px top 50%;
  background-size: 17px 17px;
  border: 1px solid #f58219;
  color: #f58219;
  font-size: 13px;
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 30px;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-align: center;
  padding: 10px 30px;
  width: 170px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

@media (max-width: 767px) {
  .after-contents .after-service .after-service-list .list-item .popup-open {
    background-size: 12px 12px;
    font-size: 12px;
    position: static;
    right: auto;
    bottom: auto;
    margin-top: 10px;
    padding: 8px 20px;
    width: 140px;
  }
}

.after-service-popup {
  max-height: calc(100vh - 80px) !important;
  overflow: auto;
  position: relative;
  padding: 50px;
}

@media (max-width: 767px) {
  .after-service-popup {
    max-height: calc(100vh - 60px) !important;
    padding: 20px;
  }
}

.after-service-popup .popup-close {
  background: url("../images/after/icon_close.svg") no-repeat 0 0;
  background-size: 36px 36px;
  position: absolute;
  right: 20px;
  top: 20px;
  height: 36px;
  width: 36px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-close {
    background-size: 20px 20px;
    right: 10px;
    top: 10px;
    height: 20px;
    width: 20px;
  }
}

.after-service-popup .popup-header {
  border-bottom: 2px solid #f58219;
  padding-bottom: 20px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .after-service-popup .popup-header {
    border-bottom-width: 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
  }
}

.after-service-popup .popup-header .icon {
  margin-right: 20px;
  width: 74px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-header .icon {
    margin-right: 14px;
    width: 60px;
  }
}

.after-service-popup .popup-header .icon img {
  width: 100%;
}

.after-service-popup .popup-header .cont {
  flex: 1;
}

.after-service-popup .popup-header h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-header h4 {
    font-size: 15px;
    margin-bottom: 3px;
  }
}

.after-service-popup .popup-header p {
  margin-bottom: 0;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .after-service-popup .popup-header p {
    font-size: 12px;
  }
}

.after-service-popup .popup-body {
  position: relative;
}

.after-service-popup .popup-body h5 {
  border-left: 3px solid #f58219;
  font-size: 20px;
  padding: 0 0 0 14px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body h5 {
    font-size: 15px;
    margin-bottom: 20px;
    padding-left: 10px;
  }
}

.after-service-popup .popup-body .btn-area {
  position: absolute;
  right: 0;
  top: -10px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body .btn-area {
    position: static;
    top: auto;
    right: auto;
    padding: 25px 0 10px;
    text-align: center;
  }
}

.after-service-popup .popup-body .btn-area .btn {
  background-color: #f58219;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  position: relative;
  letter-spacing: 0.04em;
  padding: 13px;
  width: 220px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body .btn-area .btn {
    font-size: 14px;
  }
}

.after-service-popup .popup-body .btn-area .btn::after {
  right: 20px;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -3.5px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.after-service-popup .popup-body .ps__rail-x, .after-service-popup .popup-body .ps__rail-y {
  opacity: 1 !important;
}

.after-service-popup .popup-body .ps__rail-y {
  display: block !important;
  background-color: #e6e6e6;
  width: 6px;
}

.after-service-popup .popup-body .ps__thumb-y {
  right: 0;
  background-color: #b3b3b3;
}

.after-service-popup .popup-body .list-wrapper {
  position: relative;
  max-height: 320px;
}

.after-service-popup .popup-body .list-wrapper.ps {
  padding-right: 30px;
}
.after-service-popup .popup-body .list-wrapper.ps.one-row {
  padding-right: 0px;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body .list-wrapper {
    max-height: 300px;
  }
  .after-service-popup .popup-body .list-wrapper.ps {
    padding-right: 20px;
  }
  .after-service-popup .popup-body .list-wrapper.ps.one-row {
    padding-right: 0px;
  }
}

.after-service-popup .popup-body .popup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body .popup-list {
    display: block;
  }
}

.after-service-popup .popup-body .popup-list li {
  background: #fff;
  border: 1px solid #b3b3b3;
  margin-bottom: 5px;
  margin-right: 3%;
  text-align: center;
  width: 48.5%;
  padding: 15px;
}
.after-service-popup .popup-body .one-row .popup-list li {
  margin-right: 0%;
  width: 100%;
}

@media (max-width: 767px) {
  .after-service-popup .popup-body .popup-list li {
    margin-right: auto;
    margin-bottom: 10px;
    width: auto;
  }
  .after-service-popup .popup-body .popup-list li img {
    width: 220px;
  }
}

.after-service-popup .popup-body .popup-list li:nth-child(even) {
  margin-right: auto;
}

/* ==============================================
 73. Life plan
=============================================== */
.lifeplan-contents .page-billboard {
  background-image: url("../images/lifeplan/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .lifeplan-contents .page-billboard {
    background-image: url("../images/lifeplan/billboard_sp.jpg");
  }
}

.lifeplan-contents .mes {
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .lifeplan-contents .mes {
    margin-bottom: 40px;
  }
}

.lifeplan-contents p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .lifeplan-contents p.catch {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .lifeplan-contents p.catch {
    font-size: 5vw;
  }
}

.lifeplan-contents p.catch .en {
  display: block;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .lifeplan-contents p.catch .en img {
    width: 80px;
  }
}

@media (max-width: 767px) {
  .lifeplan-contents p {
    font-size: 13px;
  }
}

/* ==============================================
 74. Loan
=============================================== */
.loan-support-contents .loan-support-contact {
  background: #F47B2A url("../images/loan/contact_bg_pc.png") no-repeat 50% 50%;
  background-size: auto 100%;
  color: #fff;
  font-weight: 500;
  padding: 50px 0;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact {
    background-image: url("../images/loan/contact_bg_sp.png");
    background-size: cover;
    padding: 32px 0 40px;
  }
}

.loan-support-contents .loan-support-contact a {
  color: #fff;
}

.loan-support-contents .loan-support-contact p {
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact p {
    font-size: 15px;
    line-height: 1.45;
  }
}

.loan-support-contents .loan-support-contact .txt-1 {
  font-size: 20px;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .txt-1 {
    font-size: 15px;
    margin-bottom: 18px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-contact .txt-1 {
    font-size: 13px;
  }
}

.loan-support-contents .loan-support-contact .txt-2 {
  font-size: 20px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .txt-2 {
    line-height: 1.3;
    font-size: 15px;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-contact .txt-2 {
    font-size: 13px;
  }
}

.loan-support-contents .loan-support-contact .txt-2 .underline {
  display: inline-block;
  position: relative;
}

.loan-support-contents .loan-support-contact .txt-2 .underline::after {
  background: #fff;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
}

.loan-support-contents .loan-support-contact .txt-2 .large {
  font-size: 150%;
  position: relative;
  top: .05em;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .txt-2 .large {
    font-size: 160%;
  }
}

.loan-support-contents .loan-support-contact .help-line {
  margin: 20px 0;
}

.loan-support-contents .loan-support-contact .help-line .twrap {
  display: inline-block;
  margin: 0 .4em;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .help-line .twrap {
    display: block;
  }
}

.loan-support-contents .loan-support-contact .help-line h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .help-line h4 {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 0;
  }
}

.loan-support-contents .loan-support-contact .help-line p {
  font-size: 14px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .help-line p {
    font-size: 12px;
    line-height: 1.9;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-contact .help-line p {
    font-size: 11px;
  }
}

.loan-support-contents .loan-support-contact .help-line p a {
  font-size: 150%;
  position: relative;
  top: .04em;
}

.loan-support-contents .loan-support-contact .help-line p a::after {
  /*background: #fff;
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 100%;*/
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-contact .help-line p a::after {
    bottom: -3px;
  }
}

.loan-support-contents .loan-support-contact .btn-area {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.loan-support-contents .loan-support-contact .btn-area .common-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 23px 10px 23px;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.loan-support-contents .loan-support-contact .btn-area .btn-black-no_shadow {
  background-color: #555;
  color: #fff;
  width: 270px;
}

.loan-support-contents .loan-support-contact .btn-area .common-btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}

.loan-support-contents .loan-support-top {
  background: #f5f2e9 url("../images/loan/top_bg_pc.png") no-repeat 50% 0;
  text-align: center;
  padding: 30px 0 60px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-top {
    background: #f5f2e9;
    padding: 0;
  }
  .loan-support-contents .loan-support-top img {
    width: 100%;
  }
}

.loan-support-contents .loan-support-first {
  background: #f5f2e9;
  padding: 70px 0 50px;
  text-align: center;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-first {
    padding: 30px 0 20px;
  }
}

.loan-support-contents .loan-support-first h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 35px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-first h2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-first h2 {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-first h2 {
    font-size: 16px;
  }
}

.loan-support-contents .loan-support-first p {
  font-size: 17px;
  line-height: 1.65;
  margin-bottom: 35px;
  letter-spacing: 0.02em;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-first p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-first p {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-first p {
    font-size: 11px;
  }
}

.loan-support-contents .loan-support-first p strong {
  color: #f58219;
  font-size: 120%;
  font-weight: bold;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-first p strong {
    font-size: 124%;
  }
}

.loan-support-contents .loan-support-compare {
  padding: 70px 0;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare {
    padding: 40px 0;
  }
}

.loan-support-contents .loan-support-compare h2 {
  color: #f58219;
  font-size: 22px;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare h2 {
    font-size: 15px;
    margin-bottom: 26px;
  }
}

.loan-support-contents .loan-support-compare h2 .tit-inner {
  border-bottom: 2px solid #f58219;
  border-top: 2px solid #f58219;
  display: inline-block;
  padding: 14px 30px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare h2 .tit-inner {
    display: block;
    padding: 12px 0;
  }
}

.loan-support-contents .loan-support-compare .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex {
    display: block;
  }
}

.loan-support-contents .loan-support-compare .flex .box {
  background-color: #e6e6e6;
  padding: 22px 20px 20px;
  width: 49%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex .box {
    padding: 16px 12px 12px;
    margin-bottom: 15px;
    width: auto;
  }
}

.loan-support-contents .loan-support-compare .flex .box__02 {
  background-color: #feeab5;
}

.loan-support-contents .loan-support-compare .flex .box h3 {
  font-size: 18px;
  letter-spacing: 0.06em;
  padding: 0 10px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex .box h3 {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0;
  }
}

.loan-support-contents .loan-support-compare .flex .box h3::before {
  content: "■";
  color: #f58219;
  margin-right: .1em;
}

.loan-support-contents .loan-support-compare .flex .box .img {
  text-align: center;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex .box .img {
    margin-bottom: 10px;
  }
}

.loan-support-contents .loan-support-compare .flex .box .txt {
  background-color: #f58219;
  padding: 16px 20px 18px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex .box .txt {
    padding: 12px;
  }
}

.loan-support-contents .loan-support-compare .flex .box .txt p {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: auto;
  line-height: 1.8;
  letter-spacing: 0.02em;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-compare .flex .box .txt p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-compare .flex .box .txt p {
    font-size: 12px;
    line-height: 1.7;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-compare .flex .box .txt p {
    font-size: 11px;
  }
}

.loan-support-contents .loan-support-payback {
  padding: 70px 0;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback {
    padding: 40px 0;
  }
}

.loan-support-contents .loan-support-payback h3 {
  font-size: 16px;
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback h3 {
    font-size: 12px;
  }
}

.loan-support-contents .loan-support-payback p {
  letter-spacing: 0.02em;
  text-align: center;
}

.loan-support-contents .loan-support-payback p .highlight {
  background: linear-gradient(transparent 60%, #ffff00 60%);
  padding: 2px 10px;
}

.loan-support-contents .loan-support-payback .catch {
  font-size: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 1.65;
  margin-bottom: 30px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .catch {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .catch {
    font-size: 16px;
    margin-bottom: 18px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-payback .catch {
    font-size: 15px;
  }
}

.loan-support-contents .loan-support-payback .catch .txt-bg {
  display: inline-block;
  padding: 0 60px;
  position: relative;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .catch .txt-bg {
    padding: 0 30px;
  }
}

.loan-support-contents .loan-support-payback .catch .txt-bg::before, .loan-support-contents .loan-support-payback .catch .txt-bg::after {
  content: "";
  background-color: #333333;
  height: 90px;
  position: absolute;
  bottom: -5px;
  width: 1px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .catch .txt-bg::before, .loan-support-contents .loan-support-payback .catch .txt-bg::after {
    height: 70px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .catch .txt-bg::before, .loan-support-contents .loan-support-payback .catch .txt-bg::after {
    height: 50px;
  }
}

.loan-support-contents .loan-support-payback .catch .txt-bg::before {
  left: 0;
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.loan-support-contents .loan-support-payback .catch .txt-bg::after {
  right: 0;
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}

.loan-support-contents .loan-support-payback .txt-1 {
  color: #ed1c24;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .txt-1 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .txt-1 {
    font-size: 17px;
    margin-bottom: 12px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-payback .txt-1 {
    font-size: 16px;
  }
}

.loan-support-contents .loan-support-payback .txt-2 {
  color: #ed1c24;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.7;
  margin-top: 40px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .txt-2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .txt-2 {
    font-size: 17px;
    margin-top: 24px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-payback .txt-2 {
    font-size: 16px;
  }
}

.loan-support-contents .loan-support-payback .payback-case {
  background: url("../images/loan/payback_arrow_pc.png") no-repeat 50% 100%;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case {
    background-image: url("../images/loan/payback_arrow_sp.png");
    background-size: 100% auto;
    padding-bottom: 10px;
  }
}

.loan-support-contents .loan-support-payback .payback-case .illust {
  position: absolute;
  top: -184px;
  right: 10px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .payback-case .illust {
    top: -90px;
    right: 0;
    width: 125px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .illust {
    top: -56px;
    right: 0;
    width: 91px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-payback .payback-case .illust {
    width: 70px;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-total {
  text-align: center;
}

.loan-support-contents .loan-support-payback .payback-case .payback-table {
  border-left: 2px solid #333333;
  border-top: 2px solid #333333;
  margin-bottom: 35px;
  width: 100%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table {
    border-width: 1px;
    margin-bottom: 18px;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table th {
  background: #ffe7b4;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0;
  padding: 6px 2px;
  width: 26%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table th {
    border-width: 1px;
    font-size: 10px;
    width: 26.666%;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table td {
  background: #fff;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: bold;
  padding: 12px;
  width: 26%;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table td {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table td {
    border-width: 1px;
    padding: 6px 2px;
    font-size: 10px;
    width: 26.666%;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table td .price {
  font-size: 120%;
  display: inline-block;
  margin-right: .1em;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table td .price {
    margin-right: auto;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case {
  background-color: #333333;
  color: #fff;
  text-align: left;
  width: 22%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case {
    padding: 4px;
    white-space: nowrap;
    width: 20%;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dt {
  font-size: 17px;
  margin-bottom: 10px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dt {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dt {
    font-size: 11px;
    margin-bottom: 5px;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dt .price {
  font-size: 120%;
  display: inline-block;
  margin: 0 .1em 0 .5em;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dt .price {
    margin: 0;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd {
  font-size: 14px;
  display: inline-block;
  margin-right: .6em;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd {
    font-size: 10px;
    display: block;
    margin-bottom: 1px;
    margin-right: auto;
  }
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd:last-child {
  margin-right: auto;
}

.loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd.pc-full {
  margin-right: auto;
  width: 100%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-payback .payback-case .payback-table .td-case dl dd.pc-full {
    display: block;
  }
}

.loan-support-contents .loan-support-case {
  background-color: #f5f2e9;
  padding: 50px 0 60px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case {
    padding: 40px 0 50px;
  }
}

.loan-support-contents .loan-support-case .copy {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .copy {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case .copy {
    font-size: 15px;
    margin-bottom: 30px;
    line-height: 2;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-case .copy {
    font-size: 13px;
  }
}

.loan-support-contents .loan-support-case .copy .txt-line {
  display: inline-block;
  position: relative;
}

.loan-support-contents .loan-support-case .copy .txt-line::after {
  content: "";
  background: #f58219;
  height: 2px;
  left: 0;
  position: absolute;
  bottom: -2px;
  width: 100%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case .copy .txt-line::after {
    bottom: 1px;
  }
}

.loan-support-contents .loan-support-case .list-wrap {
  position: relative;
  padding: 0 20px;
}

.loan-support-contents .loan-support-case .list-wrap .fukidashi {
  position: absolute;
  top: -76px;
  left: 30px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .list-wrap .fukidashi {
    left: 10px;
    top: -38px;
    width: 86px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case .list-wrap .fukidashi {
    top: -10px;
    left: 18px;
    width: 86px;
  }
}

.loan-support-contents .loan-support-case .list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case .list-wrap ul {
    display: block;
  }
}

.loan-support-contents .loan-support-case .list-wrap ul li {
  padding: 0 10px;
  text-align: center;
  width: 33.333%;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-case .list-wrap ul li {
    margin-bottom: 30px;
    width: auto;
  }
  .loan-support-contents .loan-support-case .list-wrap ul li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .list-wrap ul li .img img {
    width: 200px;
  }
}

.loan-support-contents .loan-support-case .list-wrap ul li .txt {
  margin: -43px auto 0;
  position: relative;
  width: 290px;
  z-index: 1;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .list-wrap ul li .txt {
    margin-top: -30px;
    width: 170px;
  }
}

.loan-support-contents .loan-support-case .list-wrap ul li .txt::after {
  content: "";
  background-color: #333333;
  position: absolute;
  left: 4px;
  top: 4px;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.loan-support-contents .loan-support-case .list-wrap ul li .txt .txt-box {
  background-color: #f58219;
  color: #fff;
  min-height: 5.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .list-wrap ul li .txt .txt-box {
    min-height: 3.4em;
  }
}

.loan-support-contents .loan-support-case .list-wrap ul li .txt .txt-box p {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-case .list-wrap ul li .txt .txt-box p {
    font-size: 12px;
  }
}

.loan-support-contents .loan-support-service {
  padding: 80px 0 40px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service {
    padding: 50px 0 10px;
  }
}

.loan-support-contents .loan-support-service h2 {
  color: #f58219;
  font-size: 22px;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-service h2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service h2 {
    font-size: 15px;
    margin-bottom: 30px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-service h2 {
    font-size: 13px;
  }
}

.loan-support-contents .loan-support-service h2 .tit-inner {
  border-bottom: 2px solid #f58219;
  border-top: 2px solid #f58219;
  display: inline-block;
  padding: 14px 30px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service h2 .tit-inner {
    display: block;
    padding: 12px 0;
  }
}

.loan-support-contents .loan-support-service .main-img {
  text-align: center;
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service .main-img {
    margin-bottom: 45px;
  }
}

.loan-support-contents .loan-support-service ul li {
  border-top: 1px solid #f58219;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service ul li {
    padding: 40px 0;
  }
}

.loan-support-contents .loan-support-service ul li .num {
  position: absolute;
  left: 50%;
  top: -46px;
  margin-left: -44px;
  z-index: 1;
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service ul li .num {
    top: -25px;
    margin-left: -25px;
    width: 50px;
  }
}

.loan-support-contents .loan-support-service ul li h3 {
  color: #f58219;
  font-size: 22px;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-service ul li h3 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service ul li h3 {
    font-size: 15px;
    margin-bottom: 8px;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-service ul li h3 {
    font-size: 13px;
  }
}

.loan-support-contents .loan-support-service ul li h3 .twrap {
  display: inline-block;
}

.loan-support-contents .loan-support-service ul li p {
  font-size: 16px;
  margin-bottom: 18px;
}

@media (max-width: 1024px) {
  .loan-support-contents .loan-support-service ul li p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .loan-support-contents .loan-support-service ul li p {
    font-size: 12px;
    margin-bottom: 0;
  }
}

@media (max-width: 340px) {
  .loan-support-contents .loan-support-service ul li p {
    font-size: 11px;
  }
}


/* ==============================================
 75. Research
=============================================== */
.research-contents .page-billboard {
  background-image: url("../images/research/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .research-contents .page-billboard {
    background-image: url("../images/research/billboard_sp.jpg");
  }
}

.research-contents .mes {
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .research-contents .mes {
    margin-bottom: 40px;
  }
}

.research-contents p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .research-contents p.catch {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .research-contents p.catch {
    font-size: 5vw;
  }
}

.research-contents p.catch .en {
  display: block;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .research-contents p.catch .en img {
    width: 120px;
  }
}

@media (max-width: 767px) {
  .research-contents p {
    font-size: 13px;
  }
}

/* 20210212add */
.research-contents .research-voice {
  background: url("../images/research/voice_bg.jpg") repeat 0 0;
  padding: 80px 0;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .research-contents .research-voice {
    padding: 50px 0 20px;
    margin-top: 60px;
  }
}

.research-contents .research-voice h3 {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .research-contents .research-voice h3 {
    margin-bottom: 30px;
  }
  .research-contents .research-voice h3 img {
    width: 230px;
  }
}

.research-contents .research-voice ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .research-contents .research-voice ul {
    display: block;
  }
}

.research-contents .research-voice ul li {
  background-color: #fff;
  margin-bottom: 50px;
  margin-right: 5%;
  padding: 32px 35px;
  width: 47.5%;
}

@media (max-width: 1024px) {
  .research-contents .research-voice ul li {
    margin-right: 3%;
    padding: 15px;
    margin-bottom: 30px;
    width: 48.5%;
  }
}

@media (max-width: 767px) {
  .research-contents .research-voice ul li {
    margin-right: auto;
    width: auto;
  }
}

.research-contents .research-voice ul li:nth-child(even) {
  margin-right: auto;
}

.research-contents .research-voice ul li .img {
  text-align: center;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .research-contents .research-voice ul li .img {
    margin-bottom: 12px;
  }
}

.research-contents .research-voice ul li h4 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 16px;
}

@media (max-width: 1024px) {
  .research-contents .research-voice ul li h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.research-contents .research-voice ul li h4 .num {
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .research-contents .research-voice ul li h4 .num {
    display: block;
    margin-right: auto;
    margin-bottom: 8px;
  }
  .research-contents .research-voice ul li h4 .num img {
    height: 24px;
    width: auto;
  }
}

.research-contents .research-voice ul li h4 .tit {
  display: inline-block;
  position: relative;
  top: 5px;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .research-contents .research-voice ul li h4 .tit {
    display: block;
    top: auto;
  }
}

.research-contents .research-voice ul li p {
  line-height: 1.8;
  margin-bottom: 5px;
}


.research-report {
  margin:0 auto;
  width: 740px;
  max-width: 100%;
}
.research-report table {
  border: 1px solid #f58219;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

@media (max-width: 767px) {
  .research-report {
    margin:0 auto;
    width: 90%;
  }
  .research-report table {
    margin-top: 20px;
  }
}

.research-report table th {
  color: #FFF;
  background-color: #F58219;
  font-size: 18px;
  padding: 20px;
  text-align: center;
  width: 55%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .research-report table th {
    font-size: 16px;
    display: block;
    padding: 10px;
    width: auto;
  }
}

.research-report table td {
  background-color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .research-report table td {
    display: block;
    padding: 15px;
    width: auto;
  }
}

.research-contents .block-last .inner {
  max-width: 1020px;
}

.research-contents .block-last .block-list {
  margin-bottom: 50px;
}

.research-contents .block-last .block-list .list-item {
  float: left;
  position: relative;
  width: 33%;
}
@media (max-width: 767px) {
    .research-contents .block-last .block-list .list-item {
      float: none;
      position: relative;
      width: 100%;
      margin-top:30px;
    }
}

.research-contents .block-last .block-list .list-item:last-child {
  margin-right: auto;
}

.research-contents .block-last .block-list .list-item:last-child::after {
  content: none;
}

.research-contents .block-last .block-list .list-item .img img {
  width: 100%;
}

@media (max-width: 767px) {
  .research-contents .block-last .block-list .list-item .img {
    padding-top: 4px;
    margin-right: 20px;
    width: 47%;
  }
}

.research-contents .block-last .block-list .list-item .txt {
  position: relative;
}

@media (max-width: 767px) {
  .research-contents .block-last .block-list .list-item .txt {
    margin-top: auto;
    flex: 1;
  }
}

.research-contents .block-last .block-list .list-item h3 {
  color:#333333;
  font-size: 24px;
  font-weight: normal;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  display: inline-block;
  margin-bottom: 12px;
  padding: 5px 12px 0 10px;
}

@media (max-width: 767px) {
  .research-contents .block-last .block-list .list-item h3 {
    font-size: 18px;
    background: none;
    padding: 0;
    display: block;
    margin-top: 30px;
    margin-bottom: 0px;
  }
}

.research-contents .block-last .block-list .list-item ul li {
  padding-left: 1em;
  position: relative;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .research-contents .block-last .block-list .list-item ul li {
    font-size: 14px;
  }
}

/* ==============================================
 76. Support
=============================================== */
.support-contents .page-billboard {
  background-image: url("../images/support/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .support-contents .page-billboard {
    background-image: url("../images/support/billboard_sp.jpg");
  }
}

.support-contents p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 21px;
  line-height: 1.8;
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .support-contents p.catch {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

@media (max-width: 340px) {
  .support-contents p.catch {
    font-size: 5vw;
  }
}

.support-contents p.catch .fc-orange {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 145%;
  line-height: 1.2;
}

.support-contents .support-blocks {
  background: url("../images/support/support_bg_pc.jpg") no-repeat 50% 50%/cover;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .support-contents .support-blocks {
    background-image: url("../images/support/support_bg_sp.jpg");
    background-size: 100%;
    background-repeat: repeat-y;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.support-contents .support-blocks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .support-contents .support-blocks ul {
    display: block;
    margin: 0 auto;
    width: 260px;
  }
}

.support-contents .support-blocks ul li {
  background-color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
  margin-right: 3.733%;
  position: relative;
  text-align: center;
  width: 22.2%;
}

@media (max-width: 767px) {
  .support-contents .support-blocks ul li {
    margin-bottom: 20px;
    margin-right: auto;
    width: auto;
  }
}

.support-contents .support-blocks ul li::before {
  content: "";
  border-style: solid;
  border-width: 24px 24px 0 0;
  border-color: #f58219 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .support-contents .support-blocks ul li::before {
    border-width: 20px 20px 0 0;
  }
}

.support-contents .support-blocks ul li:nth-child(4n) {
  margin-right: auto;
}

.support-contents .support-blocks ul li .box {
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .support-contents .support-blocks ul li .box {
    min-height: 220px;
  }
}

.support-contents .support-blocks ul li p {
  line-height: 1.7;
  margin-bottom: 0;
}

.support-contents .support-blocks ul li p.arrow {
  position: relative;
}

.support-contents .support-blocks ul li p.arrow::after {
  color: #808080;
  font-size: 12px;
  display: block;
  content: '▼';
  text-align: center;
  margin-top: 3px;
  width: 100%;
}

.support-contents .support-blocks ul li p .ff-en {
  font-weight: 500;
}

.support-contents .support-blocks ul li .price {
  line-height: 1;
  margin-top: 10px;
}

.support-contents .support-blocks ul li .price strong {
  font-size: 22px;
}

.support-contents .support-blocks ul li .price small {
  font-size: 13px;
  margin-left: 0.3em;
}

.support-contents .support-blocks ul li .free {
  line-height: 1;
  margin-top: 10px;
}

.support-contents .support-blocks ul li .free strong {
  font-size: 22px;
}

.support-contents .support-blocks ul li .free small {
  font-size: 13px;
  margin-left: 0.3em;
}

.support-contents .support-blocks ul li .off {
  line-height: 1;
  margin-top: 10px;
  font-size: 22px;
}

.support-contents .support-blocks ul li .off small {
  font-size: 13px;
}

.support-contents .support-blocks ul li.last {
  background-color: #f58219;
  color: #fff;
}

.support-contents .support-blocks ul li.last::before {
  border-color: #fff transparent transparent transparent;
}

/* ==============================================
 77. Sell
=============================================== */
.sell-contents .page-billboard {
  background-image: url("../images/sell/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .sell-contents .page-billboard {
    background-image: url("../images/sell/billboard_sp.jpg");
  }
}

.sell-contents p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 21px;
  line-height: 1.8;
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .sell-contents p.catch {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

@media (max-width: 340px) {
  .sell-contents p.catch {
    font-size: 5vw;
  }
}

.sell-contents p.catch .fc-orange {
  font-family: "Lora", serif;
  font-weight: bold;
  font-size: 106%;
}

@media (max-width: 767px) {
  .sell-contents .flow-step li a {
    padding-left: 58px;
  }
  .sell-contents .flow-step li:first-child a {
    padding-top: 9px;
    padding-bottom: 18px;
  }
}

/* ==============================================
 78. Company
=============================================== */
.company-contents {
  /* spirit
  ----------------------------------------------- */
}

.company-contents .page-billboard {
  background-image: url("../images/company/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .company-contents .page-billboard {
    background-image: url("../images/company/billboard_sp.jpg");
  }
}

.company-contents .company-heading {
  color: #b3b3b3;
  margin-bottom: 60px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 767px) {
  .company-contents .company-heading {
    margin-bottom: 25px;
  }
}

.company-contents .company-heading .en {
  font-family: "Lora", serif;
  font-size: 66px;
  font-weight: normal;
  display: block;
  line-height: 1;
  letter-spacing: 0.12em;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .company-contents .company-heading .en {
    font-size: 44px;
    margin-bottom: 20px;
  }
}

.company-contents .company-heading .ja {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  font-weight: 500;
  display: block;
  line-height: 1;
  letter-spacing: 0.18em;
}

@media (max-width: 767px) {
  .company-contents .company-heading .ja {
    font-size: 14px;
  }
}

.company-contents .company-spirit {
  padding-bottom: 30px;
}

.company-contents .company-spirit .spirit-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-txt {
    margin-bottom: 50px;
  }
}

.company-contents .company-spirit .spirit-txt ul {
  margin: 0 auto;
}

.company-contents .company-spirit .spirit-txt ul li {
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 20px;
  padding-left: 1.5em;
  position: relative;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-txt ul li {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.7;
  }
}

.company-contents .company-spirit .spirit-txt ul li span {
  font-family: "Lora", serif;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 103%;
}

.company-contents .company-spirit h4 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 0.12em;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit h4 {
    font-size: 27px;
    margin-bottom: 25px;
  }
}

.company-contents .company-spirit .spirit-ad {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad {
    margin-bottom: 30px;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li {
  padding: 75px 20px 10px;
  text-align: center;
  position: relative;
  width: 25%;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad li {
    padding: 50px 20px;
    width: auto;
  }
  .company-contents .company-spirit .spirit-ad .list-4ad li:nth-child(odd) {
    background-color: #f9f9f9;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li::after {
  background-color: #dddddd;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad li::after {
    content: none;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li:first-child::before {
  background-color: #dddddd;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad li:first-child::before {
    content: none;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li .num {
  display: block;
  line-height: 1;
  position: absolute;
  left: -3px;
  top: 0;
  font-family: "Lora", serif;
  font-size: 54px;
  color: #e6e6e6;
  font-weight: normal;
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad li .num {
    top: -3px;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li .en {
  font-family: "Lora", serif;
  font-size: 22px;
  margin-bottom: 10px;
}

.company-contents .company-spirit .spirit-ad .list-4ad li h5 {
  font-size: 22px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-ad .list-4ad li h5 {
    font-size: 20px;
  }
}

.company-contents .company-spirit .spirit-ad .list-4ad li p {
  margin-bottom: 0;
}

.company-contents .company-spirit .spirit-mind {
  background-color: #f7f7f7;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-mind {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.company-contents .company-spirit .spirit-mind p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-mind p {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.company-contents .company-spirit .spirit-mind ul {
  display: inline-block;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-mind ul {
    display: block;
  }
}

.company-contents .company-spirit .spirit-mind ul li {
  display: block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-align: left;
  padding-left: 22px;
  margin-bottom: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .company-contents .company-spirit .spirit-mind ul li {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.8;
    padding-left: 20px;
  }
}

.company-contents .company-spirit .spirit-mind ul li::after {
  background-color: #4d4d4d;
  content: "";
  top: 10px;
  left: 0;
  position: absolute;
  height: 8px;
  width: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ==============================================
 79. Mail magazine
=============================================== */
.mailmagazine-contents .page-title {
  background-color: #faf5f0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.mailmagazine-contents .mailmagazine-detail {
  padding-top: 30px;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail {
    margin-bottom: 40px;
  }
}

.mailmagazine-contents .mailmagazine-detail h3 {
  font-size: 24px;
  margin-bottom: 32px;
  text-align: center;
  position: relative;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.mailmagazine-contents .mailmagazine-detail h3::after {
  content: "";
  background: url("../images/common/tit_bg01.png") repeat 0 0/8px 8px;
  height: 16px;
  position: absolute;
  left: 0;
  margin-top: -5px;
  top: 50%;
  width: 100%;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail h3::after {
    background-size: 4px 4px;
    top: 44%;
    height: 14px;
  }
}

.mailmagazine-contents .mailmagazine-detail h3 .tit-bg {
  background-color: #fff;
  display: inline-block;
  position: relative;
  padding: 0 13px;
  z-index: 1;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail h3 .tit-bg {
    padding: 0 10px;
  }
}

.mailmagazine-contents .mailmagazine-detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail ul {
    display: block;
  }
}

.mailmagazine-contents .mailmagazine-detail ul li {
  background: url("../images/mag/illust.png") no-repeat right 3px bottom 0;
  border: 1px solid #f58219;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 25px;
  margin-right: 3%;
  position: relative;
  padding: 28px 50px;
  width: 48.5%;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail ul li {
    background-size: 52px 33px;
    font-size: 15px;
    padding: 20px 20px 20px 30px;
    margin-bottom: 15px;
    margin-right: auto;
    width: auto;
  }
}

.mailmagazine-contents .mailmagazine-detail ul li::before {
  content: "";
  background-color: #fff;
  height: 30px;
  left: -1px;
  top: -1px;
  position: absolute;
  width: 30px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail ul li::before {
    height: 20px;
    width: 20px;
  }
}

.mailmagazine-contents .mailmagazine-detail ul li::after {
  content: "";
  border-style: solid;
  border-width: 0 0 26px 26px;
  border-color: transparent transparent #f58219 transparent;
  left: -1px;
  top: -1px;
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail ul li::after {
    border-width: 0 0 17px 17px;
  }
}

.mailmagazine-contents .mailmagazine-detail ul li:nth-child(even) {
  margin-right: auto;
}

.mailmagazine-contents .mailmagazine-detail ul + p {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-detail ul + p {
    font-size: 16px;
  }
}

.mailmagazine-contents .mailmagazine-entry {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry {
    margin-bottom: 30px;
  }
}

.mailmagazine-contents .mailmagazine-entry h3 {
  background-color: #f58219;
  color: #fff;
  font-size: 24px;
  padding: 10px;
  text-align: center;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry h3 {
    font-size: 18px;
  }
}

.mailmagazine-contents .mailmagazine-entry h3 .title-icon {
  background: url("../images/common/icon_mail03.png") no-repeat 0 50%/28px 20px;
  display: inline-block;
  padding-left: 38px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry h3 .title-icon {
    background-size: 22px 15px;
    padding-left: 30px;
  }
}

.mailmagazine-contents .mailmagazine-entry .container {
  background-color: #faf5f0;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.mailmagazine-contents .mailmagazine-entry .label-tab {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
}

.mailmagazine-contents .mailmagazine-entry .label-tab label {
  background-color: #666666;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin: 0 4px;
  padding: 10px;
  width: 200px;
  vertical-align: top;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .label-tab label {
    font-size: 16px;
    width: 120px;
  }
}

.mailmagazine-contents .mailmagazine-entry .label-tab label.is-checked {
  background-color: #f58219;
}

.mailmagazine-contents .mailmagazine-entry .form-block {
  background-color: #fff;
  border: 1px solid #f58219;
  padding: 40px 80px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block {
    display: block;
    padding: 20px;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block .form-label {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block .form-label {
    font-size: 14px;
    text-align: center;
    padding-right: 0;
    margin-bottom: 10px;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block .form-field {
  padding-right: 130px;
  position: relative;
  flex: 1;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block .form-field {
    padding-right: 0;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block input[type="text"].form-control {
  border-right: none;
  flex: 1;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block input[type="text"].form-control {
    border-right: 1px solid #cccccc;
    flex: none;
    margin-bottom: 12px;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block input[type="submit"].form-control {
  display: block;
  background-color: #4d4d4d;
  color: #fff;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  padding: 11px;
  position: absolute;
  top: 0;
  right: 0;
  width: 130px;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block input[type="submit"].form-control {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 12px;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block .form-link {
  padding-left: 20px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .form-block .form-link {
    font-size: 14px;
    padding-left: 0;
    text-align: right;
  }
}

.mailmagazine-contents .mailmagazine-entry .form-block .form-link a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .mailmagazine-contents .mailmagazine-entry .form-block .form-link a:hover {
    text-decoration: none;
  }
}

.mailmagazine-contents .mailmagazine-entry .foot-block .link {
  float: left;
  margin-bottom: 5px;
}

.mailmagazine-contents .mailmagazine-entry .foot-block .link a {
  background: url("../images/common/icon_arrow02.png") no-repeat 0 1px/14px 14px;
  text-decoration: underline;
  padding: 1px 0 1px 20px;
}

@media (min-width: 1025px) {
  .mailmagazine-contents .mailmagazine-entry .foot-block .link a:hover {
    text-decoration: none;
  }
}

.mailmagazine-contents .mailmagazine-entry .foot-block .powered {
  color: #f58219;
  float: right;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-entry .foot-block .powered {
    font-size: 13px;
  }
}

.mailmagazine-contents .mailmagazine-entry .foot-block .powered a {
  color: #f58219;
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .mailmagazine-contents .mailmagazine-entry .foot-block .powered a:hover {
    text-decoration: none;
  }
}

.mailmagazine-contents .mailmagazine-books h3 {
  color: #f58219;
  font-size: 24px;
  margin-bottom: 24px;
  text-align: center;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-books h3 {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

.mailmagazine-contents .mailmagazine-books h3 .title-bg {
  display: inline-block;
  padding: 0 45px 8px;
  position: relative;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-books h3 .title-bg {
    padding: 0 26px 0;
  }
}

.mailmagazine-contents .mailmagazine-books h3 .title-bg::before, .mailmagazine-contents .mailmagazine-books h3 .title-bg::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 27px 34px;
  content: "";
  height: 34px;
  bottom: 0;
  position: absolute;
  width: 27px;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-books h3 .title-bg::before, .mailmagazine-contents .mailmagazine-books h3 .title-bg::after {
    background-size: 17px 21px;
    height: 21px;
    width: 17px;
  }
}

.mailmagazine-contents .mailmagazine-books h3 .title-bg::before {
  background-image: url("../images/mag/tit_bg01.png");
  left: 0;
}

.mailmagazine-contents .mailmagazine-books h3 .title-bg::after {
  background-image: url("../images/mag/tit_bg02.png");
  right: 0;
}

.mailmagazine-contents .mailmagazine-books ul {
  margin: 0 auto;
  max-width: 700px;
}

.mailmagazine-contents .mailmagazine-books ul li {
  float: left;
}

.mailmagazine-contents .mailmagazine-books ul li img {
  width: 100%;
}

@media (max-width: 767px) {
  .mailmagazine-contents .mailmagazine-books ul li {
    width: 48.5%;
  }
}

.mailmagazine-contents .mailmagazine-books ul li:last-child {
  float: right;
}

/* ==============================================
 80. Policy
=============================================== */
@media (max-width: 767px) {
  .policy-contents {
    font-size: 14px;
  }
}

.policy-contents a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .policy-contents a:hover {
    text-decoration: none;
  }
}

.policy-contents h3 {
  font-size: 18px;
  border-bottom: 2px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .policy-contents h3 {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.policy-contents h3 span {
  border-left: 3px solid #f58219;
  display: inline-block;
  padding: 2px 0 2px 17px;
}

@media (max-width: 767px) {
  .policy-contents h3 span {
    padding-left: 12px;
  }
}

.policy-contents h4 {
  font-size: 16px;
  margin-bottom: 12px;
  margin-top: 35px;
}

@media (max-width: 767px) {
  .policy-contents h4 {
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

.policy-contents ul, .policy-contents ol {
  list-style: none;
}

.policy-contents ul li, .policy-contents ol li {
  line-height: 2;
}

@media (max-width: 767px) {
  .policy-contents ul li, .policy-contents ol li {
    line-height: 1.8;
  }
}

.policy-contents .list-type--alfabet > li {
  text-indent: -1em;
  padding-left: 1em;
}

.policy-contents .list-type--alfabet > li ol li, .policy-contents .list-type--alfabet > li ul li {
  text-indent: 0;
}

.policy-contents .list-style--mb1 > li {
  margin-bottom: 10px;
}

.policy-contents .list-type--number1 {
  counter-reset: item;
}

.policy-contents .list-type--number1 > li {
  position: relative;
  padding-left: 2em;
}

.policy-contents .list-type--number1 > li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
  width: 1.7em;
}

.policy-contents .list-type--number2 {
  counter-reset: item2;
}

.policy-contents .list-type--number2 > li {
  position: relative;
  padding-left: 2em;
}

.policy-contents .list-type--number2 > li::before {
  counter-increment: item2;
  content: "(" counter(item2) ")";
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
  width: 1.5em;
}

/* ==============================================
 81. Sitemap
=============================================== */
.sitemap-contents .sitemap-list {
  border-bottom: 1px solid #ddd;
  padding: 24px 0 12px;
}

.sitemap-contents .sitemap-list.first {
  border-top: 1px solid #ddd;
}

.sitemap-contents .sitemap-list dt {
  font-size: 17px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .sitemap-contents .sitemap-list dt {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .sitemap-contents .sitemap-list dd {
    font-size: 14px;
  }
}

.sitemap-contents .sitemap-list dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sitemap-contents .sitemap-list dd ul li {
  margin-bottom: 12px;
  padding-right: 1em;
  width: 25%;
}

.sitemap-contents .sitemap-list dd ul li.full {
  width: auto;
}

@media (max-width: 767px) {
  .sitemap-contents .sitemap-list dd ul li {
    width: 50%;
  }
}

.sitemap-contents .sitemap-list dd ul li a {
  background: url("../images/common/icon_arrow02.png") no-repeat 0 4px/14px 14px;
  padding-left: 22px;
  display: inline-block;
}

/* ==============================================
 82. Online service
 Add 20201203
=============================================== */
.online-contents .page-billboard {
  background-image: url("../images/online/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .online-contents .page-billboard {
    background-image: url("../images/online/billboard_sp.jpg");
  }
}

.online-contents .mes {
  text-align: center;
  margin: 30px auto 60px;
}

@media (max-width: 767px) {
  .online-contents .mes {
    margin-bottom: 40px;
  }
}

.online-contents .static-contents-blocks .block .txt .txt-inner {
  padding-top: 0;
  padding-left: 0;
}

.online-contents .static-contents-blocks .block .txt .txt-inner::before {
  content: none;
}

.online-contents .static-contents-blocks .block .txt h3 {
  padding: 12px 0 12px 80px;
  position: relative;
}

@media (max-width: 767px) {
  .online-contents .static-contents-blocks .block .txt h3 {
    padding: 10px 0 10px 65px;
  }
}

.online-contents .static-contents-blocks .block .txt h3 .num {
  background: #f58219 url("../images/online/num_bg.png") no-repeat 50% 50%/cover;
  display: inline-block;
  color: #fff;
  font-size: 36px;
  font-weight: normal;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

@media (max-width: 767px) {
  .online-contents .static-contents-blocks .block .txt h3 .num {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
}

@media (max-width: 767px) {
  .online-contents p {
    font-size: 13px;
  }
}

.online-reserve {
  background-color: #f7f7f7;
  margin-bottom: 90px;
}

@media (max-width: 767px) {
  .online-reserve {
    margin-bottom: 60px;
  }
}

.online-reserve h3 {
  color: #f58219;
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 767px) {
  .online-reserve h3 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .online-reserve .form-table {
    margin-bottom: 0;
  }
}

.online-reserve .form-table tbody tr:nth-child(even) th {
  background-color: #fff;
}

@media (max-width: 767px) {
  .online-reserve .form-table tbody tr:nth-child(even) th {
    background-color: #e5e5e5;
  }
}

.online-reserve .form-table tbody tr:nth-child(even) td {
  background-color: #fff;
}

@media (max-width: 767px) {
  .online-reserve .form-table tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
  }
}

/* ==============================================
 83. Contract check
 Add 20210211
=============================================== */
.contract-check-contents .page-billboard {
  background-image: url("../images/contract-check/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .contract-check-contents .page-billboard {
    background-image: url("../images/contract-check/billboard_sp.jpg");
  }
}

.contract-check-contents h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 45px;
  letter-spacing: 0.06em;
  margin-top: 30px;
  text-align: center;
}

@media (max-width: 767px) {
  .contract-check-contents h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
}

.contract-check-contents .contract-check-point {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-point {
    margin-bottom: 50px;
  }
}

.contract-check-contents .contract-check-point .img {
  padding-top: 5px;
  width: 35%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-point .img {
    float: none;
    padding-top: 0;
    margin-bottom: 25px;
    text-align: center;
    width: auto;
  }
  .contract-check-contents .contract-check-point .img img {
    width: 260px;
  }
}

.contract-check-contents .contract-check-point ul {
  width: 60%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-point ul {
    float: none;
    width: auto;
  }
}

.contract-check-contents .contract-check-point ul li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-point ul li {
    font-size: 14px;
  }
}

.contract-check-contents .contract-check-point ul li::before {
  content: "";
  background-color: #333333;
  height: 8px;
  top: 8px;
  left: 0;
  position: absolute;
  width: 8px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-point ul li::before {
    top: 8px;
  }
}

.contract-check-contents .contract-check-point ul li strong {
  color: #f58219;
}

.contract-check-contents .contract-check-list {
  background-color: #f4f4f4;
  padding: 60px 0 60px;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list {
    padding: 20px 0;
    margin-bottom: 50px;
  }
  .contract-check-contents .contract-check-list h3 img {
    width: 290px;
  }
}

.contract-check-contents .contract-check-list .block {
  width: 48%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list .block {
    float: none;
    margin-bottom: 40px;
    width: auto;
  }
}

.contract-check-contents .contract-check-list .block h4 {
  font-size: 18px;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
  position: relative;
  padding: 0 0 0 22px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list .block h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.contract-check-contents .contract-check-list .block h4::before {
  content: "";
  border: 2px solid #333333;
  left: 0;
  height: 14px;
  top: 6px;
  position: absolute;
  width: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list .block h4::before {
    top: 5px;
  }
}

.contract-check-contents .contract-check-list ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contract-check-contents .contract-check-list ol li {
  background-color: #fff;
  padding: 20px 20px 20px 50px;
  position: relative;
  margin-bottom: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list ol li {
    padding: 15px 15px 15px 40px;
    margin-bottom: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
  }
}

.contract-check-contents .contract-check-list ol li::before {
  background: url("../images/contract-check/check.png") no-repeat 0 0;
  background-size: 26px 26px;
  content: "";
  height: 26px;
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -14px;
  width: 26px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-list ol li::before {
    background-size: 20px 20px;
    height: 20px;
    left: 10px;
    margin-top: -10px;
    width: 20px;
  }
}

.contract-check-contents .contract-check-merit {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit {
    margin-bottom: 50px;
  }
}

.contract-check-contents .contract-check-merit h3 .fs-small {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit h3 .fs-small {
    font-size: 14px;
  }
}

.contract-check-contents .contract-check-merit h3 small {
  font-size: 18px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit h3 small {
    font-size: 15px;
  }
}

.contract-check-contents .contract-check-merit .block {
  position: relative;
}

.contract-check-contents .contract-check-merit .block.first {
  margin-bottom: 30px;
  padding-bottom: 50px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block.first {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }
}

.contract-check-contents .contract-check-merit .block.first .arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -21px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block.first .arrow {
    margin-left: -18px;
    width: 36px;
  }
}

.contract-check-contents .contract-check-merit .block .img {
  padding-top: 5px;
  text-align: center;
  width: 33%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block .img {
    float: none;
    padding-top: 0;
    margin-bottom: 20px;
    width: auto;
  }
}

.contract-check-contents .contract-check-merit .block .txt {
  width: 62%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block .txt {
    float: none;
    width: auto;
  }
}

.contract-check-contents .contract-check-merit .block table {
  border: 1px solid #f58219;
  margin-top: 30px;
  width: 100%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block table {
    margin-top: 20px;
  }
}

.contract-check-contents .contract-check-merit .block table th {
  color: #fff;
  background-color: #f58219;
  font-size: 18px;
  padding: 20px;
  text-align: center;
  width: 55%;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block table th {
    font-size: 16px;
    display: block;
    padding: 10px;
    width: auto;
  }
}

.contract-check-contents .contract-check-merit .block table td {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 20px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block table td {
    display: block;
    padding: 15px;
    width: auto;
  }
}

.contract-check-contents .contract-check-merit .block table td small {
  font-size: 75%;
}

.contract-check-contents .contract-check-merit .block ul {
  width: 62%;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block ul {
    float: none;
    width: auto;
  }
}

.contract-check-contents .contract-check-merit .block ul li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block ul li {
    font-size: 14px;
  }
}

.contract-check-contents .contract-check-merit .block ul li::before {
  content: "";
  background-color: #f58219;
  height: 8px;
  top: 8px;
  left: 0;
  position: absolute;
  width: 8px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-merit .block ul li::before {
    top: 8px;
  }
}

.contract-check-contents .contract-check-merit .block ul li strong {
  color: #f58219;
}

.contract-check-contents .static-contents-contact p {
  margin-bottom: 0;
}

.contract-check-contents .static-contents-contact .large {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.contract-check-contents .static-contents-contact .large strong {
  color: #bf1320;
  font-size: 32px;
}

@media (max-width: 767px) {
  .contract-check-contents .static-contents-contact .large strong {
    font-size: 28px;
  }
}

.contract-check-contents .static-contents-contact .large + p {
  margin-bottom: 10px;
}

.contract-check-contents .static-contents-contact .btn-area .btn-black {
  width: 330px;
}

.contract-check-contents .contract-check-form {
  padding: 50px 0 80px;
}

@media (max-width: 767px) {
  .contract-check-contents .contract-check-form {
    padding: 20px 0 50px;
  }
}

/* ==============================================
 84. Message
 Add 20210219
=============================================== */
.message-contents {
  /* message
  ----------------------------------------------- */
}

.message-contents .page-billboard {
  background-image: url("../images/message/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .message-contents .page-billboard {
    background-image: url("../images/message/billboard_sp.jpg");
  }
}

.message-contents .message-greeting h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .message-contents .message-greeting h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.message-contents .message-greeting .catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .catch {
    font-size: 20px;
    font-size: 5vw;
    letter-spacing: 0.12em;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .message-contents .message-greeting .catch {
    font-size: 6.3vw;
  }
}

.message-contents .message-greeting .txt {
  float: left;
  width: 53%;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .txt {
    float: none;
    width: auto;
  }
}

.message-contents .message-greeting .txt p {
  line-height: 2.2;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .txt p {
    line-height: 1.9;
  }
}

.message-contents .message-greeting .img {
  padding-top: 7px;
  float: right;
  width: 40%;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .img {
    float: none;
    padding-top: 0;
    width: auto;
  }
}

.message-contents .message-greeting .img img {
  margin-bottom: 15px;
  width: 100%;
}

.message-contents .message-greeting .img .name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .img .name {
    font-size: 16px;
  }
}

.message-contents .message-greeting .img .name .position {
  display: block;
  font-size: 15px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .message-contents .message-greeting .img .name .position {
    font-size: 13px;
  }
}

.message-contents .message-message {
  margin-bottom: 40px;
  position: relative;
}

@media (max-width: 767px) {
  .message-contents .message-message {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 20px;
  }
}

.message-contents .message-message::after {
  background: url("../images/message/bg_pc.jpg") no-repeat 50% 50%/cover;
  content: "";
  height: 320px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .message-contents .message-message::after {
    content: none;
  }
}

.message-contents .message-message .inner {
  z-index: 1;
}

.message-contents .message-message .message-heading {
  color: #b3b3b3;
  margin-bottom: 50px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .message-contents .message-message .message-heading {
    margin-bottom: 25px;
  }
}

.message-contents .message-message .message-heading .en {
  font-family: "Lora", serif;
  font-size: 78px;
  font-weight: normal;
  display: block;
  line-height: 1;
  letter-spacing: 0.18em;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .message-contents .message-message .message-heading .en {
    font-size: 44px;
    margin-bottom: 14px;
  }
}

.message-contents .message-message .message-heading .ja {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  font-weight: 500;
  display: block;
  line-height: 1;
  letter-spacing: 0.24em;
}

@media (max-width: 767px) {
  .message-contents .message-message .message-heading .ja {
    font-size: 14px;
  }
}

.message-contents .message-message .catch {
  float: left;
  width: 40%;
}

@media (max-width: 767px) {
  .message-contents .message-message .catch {
    float: none;
    width: auto;
  }
}

.message-contents .message-message .catch p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  letter-spacing: 0.2em;
}

@media (max-width: 767px) {
  .message-contents .message-message .catch p {
    font-size: 23px;
    font-size: 5vw;
    letter-spacing: 0.12em;
  }
}

@media (max-width: 340px) {
  .message-contents .message-message .catch p {
    font-size: 6.3vw;
  }
}

.message-contents .message-message .txt {
  padding-top: 5px;
  float: right;
  width: 55%;
}

@media (max-width: 767px) {
  .message-contents .message-message .txt {
    background: #f7f7f7 url("../images/message/bg_sp.jpg") no-repeat 50% 100%/100%;
    float: none;
    padding: 25px 15px 40px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
}

.message-contents .message-message .txt p {
  line-height: 2.2;
}

@media (max-width: 767px) {
  .message-contents .message-message .txt p {
    line-height: 1.9;
  }
}

/* ==============================================
 85. Outline
 Add 20210219
=============================================== */
.outline-contents .page-billboard {
  background-image: url("../images/outline/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .outline-contents .page-billboard {
    background-image: url("../images/outline/billboard_sp.jpg");
  }
}

.outline-contents .outline-heading {
  color: #b3b3b3;
  margin-bottom: 40px;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .outline-contents .outline-heading {
    margin-bottom: 30px;
  }
}

.outline-contents .outline-heading .en {
  font-family: "Lora", serif;
  font-size: 54px;
  font-weight: normal;
  display: block;
  line-height: 1;
  letter-spacing: 0.12em;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .outline-contents .outline-heading .en {
    font-size: 36px;
    margin-bottom: 12px;
  }
}

.outline-contents .outline-heading .ja {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
  line-height: 1;
  letter-spacing: 0.16em;
}

@media (max-width: 767px) {
  .outline-contents .outline-heading .ja {
    font-size: 16px;
  }
}

/* outline
----------------------------------------------- */
.outline-company table {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  width: 100%;
}

.outline-company table th {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  text-align: left;
  padding: 20px 30px;
  width: 300px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .outline-company table th {
    display: block;
    padding: 10px 15px;
    width: auto;
  }
}

.outline-company table td {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  text-align: left;
  line-height: 1.7;
  padding: 20px 30px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .outline-company table td {
    font-size: 90%;
    display: block;
    padding: 15px;
    width: auto;
  }
}

.outline-company table td a {
  text-decoration: underline;
}

@media (min-width: 1025px) {
  .outline-company table td a:hover {
    text-decoration: none;
  }
}



/* partner
----------------------------------------------- */
@media (max-width: 767px) {
  .outline-partner {
    padding-top: 20px;
  }
}

.outline-partner h4 {
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 16px;
  position: relative;
}

.outline-partner h4::before {
  content: "";
  background-color: #f58219;
  height: 10px;
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
}

.outline-partner ul {
  margin-bottom: 50px;
}

.outline-partner ul li {
  background-color: #f7f7f7;
  padding: 20px 30px;
  font-weight: bold;
}

@media (max-width: 767px) {
  .outline-partner ul li {
    padding: 20px 15px;
  }
}

.outline-partner ul li:nth-child(even) {
  background-color: #fff;
}

.outline-partner ul li a {
  font-weight: normal;
  text-decoration: underline;
  word-break: break-all;
}

@media (min-width: 1025px) {
  .outline-partner ul li a:hover {
    text-decoration: none;
  }
}

@media (max-width: 767px) {
  .outline-partner ul li a {
    font-size: 90%;
    display: block;
    margin-top: 5px;
  }
}

/* ==============================================
 90. Media Queries
=============================================== */
/* hidden
----------------------------------------------- */
@media screen and (min-width: 1025px) {
  .hidden-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .hidden-md {
    display: none !important;
  }
}

@media screen and (min-width: 544px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}

@media screen and (max-width: 543px) {
  .hidden-xs {
    display: none !important;
  }
}

/* column
----------------------------------------------- */
.col-lg-1 {
  width: 12%;
}

.col-lg-2 {
  width: 16.6666%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-4 {
  width: 33.3333%;
}

.col-lg-5 {
  width: 41.6666%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-7 {
  width: 57.0833%;
}

.col-lg-8 {
  width: 66.6667%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-10 {
  width: 83.3334%;
}

.col-lg-11 {
  width: 91.6666%;
}

.col-lg-12 {
  width: 100%;
}

/* pc min
----------------------------------------------- */
@media screen and (max-width: 1119px) {
  /* column
  ----------------------------------------------- */
  .col-md-1 {
    width: 12%;
  }
  .col-md-2 {
    width: 16.6666%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333%;
  }
  .col-md-5 {
    width: 41.6666%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 57.0833%;
  }
  .col-md-8 {
    width: 66.6667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3334%;
  }
  .col-md-11 {
    width: 91.6666%;
  }
  .col-md-12 {
    width: 100%;
  }
}

/* tablet
----------------------------------------------- */
@media screen and (max-width: 991px) {
  body.sp-nav-open {
    overflow: hidden !important;
  }
  /* ==============================================
     Layout
    =============================================== */
  /* column
    ----------------------------------------------- */
  .col-sm-1 {
    width: 12%;
  }
  .col-sm-2 {
    width: 16.6666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333%;
  }
  .col-sm-5 {
    width: 41.6666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 57.0833%;
  }
  .col-sm-8 {
    width: 66.6667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3334%;
  }
  .col-sm-11 {
    width: 91.6666%;
  }
  .col-sm-12 {
    width: 100%;
  }
}

/* column
----------------------------------------------- */
@media screen and (max-width: 767px) {
  /* column
    ----------------------------------------------- */
  .col-xs-1 {
    width: 12%;
  }
  .col-xs-2 {
    width: 16.6666%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.3333%;
  }
  .col-xs-5 {
    width: 41.6666%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 57.0833%;
  }
  .col-xs-8 {
    width: 66.6667%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.3334%;
  }
  .col-xs-11 {
    width: 91.6666%;
  }
  .col-xs-12 {
    width: 100%;
  }
}

/* ==============================================
 91. print style
=============================================== */
@media print {
  body {
    -webkit-print-color-adjust: exact;
    zoom: 75%;
  }
}


/* ::::::::::::::::::::::::::::::::::::::::::::::
 Add 20210611
::::::::::::::::::::::::::::::::::::::::::::::: */
/* ==============================================
 101. Selling of real estate
=============================================== */
.selling-contents .page-billboard {
  background-image: url("../images/selling/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .selling-contents .page-billboard {
    background-image: url("../images/selling/billboard_sp.jpg");
  }
}

.selling-contents p.catch {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  margin-top: 30px;
}

.selling-contents p.catch span {
  display: inline-block;
}

@media (max-width: 767px) {
  .selling-contents p.catch {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.selling-contents p.catch + p {
  text-align: center;
}

@media (max-width: 767px) {
  .selling-contents p.catch + p {
    font-size: 13px;
  }
}

.selling-contents p.catch + p span {
  display: inline-block;
}

.selling-contents .selling-highlight {
  background: url("../images/common/bg01.jpg") repeat 0 0;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 60px auto;
}

@media (max-width: 767px) {
  .selling-contents .selling-highlight {
    margin: 30px auto 40px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.selling-contents .selling-highlight p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .selling-contents .selling-highlight p img {
    width: 300px;
  }
}

.selling-contents .selling-point .point-top {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .selling-contents .selling-point .point-top {
    margin-bottom: 50px;
  }
}

.selling-contents .selling-point .point-top .inner {
  max-width: 540px;
}

.selling-contents .selling-point .point-top h3 {
  color: #f58219;
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .selling-contents .selling-point .point-top h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.selling-contents .selling-point .point-top h3::after {
  content: "";
  background-color: #f58219;
  height: 1px;
  left: 0;
  top: 50%;
  position: absolute;
  width: 100%;
}

.selling-contents .selling-point .point-top h3 span {
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.selling-contents .selling-point .point-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.selling-contents .selling-point .point-top ul li {
  text-align: center;
  margin-right: 5%;
  width: 30%;
}

@media (max-width: 767px) {
  .selling-contents .selling-point .point-top ul li {
    margin-right: 2%;
    width: 32%;
  }
}

.selling-contents .selling-point .point-top ul li:last-child {
  margin-right: auto;
}

@media (max-width: 767px) {
  .selling-contents .selling-point .block {
    margin-bottom: 50px;
  }
}

.selling-contents .selling-point .btn-area {
  text-align: left;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .selling-contents .selling-point .btn-area {
    text-align: center;
    margin-top: 20px;
  }
}

.selling-contents .selling-result {
  margin-top: 120px;
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result {
    margin: 80px -15px 100px;
  }
}

.selling-contents .selling-result .inner {
  background: url("../images/selling/selling_result_bg_pc.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 80px 30px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .inner {
    background-image: url("../images/selling/selling_result_bg_sp.jpg");
    padding: 50px 20px;
  }
}

.selling-contents .selling-result .box {
  background-color: #fff;
  padding: 0 80px 50px;
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box {
    padding: 0 20px 30px;
  }
}

.selling-contents .selling-result .box h3 {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box h3 {
    margin-bottom: 15px;
  }
}

.selling-contents .selling-result .box .note {
  position: absolute;
  right: 13px;
  bottom: 13px;
  font-size: 80%;
  margin: 0;
  line-height: 1;
}

.selling-contents .selling-result .box dl {
  display: table;
  border-bottom: 2px solid #cccccc;
  margin-bottom: 20px;
  width: 100%;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl {
    display: block;
    margin-bottom: 16px;
  }
}

.selling-contents .selling-result .box dl dt {
  background-position: 0 60%;
  background-repeat: no-repeat;
  display: table-cell;
  line-height: 1.2;
  font-size: 22px;
  text-align: left;
  padding: 10px 0 15px 70px;
  vertical-align: baseline;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl dt {
    background-position: 50% 0%;
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 38px 0 5px;
  }
}

.selling-contents .selling-result .box dl.result-house dt {
  background-image: url("../images/selling/selling_result_icon01.png");
  background-size: 56px 42px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl.result-house dt {
    background-size: 38px 29px;
  }
}

.selling-contents .selling-result .box dl.result-user dt {
  background-image: url("../images/selling/selling_result_icon02.png");
  background-size: 58px 44px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl.result-user dt {
    background-size: 40px 30px;
  }
}

.selling-contents .selling-result .box dl dd {
  display: table-cell;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
  text-align: right;
  padding: 10px 0;
  vertical-align: baseline;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl dd {
    display: block;
    font-size: 16px;
    text-align: center;
    padding: 0 0 12px;
  }
}

.selling-contents .selling-result .box dl dd .ff-en {
  font-size: 44px;
  color: #bf1320;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 2px;
  letter-spacing: 2px;
}

@media (max-width: 767px) {
  .selling-contents .selling-result .box dl dd .ff-en {
    font-size: 32px;
  }
}

.selling-contents .selling-message {
  background-color: #faf5f0;
  text-align: center;
}

.selling-contents .selling-message .inner {
  padding-top: 70px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .selling-contents .selling-message .inner {
    padding-bottom: 40px;
  }
}

.selling-contents .selling-message .illust {
  position: absolute;
}

.selling-contents .selling-message .illust.illust-1 {
  left: 10%;
  top: -60px;
}

@media (max-width: 767px) {
  .selling-contents .selling-message .illust.illust-1 {
    left: 10px;
    top: -55px;
    width: 67px;
  }
}

.selling-contents .selling-message .illust.illust-2 {
  right: 10%;
  top: -45px;
}

@media (max-width: 767px) {
  .selling-contents .selling-message .illust.illust-2 {
    right: 10px;
    top: -50px;
    width: 65px;
  }
}

.selling-contents .selling-message h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 24px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .selling-contents .selling-message h3 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}

.selling-contents .selling-message h3 span {
  display: inline-block;
}

@media (max-width: 767px) {
  .selling-contents .selling-message h3 + p {
    font-size: 13px;
  }
}

.selling-contents .selling-message .btn-area {
  margin-top: 30px;
}

.selling-contents .selling-message .btn {
  width: 330px;
}

.selling-contents .selling-message .btn .btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .selling-contents .selling-message .btn {
    width: 280px;
    max-width: 100%;
  }
}

/* ==============================================
 102. Business sales
=============================================== */
.business-sales-contents .page-billboard {
  background-image: url("../images/business-sales/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .business-sales-contents .page-billboard {
    background-image: url("../images/business-sales/billboard_sp.jpg");
  }
}

.business-sales-contents p.catch {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .business-sales-contents p.catch {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

.business-sales-contents p.catch + p {
  text-align: center;
}

@media (max-width: 767px) {
  .business-sales-contents p.catch + p {
    font-size: 13px;
  }
}

.business-sales-contents p.catch + p span {
  display: inline-block;
}

.business-sales-contents .business-sales-merit .tit {
  text-align: center;
  margin: 40px auto 30px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-merit .tit {
    margin: 40px auto 20px;
  }
  .business-sales-contents .business-sales-merit .tit img {
    width: 270px;
  }
}

.business-sales-contents .business-sales-merit .block .txt .txt-inner {
  padding-left: 0;
}

.business-sales-contents .business-sales-merit .block .txt .txt-inner::before {
  content: none;
}

.business-sales-contents .business-sales-merit .block .txt .num {
  border: 1px solid #f58219;
  margin-bottom: 20px;
  width: auto;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-merit .block .txt .num {
    margin-bottom: 14px;
  }
}

.business-sales-contents .business-sales-merit .block .txt .num th {
  background-color: #f58219;
  color: #fff;
  font-size: 12px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: bold;
  padding: 6px 10px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-merit .block .txt .num th {
    font-size: 10px;
  }
}

.business-sales-contents .business-sales-merit .block .txt .num td {
  background-color: #fff;
  color: #f58219;
  font-size: 22px;
  font-family: "Lora", serif;
  font-weight: bold;
  padding: 2px 10px;
  text-align: center;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-merit .block .txt .num td {
    font-size: 18px;
  }
}

.business-sales-contents .business-sales-message {
  margin-top: 90px;
  text-align: center;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message {
    margin-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.business-sales-contents .business-sales-message .inner {
  border: 8px solid #f2f2f2;
  padding: 45px 60px 60px;
  position: relative;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .inner {
    border-width: 20px;
    padding: 30px 15px 80px;
  }
}

.business-sales-contents .business-sales-message .inner .box-bg {
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  height: 14px;
  display: inline-block;
  width: 14px;
}

.business-sales-contents .business-sales-message .inner .box-bg-1 {
  background-image: url("../images/business-sales/box_bg01.png");
  left: -8px;
  top: -8px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .inner .box-bg-1 {
    left: 0;
    top: 0;
  }
}

.business-sales-contents .business-sales-message .inner .box-bg-2 {
  background-image: url("../images/business-sales/box_bg02.png");
  right: -8px;
  top: -8px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .inner .box-bg-2 {
    right: 0;
    top: 0;
  }
}

.business-sales-contents .business-sales-message .inner .box-bg-3 {
  background-image: url("../images/business-sales/box_bg03.png");
  left: -8px;
  bottom: -8px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .inner .box-bg-3 {
    left: 0;
    bottom: 0;
  }
}

.business-sales-contents .business-sales-message .inner .box-bg-4 {
  background-image: url("../images/business-sales/box_bg04.png");
  right: -8px;
  bottom: -8px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .inner .box-bg-4 {
    right: 0;
    bottom: 0;
  }
}

.business-sales-contents .business-sales-message h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 18px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message h3 {
    font-size: 18px;
  }
}

.business-sales-contents .business-sales-message h3 + p {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message h3 + p {
    font-size: 13px;
  }
}

.business-sales-contents .business-sales-message .btn {
  width: 330px;
}

.business-sales-contents .business-sales-message .btn .btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .btn {
    width: 280px;
    max-width: 100%;
  }
}

.business-sales-contents .business-sales-message .illust {
  position: absolute;
  bottom: 0;
}

.business-sales-contents .business-sales-message .illust-1 {
  left: 6%;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .illust-1 {
    left: 12%;
    width: 112px;
  }
}

.business-sales-contents .business-sales-message .illust-2 {
  right: 8%;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-message .illust-2 {
    bottom: -20px;
    width: 85px;
  }
}

.business-sales-contents .business-sales-flow {
  background-color: #faf5f0;
  margin-bottom: 90px;
  margin-top: 90px;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.business-sales-contents .business-sales-flow h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 14px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow h3 {
    font-size: 22px;
  }
}

.business-sales-contents .business-sales-flow h3 + p {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow h3 + p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.business-sales-contents .business-sales-flow .flow-step {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow .flow-step {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

.business-sales-contents .business-sales-flow .flow-step li {
  background-color: #fff;
  border: 1px solid #f58219;
  display: block;
  color: #f58219;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 2px 35px;
  position: relative;
  width: 13%;
}

.business-sales-contents .business-sales-flow .flow-step li::after {
  content: "";
  position: absolute;
  right: -25%;
  top: 50%;
  border-style: solid;
  border-width: 13.5px 0 13.5px 17px;
  border-color: transparent transparent transparent #ffb685;
  margin-top: -13.5px;
}

.business-sales-contents .business-sales-flow .flow-step li:last-child::after {
  content: none;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow .flow-step li {
    margin-bottom: 10px;
    width: 49%;
    font-size: 13px;
    text-align: left;
    padding: 22px 0 24px 48px;
  }
}

.business-sales-contents .business-sales-flow .flow-step li .num {
  display: block;
  font-family: "Lora", serif;
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow .flow-step li .num {
    font-size: 22px;
  }
}

.business-sales-contents .business-sales-flow .flow-step li .num small {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow .flow-step li .num small {
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-flow .flow-step li .num {
    position: absolute;
    left: 10px;
    top: 12px;
  }
}

.business-sales-contents .business-sales-faq h3 {
  font-size: 24px;
  font-weight: 600;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 50px;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

.business-sales-contents .business-sales-faq ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq ul {
    display: block;
  }
}

.business-sales-contents .business-sales-faq ul li {
  background-color: #faf5f0;
  margin-bottom: 40px;
  margin-right: 3%;
  padding-left: 20px;
  position: relative;
  width: 48.5%;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq ul li {
    margin-right: auto;
    margin-bottom: 20px;
    width: auto;
  }
}

.business-sales-contents .business-sales-faq ul li:nth-child(even) {
  margin-right: auto;
}

.business-sales-contents .business-sales-faq ul li:last-child {
  margin-bottom: 0;
}

.business-sales-contents .business-sales-faq ul li .num {
  background-color: #f58219;
  color: #fff;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  line-height: 1.2;
  text-align: center;
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.business-sales-contents .business-sales-faq ul li .cont {
  padding: 25px 30px;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq ul li .cont {
    padding: 20px 20px;
  }
}

.business-sales-contents .business-sales-faq ul li .cont dt {
  font-size: 18px;
  margin-bottom: 13px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq ul li .cont dt {
    font-size: 16px;
  }
}

.business-sales-contents .business-sales-faq ul li .cont dd {
  position: relative;
  padding-left: 28px;
  margin-bottom: 5px;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .business-sales-contents .business-sales-faq ul li .cont dd {
    font-size: 14px;
  }
}

.business-sales-contents .business-sales-faq ul li .cont dd::before {
  color: #f58219;
  content: "A";
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: -4px;
  left: 3px;
}

/* ==============================================
 103. Management of vacant house
=============================================== */
.management-contents .page-billboard {
  background-image: url("../images/management/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .management-contents .page-billboard {
    background-image: url("../images/management/billboard_sp.jpg");
  }
}

.management-contents .management-message {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .management-contents .management-message {
    margin-bottom: 30px;
  }
}

.management-contents .management-message p.catch {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  text-align: center;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .management-contents .management-message p.catch {
    font-size: 22px;
    margin-bottom: 10px;
  }
}

@media (max-width: 340px) {
  .management-contents .management-message p.catch {
    font-size: 20px;
  }
}

.management-contents .management-message p.catch span {
  display: inline-block;
}

.management-contents .management-message p.catch + p {
  text-align: center;
}

@media (max-width: 767px) {
  .management-contents .management-message p.catch + p {
    font-size: 13px;
  }
}

.management-contents .management-trouble {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 60px;
  position: relative;
}

@media (max-width: 767px) {
  .management-contents .management-trouble {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}

.management-contents .management-trouble::after {
  content: "";
  background: url("../images/common/bg01.jpg") repeat 0 0;
  left: 0;
  bottom: 0;
  height: calc(100% - 60px);
  position: absolute;
  width: 100%;
}

@media (max-width: 767px) {
  .management-contents .management-trouble::after {
    height: calc(100% - 90px);
  }
}

.management-contents .management-trouble .container {
  z-index: 1;
}

.management-contents .management-trouble h3 {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble h3 img {
    width: 214px;
  }
}

.management-contents .management-trouble .img {
  margin-bottom: 30px;
}

.management-contents .management-trouble .mes {
  padding: 15px 15px;
  position: relative;
  max-width: 610px;
  margin: 0 auto;
}

.management-contents .management-trouble .mes .mes-bg {
  background-color: #F8B91C;
  content: "";
  position: absolute;
}

.management-contents .management-trouble .mes .mes-bg-1 {
  left: 0;
  top: 0;
  height: 1px;
  width: 44px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .mes-bg-1 {
    width: 30px;
  }
}

.management-contents .management-trouble .mes .mes-bg-2 {
  left: 0;
  top: 0;
  height: 44px;
  width: 1px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .mes-bg-2 {
    height: 30px;
  }
}

.management-contents .management-trouble .mes .mes-bg-3 {
  right: 0;
  bottom: 0;
  height: 1px;
  width: 44px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .mes-bg-3 {
    width: 30px;
  }
}

.management-contents .management-trouble .mes .mes-bg-4 {
  right: 0;
  bottom: 0;
  height: 44px;
  width: 1px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .mes-bg-4 {
    height: 30px;
  }
}

.management-contents .management-trouble .mes .catch {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .catch {
    font-size: 20px;
    margin-bottom: 10px;
  }
}

@media (max-width: 340px) {
  .management-contents .management-trouble .mes .catch {
    font-size: 19px;
  }
}

.management-contents .management-trouble .mes .catch + p {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .management-contents .management-trouble .mes .catch + p {
    margin-bottom: 0;
  }
}

.management-contents .management-service h3 {
  background: url("../images/management/management_icon01.png") no-repeat 50% 0;
  background-size: 41px 37px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 32px;
  text-align: center;
  padding-top: 50px;
}

.management-contents .management-service h3 span {
  display: inline-block;
}

@media (max-width: 767px) {
  .management-contents .management-service h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

@media (max-width: 340px) {
  .management-contents .management-service h3 {
    font-size: 19px;
  }
}

.management-contents .management-service .management-price {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .management-contents .management-service .management-price {
    margin-bottom: 20px;
  }
}

.management-contents .management-service .management-price p {
  background-color: #F7F7F7;
  padding: 13px 22px 12px;
  display: inline-block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.3;
  margin-bottom: 0;
  white-space: nowrap;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .management-contents .management-service .management-price p {
    display: block;
    padding: 12px 10px 10px;
    line-height: 1.7;
    white-space: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
}

.management-contents .management-service .management-price p strong {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-weight: 600;
  line-height: 1;
}

.management-contents .management-service .management-price p strong .price {
  color: #f58219;
  font-size: 30px;
}

.management-contents .management-service .img {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .management-contents .management-service .img {
    position: relative;
    margin: 0 -7px 0;
  }
  .management-contents .management-service .img img {
    width: 358px;
  }
}

.management-contents .management-service .btn-area {
  background-color: #fdf8f5;
  text-align: center;
  padding: 40px 15px;
}

.management-contents .management-service .btn-area .btn {
  width: 280px;
}

.management-contents .management-service .btn-area .btn .btn-icon {
  background: url("../images/common/icon_mail01.png") no-repeat 0 50%;
  background-size: 27px 19px;
  display: inline-block;
  padding: 2px 0 2px 34px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .management-contents .management-service .btn-area .btn {
    max-width: 100%;
  }
  .management-contents .management-service .btn-area .btn .btn-icon {
    background-size: 23px 17px;
    padding: 2px 0 2px 30px;
  }
}

/* ==============================================
 104. Column
=============================================== */
.column-archive .page-billboard, .column-detail .page-billboard {
  background-image: url("../images/column/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .column-archive .page-billboard, .column-detail .page-billboard {
    background-image: url("../images/column/billboard_sp.jpg");
  }
}

/* column list
----------------------------------------------- */
.column-list {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .column-list {
    max-width: 290px;
    margin: 35px auto 0;
  }
}

.column-list li {
  margin-bottom: 50px;
  margin-right: 5%;
  width: 30%;
}

.column-list li:nth-child(3n) {
  margin-right: auto;
}

@media (max-width: 767px) {
  .column-list li {
    margin-bottom: 40px;
    margin-right: auto;
    width: auto;
  }
  .column-list li:last-child {
    margin-bottom: 0;
  }
}

.column-list li .post-thumbnail {
  text-align: center;
}

.column-list li .cont {
  padding-top: 12px;
  position: relative;
  z-index: 1;
}

.column-list li .cont .post-title {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .column-list li .cont .post-title {
    font-size: 16px;
  }
}

.column-list li .cont .post-date {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 13px;
}

.column-list li .cont .post-author {
  border-left: 1px solid #e0e0e0;
  color: #808080;
  font-size: 13px;
  margin-left: 0.7em;
  padding-left: 1em;
}

/* column detail
----------------------------------------------- */
.column-detail-main {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .column-detail-main {
    margin-top: 35px;
  }
}

.column-detail-main .column-detail-contents {
  float: left;
  width: 68.5%;
}

@media (max-width: 1024px) {
  .column-detail-main .column-detail-contents {
    float: none;
    margin-bottom: 50px;
    width: auto;
  }
}

.column-detail-main .column-detail-aside {
  float: right;
  width: 27.2%;
}

@media (max-width: 1024px) {
  .column-detail-main .column-detail-aside {
    float: none;
    width: auto;
  }
}

.column-detail-main .column-detail-aside h2 {
  background-color: #333333;
  color: #fff;
  font-size: 18px;
  padding: 16px 18px;
}

.column-detail-main .column-detail-aside .column-popular-list li {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0;
}

.column-detail-main .column-detail-aside .column-popular-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-thumbnail {
  margin-right: 5%;
  width: 25%;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-thumbnail .thumbnail-bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-thumbnail .thumbnail-bg::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.column-detail-main .column-detail-aside .column-popular-list li .cont {
  flex: 1;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-title {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.45;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-meta {
  line-height: 1;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-date {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  font-size: 12px;
  line-height: 1;
}

.column-detail-main .column-detail-aside .column-popular-list li .post-author {
  border-left: 1px solid #e0e0e0;
  color: #808080;
  font-size: 12px;
  margin-left: 0.7em;
  padding-left: 1em;
  line-height: 1;
}

.column-detail-main .column-article .post-title {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.column-detail-main .column-article .post-meta {
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-meta {
    margin-bottom: 25px;
  }
}

.column-detail-main .column-article .post-date {
  background: url("../images/common/icon_column_watch.png") no-repeat 0 50%;
  background-size: 16px 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #808080;
  padding-left: 24px;
}

.column-detail-main .column-article .post-author {
  background: url("../images/common/icon_column_pen.png") no-repeat 0 50%;
  background-size: 15px 15px;
  color: #808080;
  margin-left: 1.2em;
  padding-left: 20px;
}

.column-detail-main .column-article .post-thumbnail {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-thumbnail {
    margin-bottom: 20px;
  }
}

.column-detail-main .column-article .post-contents {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents {
    margin-bottom: 20px;
  }
}

.column-detail-main .column-article .post-contents h1 {
  font-size: 28px;
  margin-top: 50px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents h1 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

.column-detail-main .column-article .post-contents h2 {
  background-color: #f7f7f7;
  border-left: 5px solid #f58219;
  font-size: 22px;
  padding: 16px 20px;
  margin-top: 50px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents h2 {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 14px 15px;
  }
}

.column-detail-main .column-article .post-contents h3 {
  border-bottom: 3px solid #cccccc;
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents h3 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

.column-detail-main .column-article .post-contents h4 {
  font-size: 17px;
  margin-bottom: 14px;
  margin-top: 30px;
  padding-left: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents h4 {
    font-size: 16px;
  }
}

.column-detail-main .column-article .post-contents h4::before {
  border: 2px solid #f58219;
  content: "";
  height: 12px;
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.column-detail-main .column-article .post-contents h5 {
  font-size: 17px;
  margin-bottom: 14px;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents h5 {
    font-size: 16px;
  }
}

.column-detail-main .column-article .post-contents h6 {
  font-size: 107%;
  margin-bottom: 14px;
  margin-top: 30px;
}

.column-detail-main .column-article .post-contents > h1:first-child,
.column-detail-main .column-article .post-contents > h2:first-child,
.column-detail-main .column-article .post-contents > h3:first-child,
.column-detail-main .column-article .post-contents > h4:first-child,
.column-detail-main .column-article .post-contents > h5:first-child,
.column-detail-main .column-article .post-contents > h6:first-child {
  margin-top: 0;
}

.column-detail-main .column-article .post-contents img {
  display: block;
  margin: 10px auto 26px;
}

@media (max-width: 767px) {
  .column-detail-main .column-article .post-contents img {
    margin-bottom: 16px;
  }
}

.column-detail-main .column-box-index {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  margin: 40px auto 60px;
}

@media (max-width: 767px) {
  .column-detail-main .column-box-index {
    margin: 30px auto 50px;
  }
}

.column-detail-main .column-box-index .box-index-inner {
  padding: 28px 40px 10px;
}

@media (max-width: 767px) {
  .column-detail-main .column-box-index .box-index-inner {
    padding: 22px 20px 8px;
  }
}

.column-detail-main .column-box-index .box-index-header {
  padding-bottom: 20px;
  text-align: center;
}

.column-detail-main .column-box-index .box-index-header .box-index-header-title {
  font-size: 17px;
  border: none;
  display: inline-block;
  padding: 0;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

.column-detail-main .column-box-index .box-index-header .box-index-header-close {
  background: none;
  display: inline-block;
  font-size: 15px;
  cursor: pointer;
  padding: 0;
  outline: none;
  margin: 0 auto;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  vertical-align: middle;
}

.column-detail-main .column-box-index .box-index-header .box-index-header-close span:nth-child(2) {
  display: none;
}

.column-detail-main .column-box-index .box-index-list {
  margin-bottom: 20px;
  list-style-type: none;
  counter-reset: counter;
  padding-left: 2.5em;
}

.column-detail-main .column-box-index .box-index-list li {
  margin-bottom: 5px;
  position: relative;
}

.column-detail-main .column-box-index .box-index-list li::before {
  counter-increment: counter;
  content: counter(counter);
  padding-right: 0.8em;
  position: absolute;
  top: 0;
  left: -3em;
  display: inline-block;
  text-align: right;
  width: 3em;
}

/* ==============================================
 105. Youtube list
=============================================== */
.movie-archive .page-billboard {
  background-image: url("../images/movie/billboard_pc.jpg");
}

@media (max-width: 767px) {
  .movie-archive .page-billboard {
    background-image: url("../images/movie/billboard_sp.jpg");
  }
}

.movie-archive .movie-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .movie-archive .movie-list {
    display: block;
    margin-top: 40px;
  }
}

.movie-archive .movie-list li {
  background-color: #fff;
  margin-right: 2.133%;
  position: relative;
  padding: 0 15px 74px;
  margin-bottom: 40px;
  width: 23.4%;
}

@media (max-width: 767px) {
  .movie-archive .movie-list li {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 290px;
    width: 100%;
  }
}

.movie-archive .movie-list li:nth-child(4n) {
  margin-right: auto;
}

.movie-archive .movie-list li .thumbnail {
  margin: 0 -15px 12px;
  position: relative;
}

.movie-archive .movie-list li .thumbnail img {
  width: 100%;
}

.movie-archive .movie-list li .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
}

.movie-archive .movie-list li .date {
  color: #808080;
  font-size: 13px;
  margin-top: 5px;
}

.movie-archive .movie-list li .comment {
  font-size: 13px;
  margin-top: 5px;
}

.movie-archive .movie-list li .btn {
  border: 1px solid #2cb5a9;
  color: #2cb5a9;
  font-size: 14px;
  display: block;
  position: absolute;
  left: 5%;
  bottom: 18px;
  text-align: center;
  padding: 12px;
  width: 90%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .movie-archive .movie-list li .btn {
    -webkit-transition: all 0.14s ease-out;
    -moz-transition: all 0.14s ease-out;
    -ms-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
  }
  .movie-archive .movie-list li .btn:hover {
    opacity: 0.8;
  }
}

.movie-archive .movie-list li .btn .btn-icon {
  background: url("../images/common/icon_movie_play.png") no-repeat 100% 50%;
  background-size: 16px 16px;
  display: inline-block;
  padding-right: 20px;
  white-space: nowrap;
}
.common-btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}
.common-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 23px 10px 23px;
    text-align: center;
    line-height: 1.2;
    position: relative;
}
.btn-black-no_shadow {
  background-color: #555;
  color: #fff;
  width: 270px;
}


/* ==============================================
 107. Purchase guarantee
=============================================== */
.purchase-guarantee-contents .purchase-guarantee-heading {
  color: #f58219;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-heading {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-heading .tit-inner {
  border-bottom: 2px solid #f58219;
  border-top: 2px solid #f58219;
  display: inline-block;
  padding: .7em 2em;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-heading .tit-inner {
    padding: .7em 0;
    display: block;
  }
}

.purchase-guarantee-contents .purchase-guarantee-contact {
  background: #F47B2A url("../images/purchase-guarantee/contact_bg_pc.png") no-repeat 50% 50%;
  background-size: auto 100%;
  color: #fff;
  font-weight: bold;
  padding: 50px 0;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-contact {
    background-image: url("../images/purchase-guarantee/contact_bg_sp.png");
    background-size: cover;
    padding: 32px 0 40px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-contact p {
  font-size: 20px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-contact p {
    font-size: 15px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-contact .txt-1 {
  font-size: 18px;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-contact .txt-1 {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg {
    padding: 0 10px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg::before, .purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg::after {
  content: "";
  background-size: 178px 23px;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  height: 23px;
  margin-top: -12px;
  width: 178px;
}

.purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg::before {
  background-image: url("../images/purchase-guarantee/contact_txt_bg01.png");
  left: -178px;
}

.purchase-guarantee-contents .purchase-guarantee-contact .txt-1 .txt-bg::after {
  background-image: url("../images/purchase-guarantee/contact_txt_bg02.png");
  right: -178px;
}

.purchase-guarantee-contents .purchase-guarantee-contact .btn-area {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.purchase-guarantee-contents .purchase-guarantee-contact .btn-area .common-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 23px 10px 23px;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.purchase-guarantee-contents .purchase-guarantee-contact .btn-area .btn-black-no_shadow {
  background-color: #555;
  color: #fff;
  width: 270px;
}

.purchase-guarantee-contents .purchase-guarantee-contact .btn-area .common-btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}

.purchase-guarantee-contents .purchase-guarantee-top {
  background: url("../images/purchase-guarantee/top_bg_pc.png") no-repeat 50% 0;
  text-align: center;
  position: relative;
  padding: 30px 0 60px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-top {
    background: none;
    padding: 0;
  }
  .purchase-guarantee-contents .purchase-guarantee-top img {
    width: 100%;
  }
}

.purchase-guarantee-contents .purchase-guarantee-first {
  text-align: center;
  padding: 60px 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-first {
    padding: 40px 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-first h2 {
  font-size: 28px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin-bottom: 36px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-first h2 {
    font-size: 20px;
    margin-bottom: 18px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-first p {
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-first p {
    font-size: 13px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-first p .twrap {
  display: inline-block;
}

.purchase-guarantee-contents .purchase-guarantee-merit {
  background: #f5f2e9;
  padding: 65px 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit {
    padding: 40px 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit .inner {
  position: relative;
}

.purchase-guarantee-contents .purchase-guarantee-merit .catch {
  position: absolute;
  left: 110px;
  top: -16px;
}

@media (max-width: 1024px) {
  .purchase-guarantee-contents .purchase-guarantee-merit .catch {
    position: static;
    text-align: center;
    top: auto;
    left: auto;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit .catch {
    margin-bottom: 10px;
  }
  .purchase-guarantee-contents .purchase-guarantee-merit .catch img {
    width: 150px;
  }
}

@media (max-width: 1024px) {
  .purchase-guarantee-contents .purchase-guarantee-merit .flex {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit .flex {
    display: block;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol {
  list-style: none;
  margin: 0 auto;
  padding-left: 400px;
}

@media (max-width: 1024px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol {
    padding-left: 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li {
  position: relative;
  padding-left: 95px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol li {
    padding-left: 80px;
    margin-bottom: 20px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li:last-child {
  margin-bottom: 0;
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li .num {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol li .num {
    left: 5px;
  }
  .purchase-guarantee-contents .purchase-guarantee-merit ol li .num img {
    width: 55px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol li p {
    font-size: 13px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li p.large {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol li p.large {
    font-size: 16px;
  }
}

@media (max-width: 340px) {
  .purchase-guarantee-contents .purchase-guarantee-merit ol li p.large {
    font-size: 15px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-merit ol li p.large strong {
  color: #f58219;
  font-family: "Noto Sans JP","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
  font-weight: bold;
}

.purchase-guarantee-contents .purchase-guarantee-feature {
  padding: 65px 0;
  text-align: center;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-feature {
    padding: 40px 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-feature .feature-img {
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-feature .feature-img {
    margin-bottom: 30px;
  }
}

.purchase-guarantee-contents .purchase-guarantee-standard {
  background: #f5f2e9;
  padding: 65px 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-standard {
    padding: 40px 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-standard table {
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  margin: 0 auto;
  max-width: 900px;
  width: 100%;
}

.purchase-guarantee-contents .purchase-guarantee-standard table th {
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  background: #f3f6f7;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0.02em;
  padding: .8em 1em;
  text-align: left;
  width: 200px;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-standard table th {
    font-size: 11px;
    padding: .5em .5em;
    width: auto;
    white-space: nowrap;
  }
}

.purchase-guarantee-contents .purchase-guarantee-standard table td {
  border-bottom: 2px solid #333333;
  border-right: 2px solid #333333;
  background: #fff;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0.02em;
  padding: .8em 1em;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-standard table td {
    font-size: 11px;
    padding: .5em .5em;
  }
}

.purchase-guarantee-contents .purchase-guarantee-service {
  padding: 65px 0;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-service {
    padding: 40px 0;
  }
}

.purchase-guarantee-contents .purchase-guarantee-service .flex {
  display: flex;
  justify-content: center;
}

.purchase-guarantee-contents .purchase-guarantee-service ul li {
  background: url("../images/purchase-guarantee/attention_check.svg") no-repeat 0 2px;
  background-size: 26px 21px;
  font-size: 16px;
  line-height: 1.6;
  padding: 0 0 0 35px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .purchase-guarantee-contents .purchase-guarantee-service ul li {
    background-size: 20px 15px;
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 10px;
  }
}
/* ==============================================
公式SNSアカウント　追加に伴うCSS追加
=============================================== */
.sns_area{
	margin-top: 25px;
}


/*-----------------------------
preparation_area
------------------------------*/

.preparation__panel {
    background-color:#FFFFFF;
    border: 5px solid #ddd;
    padding: 22px 40px;
    max-width: 1000px;
    margin: 30px auto;
}

.preparation-data__ttl {
    max-width: 305px;
    height: 38px;
    border-radius: 19px;
    background: #eb5e00;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    letter-spacing: .01em;
}


.preparation-data__item {
    display: inline-block;
    font-size: 18px;
    margin: 0 15px;
}
@media (min-width: 767px) {
  .preparation-data__item {
    position: relative;
    left: 110px;
  }
}

.preparation-data__item:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #eb5e00;
    display: inline-block;
}

.preparation__img {
    text-align: center;
    margin: 0 0 43px;
}

.preparation-list {

}

.preparation-list__item {
    font-size: 15px;
    line-height: 1.625;
    text-indent: -1em;
    padding: 0 0 0 1em;
}

/* ==============================================
 108. Life insurance
=============================================== */
.life-insurance-contents .flex {
  display: flex;
}

.life-insurance-contents .life-insurance-heading {
  color: #f58219;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-heading {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 25px;
  }
}

.life-insurance-contents .life-insurance-heading .tit-inner {
  border-bottom: 2px solid #f58219;
  border-top: 2px solid #f58219;
  display: inline-block;
  padding: .7em .5em;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-heading .tit-inner {
    padding: .7em 0;
    display: block;
  }
}

.life-insurance-contents .life-insurance-contact {
  background: #F47B2A url("../images/life-insurance/contact_bg_pc.png") no-repeat 50% 50%;
  background-size: auto 100%;
  color: #fff;
  font-weight: bold;
  padding: 50px 0;
  text-align: center;
  overflow: hidden;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-contact {
    background-image: url("../images/life-insurance/contact_bg_sp.png");
    background-size: cover;
    padding: 32px 0 40px;
  }
}

.life-insurance-contents .life-insurance-contact p {
  font-size: 20px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-contact p {
    font-size: 15px;
  }
}

.life-insurance-contents .life-insurance-contact .txt-1 {
  font-size: 18px;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-contact .txt-1 {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

.life-insurance-contents .life-insurance-contact .txt-1 .txt-bg {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-contact .txt-1 .txt-bg {
    padding: 0 10px;
  }
}

.life-insurance-contents .life-insurance-contact .txt-1 .txt-bg::before, .life-insurance-contents .life-insurance-contact .txt-1 .txt-bg::after {
  content: "";
  background-size: 178px 23px;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  height: 23px;
  margin-top: -12px;
  width: 178px;
}

.life-insurance-contents .life-insurance-contact .txt-1 .txt-bg::before {
  background-image: url("../images/life-insurance/contact_txt_bg01.png");
  left: -178px;
}

.life-insurance-contents .life-insurance-contact .txt-1 .txt-bg::after {
  background-image: url("../images/life-insurance/contact_txt_bg02.png");
  right: -178px;
}

.life-insurance-contents .life-insurance-contact .btn-area .common-btn {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 23px 10px 23px;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.life-insurance-contents .life-insurance-contact .btn-area .btn-black-no_shadow {
  background-color: #555;
  color: #fff;
  width: 270px;
}

.life-insurance-contents .life-insurance-contact .btn-area .common-btn-icon {
  background: url("../images/common/icon_checklist01.png") no-repeat 0 50%;
  background-size: 23px 23px;
  display: inline-block;
  padding: 2px 0 2px 30px;
  white-space: nowrap;
}

.life-insurance-contents .life-insurance-contact .contact-tel .fs-18 {
  font-size: 150%;
}

.life-insurance-contents .life-insurance-top {
  background: url("../images/life-insurance/top_bg_pc.png") no-repeat 50% 0;
  text-align: center;
  position: relative;
  padding: 30px 0 60px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-top {
    background: none;
    padding: 0;
  }
  .life-insurance-contents .life-insurance-top img {
    width: 100%;
  }
}

.life-insurance-contents .life-insurance-first {
  text-align: center;
  padding: 60px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-first {
    padding: 40px 0;
  }
}

.life-insurance-contents .life-insurance-first .illust {
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-first .illust {
    right: 0px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-first .illust {
    top: -12px;
    transform: translateY(0);
    right: 0px;
    width: 25%;
  }
}

.life-insurance-contents .life-insurance-first p {
  font-size: 17px;
  position: relative;
  line-height: 1.7;
  z-index: 1;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-first p {
    font-size: 13px;
    margin-bottom: 0;
  }
}

.life-insurance-contents .life-insurance-first p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 18px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-first p.catch {
    font-size: 18px;
  }
}

.life-insurance-contents .life-insurance-question {
  background: #f5f2e9;
  padding: 65px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-question {
    padding: 30px 0;
  }
}

.life-insurance-contents .life-insurance-question .list-wrap {
  margin-bottom: 30px;
  justify-content: center;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-question .list-wrap {
    margin-bottom: 12px;
  }
}

.life-insurance-contents .life-insurance-question .list-wrap ul li {
  font-size: 16px;
  font-weight: bold;
  padding-left: 30px;
  margin-bottom: 16px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-question .list-wrap ul li {
    font-size: 13px;
    padding-left: 20px;
    margin-bottom: 10px;
  }
}

.life-insurance-contents .life-insurance-question .list-wrap ul li::before {
  border: 2px solid #333333;
  content: "";
  height: 21px;
  position: absolute;
  left: 0;
  top: 2px;
  width: 21px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-question .list-wrap ul li::before {
    top: 3px;
    height: 14px;
    width: 14px;
  }
}

.life-insurance-contents .life-insurance-question .list-wrap + p {
  text-align: center;
  font-size: 17px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-question .list-wrap + p {
    font-size: 12px;
  }
}

.life-insurance-contents .life-insurance-needs {
  padding: 80px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs {
    padding: 40px 0;
  }
}

.life-insurance-contents .life-insurance-needs .inner {
  max-width: 940px;
}

.life-insurance-contents .life-insurance-needs .graph-wrap {
  padding-top: 10px;
  margin-bottom: 55px;
  display: flex;
  justify-content: center;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap {
    display: block;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap {
    margin-bottom: 0;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .flex {
    display: block;
  }
}

.life-insurance-contents .life-insurance-needs .graph-wrap .graph-block {
  margin: 0 50px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block {
    margin: 0 auto;
    width: 50%;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block {
    margin: 0 auto 40px;
    width: auto;
  }
}

.life-insurance-contents .life-insurance-needs .graph-wrap .graph-block h3 {
  letter-spacing: 0.1em;
  font-size: 18px;
  text-align: center;
  min-height: 4em;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block h3 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block h3 {
    font-size: 14px;
    margin-bottom: 16px;
    min-height: inherit;
  }
}

.life-insurance-contents .life-insurance-needs .graph-wrap .graph-block h3::before {
  content: "■";
  color: #f58219;
}

.life-insurance-contents .life-insurance-needs .graph-wrap .graph-block .graph {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 330px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block .graph {
    min-height: 280px;
  }
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block .graph img {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block .graph {
    display: block;
    text-align: center;
    min-height: inherit;
  }
  .life-insurance-contents .life-insurance-needs .graph-wrap .graph-block .graph img {
    width: 250px;
  }
}

.life-insurance-contents .life-insurance-needs ul {
  margin: 50px auto;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs ul {
    margin: 30px auto;
  }
}

.life-insurance-contents .life-insurance-needs ul li {
  background: url("../images/life-insurance/check.svg") no-repeat 0 2px;
  background-size: 26px 21px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 0 0 35px;
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs ul li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs ul li {
    background-size: 20px 15px;
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 10px;
  }
}

.life-insurance-contents .life-insurance-needs p {
  font-size: 17px;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-needs p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-needs p {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-needs p strong {
  font-size: 120%;
}

.life-insurance-contents .life-insurance-needs p.last {
  text-align: center;
}

.life-insurance-contents .life-insurance-case {
  padding: 60px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case {
    padding: 40px 0;
  }
}

.life-insurance-contents .life-insurance-case .first {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 60px;
  text-align: center;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .first {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .first {
    font-size: 14px;
    margin-bottom: 26px;
  }
}

.life-insurance-contents .life-insurance-case .mes {
  text-align: center;
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 60px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .mes {
    font-size: 14px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .mes {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-case .large {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  line-height: 1.6;
  margin-bottom: 80px;
  text-align: center;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .large {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .large {
    font-size: 15px;
    margin-bottom: 40px;
  }
}

.life-insurance-contents .life-insurance-case .last-mes {
  text-align: center;
}

.life-insurance-contents .life-insurance-case .last-mes p {
  font-size: 17px;
  line-height: 1.9;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .last-mes p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .last-mes p {
    font-size: 14px;
    text-align: left;
  }
}

.life-insurance-contents .life-insurance-case .case-block {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .flex {
    display: block;
  }
}

.life-insurance-contents .life-insurance-case .case-block h3 {
  text-align: center;
  color: #f58219;
  font-size: 22px;
  letter-spacing: 0.06em;
  margin-bottom: 40px;
  position: relative;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block h3 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block h3 {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.life-insurance-contents .life-insurance-case .case-block h3::before {
  background-color: #f58219;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}

.life-insurance-contents .life-insurance-case .case-block h3 .tit-bg {
  background-color: #fff;
  display: inline-block;
  padding: 0 55px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg {
    padding: 0 26px;
  }
}

.life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::before, .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::after {
  content: "";
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 30px 60px;
  position: absolute;
  height: 60px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::before, .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::after {
    background-size: 14px 27px;
    height: 27px;
    width: 14px;
  }
}

.life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::before {
  left: 0;
  background-image: url("../images/life-insurance/tit_bg01_pc.svg");
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::before {
    background-image: url("../images/life-insurance/tit_bg01_sp.svg");
  }
}

.life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::after {
  right: 0;
  background-image: url("../images/life-insurance/tit_bg02_pc.svg");
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block h3 .tit-bg::after {
    background-image: url("../images/life-insurance/tit_bg02_sp.svg");
  }
}

.life-insurance-contents .life-insurance-case .case-block .txt {
  flex: 1;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .txt {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .img {
  margin-left: 4%;
  padding-top: 6px;
  width: 33.5%;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .img {
    text-align: center;
    margin-left: auto;
    padding-top: 0;
    margin-top: 30px;
    width: auto;
  }
}

.life-insurance-contents .life-insurance-case .case-block .img img {
  width: 100%;
}

.life-insurance-contents .life-insurance-case .case-block .case-list {
  margin: 0 auto 30px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .case-list {
    margin-bottom: 20px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .case-list li {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 6px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .case-list li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .case-list li {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .case-list li:last-child {
  margin-bottom: 0;
}

.life-insurance-contents .life-insurance-case .case-block .case-list li::before {
  background-color: #f58219;
  content: "";
  height: 1em;
  position: absolute;
  top: .25em;
  left: 0;
  width: 1em;
  border-radius: 50%;
}

.life-insurance-contents .life-insurance-case .case-block .point {
  margin-top: 70px;
  margin-bottom: 50px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point {
    margin: 70px auto 30px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .label {
  background-color: #f58219;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em;
  position: absolute;
  left: -40px;
  top: -40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 118px;
  width: 118px;
  border-radius: 50%;
  z-index: 1;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .label {
    font-size: 16px;
    left: -20px;
    top: -40px;
    height: 80px;
    width: 80px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .label {
    left: 50%;
    margin-left: -40px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .illust {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 1;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .illust {
    right: -10px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .illust {
    right: 15px;
    top: -30px;
    width: 110px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box {
  background-color: #F5F5F5;
  padding: 30px 260px 30px 140px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box {
    padding-left: 50px;
    padding-right: 220px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box {
    padding: 60px 20px 30px;
    position: relative;
    margin: 0 -15px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box.flex {
  align-items: center;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box.flex {
    display: block;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box h4 {
  color: #f58219;
  font-size: 20px;
  margin-right: 50px;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box h4 {
    font-size: 18px;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box h4 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box p {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box p {
    font-size: 15px;
    line-height: 1.8;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box p {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box ul li {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 1em;
  margin-bottom: 6px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box ul li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-case .case-block .point .box ul li {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-case .case-block .point .box ul li:last-child {
  margin-bottom: 0;
}

.life-insurance-contents .life-insurance-case .case-block .point .box ul li::before {
  background-color: #f58219;
  content: "";
  height: 3px;
  position: absolute;
  top: .7em;
  left: .3em;
  width: 3px;
  border-radius: 50%;
}

.life-insurance-contents .life-insurance-flow {
  background: #f5f2e9;
  padding: 70px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow {
    padding: 40px 0;
  }
}

.life-insurance-contents .life-insurance-flow .life-insurance-heading {
  margin-bottom: 50px;
}

.life-insurance-contents .life-insurance-flow .flow-block {
  background-color: #fff;
  padding: 30px 50px 30px 0;
  margin-bottom: 85px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block {
    padding: 42px 20px 30px;
    margin-bottom: 80px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block::after {
  content: "";
  border-style: solid;
  border-width: 40px 32px 0 32px;
  border-color: #f58219 transparent transparent transparent;
  position: absolute;
  bottom: -65px;
  left: 50%;
  margin-left: -32px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block::after {
    bottom: -40px;
    border-width: 18px 18px 0 18px;
    margin-left: -18px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block.last {
  margin-bottom: 20px;
}

.life-insurance-contents .life-insurance-flow .flow-block.last::after {
  content: none;
}

.life-insurance-contents .life-insurance-flow .flow-block .flex {
  align-items: stretch;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .flex {
    display: block;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .tit {
  border-right: 1px solid #f58219;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-right: 40px;
  padding: 10px 0;
  width: 280px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit {
    border-right: none;
    border-bottom: 2px solid #f58219;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 0 0 14px;
    width: auto;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .tit .label {
  background-color: #f58219;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  line-height: 1.1;
  height: 70px;
  width: 70px;
  vertical-align: top;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit .label {
    height: 56px;
    position: absolute;
    top: -26px;
    left: 50%;
    margin-left: -28px;
    width: 56px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .tit .label .step {
  font-size: 12px;
  display: block;
  padding-top: 15px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit .label .step {
    font-size: 10px;
    padding-top: 12px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .tit .label .num {
  font-size: 30px;
  display: block;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit .label .num {
    font-size: 24px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .tit h4 {
  color: #f58219;
  font-size: 20px;
  margin-top: 15px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit h4 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .tit h4 {
    font-size: 15px;
    margin-top: auto;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .cont {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .cont {
    display: block;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .cont ul {
  margin-bottom: 15px;
}

.life-insurance-contents .life-insurance-flow .flow-block .cont ul li {
  font-size: 17px;
  font-weight: bold;
  position: relative;
  padding-left: 1em;
  margin-bottom: 2px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-flow .flow-block .cont ul li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .cont ul li {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-flow .flow-block .cont ul li:last-child {
  margin-bottom: 0;
}

.life-insurance-contents .life-insurance-flow .flow-block .cont ul li::before {
  background-color: #f58219;
  content: "";
  height: 3px;
  position: absolute;
  top: .7em;
  left: .3em;
  width: 3px;
  border-radius: 50%;
}

.life-insurance-contents .life-insurance-flow .flow-block .cont p {
  font-size: 17px;
  margin-bottom: 0;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-flow .flow-block .cont p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-flow .flow-block .cont p {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-role {
  padding: 70px 0;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-role {
    padding: 40px 0;
  }
}

.life-insurance-contents .life-insurance-role .img {
  position: absolute;
  right: 20px;
  top: 0;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-role .img {
    right: 0;
  }
  .life-insurance-contents .life-insurance-role .img img {
    width: 200px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-role .img {
    position: static;
    text-align: center;
    width: auto;
  }
}

.life-insurance-contents .life-insurance-role p {
  font-size: 16px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-role p {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-role ul {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-role ul {
    margin-bottom: 30px;
  }
}

.life-insurance-contents .life-insurance-role ul li {
  background: url("../images/life-insurance/check.svg") no-repeat 0 2px;
  background-size: 26px 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 0 0 35px;
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-role ul li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-role ul li {
    background-size: 20px 15px;
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 10px;
  }
}

.life-insurance-contents .life-insurance-support {
  background-color: #FFFEEE;
  padding: 70px 0 90px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support {
    padding: 40px 0 50px;
  }
}

.life-insurance-contents .life-insurance-support h2 {
  color: #f58219;
  letter-spacing: 0.1em;
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.life-insurance-contents .life-insurance-support h2 .tit-bg {
  display: inline-block;
  padding: 20px 70px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support h2 .tit-bg {
    padding: 10px 50px;
  }
}

.life-insurance-contents .life-insurance-support h2 .tit-bg::before, .life-insurance-contents .life-insurance-support h2 .tit-bg::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 56px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 47px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support h2 .tit-bg::before, .life-insurance-contents .life-insurance-support h2 .tit-bg::after {
    height: 45px;
    width: 38px;
  }
}

.life-insurance-contents .life-insurance-support h2 .tit-bg::before {
  background-image: url("../images/life-insurance/copy_bg01.svg");
  left: 0;
}

.life-insurance-contents .life-insurance-support h2 .tit-bg::after {
  background-image: url("../images/life-insurance/copy_bg02.svg");
  right: 0;
}

.life-insurance-contents .life-insurance-support .mes {
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .mes {
    margin-bottom: 25px;
  }
}

.life-insurance-contents .life-insurance-support .mes p {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .mes p {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .mes p {
    font-size: 13px;
  }
}

.life-insurance-contents .life-insurance-support .mes p a {
  font-weight: bold;
  text-decoration: underline;
}

.life-insurance-contents .life-insurance-support .mes p a:hover {
  color: #f58219;
  text-decoration: none;
}

.life-insurance-contents .life-insurance-support .box {
  background-color: #fff;
  border: 1px solid #f58219;
  padding: 36px 36px;
  font-size: 16px;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box {
    font-size: 13px;
    padding: 20px;
  }
}

.life-insurance-contents .life-insurance-support .box .flex {
  align-items: center;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box .flex {
    display: block;
  }
}

.life-insurance-contents .life-insurance-support .box .list-wrap {
  width: 40%;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box .list-wrap {
    width: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .list-wrap {
    margin-bottom: 20px;
  }
}

.life-insurance-contents .life-insurance-support .box ul li {
  background: url("../images/life-insurance/check.svg") no-repeat 0 2px;
  background-size: 26px 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  padding: 0 0 0 35px;
  margin-bottom: 13px;
}

.life-insurance-contents .life-insurance-support .box ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box ul li {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box ul li {
    background-size: 20px 15px;
    font-size: 13px;
    padding-left: 28px;
    margin-bottom: 8px;
  }
}

.life-insurance-contents .life-insurance-support .box .cont {
  flex: 1;
  padding-left: 10px;
  text-align: center;
  position: relative;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box .cont {
    padding-left: 0;
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont {
    padding-top: 40px;
  }
}

.life-insurance-contents .life-insurance-support .box .cont::before {
  content: "";
  border-style: solid;
  border-width: 55px 0 55px 43px;
  border-color: transparent transparent transparent #FFE8D8;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box .cont::before {
    border-style: solid;
    border-width: 40px 55px 0 55px;
    border-color: #FFE8D8 transparent transparent transparent;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont::before {
    border-width: 32px 38px 0 38px;
  }
}

.life-insurance-contents .life-insurance-support .box .cont p {
  margin-bottom: 16px;
}

.life-insurance-contents .life-insurance-support .box .cont .btn-area {
  margin: 0 auto 26px;
}

.life-insurance-contents .life-insurance-support .box .cont .btn-area .btn {
  background-color: #f58219;
  padding: 22px 30px;
  color: #fff;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont .btn-area .btn {
    padding: 15px 20px;
    line-height: 1.5;
    display: block;
    position: relative;
  }
}

.life-insurance-contents .life-insurance-support .box .cont .btn-area .btn .btn-arrow {
  display: inline-block;
  padding-right: 14px;
  position: relative;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont .btn-area .btn .btn-arrow {
    position: static;
    padding-right: 0;
  }
}

.life-insurance-contents .life-insurance-support .box .cont .btn-area .btn .btn-arrow::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont .btn-area .btn .btn-arrow::after {
    right: 20px;
  }
}

.life-insurance-contents .life-insurance-support .box .cont .price {
  display: flex;
  justify-content: center;
}

.life-insurance-contents .life-insurance-support .box .cont .price .arrow {
  margin: 0 14px 0 6px;
}

@media (max-width: 1024px) {
  .life-insurance-contents .life-insurance-support .box .cont .price .arrow {
    margin: 6px auto;
    transform: rotate(90deg);
  }
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont .price .arrow img {
    width: 20px;
  }
}

.life-insurance-contents .life-insurance-support .box .cont .price .price-free {
  font-size: 20px;
  color: #f58219;
  font-weight: bold;
}

@media (max-width: 767px) {
  .life-insurance-contents .life-insurance-support .box .cont .price .price-free {
    font-size: 16px;
  }
}

/* magazin
----------------------------------------------- */
.top-magazine {
  position: relative;
}
.top-magazine .top-heading-2 {
    font-size: 18px;
}
.top-magazine .top-heading-2 span {
    font-size: 24px;
    line-height:1.5;
}

@media (max-width: 767px) {
  .top-magazine .top-heading-2 {
    font-size: 16px;
  }
  .top-magazine .btn-area {
    margin-top: 20px;
  }
}
.top-magazine::before {
  content: "";
  background-color: #faf5f0;
  height: 290px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .top-magazine::before {
    background-size: 150px 70px;
  }
}
.magazine-slider-wrap {
  left: 50%;
  top: 0;
  position: relative;
  margin-left: -1450px;
  width: 2900px;
  z-index: 3;
}

@media (max-width: 1279px) {
  .magazine-slider-wrap {
    left: auto;
    top: auto;
    margin-left: auto;
    width: auto;
  }
}

.magazine-slider {
  padding-bottom: 35px;
}

@media (max-width: 767px) {
  .magazine-slider .magazine-slider-controls {
    display: none;
  }
}

.magazine-slider .swiper-scrollbar {
  display: none;
  height: 3px;
  left: 12%;
  width: 76%;
}

.magazine-slider .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #333333;
}

@media (max-width: 767px) {
  .magazine-slider .swiper-scrollbar {
    display: block;
    position: absolute;
  }
}

.magazine-slider .magazine-slider-controls {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
}

.magazine-slider .swiper-button-prev, .magazine-slider .swiper-button-next {
  background-size: 51px 51px;
  top: 50px;
  margin-top: auto;
  height: 51px;
  width: 51px;
}

.magazine-slider .swiper-button-prev {
  background-image: url("../images/common/prev01.png");
  left: -24px;
}

@media (max-width: 1279px) {
  .magazine-slider .swiper-button-prev {
    left: 10px;
  }
}

.magazine-slider .swiper-button-next {
  background-image: url("../images/common/next01.png");
  right: -24px;
}

@media (max-width: 1279px) {
  .magazine-slider .swiper-button-next {
    right: 10px;
  }
}
.magazine-slider-list li {
  margin-top:5px;
}
.magazine-slider-list li a {
  display: block;
  position: relative;
}

.magazine-slider-list li a .label-sell {
  position: absolute;
  top: -3px;
  left: 5px;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 767px) {
  .magazine-slider-list li a .label-sell {
    top: -2px;
    width: 54px;
  }
}

.magazine-slider-list li a:hover {
  color: #333333;
}

@media (min-width: 1025px) {
  .magazine-slider-list li a:hover .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05, 1.05);
    transform: translate3d(0, 0, 0) scale(1.05, 1.05);
  }
}

.magazine-slider-list li a:hover .thumbnail img {
  opacity: 1;
}

.magazine-slider-list li .thumbnail {
  position: relative;
  overflow: hidden;
  aspect-ratio:4/3;
}

.magazine-slider-list li .thumbnail > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -50%;
  right: -50%;
}

@media (min-width: 1025px) {
  .magazine-slider-list li .thumbnail > img {
    -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
    transform: translate3d(0, 0, 0) scale(1, 1);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  }
}

.magazine-slider-list li .cont {
  padding-top: 10px;
  position: relative;
  z-index: 1;
}

.magazine-slider-list li .cont .name {
  font-size: 14px;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .magazine-slider-list li .cont .name {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height:70px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .magazine-slider-list li .cont .name {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height:66px;
    font-size: 14px;
  }
}

.magazine-slider-list li .cont .excerpt {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.magazine-slider-list li .more-btn {
  border: 1px solid #f58219;
  color: #f58219;
  font-size: 14px;
  display: block;
  /*position: absolute;
  left: 5%;
  bottom: 18px;*/
  text-align: center;
  padding: 6px;
  width: 90%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

@media (min-width: 1025px) {
  .magazine-slider-list li .more-btn {
    -webkit-transition: all 0.14s ease-out;
    -moz-transition: all 0.14s ease-out;
    -ms-transition: all 0.14s ease-out;
    -o-transition: all 0.14s ease-out;
    transition: all 0.14s ease-out;
  }
  .magazine-slider-list li .more-btn:hover {
    border-color: #37d1be;
    color: #37d1be;
  }
}