@charset "utf-8";
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */ :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}
body#kage h1 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body#kage h2, body#kage .h2 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
*, ::after, ::before {
  box-sizing: border-box
}
html {
  /*    font-family: sans-serif;*/
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
body, button, input, select, table, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
}
body {
  margin: 0;
  line-height: 1.6;
  text-align: left;
  color: #2a3439;
}
#mainimg {
  clear: both;
  /*position: fixed;	スクロールしても固定表示させる指定*/
  top: 0px;
  width: 100%;
  /*background: url(../../toritsu/img/0.jpg) no-repeat center top/100% auto;*/
  /*background: url(../img/toritsu.jpg) no-repeat center center/cover;*/
}
/*霊園ガイド
---------------------------------------------------------------------------*/
header .inner div.left {
  width: 1200px;
  margin: auto;
}
body header .inner {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 20px;
}
body header .inner .logo {
  float: left;
  padding: 0px 10px 0px 0px;
}
body header .inner .logo img {
  max-width: 100%;
}
/*body header .nav {
  height: 40px;
  width: 400px;
  float: right;
}*/
body header .inner .logo_free_pc {
  float: left;
  width: 250px;
  min-height: auto;
  margin-top: 20px;
  line-height: 130%;
}
body header .inner .logo_free_pc .freedial {
  line-height: 100%;
  float: left;
  padding-top: 3px;
}
body header .inner .logo_free_pc .time {
  font-size: 13px;
  line-height: 130%;
  text-align: center;
}
body header .inner .logo_free_pc a {
  display: block;
  height: 25px;
}
body header .inner .logo_free_pc #phone_number_holder_0 {
  font-size: 22px;
  vertical-align: top;
  line-height: 130%;
  font-weight: bold;
  letter-spacing: -0.03em;
}
header strong {
  font-size: 90%;
  margin: 5px 15px 0px 0px;
  /*  width: 590px;*/
  float: right;
  text-align: right;
  margin-top: 30px;
  font-weight: 700;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header {
  border-top: 4px solid #919672; /*上の線の幅、線種、色*/
  /*  height: 100px; */
  position: relative;
}
/*ロゴ画像*/
header #logo img {
  /*画像幅*/
  float: left; /*左に回り込み*/
  margin-top: 20px; /*画像の上に空ける余白。上下のバランスをここで調整してください。*/ /*	margin-top: 40px;*/
}
a .font-blue{
	text-decoration: underline!important;
}
@media screen and (min-width:820px) {
  header {
    position: static;
    min-height: 100px;
  }
  #sec1 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width:768px) and (max-width:819px) {
  /*	  header {
    position: static;
   min-height:180px;
  }*/
  header #logo img {
    float: none;
    margin-top: 20px;
  }
  body header .inner .logo_free_pc {
    float: left;
    width: 250px;
    min-height: auto;
    margin-top: 20px;
    margin-left: 30px;
    line-height: 130%;
  }
}
@media screen and (min-width:768px) and (max-width:850px) {
  header strong {
    display: none;
  }
}
/*メニューブロック*/
/*#menubar-sp {
  display: none;
}*/
#menubar {
  clear: both;
  overflow: hidden;
  background: #7c3b55;
}
#menubar ul {}
/*メニュー１個あたりの設定*/
#menubar ul a {
  -webkit-transition: 0s; /*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
  transition: 0s;
}
#menubar li {
  float: left; /*左に回り込み*/
  width: 16.6%; /*メニュー幅（100÷6個=16.6%）　もし４個にするなら100÷4=25%になる。*/
  padding-top: 5px; /*この数字と「#menubar li a」のpaddingの１つ目(7px)の数字を足した合計が「#menubar li a」の３つ目の数字(12px)になるようにする。*/
}
#menubar li a {
  font-size: 105%;
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff; /*文字色*/
  padding: 8px 0px 13px;
  line-height: 120%;
}
#menubar li a:visited {
  color: #BBD7EE;
}
#menubar > ul > li a:hover {
  background: #FFF;
  color: #6e5444;
  border-radius: 8px 8px 0px 0px;
}
/*マウスオン時、現在表示中メニュー*/
#menubar li.current a {
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 3px 3px 6px -2px #555, 3px 3px 6px #eee inset; /*背景色*/ /*角丸のサイズ。左上、右上、右下、左下への順。*/ /*	text-shadow: 0px 1px 3px rgba(255,135,28,0.6);	*/
}
#menubar li.current a {
  background: #fff; /*背景色*/
  color: #6e5444; /*文字色*/
  border-radius: 8px 8px 0px 0px; /*角丸のサイズ。左上、右上、右下、左下への順。*/
  /*	text-shadow: 0px 1px 3px rgba(255,135,28,0.6);	*/
  font-weight: bold;
  letter-spacing: 0.1em;
}
li a p.disc1 {
  background-position: left;
  background-repeat: repeat-y;
  border-left: 5px #C5E2FF double;
}
#menubar li.current a {
  letter-spacing: 0em;
}
/*霊園ガイド*/
li ul.list-basic {
  margin-left: 20px;
	  list-style-type: disc;
	padding-top: 10px;
	font-size: 95%;
}
@media screen and (max-width: 769px) {
  #menubar {
    display: none;
  }
  header strong {
    display: none;
  }
  header #logo img {
    float: none;
    text-align: center;
    margin-top: 20px; /*画像の上に空ける余白。上下のバランスをここで調整してください。*/ /*	margin-top: 40px;*/
  }
  body header .inner .logo_free_pc .freedial {
    font-size: 30px;
    margin-top: 0px;
    color: #919672;
  }
  body header .inner .logo_free_pc {
    float: none;
    text-align: center;
    width: 230px;
    min-height: auto;
    margin-top: 10px;
    line-height: 130%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .sp_none {
    display: none;
  }
}
aside, figure, header, main, nav, section {
  display: block
}
.h2, .h3, .h4, h1, h2, h3, h4 {
  margin-bottom: .5rem;
  line-height: 1.2;
  color: inherit;
}
h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, form, figure, form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #2a3439;
  word-break: break-all;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}
ul ul {
  margin-bottom: 0
}
dt {
  font-weight: 700
}
dd {
  margin-bottom: .5rem;
  margin-left: 0
}
strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
a {
  color: #007bff;
  /* color: #60523f;*/
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}
.tel a:visited {
  color: #FFF !important;
}

  .text-white {
    color: #fff !important
  }
	.text-white a {
			font-weight: 900;
    color: #fff !important;
	  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
    padding: 2px;
    display: inline-block;
  }
figure {
  margin: 0 0 1rem
}
img {
  vertical-align: middle;
  border-style: none
}
button {
  border-radius: 0
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}
button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
textarea {
  overflow: auto;
  resize: vertical
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
#contents {
  margin-top: 40px;
}
h1 {
  font-size: 2.5rem;
  padding: 1.5rem 10px;
}
.h2, h2 {
  font-size: 2rem
}
.h3, h3 {
  font-size: 1.75rem
}
.h4, h4 {
  font-size: 1.5rem
}
.list-inline {
  padding-left: 0;
  list-style: none;
  font-size: 90%;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
body#kage #container #contents div.footer-container.copyright {
  color: #FFF !important;
}
.g_font-110 {
  font-size: 110%;
}

