@charset "UTF-8";
/*!
 * Honoka v4.1.3 (http://honokak.osaka/)
 * Copyright 2015 windyakin
 * Licensed under MIT (https://github.com/windyakin/Honoka/blob/master/LICENSE)
 */
/*!
 * 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;
  --font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

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

body {
  overflow-x: hidden;
  margin: 0;
  font-size: 0.85rem;
  font-weight: 400;
  color: #212529;
  text-align: left;
  background-color: #fff;
  padding: 0;line-height: 1.4;
  font-family: 'Noto Sans JP','Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}


img {
  vertical-align: middle;
  border-style: none;
}


table {
  border-collapse: collapse;
}
th {
  text-align: inherit;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  /* overflow: auto;
  resize: vertical; */
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}



.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}


.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}







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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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





/*# sourceMappingURL=bootstrap.css.map */

/* 以下　元々HTMLファイル内にあった記述 */

/* 以上　元々HTMLファイル内にあった記述 */
.header-right-1{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0.85rem;
    padding: 5px 15px;
    border: solid 1px #D6D6D6;
}
.header-right-2{
    position: absolute;
    right: 15px;
    top: 50px;
    font-size: 0.95rem;
    padding: 5px 5px;
}
@media (max-width: 767px) {
  .header-right-2{
    position: initial;
    right: initial;
    top: initial;
    padding: 0 5px 10px;
    text-align:right;
  }
}
@media (max-width: 767px) {
  .hidden-sm { display: none !important; }
}

/* 以下　グリッドを５列にするための記述 */
.flex_container {
	display:flex;
    justify-content: space-between;
}
.flex_in { 
	padding:10px; margin:5px;
	width:20%;
}
@media (max-width: 767px) {
	.flex_container {
		display:initial;
	}
	.flex_in { 
		margin:5px 0;
		width:100%;
	}
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}


/* 以下上　グリッドを５列にするための記述 */

bg-white {
	background-color: #fff;
}

/* PAGE TOP */
#page-top {
    position: fixed;
    bottom: 0;
    right: 0;
}
@media (max-width: 620px) {
	#page-top { right: 10px; }
}
#page-top a {
    background: #333;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 10px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background: #666;
}

/* 建て得 */
#tatedoku-pc_logo {
    position: fixed;
    top: 100px;
	right: 10px;
	z-index:100;
}
#tatedoku-sm_logo {
    position: fixed;
    top: 10px;
	right: 20px;
	z-index:100;
}
/* カメラ */
#camera_logo {
    position: fixed;
    top: 225px;
	right: 10px;
	z-index:100;
}
#camera_logo a img{ width: 60px; height: auto; }
/*20260417*/
#banner20260417-pc_logo{
    position: fixed;
    top: 120px;
	right: 25px;
	z-index:100;
}
#banner20260417-pc_logo a img{
	width: 210px;
	height: auto;
	border-radius: 15px;
}
#banner20260417-sm_logo {
    position: fixed;
    top: 30px;
	right: 20px;
	z-index:100;
}
#banner20260417-sm_logo a img{
	width: 92px;
	height: auto;
}
/*index.html  以外*/
#banner20260417-pc_logo2{
    position: fixed;
    bottom: 0px;
	right: 52px;
	z-index:100;
}
#banner20260417-pc_logo2 a img{
	width: 175px;
	height: auto;
	border-radius: 15px;
}