.p_m {
  padding-left: 10px;
  padding-right: 10px;
}
.bg-light {
  /*	background-color:#d0f1f5;*/
  background-color: #FBEFCD;
}
.bg-light2 {
  background: url(../img/css/base.png) repeat;
  background-color: #f8f9fa !important;
  border-bottom: solid 5px #B7B25A;
  border-top: solid 5px #B7B25A;
}
.bg-light2 .container {
  background-color: hsla(240, 9%, 98%, 0.80);
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
}
.bg-light .container {
  background-color: #FFF;
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
}
.font-red {
  color: #e8076d;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  border-top: 1px #CCC solid;
  border-left: 1px #CCC solid;
  border-spacing: 0px;
  border-collapse: 0px;
}
.table td, .table th {
  vertical-align: top;
  border-right: 1px #CCC solid;
  border-bottom: 1px #CCC solid;
  padding: 10px;
}

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

  .h4, h4 {
    font-size: 23px;
  }
  #mainimg {
    background: none;
    background-color: antiquewhite;
  }
  header {
    display: none;
  }
  .bg-light2 {
    margin-top: 50px;
    margin-top: 30px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }

}
@media (max-width:768px) {



  .bg-light {
    /*	background-color:#d0f1f5;*/
    background-color: #FFF;
  }
  .bg-light .container {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    background-color: #faf4e3;
    padding: 30px 15px;
    border-radius: none;
    margin: auto 2%;
    width: 96%;
  }
  .bg-light2 .container {
    padding: 30px 10px;
  }
}
@media (max-width:575px) {
  .container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width:576px) {
  .container {
    max-width: 95%;
  }
}
@media (min-width:768px) {
  .container {
    max-width: 95%;
  }
}
@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width:768px) {
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}
.collapse:not(.show) {
  display: none
}
.nav-link {
  display: block;
  padding: .5rem 1rem
}
.nav-link:focus, .nav-link:hover {
  text-decoration: none
}
ul.nav-justified li.nav-item {
  /*    -ms-flex-preferred-size: 0;*/
  /*  flex-basis: 0;*/
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  line-height: 150% !important;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding-bottom: 5px;
}
.navbar-nav a:visited {
  color: #d9dcd6 !important;
}
.navbar-nav a:hover {
  color: #ccc !important;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
  font-size: 105%;
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%
}
body .navbar-dark .navbar-nav .nav-link {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-display: swap;
  color: rgba(255, 255, 255, .8);
  text-decoration: none !important;
}
body .navbar-dark .navbar-nav .nav-link {
  display: block;
  text-decoration: none;
  padding: 10px 15px; /*上下、左右へのメニュー内の余白*/
  border-bottom: 1px solid #eee; /*下の線の幅、線種、色*/
  color: #fff; /*文字色*/
  font-size: 22px; /*文字サイズ*/
  font-weight: 700;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.card {
  position: relative;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  font-size: 110%;
  background: #FFF;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}
@supports ((position:-webkit-sticky) or (position:sticky)) {}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.w-100 {
  width: 100% !important
}

.mt-2 {
  margin-top: .5rem !important
}
.mt30_m {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mt50_m {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mt100_m {
  margin-top: 100px;
}
.mb-2 {
  margin-bottom: .5rem !important
}
.ml-2 {
  margin-left: .5rem !important
}
.mt-3 {
  margin-top: 1rem !important
}
.mb-3 {
  margin-bottom: 1rem !important
}
.ml-3 {
  margin-left: 1rem !important
}
.mt-4 {
  margin-top: 1.5rem !important
}
.mt-5 {
  margin-top: 3rem !important
}
.mb-5 {
  margin-bottom: 5rem !important
}
.pl-1 {
  padding-left: .25rem !important
}
.p-2 {
  padding: .5rem !important;
}
.pt-2 {
  padding-top: .5rem !important
}
.py-4 {
  padding-top: 1.5rem !important
}
.py-4 {
  padding-bottom: 1.5rem !important
}
.py-5 {
  padding-top: 5rem;
}
.pb-5, .py-5 {
  padding-bottom: 5.5rem;
}
.g_pb0 {
  padding-bottom: 0px !important;
}
.g_mt0 {
  padding-top: 0px !important;
}
.g_mt10 {
  padding-top: 10px !important;
}
.g_mb0 {
  margin-bottom: 0px !important;
}
@media (max-width:768px) {
  .mt-5 {
    margin-top: 1rem !important
  }
  .mt50_m {
    margin-top: 5px;
  }
  .py-5 {
    padding-top: 3.5rem;
  }
  .pb-5, .py-5 {
    padding-bottom: 2.5rem;
  }
}
.text-center {
  text-align: center !important
}
@media(max-width:499px) {
  .mt100_m {
    margin-top: 50px;
  }
  ol.g_ml-20_m {
    margin-left: -20px !important;
  }
}
@media (min-width:768px) {
  .text-md-center {
    text-align: center !important
  }
}



@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }
  a:not(.btn) {
    text-decoration: underline
  }
  img, tr {
    page-break-inside: avoid
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  @page {
    size: a3
  }
  body {
    min-width: 992px !important
  }
  .container {
    min-width: 992px !important
  }
  .navbar {
    display: none
  }
}

body#kage .footer-container {
  background-color: #666;
}
@media only screen and (min-width: 771px) {
  body#kage .footer-container {
    /*  background-color: #133780;*/
    width: 100%;
    text-align: center;
    margin: 0px;
  }
}
body#kage .footer-container.copyright {
  width: 100%;
}
body#kage .footer-container.copyright .wpCopyright {
  /*background-color: $col-footer-copyright-background;*/
}
body#kage .footer-container.copyright .wpCopyright .footer {
  border-top: none;
  padding: 0;
}
body#kage .footer-container.copyright .wpCopyright .footer p {
  color: #FFF !important;
}
body .footer-container.copyright .wpCopyright .footer address {
  border-top: none;
  font-size: 14px;
  padding: 10px 0 15px 0;
  text-align: center;
}
body#kage .cart.extDocumentList .page-title {
  background: url(/css/images/material/bg_home_headline01.jpg) left top repeat-x, url(/css/images/material/bg_home_headline02.jpg) left bottom repeat-x;
  background-color: #e2e7f2 !important;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  margin-bottom: 20px;
}
body#kage .cart.extDocumentList .page-title h2 {
  color: #0a2966 !important;
  margin-bottom: 0;
  padding: 25px 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
}

body#kage .extDocumentList .box {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  max-width: 900px;
}
body#kage .extDocumentList .box .progress {
  margin-bottom: 20px;
  width: 100%;
}
body#kage .extDocumentList .box .progress li {
  background-color: #a4abba;
  color: #fff;
  float: left;
  height: 38px;
  width: 31.3%;
  margin-right: 3%;
  padding: 6px 0;
  text-align: center;
  position: relative;
  list-style: none;
}
#kage ul.g_tokutyo > li{
  list-style: none;
  margin-left: 0px;
  float: left;
}
#kage ul.disc li {
  list-style: disc;
}
#kage ul.disc {
  padding-right: 5px;
  padding-left: 15px;
  list-style: disc;
  list-style-type: disc;
}
#kage div.sub_menu ul.g_tokutyo ul.disc {
  padding: 0px 10px 10px 30px !important;
  margin-bottom: 20px;
  margin-top: 0px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  list-style: disc !important;
}
@media only screen and (max-width: 770px) {
  body#kage .extDocumentList .box .progress li {
    width: 29.3%;
    margin-right: 6%;
  }
  header #logo {
    text-align: center;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentList .box .progress li {
    height: 30px;
    line-height: 20px;
    width: 28.6%;
    margin-right: 7%;
  }
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentForm .box ul.form-list {
    padding: 10px;
  }
}
@media only screen and (min-width: 480px) {
  .footer-container {
    padding: 30px;
  }
}
/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid silver;
  background: #FFFFFF;
  font-size: 15px;
}
.input-text:focus {
  border: 1px solid #3399cc;
}
input[type=text] {
  height: 30px;
  padding: 0 8px;
}
input[type=number] {
  height: 30px;
  padding: 0 8px;
  max-width: 100%;
}
input[type=tel] {
  height: 30px;
  padding: 0 8px;
  max-width: 100%;
}
input[type=email] {
  height: 30px;
  padding: 0 8px;
  max-width: 100%;
}
input[type=text] {
  /* width: 365px; */
  max-width: 100%;
}
/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=text], select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
  input[type=number], select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
  input[type=tel], select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
  input[type=email], select {
    font-size: 16px;
    /* Prevent from zooming on focus */
  }
}
body#kage .extDocumentList .box .progress li.entry:before, body#kage .extDocumentList .box .progress li.conf:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -38px;
  width: 0;
  height: 0;
  border-width: 19px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #a4abba;
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentList .box .progress li.entry:before, body#kage .extDocumentList .box .progress li.conf:before {
    border-width: 15px;
    right: -30px;
  }
}
body#kage .extDocumentList .box .progress li.entry.current:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -38px;
  width: 0;
  height: 0;
  border-width: 19px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #c270b5;
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentList .box .progress li.entry.current:before {
    border-width: 15px;
    right: -30px;
  }
}
body#kage .extDocumentList .box .progress li.comp {
  margin-right: 0;
}
body#kage .extDocumentList .box .progress li.current {
  background-color: #c270b5;
}
body#kage .extDocumentList .box p {
  color: #0a2966;
  font-size: 25px;
  margin-bottom: 10px;
}
body#kage .extDocumentForm .box ul.form-list {
  background-color: #fff;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding: 30px;
  list-style: none;
}
body#kage .extDocumentForm li.control {
  list-style: none;
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentForm .box ul.form-list {
    padding: 10px;
  }
}
body#kage .extDocumentForm .box ul.form-list > li {
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
}
body#kage .extDocumentForm .box ul.form-list > li:last-child {
  border-bottom: none;
}
body#kage .extDocumentForm .box ul.form-list > li label {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
body#kage .extDocumentForm .box ul.form-list > li label .req {
  background-color: #ff3366;
  border-radius: 3px;
  color: #fff;
  margin-right: 7px;
  padding: 2px 6px;
}
.alert_new {
  background-color: #a3abb9;
  border-radius: 3px;
  color: #fff;
  margin-right: 7px;
  padding: 2px 6px;
}body#kage .extDocumentForm .box.g_mail_b ul.form-list > li select, body#kage .extDocumentForm .box.g_mail_b ul.form-list.g_type1 > li input[type="text"], 
body#kage .extDocumentForm .box ul.form-list > li input[type="text"], body#kage .extDocumentForm .box ul.form-list > li select, body#kage .extDocumentForm .box ul.form-list > li input[type="email"], body#kage .extDocumentForm .box ul.form-list > li select, body#kage .extDocumentForm .box ul.form-list > li input[type="tel"], body#kage .extDocumentForm .box ul.form-list > li select {
  height: 40px;
  width: 420px!important;
}
body#kage .extDocumentForm .box ul.form-list > li input[type="number"] {
  height: 40px;
  width: 420px;
}
body#kage .extDocumentForm .box ul.form-list > li input#zip.input-text {
  max-width: 200px;
  width: 200px;
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentForm .box ul.form-list > li input#zip.input-text {
    max-width: 140px;
    width: 140px;
  }
body#kage .extDocumentForm .box.g_mail_b ul.form-list > li select, body#kage .extDocumentForm .box.g_mail_b ul.form-list.g_type1 > li input[type="text"], 
  body#kage .extDocumentForm .box ul.form-list > li input[type="text"], body#kage .extDocumentForm .box ul.form-list > li select, body#kage .extDocumentForm .box ul.form-list > li input[type="email"], body#kage .extDocumentForm .box ul.form-list > li select, body#kage .extDocumentForm .box ul.form-list > li input[type="tel"], body#kage .extDocumentForm .box ul.form-list > li select {
    width: 365px!important;
    max-width: 100%;
  }
  .form-list select {
    margin-top: 4px;
    width: 365px;
    max-width: 100%;
  }
}
body#kage .extDocumentForm .box ul.form-list > li textarea {
  max-width: 100%;
  width: 100%;
  padding: 5px;
}
body#kage .extDocumentForm .box ul.form-list > li .input-box {
  margin-bottom: 10px;
  padding-top: 0;
}
body#kage .extDocumentForm .box ul.form-list > li .input-box ul li label {
  max-width: 200px;
  width: 200px;
}
body#kage .extDocumentForm .box .button.postToAddr {
  height: 40px;
  vertical-align: top;
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentForm .box .button.postToAddr {
    font-size: 16px !important;
  }
}
body#kage .extDocumentForm .box .button.formBtn {
  font-size: 30px !important;
  padding: 30px;
  width: 100%;
}
a[href^="tel:"] {
  cursor: default;
}
body#kage .clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
body#kage {
  background-color: #FFF;
}
.button, label {
  /*  font-family: "ヒラギノUD丸ゴ W4 JIS2004";*/
}
select, .radio + label {
  font-size: 18px !important;
}
#contents {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff; /*背景色*/
  padding: 0px 0px 0px; /*上下、左右へのブロック内の余白*/
}
/*contentsの中にあるinner*/
/*h2タグ*/

.h2_2 {
  font-size: 40px;
  padding: 0 0 0 10px;
  margin-right: 3rem;
  display: inline-block;
  text-align: left;
  float: left;
  border-left: 6px solid rgb(76, 175, 80);
  margin-bottom: 21px;
}
.h3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 28px;
  color: #007bff;
}

h2.h2_0.p_title .font-blue {
  background: -webkit-linear-gradient(top, #C9E8FF 0%, #453DFF 50%, #007bff 51%, #007bff 100%);
  -webkit-background-clip: text;
  /*  -webkit-text-fill-color: transparent;*/
  font-size: 110%
}
h2.h2_0.p_title .italy, h2.h2_0.p_title .italy {
  font-size: 70%;
  display: inline-block;
  padding: 10px 10px;
  font-style: italic;
  vertical-align: top;
  line-height: 150%;
  /*color: #C9E8FF;
  background: -webkit-linear-gradient(top, #C9E8FF 0%, #453DFF 50%, #007bff 51%, #007bff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
@media only screen and (max-width: 499px) {
  h2.h2_0.p_title .italy, h2.h2_0.p_title .italy {
    font-size: 60%;
    line-height: 120%;
  }
}
.italy {
  font-style: italic;
}
body#kage .g_ls_01 {
  letter-spacing: -0.1em;
}
h2.h2_0 .font-blue:after {
  content: " ";
}


h3.h4_1, h4.h4_1, dt.h4_1 {
  font-weight: bold;
  font-size: 120%;
  margin: 0px 10px 10px 0px;
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  /* top:0; */
  color: #007bff;
}
h3.h4_1 + dl dt.font-blue {
  margin-top: 0px;
}
h4.h4_1 a:link {
  text-decoration: underline !important;
}
h3.h4_1:before, h4.h4_1:before, dt.h4_1:before, h3.h4_1:after, h4.h4_1:after, dt.h4_1:after {
  position: absolute;
  top: 0;
  content: ' ';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h3.h4_1:before, h4.h4_1:before, dt.h4_1:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h3.h4_1:after, h4.h4_1:after, dt.h4_1:after {
  content: ' ';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

.g_bold {
  font-weight: bold;
}

#kage .g_tokutyo li.g_w48, #kage .g_tokutyo li.g_w48_1 {
  width: 48.66%;
}
#contents li.g_w31:nth-of-type(3n) {
  margin-right: 0px;
}
#kage .g_tokutyo > li {
  margin: 0px 1% 10px 0px;
  float: left;
}
#kage .g_tokutyo li.g_w48 dd {
  margin-left: 20px;
  font-weight: bold;
}

#kage ul.g_boseki, #kage ul.g_shisetsu,#kage ul.g_tokutyo {
  margin-top: 10px !important;
}
#kage .g_tokutyo li.g_w65, #kage .g_tokutyo li.g_w65_1 {
  width: 65%;
  border-radius: 3px;
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, .125);
}
.g_w31, .g_w31-b {
  width: 31%;
  height: auto;
}
#kage ul.g_tokutyo.g_content li:nth-of-type(n+2) {
  margin-right: 0px;
  line-height: 100%;
}
#kage .g_tokutyo.g_content > li {
  margin: 0px 2.66% 30px 0px;
  float: left;
}
p.g_yajirushi_1 {
  background-image: url(/media/wysiwyg/reien/topics/css/test1.png) !important;
  background: no-repeat;
  background-position: center center;
  background-size: 50px auto;
  width: 100%;
  height: 60px;
}

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

  p.g_yajirushi_2 {
    background-image: url(/media/wysiwyg/reien/topics/css/test1.png) !important;
    background: no-repeat;
    background-position: center center;
    background-size: 50px auto;
    width: 100%;
    height: 60px;
  }
  #kage ul.g_tokutyo.g_content li:nth-of-type(n+2) {
    margin-bottom: 30px;
  }
  h2.h2_0 {
    background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x, rgba(255, 255, 255, 0.70);
    color: #007bff;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-display: swap;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    text-shadow: 0 1px 0 #ccd4df;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 1.0rem;
    margin-bottom: 20px;
    border: none;
    font-size: 160%;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  h2.h2_0 .font-blue {
    font-size: 100%;
  }
  h2.h2_0 .italy {
    display: block;
    font-size: 80%;
    padding: 6px 0px;
  }

  h3.h4_1, h4.h4_1, dt.h4_1 {
    padding: 0px 1em 0.25em;
    margin-top: 0px;
  }
  h4.h4_1 a:link {
    text-decoration: underline !important;
  }

  #kage ul.g_tokutyo > li {
    list-style: none;
    margin-left: 0px;
    float: left;
  }
  #kage ul.g_tokutyo li ul.disc {
    list-style: disc !important;
  }

  #kage .g_tokutyo li.g_w65 {
    width: 100%;
    margin-right: 0px;
    float: none;
    padding: 0px;
    border: none;
  }
  #kage .g_tokutyo li.g_w31 {
    width: 100%;
    margin-right: 0px;
  }


}
/*　↑　ガラスのお墓　↑　*/
.h3-3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 20px;
}


body#kage .input-text, body#kage textarea, body#kage select {
  background-color: #fff;
  border: solid 1px #999;
  font-size: 18px;
}
body#kage .input-text:focus, body#kage textarea:focus, body#kage select:focus {
  background-color: #e9f2fa;
  border: solid 1px #000;
}
body#kage .input-text {
  border-radius: 3px;
}
body#kage input.input-text::-webkit-input-placeholder {
  color: #999;
  font-size: 18px;
}
body#kage input.input-text::-moz-placeholder {
  color: #999;
  font-size: 18px;
}
body#kage .radio {
  top: 2px;
}
body#kage .form-list .control label {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  background-color: #ddd;
  border: none;
}
body#kage .button {
  background: linear-gradient(to bottom, #00bfe5, #0095b3);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  color: #fff !important;
  font-weight: bold;
}
body#kage .button:hover {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .button:active {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .button:focus {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .extDocumentForm .button.formBtn {
  background: url(./img/base/ico-triangle-right.svg) no-repeat calc(100% - 10px) center, linear-gradient(to bottom, #bc76bb, #ED4B8D);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  color: #fff;
  font-weight: bold;
  border: none;
}
body#kage .extDocumentForm .button.formBtn:hover {
  /*  background: linear-gradient(to bottom, #e68600, #cc6600);*/
  color: #fff;
  opacity: 0.7;
}
body#kage .extDocumentForm .button.formBtn:active {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
body#kage .extDocumentForm .button.formBtn:focus {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
/*body#kage a {
  text-decoration: underline;
}*/
body#kage a:hover {
  color: #004d99;
}
body#kage header a:hover {
  color: #B7D8F7;
}
body#kage a:focus {
  color: #004d99;
}
body#kage .block-title {
  border-top: none;
}
@media screen and (min-width:769px) {
  /*	  h3.h3-3{margin: 0;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #2a3439;
		  font-size: 16px;
	}*/
  .navbar-box {
    display: none;
  }
}
.form-list .control input.radio {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  margin-left: 10px;
  transform: scale(1.5)
}
body#kage .extDocumentForm .box ul.form-list > li .input-box ul li label {
  max-width: 480px;
  width: 600px;
  padding: 10px 5px;
}
body#kage .extDocumentForm .box ul.form-list > li label {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
body#kage .form-list .control label {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  background-color: #eee;
  border: none;
}