/* 最初HTML内に記載していた箇所 */
		/* Basic styling */
		html, body {
			margin: 0;
			padding: 0;
			/* 下の一行コメントアウトしないとparallax.js使えない */
			/* background-color: #fff; */
			font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
			line-height: 1.4;
		}
		#wrapper {
		  width:100%;
		  overflow:hidden;
		}
		h1, h2, h3, h4, h5, h6 {
			font-weight: normal;
		}
		h1 { font-size:0.6rem;text-shadow:1px 1px 1px #111; }			
		@media screen and (max-width: 640px) { 
			h1 { font-size:28px !important; }
		}
		.slide_p1 {font-size:1.90rem;text-shadow:1px 1px 1px #111; } 		
		@media screen and (max-width: 320px) { 
			.slide_p1 {font-size:1.10rem; }		
		}			
		@media screen and (min-width:321px) and (max-width: 360px) { 
			.slide_p1 {font-size:1.20rem; }		
		}		
		@media screen and (min-width:361px) and ( max-width:960px) {
			.slide_p1 {font-size:1.40rem; }		
		}
		/* ヘッダー固定 */			
		
		#demo-1 {
			position: relative;
			overflow: hidden; 
			width: 100%;
			min-height: 400px;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 180px auto;
			padding: 40px;
			max-width: 600px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
		}
		.demo-inner-content-1 {
			position: absolute;
			z-index: 2;
			bottom:50px;
			right:80px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
			text-shadow:1px 1px 1px #111;
		}
		.demo-inner-content-3 {
			position: absolute;
			z-index: 2;
			top:70px;
			right:80px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
			text-shadow:1px 1px 1px #111;
		}
		@media screen and (max-width: 960px) { 
			.demo-inner-content-3 {
				top:20px;
				right:10px;
			}
		}
		/*以下　トップページ　ヘッダー*/
		.demo-inner-content-2 {
			position: absolute;
			z-index: 2;
			top:0;
			left:0;
			padding:5px 0 0;
			width:100%;
			color: #17a2b8;
			/*以下202305変更255.255.255.0.4*/
    		/*background: rgba(236, 183, 183, 0.55);*/
    		background: rgba(236, 183, 183, 0.3);
			text-align: center;
			font-size: 1.0rem;
		}									
		@media screen and (max-width: 1480px) { 
			.demo-inner-content-2 { font-size: 0.85rem; }	
	    }			
		@media screen and (max-width: 1360px) { 
			.demo-inner-content-2 { font-size: 0.85rem; }	
	    }			
		@media screen and (max-width: 1280px) { 
			.demo-inner-content-2 { font-size: 0.75rem; }	
	    }	
		@media screen and (max-width: 1120px) { 
			.demo-inner-content-2 { font-size: 0.65rem; }	
	    }
		@media screen and (max-width: 960px) { 
			.demo-inner-content-2 { display:none; }
		}
		.demo-inner-content-2 ul li.non-ri {
			display: inline;	
    		margin-right: 1.65rem;
		}
		@media screen and (max-width: 1720px) { 
			.demo-inner-content-2 ul li.non-ri {
				display: inline;	
	    		margin-right:1.45rem;
			}
		
		}
		@media screen and (max-width: 1480px) { 
			.demo-inner-content-2 ul li.non-ri {
				display: inline;	
	    		margin-right:1.25rem;
			}
		
		}
		@media screen and (max-width: 1240px) { 
			.demo-inner-content-2 ul li.non-ri {
				display: inline;	
	    		margin-right:1.25rem;
			}
		
		}
		@media screen and (max-width: 1120px) { 
			.demo-inner-content-2 ul li.non-ri {
				display: inline;	
	    		margin-right:1.00rem;
			}
		
		}
		.demo-inner-content-2 ul li.yes-ri {
			display: inline;	
    		margin-right: 0;
		}
		.demo-inner-content-2 ul li a { 
		    text-decoration: none;
		    color: #fff; 	 
		} 
		.demo-inner-content-2 ul li a:hover{ 
		    border-bottom: dotted 1px #17a2b8;	 
		}
		/*以上　トップページ　ヘッダー*/
		/*以下　住宅ページ　ヘッダー*/
		.demo-inner-content-ie {
			position: absolute;
			z-index: 2;
			top:0;
			left:0;
			padding:5px 0 0;
			width:100%;
			color: #fff;
    		background: #07607f;
			text-align: center;
			font-size: 1.00rem;
		}			
		@media screen and (max-width: 1120px) { 
			.demo-inner-content-ie { font-size: 0.8rem; }	
	    }
		@media screen and (max-width: 960px) { 
			.demo-inner-content-ie { display:none; }
		}
		.demo-inner-content-ie ul li.non-ri {
			display: inline;	
    		margin-right: 2.5rem;
		}
		@media screen and (max-width: 1120px) { 
			.demo-inner-content-ie ul li.non-ri {
				display: inline;	
	    		margin-right:1.75rem;
			}
		
		}
		.demo-inner-content-ie ul li.yes-ri {
			display: inline;	
    		margin-right: 0;
		}
		.demo-inner-content-ie ul li a { 
		    text-decoration: none;
		    color: #fff; 	 
		} 
		.demo-inner-content-ie ul li a:hover{ 
		    border-bottom: dotted 1px #fff;	 
		}
		/*以上　ト住宅ページ　ヘッダー*/
		.demo-inner-content h1 {
			font-size: 2.5em;
			margin: 0;
		}
		.index_section_1 { margin:0 0 !important; }
		@media screen and (max-width: 960px) { 
			.index_section_1 { margin:0 0px !important; }
		}
		.book_info_1 { background-color:#6c757d;width:80px;text-align:center;padding:5px 20px 10px;  }
		.book_info_1 a { text-decoration: none;color: #fff;font-size:0.9rem; }
		.book_info_1 a:hover { color: #ccc; }
		@media screen and (max-width: 960px) { 
			.book_info_1 { background-color:#6c757d;width:80px;text-align:center;padding:5px 20px 10px;  }
			.book_info_1 a { text-decoration: none;color: #fff;font-size:0.9rem; }
		}
		
		.mokuji {
	        display: flex;
	        align-items: center;
	    }
		@media screen and (max-width: 960px) { 
			.mokuji { font-size:1.1rem; }
		}
	    .mokuji:before, .mokuji:after {
	        content: "";
	        flex-grow: 1;
	        height: 1px;
	        background: #000;
	        margin:0 .4em; 
	    }
		@media screen and (max-width: 960px) { 
			.mokuji:before, .mokuji:after { margin:0 .1em; }
		}
	    
	    /* Restの目次 */
	    .mokuji2 {
	        display: flex;
	        align-items: center;
			.mokuji2 { font-size:1.5rem; }
	    }
		@media screen and (max-width: 960px) { 
			.mokuji2 { font-size:1.0rem; }
		}
		@media screen and (max-width: 320px) { 
			.mokuji2 { font-size:0.85em; }
		}
	    .mokuji2:before, .mokuji2:after {
	        content: "";
	        flex-grow: 1;
	        height: 1px; /* 線の太さを変えたいときはここを変える */
	        background: #000; /* 線の色を変えたいときはここを変える */
	        margin:0 .4em; /* 文字と線の余白用 なくても良い */
	    }
	    
		
.fixed-bg {
  max-height: 60vh;
  min-height: 60vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 960px) { 
	.fixed-bg {
	  display:none;
	}
}
.sm-hyoji {
	 display:none;
}
@media screen and (max-width: 960px) { 
	.sm-hyoji {
		 display:block;
	}
}
.box {
	height: 60vh;
    background-image: url(../photos/nichinanIMGL8928_TP_V.jpg);
	position: relative;
    background-size: contain;
}
.sticky {
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
    color:#fff;
    font-size:2.0rem;
	text-align:center;
    padding:24px;
    text-shadow:1px 1px 1px #111;
	/* background-color: #FB9A5B; */
}
.box02 {
	height: 60vh;
    background-image: url(../photos/YAMA845011_TP_V.jpg);
    background-size: contain;
}
.imgWrap {
	overflow: hidden;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;
}
.imgWrap img:hover {
	transform: scale(1.05);
	transition-duration: 0.5s;
}



.sample2 {
	width:			100%;
	height:			auto;
	overflow:		hidden;
	position:		relative;
}
.sample2 .caption {
	font-size:		2.0rem;
	text-align: 	center;
	color:			#fff;
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sample2 .caption {
		font-size:		1.2rem;
	}
}

@media screen and (min-width:1024px) {
	.sample2 .caption {
		font-size:		1.40rem;
	}
}
.sample2 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.2);
	-webkit-transition:	all 0.8s ease;
	transition:		all 0.8s ease;
}
.sample2:hover .mask {
	opacity:		1;	/* マスクを表示する */
	padding-top:		80px;	/* ホバーで下にずらす */
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sample2:hover .mask {
		padding-top:		60px;	/* ホバーで下にずらす */
	}
}

@media screen and (min-width:1024px) {
	.sample2:hover .mask {
		padding-top:		80px;	/* ホバーで下にずらす */
	}
}

/*　プロフィールページ用　*/
.parallax-window {
	 min-height: 600px;
	 background: transparent;
}
@media screen and ( max-width:640px) {
	.parallax-window {
		 min-height: 450px;
		 background: transparent;
	}
}
.area01{	padding:15%;	color: #fff;}
.area02{	padding:5% 15%;	background: #fff;}
@media screen and (min-width:361px) and ( max-width:640px) {
	.area01{	padding:70px 30px 0;	color: #fff;}
	.area02{	padding:30px 30px 0;	background: #fff;}
}		
@media screen and (max-width: 360px) { 
	.area01{	padding:70px 15px 0;	color: #fff;}
	.area02{	padding:15px 10px 0 15px;	background: #fff;}
}
.area01 > h1,.area01 > h2,.area01 > h3{ font-size:32px;text-shadow:1px 1px 1px #111; }	
.area01 > h2{ margin-left:1rem; }
.area01 > h3{ margin-left:4rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.area01 > h1,.area01 > h2,.area01 > h3{ font-size:19px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.area01 > h1,.area01 > h2,.area01 > h3{ font-size:18px;text-align:center; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.area01 > h1,.area01 > h2,.area01 > h3{ font-size:17px;text-align:center; }
}	
@media screen and (max-width: 320px) { 
	.area01 > h1,.area01 > h2,.area01 > h3{ font-size:16px;text-align:center; }
}			

.area02 > p{ margin:10px; font-size:18px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.area02 > p{ margin:0 0 10px 10px; font-size:12px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.area02 > p{ margin:0 0 10px 10px; font-size:12px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.area02 > p{ margin:0 0 10px 10px; font-size:11px; }
}	
@media screen and (max-width: 320px) { 
	.area02 > p{ margin:0 0 10px 10px; font-size:10px; }
}

/* Restページ用 */
.area03{	  position: relative; padding:15%;	color: #fff;}
@media screen and (min-width:361px) and ( max-width:640px) {
	.area03{	padding:70px 30px 0;	color: #fff;}
}		
@media screen and (max-width: 360px) { 
	.area03{	padding:70px 15px 0;	color: #fff;}
}
.area03 > h1,.area03 > h2,.area03 > h3{ 
	display:inline-block;
  	position: absolute;
	padding:1rem;text-shadow:1px 1px 1px #111; 
}	
.area03 > h1{ top:150px;left: 0;right: 0;margin:auto;font-size:64px; }

@media screen and (min-width:641px) and ( max-width:960px) {
	.area03 > h1{ font-size:32px; }
}
.area03 > h1.cooking { 
	width:70%;	padding:0.5rem 0.25rem;	display: inline-block;
	color:#111;text-shadow:1px 1px 1px #FFF; background-color:rgba(255,255,255,0.75);
}
@media screen and (min-width:960.5px) and (max-width:1160px) {
	.area03 > h1.cooking { padding:0.05rem;font-size:48px; }
}
@media screen and (min-width:320.5px) and (max-width:960px) {
	.area03 > h1.cooking { width:100%;	padding:0.05rem; }
}
@media screen and (max-width:320px) {
	.area03 > h1.cooking { width:100%;	padding:0; font-size:24px !important;	}
}

.area03 > h2{ top:250px;left: 0;right: 0;margin:auto;font-size:32px;line-height:3rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.area03 > h2,.area03 > h3{ font-size:19px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.area03 > h2,.area03 > h3{ font-size:15px;text-align:center; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.area03 > h2,.area03 > h3{ font-size:16px;text-align:center; }
}	
@media screen and (max-width: 320px) { 
	.area03 > h2,.area03 > h3{ font-size:14px;text-align:center; }
}	


.area03 > h1.h1_event { 
	width:70%;	padding:150px 0.25rem 0;	display: inline-block; font-size:72px;
}
@media screen and (min-width:960.5px) and (max-width:1160px) {
	.area03 > h1.h1_event { font-size:54px; }
}
@media screen and (min-width:320.5px) and (max-width:960px) {
	.area03 > h1.h1_event { width:100%;	font-size:36px; }
}
@media screen and (max-width:320px) {
	.area03 > h1.h1_event { width:100%;	font-size:32px !important;	}
}

/* パートナーページの画像CSS */
.partner_image	{ padding: 40px; }		
@media screen and (min-width:641px) and ( max-width:960px) {
	.partner_image	{ padding: 40px; }	
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.partner_image	{ padding: 30px; }	
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.partner_image	{ padding: 30px; }	
}	
@media screen and (max-width: 320px) { 
	.partner_image	{ padding: 30px; }	
}

/* パートナーページの画像CSS */
.books_image	{ padding: 20px 0px; }		
@media screen and (min-width:641px) and ( max-width:960px) {
	.books_image	{ padding: 20px 0px; }	
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.books_image	{ padding: 20px 0px; }	
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.books_image	{ padding: 20px 0px; }	
}	
@media screen and (max-width: 320px) { 
	.books_image	{ padding: 20px 0px; }	
}
.books_image:hover{
    opacity: 0.5 ;
}

.partner_h3_1 { 
  margin-top:30px;margin-left:10px;padding:10px; border-left: solid 5px #000000; 
  background: -webkit-repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 3px,#fcefaa 3px, #fcefaa 7px);
  background: repeating-linear-gradient(-45deg, #f6f6f6, #f6f6f6 3px,#fcefaa 3px, #fcefaa 7px);

}
@media screen and (min-width:641px) and ( max-width:960px) {
	.partner_h3_1 { margin-top:30px;margin-left:10px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.partner_h3_1 { margin-top:10px;text-align:center;font-size:1.5rem; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.partner_h3_1 { margin-top:10px;text-align:center;font-size:1.5rem; }
}	
@media screen and (max-width: 320px) { 
	.partner_h3_1 { margin-top:10px;text-align:center;font-size:1.5rem; }
}


.partner_p_1{ margin:10px; font-size:18px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.partner_p_1{ margin:0 0 10px 10px; font-size:12px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.partner_p_1{ margin:0 0 10px 10px; font-size:12px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.partner_p_1{ margin:0 0 10px 10px; font-size:11px; }
}	
@media screen and (max-width: 320px) { 
	.partner_p_1{ margin:0 0 10px 10px; font-size:10px; }
}


/* 料理教室　緑字箇所 */
.cooking_p_1{ margin:10px; font-size:18px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.cooking_p_1{ margin:0 0 10px 0; font-size:14px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.cooking_p_1{ margin:0 0 10px -10px; font-size:11px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.cooking_p_1{ margin:0 0 10px 0; font-size:10px; }
}	
@media screen and (max-width: 320px) { 
	.cooking_p_1{ margin:0 0 10px 0; font-size:10px; }
}


/* スクロールダウン */
.scd1{ 		  position: absolute;		  top: 500px;		  left: 50%;		  color:#fff;		}
.scd1:hover {			color:#f8f9fa;		}

@media screen and (min-width:1061px) and ( max-width:1260px) {
	.scd1{ 		  top: 400px;		}
}		
@media screen and (min-width:1011px) and ( max-width:1060px) {
	.scd1{ 		  top: 400px;		}
}			
@media screen and (min-width:961px) and ( max-width:1010px) {
	.scd1{ 		  top: 410px;		}
}			
@media screen and (min-width:641px) and ( max-width:960px) {
	.scd1{ 		  top: 430px;		}
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.scd1{ 		  top: 380px;		}
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.scd1{ 		  top: 380px;		}
}	
@media screen and (max-width: 320px) { 
	.scd1{ 		  top: 380px;		}
}

.scd2{ 		  position: absolute;		  top: 400px;		  left: 50%;		  color:#EFEFEF;		}
.scd2:hover {			color:#F2F2F2;		}

@media screen and (min-width:1061px) and ( max-width:1260px) {
	.scd2{ 		  top: 400px;		}
}		
@media screen and (min-width:1011px) and ( max-width:1060px) {
	.scd2{ 		  top: 400px;		}
}			
@media screen and (min-width:961px) and ( max-width:1010px) {
	.scd2{ 		  top: 410px;		}
}			
@media screen and (min-width:641px) and ( max-width:960px) {
	.scd2{ 		  top: 430px;		}
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.scd2{ 		  top: 430px;		}
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.scd2{ 		  top: 430px;		}
}	
@media screen and (max-width: 320px) { 
	.scd2{ 		  top: 430px;		}
}

/* ふわふわ */
.img_box{
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
/* footer　吹き出し */ 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}

.balloon{
  position: relative;
  background: #4F4F4F;
  padding: 1em;
}
.balloon:after{
  content: "";
  position: absolute;
  right: 0;
  top: -39px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #4F4F4F;
  z-index:2;
}
.balloon span {
  position: absolute;
  right: 0;
  top: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;

  display: block;
  width: 18px;
  height: 18px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index:3;  
}
.balloon span:hover {
  border-top: 4px solid #EFEFEF;
  border-right: 4px solid #EFEFEF;
}
.balloon a {
	color:#FFF;
}

.balloon ul {
	text-align:center;
}
@media screen and (max-width: 1024px) { 	
	.balloon ul {
		text-align:inherit;
	}
}

.balloon ul li {
    color: #FFF;
    display: inline;
	margin-right:15px;
}
@media screen and (max-width: 1024px) { 	
	.balloon ul li {
	    display: inherit;
		margin-right: inherit;
		margin-left:-15px;
	}
}


.img-border-right-1{
	border-right: 10px solid #eabf4b;
}



.rounded-circle {
  border-radius: 50% !important;
}

/* 黄色下線 */
.kiiro_shitasen{
	background: linear-gradient(transparent 60%, yellow 60%);
	padding:0 10px;
}
/* Rest　黄色線 */
.otona_span_1{ font-size:1.40rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.otona_span_1{ font-size:1.30rem; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.otona_span_1{ font-size:1.30rem; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.otona_span_1{ font-size:1.30rem; }
}	
@media screen and (max-width: 320px) { 
	.otona_span_1{ font-size:1.30rem; }
}

.otona_sub_1{ font-size:1.0rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.otona_sub_1{ font-size:1.0rem; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.otona_sub_1{ font-size:0.9rem; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.otona_sub_1{ font-size:0.8rem; }
}	
@media screen and (max-width: 320px) { 
	.otona_sub_1{ font-size:0.7rem; }
}
/* RestTABLE */
.td_otona_1{ margin:10px; font-size:18px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.td_otona_1{ margin:0 0 10px 10px; font-size:12px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.td_otona_1{ margin:0 0 10px 10px; font-size:12px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.td_otona_1{ margin:0 0 10px 10px; font-size:11px; }
}	
@media screen and (max-width: 320px) { 
	.td_otona_1{ margin:0 0 10px 10px; font-size:10px; }
}
/* Restspan */ 
.otona_span_2{ margin:10px; font-size:15px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.otona_span_2{ margin:0 0 10px 10px; font-size:12px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.otona_span_2{ margin:0 0 10px 10px; font-size:12px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.otona_span_2{ margin:0 0 10px 10px; font-size:11px; }
}	
@media screen and (max-width: 320px) { 
	.otona_span_2{ margin:0 0 10px 10px; font-size:10px; }
}

/*Rest写真微調整*/
.margin-top-90px-0{ margin-top:90px; }
@media screen and (max-width: 767px) { 
	.margin-top-90px-0{ margin-top:0; }
}
.margin-top-30px-0{ margin-top:30px; }
@media screen and (max-width: 767px) { 
	.margin-top-30px-0{ margin-top:0; }
}

/*　Rest基本情報　*/
.margin-top-1rem{ margin-top:1rem; }
.margin-top-2rem{ margin-top:2rem; }
.margin-bottom-1rem{ margin-bottom:1rem; }

.google-map{ width:480px;height:360px; }
@media screen and (max-width: 960px) { 
 	.google-map{ width:300px;height:225px; }
}
.sm_hyoji{ display:none; }
@media screen and (max-width: 960px) { 
 	.sm_hyoji{ display:block; }
}
.sm_non_hyoji{ display:block; }
@media screen and (max-width: 960px) { 
 	.sm_non_hyoji{ display:none; }
}


.otona_oya {
	position:relative;
}
.otona_ko { 
	position:absolute;background-color:rgba(49,169,184,0.9); color:#FFF;
	bottom:10px; right:30px;
	padding:1.0rem 2.0rem;
	font-size:28px;
	/* 30度傾ける */
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
@media screen and (max-width: 640px) { 
	.otona_ko { font-size:18px;top:0px;right:20px;height:80px;padding:1.0rem 1.0rem; }
}
.otona_ko_inner {
	/* 30度傾ける */
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	display:block;
}


.otona_ko3 { 
	position:absolute;background-color:rgba(207,55,33,0.9); color:#FFF;
	top:100px; right:30px;
	padding:1.0rem 2.0rem;
	font-size:28px;
	/* 30度傾ける */
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
	z-index:99;
}
@media screen and (max-width: 640px) { 
	.otona_ko3 { font-size:18px;top:0px;right:20px;height:60px;padding:1.0rem 1.0rem; }
}
.otona_ko_inner3 {
	/* 30度傾ける */
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	display:block;
	z-index:100;
}

a.otona_link1 {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.otona_link1:hover {
  color: #fff;
}


/* #####################################################################################  */
/* #####################################################################################  */
/* #####################################################################################  */
/*　プロフィールページ用20190403　*/
.profile_parallax-window {
	min-height: 700px;
	background: transparent;
	position:relative;overflow: hidden;
}
@media screen and ( max-width:1400px) {
	.profile_parallax-window {
		min-height: 550px;
	}
}
@media screen and ( max-width:1200px) {
	.profile_parallax-window {
		min-height: 500px;
	}
}
@media screen and ( max-width:640px) {
	.profile_parallax-window {
		min-height: 450px;
	}
}
.profile_area01{	position:absolute;color: initial; bottom:50px;right:50px;overflow: hidden; }
.profile_area02{	padding:2% 15%;	 }
.profile_area03{	
	padding:5% 15%;
	background-image: url(images/profile4.jpg);	 
}
.profile_naname01 { 
	position:absolute;background-color:rgba(49,169,184,0.90); color:#FFF;
	bottom:10px; right:30px;
	padding:1.0rem 2.0rem;
	font-size:28px;
	/* 30度傾ける */
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
@media screen and (max-width: 640px) { 
	.profile_naname01 { font-size:18px;top:0px;right:20px;height:80px;padding:1.0rem 1.0rem; }
}
.profile_naname01_inner {
	/* 30度傾ける */
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	display:block;
}
.profile_naname02 { 
	position:absolute;background-color:rgba(245,190,65,0.75); color:#FFF;
	bottom:130px; right:30px;
	padding:1.0rem 2.5rem;
	font-size:28px;
	/* 30度傾ける */
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
@media screen and (max-width: 640px) { 
	.profile_naname02 { font-size:18px;top:90px;right:20px;height:55px;padding:1.0rem 1.0rem; }
}

.profile_naname04 { 
	position:absolute;bottom:50px;left:400px;
	width:180px;height:auto;
}
@media screen and (min-width: 640px) and (max-width: 1024px) { 
	.profile_naname04 { width:150px;left:150px; }
}
@media screen and (max-width: 640px) { 
	.profile_naname04 { display:none; }
}
.profile_naname05 { 
	position:absolute;bottom:50px;right:400px;
	width:180px;height:auto;
}
@media screen and (min-width: 640px) and (max-width: 1024px) { 
	.profile_naname05 { width:150px;right:300px; }
}
@media screen and (max-width: 640px) { 
	.profile_naname05 { display:none; }
}
.profile_naname02_inner {
	/* 30度傾ける */
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	display:block;
}
.margin-left-3rem{
	margin-left:3rem;
}
.margin-left-2rem{
	margin-left:2rem;
}
.margin-left-1rem{
	margin-left:1rem;
}
.margin-left-m2rem{
	margin-left:-2rem;
}


@media screen and (min-width:361px) and ( max-width:640px) {
	.profile_area01{	padding:70px 30px 0;	color: #fff;}
	.profile_area02{	padding:30px 30px 0;}
	.profile_area03{	padding:30px 30px 0;}
}		
@media screen and (max-width: 360px) { 
	.profile_area01{	padding:70px 15px 0;	color: #fff;}
	.profile_area02{	padding:15px 10px 0 15px;}
	.profile_area03{	padding:15px 10px 0 15px;}
}
h1.profile_area02_h1{ 
	font-size:32px;
    font-weight:500;
	text-shadow:  2px  2px 10px #fff ,
                     -2px  2px 10px #fff ,
                      2px -2px 10px #fff ,
                     -2px -2px 10px #fff;
}	
h4.profile_area02_h4{
	text-align:center;
}
@media screen and (min-width:641px) and ( max-width:960px) {
	h1.profile_area02_h1{ font-size:20px !important; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	h1.profile_area02_h1{ font-size:23px !important;text-align:center; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	h1.profile_area02_h1{ font-size:21px !important;text-align:center; }
}	
@media screen and (max-width: 320px) { 
	h1.profile_area02_h1{ font-size:20px !important;text-align:center; }
}		

h2.profile_area02_h2{ 
	font-size:40px;
    font-weight:500;
	text-shadow:  2px  2px 10px #fff ,
                     -2px  2px 10px #fff ,
                      2px -2px 10px #fff ,
                     -2px -2px 10px #fff;
}	
@media screen and (min-width:641px) and ( max-width:960px) {
	h2.profile_area02_h2{ font-size:32px !important; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	h2.profile_area02_h2{ font-size:28px !important;text-align:center; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	h2.profile_area02_h2{ font-size:26px !important;text-align:center; }
}	
@media screen and (max-width: 320px) { 
	h2.profile_area02_h2{ font-size:24px !important;text-align:center; }
}	

.profile_area02 > p{ margin:10px; font-size:18px;line-height:1.75rem; }
.profile_area03 > p{ margin:10px; font-size:18px;line-height:1.75rem; }
@media screen and (min-width:641px) and ( max-width:960px) {
	.profile_area02 > p{ margin:0 0 10px 10px; font-size:12px; }
	.profile_area03 > p{ margin:0 0 10px 10px; font-size:12px; }
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.profile_area02 > p{ margin:0 0 10px 10px; font-size:12px; }
	.profile_area03 > p{ margin:0 0 10px 10px; font-size:12px; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.profile_area02 > p{ margin:0 0 10px 10px; font-size:11px; }
	.profile_area03 > p{ margin:0 0 10px 10px; font-size:11px; }
}	
@media screen and (max-width: 320px) { 
	.profile_area02 > p{ margin:0 0 10px 10px; font-size:10px; }
	.profile_area03 > p{ margin:0 0 10px 10px; font-size:10px; }
}

/* Profile 三段目親要素 */
.profile_oya2{
	position:relative;
	padding:1rem;
}
.profile_oya2 h2{
	text-align:center;
	color:#FFF;
}
.profile_ko2_1{ position:absolute;left:100px;top:50px; }
.profile_ko2_2{ position:absolute;left:100px;top:190px; }
.profile_ko2_3{ position:absolute;left:100px;top:290px; }
.profile_ko2_4{ position:absolute;left:100px;top:470px; }
.profile_ko2_5{ position:absolute;right:100px;top:50px; }
.profile_ko2_6{ position:absolute;right:100px;top:210px; }
.profile_ko2_7{ position:absolute;right:100px;top:320px; }
.profile_ko2_8{ position:absolute;right:100px;top:460px; }
.icon_01 { position:absolute;left:50px;top:75px;width:60px;height:auto; }
@media screen and (max-width: 1023px) { 
	.profile_ko2_1,.profile_ko2_2,.profile_ko2_3,.profile_ko2_4,.profile_ko2_5,.profile_ko2_6,.profile_ko2_7,.profile_ko2_8 {
		position:initial;left:initial;top:initial;
	}
	/* .profile_ko2_8 { display:none; } */
}
.profile_ko2_kakoi{	
	font-size:1.2rem;
	font-weight:600;
	width:28%;
	margin:1.0rem;
    padding: 0.5rem 1.0rem;
    border: dashed 1px #666;
	background-color: rgba(255,255,255,0.75);
	border-radius: 5px;
}
@media screen and (min-width: 620px) and (max-width: 1023px) { 
	.profile_ko2_kakoi{	width:50%;font-size:1.0rem; }
}
@media screen and (min-width: 300px) and (max-width: 620px) { 
	.profile_ko2_kakoi{	width:90%;font-size:1.0rem; }
}
.profile_ko2_kakoi span{	
	font-size:0.80rem;
	display:inline-block;
	width:100%;
}
/* 下向き▽ */
.profile_sankaku{
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 80px solid #f00;
}
a.profile_link1 {
  color: initial;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.profile_link1:hover {
  color: #666;
}
.margin-top-30px{
	margin-top:30px;
}
.margin-top-45px{
	margin-top:45px;
}
.margin-bottom-30px{
	margin-bottom:30px;
}
.color-white{
	color:#FFF;
}
.profile_ko3_kakoi{	
	line-height:2rem;
	text-align:center;
	display:inline-block;
	font-size:1.45rem;
	font-weight:600;
	margin:1.5rem;
    padding: 0.5rem 1.0rem;
    border: dashed 1px #666;
	background-color: rgba(255,255,255,0.75);
	border-radius: 5px;
}
@media screen and (max-width: 767px) { 
	.profile_ko3_kakoi{	
		font-size:1.0rem;
		margin:50px 20px 20px;
	}
}

/* OSクッキング　背景 */
.cooking_2 {
  color: #158b2b;
}
.cooking_1_h4 {
	line-height:2rem;
}
.cooking_2_h4 {
	color:#258039;
	margin:10px;
	line-height:3rem;
}
.cooking_3_h4 {
	color:#CF3721;
	margin:10px;
	line-height:3rem;
}
@media screen and (min-width:641px) and ( max-width:960px) {
}			
@media screen and (min-width:361px) and ( max-width:640px) {
	.cooking_1_h4,.cooking_2_h4,.cooking_3_h4{ margin:0;font-size:1rem;line-height:1rem; }
}		
@media screen and (min-width:321px) and (max-width: 360px) { 
	.cooking_1_h4,.cooking_2_h4,.cooking_3_h4{ margin:0;font-size:1rem;line-height:1rem; }
}	
@media screen and (max-width: 320px) { 
	.cooking_1_h4,.cooking_2_h4,.cooking_3_h4{ margin:0;font-size:0.8rem;line-height:1rem; }
}

/*　お問合せ　*/
.inquiry_parallax-window {
	max-height: 220px;
	min-height: 220px;
	background: transparent;
	position:relative;overflow: hidden;
}
@media screen and ( max-width:640px) {
	.inquiry_parallax-window {
		background: transparent;
		position:relative;overflow: hidden;
	}
}
.inquiry_naname01 { 
	position:absolute;background-color:rgba(49,169,184,0.90); color:#FFF;
	bottom:10px; right:30px;
	padding:1.0rem 2.0rem;
	font-size:28px;
	/* 30度傾ける */
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
@media screen and (max-width: 640px) { 
	.inquiry_naname01 { font-size:18px;top:0px;right:20px;height:80px;padding:1.0rem 1.0rem; }
}
.inquiry_naname01_inner {
	/* 30度傾ける */
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	display:block;
}
.inquiry_area02{ 
	padding:0 15%;
    margin-bottom:0;
    margin-top:-16px;
}
@media screen and (max-width: 640px) { 
	.inquiry_area02{ 
		padding:0 10px;
	}
}

/*問い合わせフォーム*/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
/*20191103追加*/
.container_blog {
  width: 96%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container_blog {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container_blog {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container_blog {
    max-width: 840px;
  }
}

@media (min-width: 1120px) {
  .container_blog {
    max-width: 960px;
  }
}

.div-border-top {
    border-top: 1px solid #efefef;
    padding: 10px 10px;
}
@media screen and (max-width: 640px) { 
	.div-border-top { border-top:inherit; }
}
.div-border-bottom {
    border-bottom: 1px solid #efefef;
    padding: 10px;
}
@media screen and (max-width: 640px) { 
	.div-border-bottom { border-bottom:inherit; }
}

.div-border-left {
    /* border-left: 1px solid #efefef; */
}
@media screen and (max-width: 640px) { 
	.div-border-left { border-left: inherit; }
}


.form-control {
    display: block;
    width: 100%;
    /* height: 34px; */
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.mail-font-size-17{
	display:inline-block;
	width:135px;
}

.toiawase-alert {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.2rem 0.4rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #FFF;
    background-color: #dc3545;
    margin-left: 20px;
    font-size: 12px;
}
.toiawase-alert_2 {
    color: #dc3545;
    margin-top: 5px;
    margin-left: 10px;
}

.mail_btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.mail_btn-lg {
    padding: 0.5rem 1rem;
    font-size: 20px;
    line-height: 1.25;
    border-radius: 0.3rem;
}
.mail_btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.mail_btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.toiawase_kakunin {  }
@media screen and (max-width: 1025px) { 
	.toiawase_kakunin {
		margin-top:30px;
		font-size:0.75rem;
	}
}
/* スマホのときだけ　左寄席 */
.inquiry_sm {}
@media screen and (max-width: 640px) { 
	.inquiry_sm { background-color:#FFCCFF; padding:10px; margin-top:0px !important;margin-left:0 !important;  border-radius: 0.25rem; }
}
/*　index.html お知らせ画像　*/
.top_img{
	max-width:360px;
	height:auto;
	margin-left:100px;
}
@media screen and (max-width: 640px) { 
	.top_img{
		margin-left:inherit;
	}
}
.books_image_top{
	max-width:210px;
	margin:20px 25px;
	height:auto;
	display:inline-block;
}
@media screen and (max-width: 1120px) { 
	.books_image_top{
		max-width:155px;
		margin:10px 5px;
	}
}
@media screen and (max-width: 640px) { 
	.books_image_top{
		max-width:100%;
		margin:0 -10px;
	}
}

.top-div {
	font-size:1.2rem;
}
@media screen and (max-width: 640px) { 
	.top-div {
		font-size:0.80rem;
	}
}
.margin-left-1rem-top{
	margin-left:1rem !important;
}
@media screen and (max-width: 640px) { 	
	.margin-left-1rem-top{
		margin-left:0 !important;
	}
}
.margin-left-2rem-top{
	margin-left:3rem !important;
}
@media screen and (max-width: 640px) { 	
	.margin-left-2rem-top{
		margin-left:0 !important;
	}
}

/*READ MORE用*/
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-default {
    color: #FFF;
    background-color: #aaa;
    /* border-color: #333 !important; */
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:hover{
    background-color: #999;	text-decoration: none; color:#FFF;
}


.btn-green {
    color: #FFF;
    background-color: #28a745;
}
.btn-green:hover {
    background-color: #218838;
}

.btn-red {
    color: #FFF;
    background-color: #CF3721;
}
.btn-red:hover {
    background-color: #DC3545;
}

/*以下　btn-primary*/
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
/*以上　btn-primary*/

/* footer balloonのul li */
.balloon_li{
	margin-right:15px;
}


/* 20190517 トップページスライド */
.sma_hyoji{ display:none; }
@media screen and (max-width: 620px) { 
 	.sma_hyoji{ display:block; }
}
.sma_non_hyoji{ display:block; }
@media screen and (max-width: 620px) { 
 	.sma_non_hyoji{ display:none; }
}

/* フェード員　*/
.s-right-text-1 {
  animation: slideFromRight 1.5s ease 0s 1 normal;
}

.s-right-text-2 {
  animation: slideFromRight 2.5s ease 0s 1 normal;
}

@keyframes slideFromRight {
  0%, 25% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

/*トップページ　ocerview */
.padding-20px {
	padding:20px;
}
.margin-20px {
	margin:20px;
}

/*トップページ　ocerview */
.overview_h3_1 {
	font-size:1.15rem;
    font-weight:600;
	margin-top:0.5rem;
	margin-bottom:1.5rem;
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #7db4e6 !important;	
}
.overview_p_1{
	line-height:1.0rem;
	margin:0 0 0.5rem 0;
}
@media (max-width: 620px) {
	.overview_p_1{
		line-height:0.75rem;
	}
}
.display-inline-block{
	display:inline-block;
}

/*トプページFAQ*/
/*ボックス全体*/
.accbox {
    margin: 2rem 0;
    padding: 0;
    width: 100%;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 0.5rem 0;
    padding : 11px 22px;
    color :#FFF;
    font-weight: bold;
    background :#002690;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#001f76;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 11px 22px;	
    background: #eaeaea;
    opacity: 1;
}

/*　以下　トップページにあった内容20190715　*/
		.swiper-container { width: 100%;height: auto; }
		@media screen and (min-width: 620px) and (max-width: 1024px) { 
			.swiper-container { width: 100%;height: auto; }
		}
		@media screen and (max-width: 620px) { 
			.swiper-container { width: 100%;height: auto; }
		}
		.swiper-slide { padding: 0; position:relative; z-index:10; }

		.div_00 {
			position:absolute; color:#FFF; z-index:11; display:block;
			top:100px;
			left:80px;
			padding:0.5rem;
			font-size:1.5rem;
			/*以下202305変更18%*/
			width:22%;
		}
		@media screen and (min-width: 375px) and (max-width: 620px) { 
			.div_00 { top: 30px; left: 10px; }
		}
		@media screen and (max-width: 375px) { 
			.div_00 { top: 30px; left: 10px; }
		}

		.div_01 {
			position:absolute; color:#FFF; z-index:11; display:block;
			top:100px;
			left:80px;
			padding:0.5rem;
			font-size:1.5rem;
		}
		@media screen and (min-width: 375px) and (max-width: 620px) { 
			.div_01 { top: 12px; left: 100px; }
		}
		@media screen and (max-width: 375px) { 
			.div_01 { top: 12px; left: 80px; }
		}

		.div_11 {
			position:absolute; color:#FFF; z-index:11; display:block;
			bottom:100px;
			left:100px;
			padding:10px 20px;
			font-size:1.25rem;
			border: solid 3px #fff;
    		border-radius: 10px;
    		background:RGB(0,0,0,0.2);
		}
		@media screen and (max-width: 620px) { 
			.div_11 {
				bottom:65px;
				left:10px;
				padding:10px 15px;
				font-size:1.05rem;
				border: solid 3px #fff;
	    		border-radius: 10px;
			}
		}

		/*以下202305追加*/
		.div_214 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:60px;
			right:60px;
		}
		/*以上202305追加*/
		.div_201 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:140px;
			right:120px;
		}
		.div_202 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:40px;
			right:40px;
		}
		.div_203 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:40px;
			right:200px;
		}
		/*以下202305追加*/
		.div_221 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:8px;
			right:20px;
		}
		/*以上202305追加*/
		.div_211 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:8px;
			right:200px;
		}
		.div_212 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:8px;
			right:105px;
		}
		.div_213 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:8px;
			right:10px;
		}
		.div_21 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:140px;
			right:80px;
			padding:8px 16px;
			font-size:1.10rem;
			background-color: rgba(49,169,184,0.90);
    		border-radius: 10px;
		}
		.div_22 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:90px;
			right:150px;
			padding:8px 16px;
			font-size:1.10rem;
			background-color: rgba(49,169,184,0.90);
    		border-radius: 10px;
		}
		.div_23 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:90px;
			right:50px;
			padding:8px 16px;
			font-size:1.10rem;
			background-color: rgba(49,169,184,0.90);
    		border-radius: 10px;
		}
		.div_24 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:60px;
			right:150px;
			padding:4px 8px;
			font-size:0.75rem;
			background-color: rgba(128,128,128,0.90);
		}
		.div_24 a { color:#FFF; }

		.div_25 {
			position:absolute; color:#FFF; z-index:11; display: block;
			bottom:60px;
			right:5px;
			padding:4px 8px;
			font-size:0.75rem;
			background-color: rgba(128,128,128,0.90);
		}
		.div_25 a { color:#FFF; }
		/*20191022 お問合せ*/
		.div_26,.div_26_1 {
			position:fixed; z-index:11; display: block;
			top:60px;
			right:0px !important;
			margin:0;
		}
		.div_27,.div_27_1 {
			position:fixed; z-index:11; display: block;
			top:330px;
			right:0px !important;
			margin:0;
		}
		@media screen and (max-width: 620px) { 
			.div_21 {
				bottom:90px;
				right:30px;
				padding:5px 10px;
				font-size:0.95rem;
	    		border-radius: 8px;
			}
			.div_22 {
				bottom:50px;
				right:80px;
				padding:5px 10px;
				font-size:0.95rem;
	    		border-radius: 8px;
			}
			.div_23 {
				bottom:50px;
				right:10px;
				padding:5px 10px;
				font-size:0.95rem;
	    		border-radius: 8px;
			}
			/* .div_26 {width:35px; -width / 2px;}*//*android対策*/
			/*.div_27 {top:210px;width:35px; -width / 2px;}*//*android対策*/
			.div_26 a .sma_hyoji{
				position:fixed; z-index:11; display: block;
				top:60px;
				right:0px !important;
				width:35px;
			}
			.div_27 a .sma_hyoji{
				position:fixed; z-index:11; display: block;
				top:210px;
				right:0px !important;
				width:35px;
			}
			.div_26_1 a .sma_hyoji{
				position:fixed; z-index:11; display: block;
				top:60px;
				right:0px !important;
				width:35px;
			}
			.div_27_1 a .sma_hyoji{
				position:fixed; z-index:11; display: block;
				top:210px;
				right:0px !important;
				width:35px;
			}
		}
		.div_31 {
			position:absolute; z-index:11; display: block;
			bottom:120px;
			left:0;
			right:0;
			margin:0 auto;
		}
		.div_11 a,.div_21 a,.div_22 a,.div_23 a {
			color:white;
		}
		
.sample3 {
	overflow:		hidden;
	position:		relative;
}
.sample3 .caption {
	font-size:		145%;
	text-align: 	center;
	color:			#fff;
}
.sample3 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;
	background-color:	rgba(0,0,0,0.2);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.sample3:hover .mask {
	opacity:		1;
	padding-top:		80px;
}

.padding-20px{
	padding:0px;
}

.link_oya { 
	position:		relative; 
    z-index: 1;
}
.link_oya a { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}
.div_index_10{
   padding:5px 10px;
   position: absolute;
   bottom: 0;
   left: 0;
   font-size:1.0rem;
   text-align:center;
   width:100%;
   background-color:rgba(255,255,255,0.7);
}
@media (max-width: 620px) {
	.div_index_10{ font-size:0.75rem; }
}
.div_index_10_2{
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
.div_index_11{
   padding:5px 10px;
   position: absolute;
   bottom: 0;
   left: 0;
   font-size:0.85rem;
   text-align:center;
   width:100%;
   background-color:rgba(255,255,255,0.7);
}
@media (max-width: 620px) {
	.div_index_11{ font-size:0.75rem; }
}


.div_index_20{
   padding:5px 10px;
   position: absolute;
   top: 0;
   left: 0;
   font-size:1.0rem;
   text-align:center;
   background-color:rgba(0,100,0,0.7);
   color:#FFF;
}
@media (max-width: 620px) {
	.div_index_20{ font-size:1.0rem; }
}


.div_index_30{
   padding:5px 10px;
   position: absolute;
   top: 0;
   right: 0;
   font-size:1.0rem;
   text-align:center;
   background-color:rgba(255,0,0,0.7);
   color:#FFF;
}
@media (max-width: 620px) {
	.div_index_30{ font-size:1.0rem; }
}


.index_h3_2{
	font-size:1.00rem;
	margin-top:0.25rem;
}
@media (max-width: 620px) {
	.index_h3_2{
		font-size:0.70rem;
	}
}
/*20191022下部　CONTACT*/
.index_h3_3{
	font-size:1.10rem;
	margin-top:0.25rem;
	font-weight:bold;
}
@media (max-width: 620px) {
	.index_h3_3{
		font-size:1.10rem;
	}
}

.president_1{
	font-size:1.15rem;
	margin-top:0.5rem;
}
@media (max-width: 620px) {
	.president_1{
		font-size:1.00rem;
		margin-top:0.5rem;
	}
}
/*　以上　トップページにあった内容20190715　*/

/* パソコン スマホ文字サイズ変更　*/
.font-size-120-100rem { font-size:1.2rem; }
@media (max-width: 620px) {
	.font-size-120-100rem { font-size:1.00rem; }
}
.font-size-100-075rem { font-size:1.0rem; }
@media (max-width: 620px) {
	.font-size-100-075rem { font-size:0.75rem; }
}
.font-size-100-085rem { font-size:1.0rem; }
@media (max-width: 620px) {
	.font-size-100-085rem { font-size:0.85rem; }
}
.font-size-090-070rem { font-size:0.90rem; }
@media (max-width: 620px) {
	.font-size-090-070rem { font-size:0.70rem; }
}
.font-size-090-090rem { font-size:0.90rem; }
@media (max-width: 620px) {
	.font-size-090-090rem { font-size:0.90rem; }
}

/*フッターの会社情報横並び*/
.flex_parent {
   display: -webkit-inline-flex;
   display: inline-flex;
}
@media screen and (max-width: 620px) { 
	.flex_parent {
	   display:inherit;
	}
}
.flex_child01,.flex_child02,.flex_child03,.flex_child04 {
	text-align:left;
	padding: 0 1.5rem;
	border-right: dotted 1px #8ec6ff;
}
@media screen and (max-width: 620px) { 
	.flex_child01,.flex_child02,.flex_child03,.flex_child04 {
		border-right: inherit;
	}
}

/*住宅情報のサムネイル横並び*/
.flex_parent_house_1 {
  /*display: flex;
  flex-wrap: wrap;*/
  margin: 0 auto;  padding: 0;  width: 100%;  background-color: #fff;  column-count: 5;  column-gap: 0;
}
@media screen and (max-width: 767px) { 	.flex_parent_house_1 {column-count: 3;}}

.flex_parent_house_2 { margin: 0 auto;  padding: 0;  width: 100%;  background-color: #fff;  column-count: 6;  column-gap: 0; }
@media screen and (max-width: 767px) { 	.flex_parent_house_2 {column-count: 3;}}

.flex_parent_house_3 { margin: 0 auto;  padding: 0;  width: 100%;  background-color: #fff;  column-count: 7;  column-gap: 0; }
@media screen and (max-width: 767px) { 	.flex_parent_house_3 {column-count: 3;}}

.flex_parent_house_4 { margin: 0 auto;  padding: 0;  width: 100%;  background-color: #fff;  column-count: 4;  column-gap: 0; }
@media screen and (max-width: 767px) { 	.flex_parent_house_4 {column-count: 3;}}

.flex_parent_house_5 { margin: 0 auto;  padding: 0;  width: 100%;  background-color: #fff;  column-count: 3;  column-gap: 0; }
@media screen and (max-width: 767px) { 	.flex_parent_house_5 {column-count: 3;}}

.flex_child_house {
  /*
  width : 16.666% ; 
  width : -webkit-calc(100% / 6) ;
  width : calc(100% / 6) ;
  */
  padding: 5px;  
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
@media screen and (max-width: 620px) { .flex_child_house { }}
/*マウスオーバーで拡大*/
.flex_child_house a img{
	display:block;
	transition-duration:0.5s;
}
.flex_child_house a img:hover{
	transform: scale(1.05); /*画像の拡大率*/
	transition-duration:0.5s;
}

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

/*20191020*/
/*トップページロゴ*/
.logo_pc {
	width:350px; height:auto;
}
.logo_sm {
	width:210px; height:auto;
}

/*住宅情報のh3*/
.house_title { 
	display:inline-block;
	font-size:1.2rem; 
	padding:10px 60px 2px;
	margin-top:50px;
	background: #666;
	color:#fff;
	border-right: solid 10px red;
	width:50%;
}
.house_title:after {
  content: 'SOKEN';
  color: #CCC; /*文字色*/
  font-size: 0.7em; /*2倍サイズ*/
  display: block; /*改行するように*/
  margin-top:10px;
}
@media (max-width: 620px) {
	.house_title { font-size:0.95rem;width:100%;padding:10px 20px 2px; }
}

/*不動産情報のサムネイル横並び*/
.flex_parent_estate {
  width:82%;
  display: flex;
  flex-wrap: wrap;
  margin:auto;
}
@media screen and (max-width: 1024px) { 
	.flex_parent_estate { width:100%;padding:5px; }
}
.flex_child_estate { margin:10px 0;width:33.3%; }
@media screen and (max-width: 620px) { 
	.flex_child_estate { margin-right:5px;width:48%; }
}
.flex_child_estate img { max-width:200px; }
@media screen and (max-width: 620px) { 
	.flex_child_estate img { max-width:160px; }
}
@media screen and (max-width: 620px) { 
	.dl { font-size:0.85rem; }
}
/*不動産情報のh3*/
.estate_title { 
	display:inline-block;
	font-size:1.2rem; 
	padding-left:5px;
	border-left: solid 5px #7db4e6;/*左線*/
}
@media (max-width: 620px) {
	.estate_title { font-size:0.95rem; }
}

/*20191022ドットの枠線*/
.border_dot_1 {
	border: dashed 1px #666;
}
.margin-right-left-5px {
	margin-right:5px;
	margin-left:5px;
}
.padding-10px{ padding:10px; }

/*20191022トップページMoreInfoの背景*/
.img-relative-1 { position:relative; }
.img-absolute-1 {
	position:absolute;
	bottom:10px;
	right:0;left:0;
	margin:0 auto;
	display:inline-block;
	width:120px;
}
.toroku-absolute-1 {
	position:absolute;
	top:10px;
	left:10px;
	margin:0 auto;
	display:inline-block;
	width:auto;
}
.toroku-absolute-3 {
	position:absolute;
	top:90px;
	left:10px;
	margin:0 auto;
	display:inline-block;
	width:auto;
}
.toroku-absolute-4 {
	position:absolute;
	top:90px;
	left:10px;
	margin:0 auto;
	display:inline-block;
	width:auto;
}
/*overviewのロゴ用*/
.toroku-absolute-2 {
	position:absolute;
	top:10px;
	right:10px;
	margin:0 auto;
	display:inline-block;
	width:auto;
}
.toroku-absolute-5 {
	position:absolute;
	top:115px;
	right:5px;
	margin:0 auto;
	display:inline-block;
	width:auto;
}

/* 20191026 modal windows */
.modal_1,.modal_2,.modal_3{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:9999;
}
.modal__bg_1,.modal__bg_2,.modal__bg_3{
	background:RGB(0,0,0);
	filter:alpha(opacity=50);
	background:RGB(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content_1,.modal__content_2,.modal__content_3{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
}
@media (max-width: 620px) {
	.modal__content_1,.modal__content_2,.modal__content_3{
		padding: 5px;
    	width: 100%;
	}
}
/*20191026メールフォーム*/
form {
	width:60%;
}
@media (max-width: 620px) {
	form { width:90%; }
}
.form-group {
  margin-bottom: 1rem;
}

/*20191103ブログの幅*/
.blog_con { width:800px; }
@media (max-width: 800px) { .blog_con { width:100%;padding:5px; } }
@media (max-width: 620px) { .blog_con { width:100%;padding:5px; } }
	
.blog_con img { max-width: 90%;  height: auto; }
@media (max-width: 620px) {
	.blog_con img { max-width: 90%;  height: auto; }
}

/*20191207各家紹介ページ　トップ画像*/
.max-width800px{ max-width:800px; }
.kobetu_h2 {
	font-size:1.25rem; 
	padding:0.5rem 0;	
	color:#333 !important;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 620px) { 
	.kobetu_h2 {
		font-size:0.9rem; 
	}
}
.kobetu_p {
	font-size:1.0rem; 
	padding:1rem 0;	
	color:#333 !important;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 620px) { 
	.kobetu_p {
		font-size:0.75rem; 
	}
}
/* 20191207個別ページの画像上部　アニメーション */
.img-container{
	overflow:hidden;
	position:relative;
}
.img-container__img{
	display:block;
	opacity:0;
	position:relative;
	transition:all .5s .3s ease;
	z-index:0;
}
.img-container.active img{opacity:1; }
.img-container:before{
	background:#999;
	content:'';
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	transform: translateX(-100%) !important;
	transition:all .8s 0s ease;
	z-index:1;
}
.img-container.active:before{
	transform: translateX(100%) !important;
}


.works_h2 { font-size:1.25rem;margin:1.5rem 0 1rem 1rem; }
@media screen and (max-width: 620px) { 
	.works_h2 { font-size:1.00rem; }
}
.works_h3 { font-size:1.15rem;margin:1rem 0 0 1rem;font-weight:bold; }
@media screen and (max-width: 620px) { 
	.works_h3 { font-size:0.90rem; }
}
.works_p { font-size:1.10rem;margin:1rem 0 0 1rem; }
@media screen and (max-width: 620px) { 
	.works_p { font-size:0.85rem; }
}
.works_se_link { font-size:0.90rem;margin:2rem 1rem 0 0; }
@media screen and (max-width: 620px) { 
	.works_se_link { font-size:0.75rem; }
}
.works_btn { margin:1rem 0 1rem 1rem; }
@media screen and (max-width: 620px) { 
	.works_btn {  }
}

.background-ECE9E5{ background:#ECE9E5;}
.background-F5F5F5{ background:#F5F5F5;}

/*以下202305追加*/
.indextable tr td,th{
 font-size: 1.25em;
}
/*以上202305追加*/

/*以下202510追加*/
.news_20251005 {
	width: 1080px;
	margin-left: auto; /* 左右を自動調整 */
	margin-right: auto;
}
@media screen and (max-width: 1080px) { 
	.news_20251005 {
		width: 960px;
	}
}
@media screen and (max-width: 960px) { 
	.news_20251005 {
		width: 800px;
	}
}
@media screen and (max-width: 800px) { 
	.news_20251005 {
		width: 360px;
	}
}
@media screen and (max-width: 360px) { 
	.news_20251005 {
		width: 300px;
	}
}

/* =========================================
  Job box (四角枠)
  使い方: <div class="job-box">…</div>
========================================= */
:root{
  --job-border: 1.5px;
  --job-radius: 10px;
  --job-padding: 1.25rem;
  --job-gap: .75rem;

  /* 色はサイトに合わせて微調整 */
  --job-border-color: #d9d9d9;
  --job-bg: #fff;
  --job-heading: #222;      /* 見出し文字色 */
  --job-accent: #2a5d9f;    /* アクセント（ライン/タグ） */
  --job-muted: #666;        /* 補足文 */
}

/* ベースの四角枠 */
.job-box{
  border: var(--job-border) solid var(--job-border-color);
  border-radius: var(--job-radius);
  background: var(--job-bg);
  padding: var(--job-padding);
  display: grid;
  gap: var(--job-gap);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}

/* タイトル行（左にアクセントライン） */
.job-box .job-title{
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 700;
  color: var(--job-heading);
  padding-left: .75rem;
  border-left: 4px solid var(--job-accent);
  line-height: 1.35;
  margin: 0;
}

/* ラベル（“募集要項”などの小タグ） */
.job-box .job-label{
  display: inline-block;
  font-size: .8rem;
  font-weight: 600;
  color: #fff;
  background: var(--job-accent);
  padding: .2rem .5rem;
  border-radius: 999px;
  vertical-align: middle;
}

/* 本文 */
.job-box p{
  margin: 0;
  line-height: 1.8;
  color: var(--job-muted);
}

/* 箇条書き（左に薄いガイド線＋ドット） */
.job-box ul{
  list-style: none;
  margin: .25rem 0 0;
  padding: 0 0 0 .75rem;
  border-left: 2px solid rgba(0,0,0,.05);
}
.job-box li{
  position: relative;
  padding-left: .75rem;
  margin: .35rem 0;
}
.job-box li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .7em;
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: var(--job-accent);
}

/* 情報を2カラムで並べたい場合 */
.job-box.grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.25rem;
}
@media (max-width: 768px){
  .job-box.grid{
    grid-template-columns: 1fr;
  }
}

/* セクション見出し（枠内の小見出し） */
.job-box .job-heading-sm{
  font-weight: 700;
  margin-top: .25rem;
  color: var(--job-heading);
}

/* ちょいホバー（リンク化した場合に上品に） */
a.job-box{
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}
a.job-box:hover{
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/*以上202510追加*/