ul.g_tokutyo.br2 img {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
ul.g_tokutyo p {
  padding-top: 5px;
}
.cp_tab_1 > label:hover, .cp_tab_1 > input:focus + label {
  color: #0066cc;
}
.cp_tab_1 > input:checked + label {
  margin-bottom: -5px;
  border: 1px solid #d8a373;
  border: 1px solid #4caf50;
  border: 1px solid #0de7ed;
  border: 1px solid #e71d4b;
  border-bottom: 2px #FFF solid; /*背景色と同じ*/
  border-radius: 6px 6px 0 0;
  background: #fff;
  box-shadow: -1px -3px 3px #D5F6C7;
  box-shadow: -1px -3px 3px #f3decb;
}

@media (min-width:1000px) and (max-width:1200px) {
  .cp_tab_1 > label {
    min-width: 11.5%;
    padding: 15px 10px;
  }
}
@media (min-width:770px) and (max-width:999px) {
  .cp_tab_1 > label {
    min-width: 9.5%;
    padding: 10px 5px;
  }
}
@media (max-width:769px) {
  .cp_tab_1 > label {
    min-width: 22%;
    border-bottom: 1px solid #e71d4b;
  }
}
@media (max-width: 499px) {

  body#kage .extDocumentForm .box ul.form-list > li .input-box ul li label {
    max-width: 450px;
    width: 100%;
    padding: 10px 5px;
  }

  .cp_tab_1 {
    width: 100%;
    font-size: 16px;
  }
  .cp_tab_1 > label {
    padding: 15px 9px;
    min-width: 32.1%;
    border-bottom: 1px solid #e71d4b;
    border-radius: 3px 3px 0px 0px;
    margin: 3px 0 3px 0%;
  }
  .cp_tab_1 > label:last-of-type {
    margin-right: 0px;
  }
}
body#kage .footer-container {
  clear: both;
  text-align: center;
  background: #331409;
  color: #fff;
}
label {
  display: inline-block;
  margin-bottom: .5rem
}
#menubar p.contact {
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 130%;
  line-height: 130%;
  background: #5ab944;
  color: #FFF;
}
body#kage #menubar p.contact strong {
  color: #FFF !important;
}
#menubar p {
  margin-bottom: 0px;
}
.g_waku3 {
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.bg-dark {
  padding-bottom: 4px;
  line-height: 130%;
  background: #7c3b55;
  color: #FFF;
}
/*リスト*/
ul.g_tokutyo li.g_w48 {
  list-style: none !important;
  width: 49%;
  height: auto;
  float: left;
  margin: 0px 2% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  flex-direction: column;
}
ul.g_tokutyo li.g_w48 img {
  box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;
}
body#kage .g_tenpo-info {
  padding: 0px 10px;
  max-width: 100%;
  width: 100%;
}

body#kage .g_tenpo-info dl {
  position: relative;
  margin-bottom: 10px;
  border-bottom: dashed 1px #ccc;
}

body#kage .g_tenpo-info dl dt {
  left: 0;
  padding: 2px 0;
  position: absolute;
  width: 90px;
}
body#kage .g_tenpo-info dl dd {
  border-top: dashed 1px #ccc;
  padding: 2px 0 2px 90px;
  text-align: left;
}
body#kage .g_tenpo-info dl dd ul {
  list-style: disc;
  margin-left: 20px;
}
body#kage .g_tenpo-info dl dd:last-child {
  border-bottom: none;
}
body#kage .g_tenpo-info .g_free-s2 {
  background: url(/css/images/material/free.gif);
  background-repeat: no-repeat;
  padding-left: 90px;
  line-height: 130%;
  text-align: left;
  font-size: 120%;
  margin-bottom: 5px;
  border-bottom: 1px dashed #CCC;
  width: 100%;
  display: block;
}
.bold {
  font-weight: 700;
}
.f_blue {
  color: rgba(0, 123, 255, 1.00);
}


.g_th-green {
  text-align: center;
  background: rgba(248, 244, 249, 1.00);
}
.cp_box input, .cps_box input {
  display: none;
}
/*@media screen and (min-width:501px) {*/
.cp_box *, .cp_box *:before, .cp_box *:after, .cps_box *, .cps_box *:before, .cps_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_box {
  position: relative;
}
.cp_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  /*	font-family: FontAwesome;*/
  /*	content: '\f13a'' 続きをよむ';*/
  /*	    background: url(/css/img/mark/ico_down.png);
    background-position: 3.5em 50%;
    background-repeat: no-repeat;*/
  content: ' 続きを見る';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  font-size: 90%;
  background: url('/css/img/mark/ico_down.png');
  background-repeat: no-repeat;
  background-position: 3.5em 50%;
  background-color: #a5b4be;
}
.cp_box input {
  display: none;
}
.cp_box .cp_container {
  overflow: hidden;
  height: 100px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.cp_box input:checked + label {
  /*   display: none;*/
}
.cp_box input:checked + label:after {
  /*	font-family: FontAwesome;
	content: '\f139'' 閉じる';*/
  content: ' 閉じる';
  font-size: 90%;
  background: url('/css/img/mark/ico_up.png');
  background-repeat: no-repeat;
  background-position: 5em 50%;
  background-color: #a5b4be;
}
.cp_box input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 80px;
  transition: all 0.5s;
}
#contents h3.maru, #contents h4.maru {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 30px;
  color: #60523f;
}
h3.maru + div.clearfix {
  margin-top: 0.8rem;
}
h3.maru:before, h4.maru:before {
  content: "● ";
  font-size: 80%;
  color: #28a745;
  vertical-align: top;
  padding-top: 2px;
  padding-right: 5px;
  display: inline-block;
}
div.title2 {
  margin: 1.5em auto;
  text-align: center;
  font-weight: 700;
}
#kage #contents div.title2 h2 {
  color: #007bff !important;
  font-size: 350%;
  font-weight: 700
}
@media screen and (max-width:499px) {
  span.font-140.mintyo.font-blue.bold {
    font-size: 28px !important;
    color: #FFF !important;
    display: block;
    margin: 10px;
    padding: 10px;
    background: linear-gradient(to bottom, #ffffff, #e71d4b, #ffffff);
  }
  p.card.shadow-sm.p-2, p.card.shadow-sm.p-2 {
    background: #FFF;
  }
  #kage #contents div.title2 {
    margin: 0em auto;
    text-align: center;
    font-weight: 700;
  }
  #kage #contents div.title2 h2 {
    font-size: 31px;
    line-height: 150%;
    padding-bottom: 0px;
  }
  #kage #contents div.title2 p .sp_block {
    letter-spacing: 0.1em;
  }
  h3.maru:before, h4.maru:before {
    content: "● ";
    font-size: 80%;
    color: #28a745;
    vertical-align: top;
    padding-top: 0px;
    padding-right: 5px;
    display: inline-block;
  }
  #contents h3.maru, #contents h4.maru {
    font-size: 22px;
    font-weight: bold;
  }
  #contents ul.g_tokutyo li h4 {
    font-size: 110%;
  }
  .cps_box *, .cps_box *:before, .cps_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cps_box {
    position: relative;
  }
  .cps_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    margin-bottom: 0px;
    width: 100%;
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
  }
  .bg-light .cps_box label, .bg-light .cp_box label {
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 244, 227, 0.95) 90%);
  }
  .cps_box input:checked + label {
    background: inherit; /* 開いた時にグラデーションを消す */
  }
  .cps_box label:after, .cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 13rem;
    /*	font-family: FontAwesome;*/
    /*	content: '\f13a'' 続きをよむ';*/
    content: ' 　続きを見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #007bff;
    border-radius: 20px;
    background: url('/css/img/mark/ico_down.png');
    background-position: 2.5em 50%;
    background-repeat: no-repeat;
    background-color: #faf4e3;
    background-color: #FFF;
    box-shadow: 0 6px 5px -3px rgb(0 0 0 / 40%) !important;
    border: #dcdcdc;
    font-size: 16px;
  }
  .cps_box input {
    display: none;
  }
  .cps_box .cps_container {
    overflow: hidden;
    height: 400px; /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
  }
  .cps_box input:checked + label, .cp_box input:checked + label {
    display: none;
  }
  .cps_box input:checked + label:after {
    /*	font-family: FontAwesome;
	content: '\f139'' 閉じる';*/
    content: ' 閉じる';
    background: url(/images/material/ico_up.png) no-repeat 0 50%;
    background-position: 5em 50%;
    background-repeat: no-repeat;
    background-color: rgb(165 180 190);
    font-size: 90%;
  }
  .cps_box input:checked ~ .cps_container, .cp_box input:checked ~ .cp_container {
    height: auto;
    padding-bottom: 0px; /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
  }
  .container h2.py-4 {
    text-align: left;
    font-size: 28px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
  }
}
section#sec3 div.tabs div.main_menu {
  padding-top: 20px;
  background: linear-gradient(to top, rgba(203, 207, 253, 0.30) 0%, #a1ccfa 1%, rgba(222, 228, 233, 0.50) 100%);
}
section#sec3 div.tabs div.main_menu:hover {
  background: linear-gradient(to top, rgba(203, 207, 253, 0.30) 0%, rgba(183, 178, 90, 1.00) 1%, rgba(222, 228, 233, 0.50) 100%);
}
@media screen and (max-width:1199px) {
  .ta_block {
    display: block;
  }
}
@media screen and (max-width:799px) {

  #contents ul.g_tokutyo li.g_w48 {
    width: 100%;
    margin-right: 0px;
  }

}
.g_dt-b {
  background: url(https://www.sudo-sekizai.co.jp/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
  border: #FFF;
}
div.tabs2 > ul li, div.tabs3 > ul li {
  list-style: none;
}
div.tabs div.main_menu {
  width: 100%;
  font-weight: normal !important;
  list-style: none !important;
  line-height: 150%;
  font-size: 30px;
  cursor: pointer;
  border: 1px solid #ccc;
  padding: 15px 45px 50px 45px;
  color: #000;
  text-align: center;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  background: linear-gradient(180deg, rgba(254, 254, 254, 0.6) 0%, rgba(214, 224, 211, 0.8) 60%, rgba(162, 170, 212, 0.6) 80%), url("../img/sakura4.jpg") center no-repeat;
}
div.tabs div.main_menu:hover {
  background: linear-gradient(to top, rgba(253, 203, 241, 0.3) 0%, rgba(77, 60, 73, 0.30) 1%, rgba(230, 222, 233, 0.5) 100%), url("../img/sakura4.jpg") center no-repeat;
}
section#sec3 div.bg-pink {
  background: none;
}
/*h1.p_title {
  color: #FFF;

  font-display: swap;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 50px;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 20px;
	    background-color: #e68600;
}*/
h2.p_title {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x, rgba(255, 255, 255, 0.70);
  color: #007bff;
  font-display: swap;
  font-weight: 700 !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 20px;
}
#contents h1 {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x;
  color: #007bff;
  color: #7c3b55;
  font-display: swap;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 130%;
  font-weight: 900;
}
div.tabs2 ul.tetsuduki {
  margin-bottom: 30px;
}
@media screen and (min-width:769px) {
  #contents div.tabs2 div.main_menu, #contents div.tabs3 div.main_menu {
    background-image: none;
    border: none;
    text-align: left;
    width: 100%;
    font-weight: normal !important;
    line-height: 150%;
    font-size: 30px;
    cursor: pointer;
    padding: 0px;
    box-shadow: none !important;
    text-shadow: none;
  }
  #contents div.tabs2 div.sub_menu, #contents div.tabs3 div.sub_menu {
    display: block !important;
  }
  #contents div.tabs2 ul.policy > li, div.tabs3 ul > li {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  /*  div.tabs2 ul.tetsuduki li {
    margin-bottom: 30px;
  }*/
}
div.tabs .kei {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  display: inline-block;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.1em;
}
div.tabs div.main_menu:hover .kei {
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
  display: inline-block;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.1em;
  color: #FFF;
  text-shadow: 1px 1px 3px #666, 0 0 1em #666, 0 0 0.1em #3B3B7B;
}
div.main_menu h2.h2_4 {
  font-size: 45px;
  letter-spacing: 0.1em;
}
@media screen and (max-width:499px) {
  section#sec3 div.tabs div.main_menu {
    padding: 0px;
    background: none;
    background-color: none;
  }
  div.main_menu h2.h2_4 {
    font-size: 27px;
    letter-spacing: 0em;
    margin-bottom: 10px;
  }
  div.tabs .kei {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 85%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    background: #b7b25a;
    background: -moz-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: -webkit-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: linear-gradient(to bottom, #b7b25a 1%, #7a5829 100%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
    border-radius: 20px;
  }
  div.tabs div.main_menu:hover .kei {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 85%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    background: #ab864e;
    background: -moz-linear-gradient(top, #ab864e 1%, #7a5829 100%);
    background: -webkit-linear-gradient(top, #ab864e 1%, #7a5829 100%);
    background: linear-gradient(to bottom, #ab864e 1%, #7a5829 100%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
    border-radius: 20px;
  }
  div.tabs .kei :before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -5px;
    border: 5px solid transparent;
    border-top: 7px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  div.tabs .yureru-j .kei {
    margin-top: 20px;
  }
  div.tabs div.main_menu:hover {
    background: linear-gradient(to top, rgba(205, 235, 251, 0.70) 1%, #FFF 100%);
  }
}
p.kei_5 {
  display: block;
  border-top: solid 1px #00ccff;
  margin-top: 0.5em;
}
.yureru-j {
  animation: yureru-j 3s infinite;
}
.font-90p {
  font-size: 90% !important;
}
@keyframes yureru-j {
  0% {
    transform: translate(0px, 2px);
  }
  5% {
    transform: translate(0px, -2px);
  }
  10% {
    transform: translate(0px, 2px);
  }
  15% {
    transform: translate(0px, -2px);
  }
  20% {
    transform: translate(0px, 2px);
  }
  25% {
    transform: translate(0px, -2px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
@media screen and (min-width:769px) {
  .bg-dark {
    display: none;
  }
}
@media screen and (max-width:768px) {
  div.sub_menu ul li ul.kei5 {
    border-bottom: solid 1px #b6b15a;
  }
  .contact {
    display: none;
  }
}
#contents h3.design {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x;
  color: #76654e;
  margin-bottom: 20px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px;
  text-align: center;
  padding: 1.5rem 0px;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  #contents h3.design {
    font-size: 30px;
    background: none;
    margin: 0px;
    padding: 20px 10px;
    box-shadow: none;
  }
  .font-90p {
    font-size: 16px !important;
  }
}
#kage .g_center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#contents .g_tokutyo li.w31 {
  float: left;
  margin: 0px 2.66% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
@media (min-width:1500px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    text-align: center;
    margin: 80px auto;
    max-width: 2160px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    width: 19.2%;
    margin: 0px 1% 1rem 0%;
    float: left;
    max-width: 400px;
    min-width: 288px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31:nth-of-type(5) {
    margin-right: 0px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31:nth-of-type(3) {
    margin-right: 1% !important;
  }
}
@media (min-width:993px) and (max-width:1499px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    text-align: center;
    margin: 50px auto;
    max-width: 1200px;
    padding: 0px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
    width: 30%;
    max-width: 360px;
    margin: 0px 1.6% 3rem 1.6%;
  }
}
@media (max-width:992px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    margin: 30px 3% 1rem;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
    margin-bottom: 3rem;
  }
}
#contents .g_tokutyo li figure {
  margin: 0rem;
  overflow: hidden;
}
#contents .g_tokutyo li figure img {
  max-height: 300px;
  height: auto;
  transition-duration: 0.5s; /*変化の時間*/
}
#contents .g_tokutyo li > img {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
#contents .g_tokutyo figure img:hover {
  transform: scale(1.2, 1.2); /*画像の拡大*/
  /*cursor: pointer;カーソルをポインターにする*/
}
#contents .g_tokutyo li > p, #contents .g_tokutyo li > h4 {
  padding: 3px 0.7rem -10px 5px;
}
/*.scale-box {
width: 250px;
height: 175px;
overflow: hidden;
}
.scale-img {
width: 250px;
height: 175px;
transition-duration: 0.5s;
}
.scale-img:hover {
transform: scale(1.2,1.2);

cursor: pointer;
}
*/
#contents li figure img {
  width: 100%; /*写真の幅*/
  height: auto; /*写真の高さ*/
  box-shadow: 0 1px 1px 0 #d0d0d0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#contents ul.g_tokutyo li h4 {
  font-size: 23px; /*文字サイズ*/
  margin-top: 5px;
  padding-bottom: 8px;
}
#contents ul.g_tokutyo li h4.midashi {
  font-size: 18px; /*文字サイズ*/
  padding-bottom: 0px;
  font-weight: 700;
}
#contents ul.g_tokutyo li h4.midashi + p {
  margin-top: 0px;
  padding-top: 0px;
}
/*li p{
		color: #6c757d;

}*/
#contents ul.g_tokutyo li h4:nth-of-type(1) {
  padding: 6px 10px 12px 10px;
}

#contents ul.g_tokutyo li p:nth-of-type(1), #contents ul.g_tokutyo li p:nth-of-type(2n) {
  padding-bottom: 10px;
  padding-left: 10px;
}

#contents ul.g_tokutyo li.g_w48:nth-of-type(2n) {
  margin-right: 0px;
}
.mintyo {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-display: swap;
}
.lh-130 {
  line-height: 130%;
}
.font-200 {
  font-size: 200% !important;
}
.font-140 {
  font-size: 140%
}
.font-140_m {
  font-size: 140% !important;
}
a.font-140-a {
  font-size: 140% !important;
  text-decoration: underline;
  color: #0160f2;
  font-weight: bold;
}
.font-130 {
  font-size: 130% !important;
}
.font-110 {
  font-size: 110% !important;
}
.font-95_m {
  font-size: 100% !important;
}
.font-75_m {
  font-size: 100% !important;
}
.font-80_m {
  font-size: 100% !important;
}
.font-80 {
  font-size: 80% !important;
}
.font-88 {
  font-size: 100% !important;
}
.font-90 {
  font-size: 90% !important;
}
a.underline {
  text-decoration: underline;
  color: #007bff;
}
.font-blue {
  color: #007bff
}
@media screen and (max-width:499px) {
  #contents ul.g_tokutyo li h4 {
    font-family: sans-serif;
    margin-top: 5px;
    padding-bottom: 8px;
    font-size: 18px; /*文字サイズ*/
    font-weight: 700;
  }


  .font-95_m {
    font-size: 95% !important;
  }
  .font-80_p {
    font-size: 100% !important;
  }
  .font-75_m {
    font-size: 75% !important;
  }
  .font-80_m {
    font-size: 80% !important;
  }
  .font-88_m {
    font-size: 83% !important;
  }
  .font-80 {
    font-size: 80% !important;
  }
  .font-140_m {
    font-size: 18px !important;
  }
}
h2.h4, h3.h4, h4.h4 {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  top: 0;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 19.2px;
}
h2.h4 {
  margin-top: 20px;
  font-size: 25px;
}
h2.h4:before, h2.h4:after, h4.h4:before, h4.h4:after, h3.h4:before, h3.h4:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h2.h4:before, h4.h4:before, h3.h4:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h2.h4:after, h4.h4:after, h3.h4:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
@media screen and (min-width:992px) {
  #contents li.w31:nth-of-type(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width:768px) {
  #kage #contents h1, #kage #contents h2.p_title {
    font-size: 35px;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 120%;
    font-weight: 700;
  }
  .navbar-box {
    display: block;
    overflow: hidden;
    z-index: 100;
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  #kage #contents h1, #kage #contents h2.p_title {
    font-size: 35px;
    padding: 20px 0px;
  }
  #kage #contents h2.p_title.p0 {
    font-size: 31px;
    padding: 15px 0px;
  }
  section#sec3 div.tabs div.main_menu, section#sec3 div.tabs div.main_menu:hover {
    padding: 0px;
    background: none;
    background-color: none;
  }
}
@media (min-width:500px) and (max-width:991px) {
  #contents .g_tokutyo {
    margin-bottom: 10px;
  }
  #contents .g_tokutyo li.w31 {
    width: 48.66%;
    margin: 0px 2.66% 10px 0px;
    float: left;
  }
  #contents .g_tokutyo li:nth-of-type(2n) {
    margin-right: 0px;
  }
}
@media screen and (max-width:499px) {
  #contents .g_tokutyo li.w31 {
    width: 49.5%;
    margin: 0px 1% 10px 0px;
    float: left;
    font-size: 16px;
  }
  #contents .g_tokutyo li:nth-of-type(3n),    #contents .g_tokutyo li:nth-of-type(5n) {
    margin-right: 0px;
  #contents .g_tokutyo
    li: nth-of-type(3n);
  }
  #contents .g_tokutyo li.w31:nth-of-type(1), #contents .g_tokutyo li {
    margin-right: 0px;
    width: 100%;
  }
  #contents .g_tokutyo li > p, #contents .g_tokutyo li > h4 {
    padding: 0 0.4rem;
    /*    line-height: 130%;*/
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #contents .g_tokutyo li figure {
    margin: 0.4rem;
    overflow: hidden;
  }
 
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(1) {
    width: 49.5%;
    margin: 0px 1% 10px 0px;
    float: left;
  }
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(3) {
    width: 49.5%;
    margin: 0px 1% 10px 0px;
    float: left;
  }
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(4) {
    width: 49.5%;
    margin: 0px 0px 10px 0px;
  }
  .sp_block .font-80 {
    font-size: 70% !important;
    font-weight: 400;
  }
  #contents .g_no_sp, #contents .g_no_ts {
    display: none;
  }
  body#kage .g_tenpo-info .g_free-s2 {
    background: url(/css/images/material/free.gif);
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 130%;
    text-align: left;
    font-size: 120%;
    margin-bottom: 5px;
    border-bottom: 1px dashed #CCC;
    width: 100%;
    display: block;
  }
}
@media screen and (max-width:499px) {
  #contents .g_tokutyo.g_5c > li.w31 {
    margin: 0px 0% 10px 0px;
    float: none;
    width: 100%;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    margin: 30px 0px 1rem;
  }
  #contents ul.g_tokutyo.g_6c li:nth-of-type(2n) {
    margin-right: 0px;
  }
}
@media screen and (max-width:299px) {
  #contents div.sub_menu ul.g_tokutyo li.w31 .g_tenpo-info dt {
    width: 100%;
    display: block;
    position: relative;
    border-top: 1px solid #666;
    font-weight: 700;
  }
  #contents div.sub_menu ul.g_tokutyo li.w31 .g_tenpo-info dd {
    width: 100%;
    display: block;
    position: relative;
    padding-left: 0px;
  }
}
/*@media  (min-width:500px) and (max-width:600px){*/
.g_right {
  text-align: right;
}
.g_left {
  text-align: left;
}
.g_img-left {
  float: left;
}
.g_img-right {
  float: right;
}
.w30_m {
  width: 31.5%;
}
.w65_m {
  width: 65%;
}
.w31 {
  width: 31.5%;
  height: auto;
}
.g_w30 {
  width: 30%;
  height: auto;
}
.g_w20 {
  width: 20%;
  height: auto;
}
.g_w10 {
  width: 10%;
  height: auto;
}
.w100, .g_w100 {
  width: 100%;
  height: auto;
}
.right_m {
  text-align: right;
}
@media screen and (max-width:499px) {
  .right_m {
    text-align: left;
  }
  .w30_m {
    width: 100%;
  }
  .w65_m {
    width: 100%;
  }
}
/* フッターナビ　*/
@media screen and (min-width:772px) {
  .g_no_pc {
    display: none;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr.g_center {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width:500px) and (max-width:768px) {
  .g_no_ts {
    display: none;
  }
  #kage #contents h1 {
    font-size: 40px;
  }
  .h2_2 {
    font-size: 35px;
  }
  #kage #contents div.title2 h2 {
    font-size: 40px;
    line-height: 130%;
  }
  div.main_menu h2.h2_4 {
    font-size: 35px;
  }
 
}
@keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width:499px) {
  .g_no_sp {
    display: none;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr.g_center {
    line-height: 120%;
  }
  .sp_block {
    display: block;
  }
	.g_sp_center{
		text-align: center;
	}
}
.g_font-orange {
  color: #e71d4b
}
@media screen and (min-width:772px) {
  div.tabs2 div.main_menu, #contents div.container div.tabs3 div.main_menu {
    cursor: default !important;
  }
}
@media (min-width:500px) and (max-width:768px) {
  #contents h2.h2_2 + p {
    margin-bottom: -10px;
    font-size: 90%;
  }
  .h2_2 {
    float: none;
  }
  #kage #contents div.title2 p .sp_block {
    display: block;
  }
}
@media screen and (max-width:499px) {
  .mt30_m {
    margin-top: 0px;
  }
}

/*　↑　#sudou-common.css記載部分*/
div.sub_menu div.container {
  background: hsla(240, 9%, 98%, 0.8);
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
  box-shadow: rgba(10, 10, 10, 0.18) 0px 8px 16px -2px, rgba(10, 10, 10, 0.18) 0px 0px 9px -2px;
}
@media screen and (max-width:499px) {
  div.sub_menu div.container {
    background-color: rgba(205, 235, 251, 0.70);
    padding: 30px 20px 0px;
    background: #FFF;
    border-radius: 0px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
    border: solid 1px #b7b25a;
    width: 98%;
  }
}
#contents div.tabs2 ul.policy {
  margin: 50px 10px;
}
@media screen and (max-width:768px) {
  #contents div.container div.tabs3 div.main_menu {
    cursor: pointer;
    width: 100%;
    font-weight: normal !important;
    list-style: none !important;
    text-shadow: none;
    background: rgba(115, 109, 27, 0.5);
    background: rgba(94, 89, 22, 0.5);
    background-position: 12px 31px;
    background-repeat: no-repeat;
    border-top: 1px solid #fbefcd;
    border-bottom: 1px solid #fbefcd;
    margin: 20px auto 30px auto;
    text-align: center;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    display: block;
    position: relative;
    transition: 0.5s ease-out;
    padding: 20px 10px;
  }
  #contents div.container div.tabs3 div.main_menu:before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -8px;
    border: 6px solid transparent;
    border-top: 10px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  #contents div.container div.tabs3 div.main_menu h3 .f_blue {
    color: #FFF;
    text-shadow: 0.4px 0.3px 0.3px #e68600;
    font-size: 20px;
  }
  div.tabs2 ul.tetsuduki div.main_menu {
    text-align: left;
    cursor: pointer;
    margin: 10px 0px !important;
    width: 100%;
    font-weight: normal !important;
    list-style: none !important;
    line-height: 120%;
    font-size: 110%;
    padding: 15px 10px 15px 30px;
    background:
      url("../img/y-s.jpg"), url(/css/images/material/bg_home_extSearch_area.png);
    background-repeat:
      no-repeat, repeat;
    background-position: 15px 28px;
    text-shadow: none;
    border: 1px solid #e71d4b;
    box-shadow: 0px -1px 6px #f3decb;
  }
  div.tabs2 ul.policy div.main_menu {
    cursor: pointer;
    font-weight: normal !important;
    list-style: none !important;
    text-shadow: none;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
  }
  div.tabs2 ul.policy div.main_menu :before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -5px;
    border: 5px solid transparent;
    border-top: 7px solid #b7b25a;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  div.tabs div.tabs2 ul.policy li .main_menu {
    margin-bottom: 40px
  }
  div.tabs div.tabs2 ul.policy li {
    margin-top: 40px
  }
  #contents div.tabs2 ul.policy div.container {
    /*    background: none;
    border: none !important;
    padding: 0px !important;
    border-radius: none;*/
    background: #FFF;
    border: none;
    padding: 0px;
    border-radius: 15px;
    box-shadow: rgba(10, 10, 10, 0.18) 0px 8px 16px -2px, rgba(10, 10, 10, 0.18) 0px 0px 9px -2px;
  }
  #contents div.tabs2 h4.h4 {
    font-size: 120%;
    position: relative;
    line-height: 1.2;
    padding: 10px;
    display: inline-block;
    top: 0;
    font-weight: 700;
    margin-bottom: 0px;
  }
  #contents div.tabs2 h4.h4:before, #contents div.tabs2 h4.h4:after {
    border: none;
  }
  /*  div.tabs3 { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  }*/
  #contents div.container div.tabs3 div.sub_menu {
    display: none;
    padding: 10px 8px;
    background: #FFF;
    border-radius: 5px;
    border: solid 2px #b7b25a;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
    margin: 0px 10px;
  }
  #contents div.container div.tabs3 div.sub_menu .g_tokutyo.mt-2 {
    padding: 0px 0px;
  }
  #contents div.container div.tabs3 div.main_menu h3.maru:before {
    display: none;
  }
  #contents div.container div.tabs3 ul.policy li h3.h3-3 {
    border-bottom: none;
    color: #000;
    line-height: 160%;
    font-size: 16px;
  }
  #contents div.container div.tabs3 div.main_menu {
    box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 5px -3px rgba(0, 0, 0, .4);
  }
}
section.bg-pink {
  background: linear-gradient(to bottom, #fff 10%, rgba(240, 205, 251, 0.20)15.5%, rgba(240, 205, 251, 0.30) 90%, #FFF 100%);
  padding: 1rem 0em 0.3em 0em;
}
div.bg-pink {
  padding: 1rem 0em 0.3em 0em;
}

h2.h2-1, h2.h2-2 {
  line-height: 100%;
  text-shadow: 1px 1px 1px #eee;
  text-align: center;
  display: block;
  color: #7c3b55;
  padding: 10px 0px;
  clear: both;
  border-bottom: #7c3b55 1px solid;
  margin: 60px 0px 0px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  letter-spacing: 0em;
  font-size: 300%;
  line-height: 100%;
  margin-top: 0px;
}
h2.h2-2 {
  letter-spacing: 0.1em;
}
h2.h2-1:first-of-type {
  font-size: 200%;
  margin-top: 30px;
}
@media screen and (max-width:1000px) {
  h2.h2:first-of-type {
    letter-spacing: 0.1em;
    font-size: 350%;
    line-height: 100%;
    margin-top: 0px;
  }
  h2.h2-1:first-of-type, h2.h2-2:first-of-type {
    letter-spacing: 0em;
    font-size: 180%;
    line-height: 120%;
    margin-top: 0px;
  }
}
@media screen and (max-width:499px) {
  div.tabs2 ul.policy div.main_menu {
    border: 1px #b7b25a solid;
  }

  section.bg-pink, div.bg-pink {
    padding: 0rem 0em 0em 0em !important;
    background: linear-gradient(to bottom, rgba(240, 205, 251, 0.30) 1%, #FFF 100%);
  }
  div.tabs div.main_menu {
    /*color: #FFF;*/
    background: url("../img/css/sakura_sp.jpg") center no-repeat;
    padding: 10px;
    border: none;
  }
  section.bg-pink div.tabs div.main_menu {
    border-bottom: solid 5px #B7B25A !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  div.bg-pink {
    background: #FFF;
  }
  div.new_design {
    padding: 20px 0px;
    background: #FFF;
  }
  section.bg-pink div.container.new_design p, section.bg-pink div.container.new_design p .font-blue {
    color: #333;
  }
  #kage #contents div.title2 h2.h2_3 {
    background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x, rgba(255, 255, 255, 0.70);
    color: #007bff;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-display: swap;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    text-shadow: 0 1px 0 #ccd4df;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    margin: 0px 10px 25px;
    line-height: 130%;
  }
  #kage #contents div.title2 h2.h2_3 .sp_block {
    font-size: 31px;
  }
}

@media screen and (min-width:500px) and (max-width:768px) {
  .bg-light2 {
    margin-top: 50px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }
}
/*@media (max-width:499px){
  #contents div.container div.tabs3 ul > li, #contents div.tabs2 ul.policy > li {
    margin: 0px;
    padding: 0px;
  }
}*/

#container {
  height: 100%;
}
ol {
  padding-left: 40px;
  padding-bottom: 15px;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  /*color: #2a3439;	*/
  transition: 0.2s; /*マウスオン時の移り変わるまでの時間設定。0.2秒。*/
}
a:hover {
  color: #60523f; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*inner
---------------------------------------------------------------------------*/
.inner {
  max-width: 1200px; /*サイトの最大幅*/
  margin: 0 auto;
  padding-left: 1% !important;
  padding-right: 1% !important;
}
/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
/*header {
  height: 70px;
  position: relative;
}*/
/*メインメニューのブロック
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar > ul {
  overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar ul.inner li {
  float: left; /*左に回り込み*/
  width: 20%;
  font-size: 20px; /*幅。今回は５個メニューがあるので100÷5=20*/
  list-style-type: none;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-display: swap;
  font-weight: bold;
}
#menubar ul li.inner a {
  text-decoration: none;
  display: block;
  height: 60px; /*メニューブロックの高さ*/
  padding-top: 12px; /*メニューブロックの高さプラス、上に空ける余白。メニューテキストの上下の配置バランスをここで調整して下さい。*/ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-display: swap;
}
#menubar ul.inner li a:before {
  content: "▼ ";
  font-size: 10px;
  color: #60523f;
  vertical-align: 4px
}
#menubar ul li span:before {
  content: none;
}
/*飾り文字*/
#menubar ul li span {
  display: block;
  font-size: 12px; /*文字サイズ*/
  color: #999; /*文字色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
  display: none;
}

#menubar ul.inner li a:before {
  content: "▼ ";
  font-size: 10px;
  color: #60523f;
  vertical-align: 4px
}


#contents h3.text-secondary {
  padding-bottom: 10px;
}
#contents h3.card-title {
  text-align: left;
  padding: 10px 0px 5px;
}

#contents div.card p {
  padding: 0px;
}
#contents h2 + p {}
#contents h2.h2_2 + p, #contents h2.h2_2 + p.type1 {
  color: #6c757d;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
  font-display: swap;
  display: block;
  padding-top: 0.4rem;
  font-size: 130%;
}
@media screen and (max-width:768px) {
  ul.policy li div.container div.sub_menu {
    padding: 0px 10px;
    margin-bottom: 30px;
  }
  .h2_2 {
    float: none;
    font-size: 35px;
  }
  #contents h2.h2_2 + p {
    margin-bottom: 0px;
    font-size: 100%;
    color: #60523f;
    line-height: 120%;
  }
  #contents h2.h2_2 + p.type1 {
    margin-top: -21px;
    margin-bottom: 10px;
    font-size: 100%;
    color: #60523f;
    /*    font-family: "繝偵Λ繧ｮ繝散D荳ｸ繧ｴ W4 JIS2004";
		color: #2a3439;*/
    line-height: 120%;
    padding-bottom: 20px;
    padding: 0px 0px 5px 10px;
    border-left: 6px solid rgb(76, 175, 80);
  }
  #contents section.bg-light h2.h2_2 {
    border: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 25px;
    color: #fff;
    background: #e71d4b;
  }
  #contents section.bg-light h2.h2_2 + p.type1 {
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
    color: #FF6600;
    line-height: 120%;
    padding-bottom: 0px;
    padding: 0px 0px 10px 0px;
    border: none;
  }
  /*  #contents h3.h3 + p {
    font-size: 90%;
  }*/
  #contents div.card p {
    padding: 0px;
    font-size: 90%;
  }
}
@media screen and (max-width:499px) {
  div.order-md-1 p strong.font-140 {
    font-size: 120%;
  }
  /*  .h3 {
    font-size: 20px;
    padding-bottom: 8px;
  }*/
/*  div.w65_m .h3 {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    background: #ff6600;
    text-align: center;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-display: swap;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 11px 5px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  div.w65_m p.h3 {
    font-size: 20px;
  }*/
}
/*section同士の余白*/
/*#contents section + section {
	margin-top: 40px;
}*/
/**/
.pb10 {
  padding-bottom: 10px;
}
.pt10 {
  padding-top: 10px;
}
/*#contents div.card-body.pt-0 h3.mb-0 {
  padding-bottom: 5px;
  margin-bottom: 0px;
}
#contents div.card-body.pt-0 p {
  padding-top: 10px;
}*/
/*mainコンテンツ

/*各ボックスの設定*/
/*.list {
  position: relative;
  overflow: hidden;
  padding: 40px; 
  border: 1px solid #999; 
  margin-bottom: 50px; 
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); 
}

.list h4 {
  font-size: 28px; 
  color: #60523f; 
}
.list h4 a {
  color: #60523f; 
}*/
/*ボックス内のp(段落)タグ設定*/
/*.list p {
  padding: 0px 0px 10px !important; 
}*/
/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
/*.icon {
  display: inline-block;
  margin: 2px;
  font-size: 12px; 
  padding: 0 5px; 
  border-radius: 4px; 
  border: 1px solid #ccc;
  background: #eee; 
  background: linear-gradient(#fff, #eee); 
}
.icon a {
  text-decoration: none;
}

.icon.color1 {
  border: 1px solid #60523f; 
  background: #76654e;
  background: linear-gradient(#76654e, #60523f); 
  color: #fff !important; 
}

.icon.color2 {
  border: 1px solid #161995; 
  background: #2b2ebc; 
  background: linear-gradient(#2b2ebc, #161995); 
  color: #fff; 
}*/
/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
/*a.btn {
  display: block;
  text-decoration: none;
  background: #60523f; 
  background: linear-gradient(#76654e, #60523f); 
  color: #fff; 
  font-size: 20px; 
  text-align: center;
  padding: 10px;
  border-radius: 4px; 
  letter-spacing: 0.2em; 
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
  border: 1px solid #60523f;
}

a:hover.btn {
  box-shadow: none;
  background: #fff; 
  color: #60523f; 
}*/

/*new*/

/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  position: relative;
  z-index: 1;
  font-size: 12px; /*文字サイズ*/
  background: #666; /*背景色*/
  color: #fff; /*文字色*/
  text-align: center;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer .pr {
  display: block;
  font-size: 80%;
}


/*ページの上部へボタン「↑」設定
---------------------------------------------------------------------------*/
@keyframes scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body .nav-fix-pos-pagetop a {
  display: none;
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
  display: block;
  text-decoration: none;
  text-align: center;
  width: 50px; /*幅*/
  line-height: 50px; /*高さ*/
  z-index: 1;
  position: fixed;
  bottom: 20px; /*下から20pxの場所に配置*/
  right: 3%; /*右から3%の場所に配置*/
  background: #7c3b55; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.6); /*背景色。0,0,0は黒の事。0.6は60%色がついた状態。*/
  color: #fff; /*文字色*/
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  animation-name: scroll; /*上のアニメーションで指定しているkeyframesの名前（scroll）*/
  animation-duration: 1S; /*アニメーションの実行時間*/
  animation-fill-mode: forwards; /*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
  background: #999; /*背景色*/
}
/*その他
---------------------------------------------------------------------------*/

.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb50_m {
  margin-bottom: 50px !important;
}
.clear {
  clear: both;
}
.color1, .color1 a {
  color: #60523f !important;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center !important;
}
.r {
  text-align: right !important;
}
.l {
  text-align: left !important;
}
.w50 {
  width: 50%;
}
.fl {
  float: left;
}
img.fl {
  float: left;
  width: 30%;
  margin-right: 20px;
  margin-bottom: 20px;
}

.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.date {
  text-align: right;
  color: #999;
  font-size: 11px;
}
.footerAnnotation {
  text-align: center;
  font-size: 16px;
  margin-bottom: 32px;
}
.footerLogoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}
.footerLogoList {
  width: 33.3%;
  list-style: none;
}
.footerTxtParagraph {
  font-size: 16px;
  text-align: center;
}
.footerLogoParagraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px
}
.footerLogoImg {
  width: 90%
}
.footerCopyRight {
  font-size: 16px;
  text-align: center
}
dl.g_q dt {
  line-height: 140%;
  font-weight: bold;
  background: url(/css/img/mark/q.png);
  background-position: 0px 4px;
  background-size: 25px auto;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-top: 8px;
  margin: 10px 0px;
  font-size: 110%;
}
dl.g_q dd {
  padding-left: 40px;
  margin: 0px 0px 20px;
}
dl.g_q dd a {
  text-decoration: underline;
}
@media screen and (max-width:991px) {
  .footer {
    padding: 0 10px 20px 10px
  }
  .footerAnnotation {
    font-size: 14px;
    margin: 32px 0 0;
  }
  .footerLogoBox {
    display: block;
    margin-top: 20px
  }
  .footerLogoList {
    width: 100%;
    margin-top: 20px
  }
  .footerLogoImg {
    width: 100%;
    max-width: 320px
  }
  .footerLogoParagraph {
    min-height: auto;
    width: 80%;
    margin: 0 auto
  }
  .footerCopyRight {
    line-height: 1
  }

}
@media screen and (max-width:499px) {
  .mb50_m {
    margin-bottom: 0px !important;
  }
  dl.g_q dt {
    background-position: 0px 4px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 4px;
    margin: 5px 0px;
    font-size: 110%;
  }
  dl.g_q dd {
    padding-left: 25px;
    margin: 0px 0px 20px;
  }
}
dl.g_q dd a {
  text-decoration: underline;
}
ul.g_schedule a {
  text-decoration: underline;
}
ul.g_schedule .waku {
  /*border: 1px solid #dad5dc;*/
  padding: 6px;
  font-size: 90%;
  margin-top: 10px;
}


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

#menubar nav.menubar-s > ul {
    display: none;
    height: 0px;
  }

}

@media screen and (max-width:499px) {
  /* support iOS */
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
  body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    bottom: 70px; /*下から20pxの場所に配置*/
  }

  #top header {
    z-index: 11;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: auto;
  }
  
}

@media screen and (orientation: landscape) and (max-height:500px) {
  #menubar-s ul li a {
    padding: 10px; /*メニュー内の余白*/
    float: left; /*左に回り込み*/
    width: 40%; /*幅*/
    margin-left: 4%; /*メニューの左側に空けるスペース*/
  }
}
@media screen and (max-width:800px) {
  .menubar-s {
    display: block;
    overflow: hidden;
    z-index: 100;
    top: 0px;
    width: 100%;
    border-top: 1px solid #fff; /*上の線の幅、線種、色*/
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5s; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
  }
  /*メニュー１個あたりの設定*/
  .menubar-s ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px; /*上下、左右へのメニュー内の余白*/
    border-bottom: 1px solid #eee; /*下の線の幅、線種、色*/
    color: #fff; /*文字色*/
    font-size: 22px; /*文字サイズ*/
    font-weight: 700;
  }
  #menubar .menubar-s .tel a {
    color: #fff !important;
  }
  #Navbar .menubar-s ul li a:hover {
    color: #eee; /*文字色*/
  }
  /*飾り文字*/
  .menubar-s ul li span {
    display: block;
    font-size: 10px; /*文字サイズ*/
    color: #999; /*文字色*/
  }

  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  body.is-fixed-menu #contents {
    margin-top: 0px;
  }
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  .main, .sub {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/

  .w50 {
    overflow: hidden;
    width: auto;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
}
.g_kome2:before {
  content: "※ ";
  margin-left: -3em !important;
  color: #CC58E8 !important;
  font-weight: 700;
}
.g_kome2 {
  margin-left: 1.6em;
  text-indent: 1.6em;
}
@media screen and (max-width: 499px) {
  .inner {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  /*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）
---------------------------------------------------------------------------*/
  #contents {
    padding: 20px 0px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*contentsの中にあるinner*/
  #contents .inner {
    padding: 20px 0px; /*上下、左右へのブロック内の余白*/
  }

  #contents h3.h4_1 {
    font-size: 19.2px; /*文字サイズ*/
  }


  .photo {
    padding: 5px;
    border: 2px solid #fff;
  }
  .ws, .wl {
    width: 94%;
  }
  .fl {
    float: none;
  }
  img.fl {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .fr {
    float: none;
  }
  img.fr {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }

  .sh {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    background-color: #da5c9f;
    background-image: url("/toritsu/img/icon/info.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center 20px;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    background-color: #5bb945;
    background-image: url("/toritsu/img/icon/shiryo.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center 20px;
  }
  .c-sousaiFlortingBnr a {
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #ffffff;
  }
  .c-sousaiFlortingBnr a span {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    font-size: 80%;
  }
  .c-sousaiFlortingBnr a span {
    -webkit-writing-mode: rl-tb;
    -ms-writing-mode: rl-tb;
    writing-mode: rl-tb;
  }
}
@media screen and (min-width: 500px) {
  body#kage #container #contents div.footer-container.copyright .footer a {
    color: #FFF;
    text-decoration: underline;
  }
  div.sp_mainimg {
    display: none;
    visibility: hidden;
  }
  .c-sousaiFlortingBnr {
    display: none;
    visibility: hidden;
  }
}
@media (max-width:768px) {

  .mt50 {
    margin-top: 50px;
  }

  .bg-light {
    /*	background-color:#d0f1f5;*/
    background-color: #FFF;
  }
  .bg-light .container {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    background-color: #faf4e3;
    padding: 30px 10px;
    border-radius: none;
    margin: auto 2%;
    width: 96%;
  }
  .bg-light2 .container {
    padding: 30px 10px;
  }
}
@media screen and (max-width:499px) {
  div.pc_mainimg #logo, #mainimg div.pc {
    display: none;
    visibility: hidden;
  }
  /*  header {
    height: 100vh;
  }*/
  .menubar-p {
    display: none;
    visibility: hidden;
  }

  .bg-light2 {
    margin-top: 50px;
    margin-top: 30px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }

}
@media screen and (max-width: 640px) {
  .c-sousaiFlortingBnr {
    border-top: solid #FFFF 1px;
    width: 100%;
    height: 50px;
    top: auto;
    bottom: 0;
    letter-spacing: -.4em;
    position: fixed;
    z-index: 30
  }
  .c-sousaiFlortingBnr > * {
    display: inline-block;
    letter-spacing: normal;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 a:before {
    width: 30px;
    height: 30px;
    background-image: url("../img/icon/info.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a {
    font-size: 1.2rem;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a:before {
    width: 28px;
    height: 25px;
    background-image: url("../img/icon/shiryo.png");
  }
  .c-sousaiFlortingBnr a {
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2.5;
  }
  .c-sousaiFlortingBnr a:before {
    margin: -3px 5px 0 0;
    content: '';
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 640px) {
  body#kage .footer-container {
    padding: 10px 0px 20px;
  }
}
@media (min-width: 641px) {
  .c-sousaiFlortingBnr {
    display: none;
    overflow: hidden;
  }
}
@media screen and (max-width: 350px) {
  .c-sousaiFlortingBnr {
    border-top: solid #FFFF 1px;
    width: 100%;
    height: 40px;
    top: auto;
    bottom: 0;
    letter-spacing: -.4em;
    position: fixed;
    z-index: 30;
  }
  .c-sousaiFlortingBnr > * {
    display: inline-block;
    letter-spacing: normal;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 a:before {
    width: 20px;
    height: 20px;
    background-image: url("../img/icon/info.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a:before {
    width: 20px;
    height: 20px;
    background-image: url("../img/icon/shiryo.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1, .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    margin: 0px;
    font-weight: normal;
    padding-left: 3px;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    float: left;
  }
  .c-sousaiFlortingBnr a {
    font-weight: normal;
    line-height: 200%;
  }
  .c-sousaiFlortingBnr a:before {
    margin: -3px 2px 0 2px;
    content: '';
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
  }
  .cp_tab_1 > label {
    padding: 15px 2px;
    min-width: 32.1%;
    border-bottom: 1px solid #e71d4b;
    border-radius: 3px 3px 0px 0px;
    margin: 5px 0 3px 0%;
  }
  #kage #contents h1, #kage #contents h2.p_title {
    font-size: 30px;
    padding: 20px 0px;
  }
  #kage #contents h2.p_title.p0 {
    font-size: 25px;
    padding: 15px 0px;
  }

  h2.h4, h3.h4, h4.h4 {
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    display: inline-block;
    top: 0;
    font-weight: 700;
    margin-bottom: 0px;
  }
  h2.h4:before, h2.h4:after, h4.h4:before, h4.h4:after, h3.h4:before, h3.h4:after {
    position: absolute;
    top: 0;
    content: '';
    width: 8px;
    height: 100%;
    display: inline-block;
  }
  h2.h4:before, h4.h4:before, h3.h4:before {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    left: 0;
  }
  h2.h4:after, h4.h4:after, h3.h4:after {
    content: '';
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    right: 0;
  }


  h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, form, figure, form {
    font-size: 95%;
  }

  #contents div.container div.tabs3 ul.policy li h3.h3-3 {
    font-size: 15.3px;
    line-height: 160%;
  }

  ul.policy .sub_menu p {
    font-size: 105%;
  }
  #contents h3.design {
    font-size: 20px;
    padding: 0px 5px;
  }
  h2.h2_0 {
    font-size: 130%;
  }
}