@charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://github.com/WordPress/twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: A new Gutenberg-ready theme.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
/* @font-face {
  font-family: 'NonBreakingSpaceOverride';
  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
} */

/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; vertical-align:top;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 14px;
  /* 1 */
  line-height: 2;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Typography */
html {
  font-size: 14px;
}
@media screen and (max-width:768px){
	html{ font-size:13px;}
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111; font-family:'Noto Serif JP',serif;
  font-weight: 400;
 
  line-height: 2;
  margin: 0;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
optgroup,
textarea {
  color: #111;
 
  font-weight: 400;
  line-height: 1.8;
  text-rendering: optimizeLegibility;
}

.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
img:after,
h1,
h2,
h3,
h4,
h5,
h6 {

}

.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing:.05em !important;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-title {
 
}

.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
  line-height: 1.25;
}

h1 {
  font-size: 2.25em;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.8125em;
  }
}

.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
  font-size: 1.6875em;
}

@media only screen and (min-width: 768px) {
  .entry-title,
  .not-found .page-title,
  .error-404 .page-title,
  .has-larger-font-size,
  h2 {
    font-size: 2.25em;
  }
}

.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
  font-size: 1.6875em;
}

.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
  font-size: 1.125em;
}

.pagination .nav-links,
.comment-content,
h5 {
  font-size: 0.88889em;
}

.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
  font-size: 0.71111em;
}

.site-title,
.page-title {
  font-weight: normal;
}

.page-description,
.page-links a {
  font-weight: bold;
}

.site-description {
  letter-spacing: -0.01em;
}

.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
  hyphens: auto;
  word-break: break-word;
}

/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
  .entry-title {
    hyphens: none;
  }
}

p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; margin:0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote cite {
  font-size: 0.71111em;
  font-style: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

pre {
  font-size: 0.88889em;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.8;
  overflow: auto;
}

code,
kbd,
tt,
var {
  font-size: 0.88889em;
  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
 
}

/* Arabic */
html[lang="ar"] .site *,
html[lang="ary"] .site *,
html[lang="azb"] .site *,
html[lang="ckb"] .site *,
html[lang="fa-IR"] .site *,
html[lang="haz"] .site *,
html[lang="ps"] .site * {
  font-family: Tahoma, Arial, sans-serif !important;
}

/* Cyrillic */
html[lang="be"] .site *,
html[lang="bg-BG"] .site *,
html[lang="kk"] .site *,
html[lang="mk-MK"] .site *,
html[lang="mn"] .site *,
html[lang="ru-RU"] .site *,
html[lang="sah"] .site *,
html[lang="sr-RS"] .site *,
html[lang="tt-RU"] .site *,
html[lang="uk"] .site * {
  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}

/* Chinese (Hong Kong) */
html[lang="zh-HK"] .site * {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}

/* Chinese (Taiwan) */
html[lang="zh-TW"] .site * {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}

/* Chinese (China) */
html[lang="zh-CN"] .site * {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}

/* Devanagari */
html[lang="bn-BD"] .site *,
html[lang="hi-IN"] .site *,
html[lang="mr"] .site *,
html[lang="ne-NP"] .site * {
  font-family: Arial, sans-serif !important;
}

/* Greek */
html[lang="el"] .site * {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Gujarati */
html[lang="gu"] .site * {
  font-family: Arial, sans-serif !important;
}

/* Hebrew */
html[lang="he-IL"] .site * {
  font-family: 'Arial Hebrew', Arial, sans-serif !important;
}

/* Japanese */
/* html[lang="ja"] .site * {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
} */

/* Korean */
html[lang="ko-KR"] .site * {
  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}

/* Thai */
html[lang="th"] .site * {
  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}

/* Vietnamese */
html[lang="vi"] .site * {
  font-family: 'Libre Franklin', sans-serif !important;
}

/* Elements */
html {
  box-sizing: border-box;
}

::-moz-selection {
  background-color: #bfdcea;
}

::selection {
  background-color: #bfdcea;
}

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

body {
  background-color: #fff;
}

a {
  transition: color 110ms ease-in-out;
  color: #111;
}

a:hover,
a:active {
  color: #111;
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: thin;
  outline-style: dotted;
 
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 1rem 0;
}

h1:not(.site-title):before,
h2:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 1em;
}

hr {
  background-color: #767676;
  border: 0;
  height: 2px;
}

ul,
ol {
  padding-left: 1rem;
}

ul {
  list-style: disc;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal;
}

li {
  line-height: 1.8;
}

li > ul,
li > ol {
  padding-left: 2rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1rem 1rem;
}

img {
  height: auto;
 
  position: relative;
}

figure {
  margin: 0;
}

blockquote {
  border-left: 2px solid #0073aa;
  margin-left: 0;
  padding: 0 0 0 1rem;
}

blockquote > p {
  margin: 0 0 1rem;
}

blockquote cite {
  color: #767676;
}

table {
  margin: 0 0 1rem;
  border-collapse: collapse;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

table td,
table th {
  padding: 0.5em;
  border: 1px solid #767676;
  word-break: break-all;
}

/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  transition: background 150ms ease-in-out;
  background: #0073aa;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  color: #fff;
 
  font-size: 0.88889em;
 
  line-height: 1.2;
  outline: none;
  padding: 0.76rem 1rem;
  text-decoration: none;
  vertical-align: bottom;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #fff; color:#FA58AC; border:1px solid #FA58AC;
  cursor: pointer;
}

.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
  color: #fff;
  text-decoration: none;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
 
  outline: thin dotted;
  outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-backface-visibility: hidden;
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  outline: none;
  padding: 0.36rem 0.66rem;
  -webkit-appearance: none;
  outline-offset: 0;
  border-radius: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #0073aa;
  outline: thin solid rgba(0, 115, 170, 0.15);
  outline-offset: -4px;
}

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

textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  resize: vertical;
}

form p {
  margin: 1rem 0;
}

/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: color 110ms ease-in-out;
  color: #0073aa;
}

a:visited {
  color: #0073aa;
}

a:hover, a:active {
  color: #005177;
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
  display: block; padding-top:32px; padding-left:320px;
 
  /*
	 * Sub-menu styles
	 *
	 * :focus-within needs its own selector so other similar
	 * selectors don’t get ignored if a browser doesn’t recognize it
	 */
  /**
	 * Fade-in animation for top-level submenus
	 */
  /**
	 * Off-canvas touch device styles
	 */
}

body.page .main-navigation {
  display: block;
}

.main-navigation > div {
  display: inline;
}

.main-navigation .main-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.main-navigation .main-menu > li {
  color: #111;
  display: inline;
  position: relative;
}

.main-navigation .main-menu > li > a {
  color: #111; font-weight:400;
  margin-right: 2rem;
}

.main-navigation .main-menu > li > a + svg {
  margin-right: 0.5rem;
}

.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
  color: #005177;
}

.main-navigation .main-menu > li.menu-item-has-children {
  display: inline-block;
  position: inherit;
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu > li.menu-item-has-children {
    position: relative;
  }
}

.main-navigation .main-menu > li.menu-item-has-children > a {
  margin-right: 0.125rem;
}

.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
  content: "";
  display: none;
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
  display: inline-block;
  margin-right: 0.25rem;
  /* Priority+ Menu */
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
  position: relative;
  height: 24px;
  line-height: 1.2;
  width: 24px;
  padding: 0;
  margin-left: 0.5rem;
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
  height: 24px;
  width: 24px;
  top: -0.125rem;
  vertical-align: text-bottom;
}

.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
  display: none;
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
  position: relative;
  top: 0.2rem;
}

.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
  margin-right: 0;
}

.main-navigation .sub-menu {
  background-color: #0073aa;
  color: #fff;
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
}

@media only screen and (min-width: 768px) {
  .main-navigation .sub-menu {
    width: auto;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
  }
}

.main-navigation .sub-menu > li {
  display: block;
  float: none;
  position: relative;
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  display: inline-block;
  position: absolute;
  width: calc( 24px + 1rem);
  right: 0;
  top: calc( .125 * 1rem);
  bottom: 0;
  color: white;
  line-height: 1;
  padding: calc( .5 * 1rem);
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
  top: 0;
}

.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
    content: "\203a";
  }
}

.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
  color: #fff;
  display: block;
  line-height: 1.2;
  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
  white-space: nowrap;
}

.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
  background: #005177;
}

.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
  background: #005177;
}

.main-navigation .sub-menu > li > a:empty {
  display: none;
}

.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
  display: none;
  font-size: 0.88889em;
  font-weight: normal;
}

.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
  position: relative;
  top: 0.2rem;
  margin-right: calc( .25 * 1rem);
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
  /* Non-mobile position */
  /* Nested sub-menu dashes */
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
  /* Non-mobile position */
  /* Nested sub-menu dashes */
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
    transform: none;
  }
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
    display: block;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
    transform: none;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
  left: 0;
  width: 100%;
  display: table;
  position: absolute;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
  left: 0;
  width: 100%;
  display: table;
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
    right: 0;
    left: auto;
    display: block;
    width: max-content;
  }
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
    right: 0;
    left: auto;
    display: block;
    width: max-content;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
  display: none;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
  display: none;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
  display: block;
  margin-top: inherit;
  position: relative;
  width: 100%;
  left: 0;
  opacity: 1;
  /* Non-mobile position */
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
  display: block;
  margin-top: inherit;
  position: relative;
  width: 100%;
  left: 0;
  opacity: 1;
  /* Non-mobile position */
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
    float: none;
    max-width: 100%;
  }
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
    float: none;
    max-width: 100%;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
  counter-reset: submenu;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
  counter-reset: submenu;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {

  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {

  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
  /* Non-mobile position */
  /* Nested sub-menu dashes */
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
    display: block;
    float: none;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
    transform: none;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
  left: 0;
  width: 100%;
  display: table;
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
    right: 0;
    left: auto;
    display: table;
    width: max-content;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
  display: none;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
  display: block;
  margin-top: inherit;
  position: relative;
  width: 100%;
  left: 0;
  opacity: 1;
  /* Non-mobile position */
}

@media only screen and (min-width: 768px) {
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
    float: none;
    max-width: 100%;
  }
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
  counter-reset: submenu;
}

.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {

  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
  animation: fade_in 0.1s forwards;
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
  transform: rotate(270deg);
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
  opacity: 0;
  position: absolute;
  z-index: 0;
  transform: translateX(-100%);
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
  background-color: transparent;
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
  white-space: inherit;
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
  display: table;
  margin-top: 0;
  opacity: 1;
  padding-left: 0;
  /* Mobile position */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 100000;
  /* Make sure appears above mobile admin bar */
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  transform: translateX(100%);
  animation: slide_in_right 0.3s forwards;
  /* Prevent menu from being blocked by admin bar */
}

.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
  display: block;
}

.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
  top: 46px;
  height: calc( 100vh - 46px);
  /* WP core breakpoint */
}

.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
  top: 0;
}

@media only screen and (min-width: 782px) {
  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
    top: 32px;
    height: calc( 100vh - 32px);
  }
  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
    top: 0;
  }
}

.main-navigation .main-menu-more:nth-child(n+3) {
  display: none;
}

/* Menu animation */
@keyframes slide_in_right {
  100% {
    transform: translateX(0%);
  }
}

@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Social menu */
.social-navigation {
  margin-top: calc(1rem / 2);
  text-align: left;
}

.social-navigation ul.social-links-menu {
  content: "";
  display: table;
  table-layout: fixed;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.social-navigation ul.social-links-menu li {
  display: inline-block;
  vertical-align: bottom;
  vertical-align: -webkit-baseline-middle;
  list-style: none;
}

.social-navigation ul.social-links-menu li:nth-child(n+2) {
  margin-left: 0.1em;
}

.social-navigation ul.social-links-menu li a {
  border-bottom: 1px solid transparent;
  display: block;
  color: #111;
  margin-bottom: -1px;
  transition: opacity 110ms ease-in-out;
}

.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
  color: #111;
  opacity: 0.6;
}

.social-navigation ul.social-links-menu li a:focus {
  color: #111;
  opacity: 1;
  border-bottom: 1px solid #111;
}

.social-navigation ul.social-links-menu li a svg {
  display: block;
  width: 32px;
  height: 32px;
}

.social-navigation ul.social-links-menu li a svg#ui-icon-link {
  transform: rotate(-45deg);
}

@media only screen and (min-width: 768px) {
  .site-title + .social-navigation,
  .site-description + .social-navigation {
    margin-top: calc(1rem / 5);
  }
}

/** === Footer menu === */
.footer-navigation {
  display: inline;
}

.footer-navigation > div {
  display: inline;
}

.footer-navigation .footer-menu {
  display: inline;
  padding-left: 0;
}

.footer-navigation .footer-menu li {
  display: inline;
  margin-right: 1rem;
}

/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
  margin: calc(3 * 1rem) 0;
}

@media only screen and (min-width: 768px) {
  .post-navigation {
    margin: calc(3 * 1rem) calc(10% + 60px);
    max-width: calc(6 * (100vw / 12));
  }
}

@media only screen and (min-width: 1168px) {
  .post-navigation {
    margin: calc(3 * 1rem) 0;
    max-width: 100%;
  }
}

.post-navigation .nav-links {
  margin: 0 1rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .post-navigation .nav-links {
    margin: 0;
  }
}

@media only screen and (min-width: 1168px) {
  .post-navigation .nav-links {
    flex-direction: row;
    margin: 0 calc(10% + 60px);
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

.post-navigation .nav-links a .meta-nav {
  color: #767676;
  user-select: none;
}

.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
  display: none;
  content: "—";
  width: 2em;
  color: #767676;
  height: 1em;
}

.post-navigation .nav-links a .post-title {
  hyphens: auto;
}

.post-navigation .nav-links a:hover {
  color: #005177;
}

@media only screen and (min-width: 1168px) {
  .post-navigation .nav-links .nav-previous,
  .post-navigation .nav-links .nav-next {
    min-width: calc(50% - 2 * 1rem);
  }
}

.post-navigation .nav-links .nav-previous {
  order: 2;
}

@media only screen and (min-width: 1168px) {
  .post-navigation .nav-links .nav-previous {
    order: 1;
  }
}

.post-navigation .nav-links .nav-previous + .nav-next {
  margin-bottom: 1rem;
}

.post-navigation .nav-links .nav-previous .meta-nav:before {
  display: inline;
}

.post-navigation .nav-links .nav-next {
  order: 1;
}

@media only screen and (min-width: 1168px) {
  .post-navigation .nav-links .nav-next {
    order: 2;
    padding-left: 1rem;
  }
}

.post-navigation .nav-links .nav-next .meta-nav:after {
  display: inline;
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  padding: 0 calc(.5 * 1rem);
}

.pagination .nav-links > * {
  padding: calc(.5 * 1rem);
}

.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
  padding-left: 0;
}

.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
  padding-right: 0;
}

.pagination .nav-links a:focus {
  text-decoration: underline;
  outline-offset: -1px;
}

.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
  text-decoration: none;
}

.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
  text-decoration: underline;
}

.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
  display: none;
}

@media only screen and (min-width: 768px) {
  .pagination .nav-links {
    margin-left: 0; justify-content:center;
    padding: 0;
  }
  .pagination .nav-links .prev > *,
  .pagination .nav-links .next > * {
    display: inline-block;
    vertical-align: text-bottom;
  }
  .pagination .nav-links > * {
    padding: 1rem;
  }
}

.comment-navigation .nav-links {
  display: flex;
  flex-direction: row;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
  min-width: 50%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
  display: none;
}

@media only screen and (min-width: 768px) {
  .comment-navigation .nav-previous .secondary-text,
  .comment-navigation .nav-next .secondary-text {
    display: inline;
  }
}

.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
  vertical-align: middle;
  position: relative;
  margin: 0 -0.35em;
  top: -1px;
}

.comment-navigation .nav-next {
  text-align: right;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignleft {
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignright {
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* Layout */
/** === Layout === */
#page {
  width: 100%;
}

.site-content {
  overflow: hidden; margin-top:80px;
}

@media screen and (max-width:768px){
	.site-content { margin-top:56px;}
}

/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  padding:8px 5%; position:fixed; top:0px; left:0px; width:100%; height:80px; z-index:100; background-color:#fff; box-sizing:border-box;
}
@media screen and (max-width:768px){
	.site-header { height:56px;}
}

.site-header.featured-image {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 90vh;
}

.site-header.featured-image .site-branding-container {
  margin-bottom: auto;
}

@media only screen and (min-width: 768px) {
  .site-header {
    margin: 0;
  }
  .site-header.featured-image {
    min-height: 100vh;
    margin-bottom: 3rem;
  }
}

.site-branding {
  color: #767676;
  position: relative;
}

.site-branding-container { height:64px;}
.site-branding-container img { height:100%; float:left;}
@media screen and (max-width:768px){
	.site-branding-container { height:32px;}
}

@media only screen and (min-width: 768px) {
  .site-branding {

  }
}

.site-logo {
  position: relative;
  z-index: 999;
  margin-bottom: calc(.66 * 1rem);
}

@media only screen and (min-width: 768px) {
  .site-logo {
    margin-bottom: 0;
    position: absolute;
    right: calc(100% + (1.25 * 1rem));
    top: 4px;
    z-index: 999;
  }
}

.site-logo .custom-logo-link {
  border-radius: 100%;
  box-sizing: content-box;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  transition: box-shadow 200ms ease-in-out;
}

.site-logo .custom-logo-link .custom-logo {
  min-height: inherit;
}

.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
  box-shadow: 0 0 0 2px black;
}

@media only screen and (min-width: 768px) {
  .site-logo .custom-logo-link {
    width: 64px;
    height: 64px;
  }
}

.site-title {
  margin: auto;
  display: inline;
  color: #111;
  /* When there is no description set, make sure navigation appears below title. */
}

.site-title a {
  color: #111;
}

.site-title a:link, .site-title a:visited {
  color: #111;
}

.site-title a:hover {
  color: #4a4a4a;
}

.featured-image .site-title {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .featured-image .site-title {
    display: inline-block;
  }
}

.site-title + .main-navigation {
  display: block;
}

@media only screen and (min-width: 768px) {
  .site-title {
    display: inline;
  }
}

.site-title:not(:empty) + .site-description:not(:empty):before {
  content: "\2014";
  margin: 0 .2em;
}

.site-description {
  display: inline;
  color: #767676;
  font-weight: normal;
  margin: 0;
}

.site-header.featured-image {
  /* Hide overflow for overflowing featured image */
  overflow: hidden;
  /* Need relative positioning to properly align layers. */
  position: relative;
  /* Add text shadow to text, to increase readability. */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  /* Set white text color when featured image is set. */
  /* add focus state to social media icons */
  /* Entry header */
  /* Custom Logo Link */
  /* Make sure important elements are above pseudo elements used for effects. */
  /* Set up image filter layer positioning */
  /* Background & Effects */
  /* Shared background settings between pseudo elements. */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* The intensity of each blend mode is controlled via layer opacity. */
  /* Second layer: screen. */
  /* Third layer: multiply. */
  /* When image filters are inactive, a black overlay is added. */
  /* Fourth layer: overlay. */
  /* Fifth layer: readability overlay */
}

.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
  color: #fff;
}

.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
  color: #fff;
  transition: opacity 110ms ease-in-out;
}

.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
  color: #fff;
  opacity: 0.6;
}

.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
  color: #fff;
}

.site-header.featured-image .social-navigation a:focus {
  color: #fff;
  opacity: 1;
  border-bottom: 1px solid #fff;
}

.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.site-header.featured-image .site-featured-image {
  /* First layer: grayscale. */
}

.site-header.featured-image .site-featured-image .post-thumbnail img {
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100vw;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: 1;
  /* When image filters are active, make it grayscale to colorize it blue. */
}

@supports (object-fit: cover) {
  .site-header.featured-image .site-featured-image .post-thumbnail img {
    height: 100%;
    left: 0;
    object-fit: cover;
    top: 0;
    transform: none;
    width: 100%;
  }
}

.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
  filter: grayscale(100%);
}

.site-header.featured-image .site-featured-image .entry-header {
  margin-top: calc( 4 * 1rem);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  /* Entry meta */
}

@media only screen and (min-width: 768px) {
  .site-header.featured-image .site-featured-image .entry-header {
    margin-left: calc(10% + 60px);
    margin-right: calc(10% + 60px);
  }
}

.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
  background: #fff;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta {
  font-weight: 500;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
  margin-right: 1rem;
  display: inline-block;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
  margin-right: 0;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
  transition: color 110ms ease-in-out;
  color: currentColor;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
  text-decoration: none;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}

.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
  display: none;
}

@media only screen and (min-width: 768px) {
  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
    display: flex;
    position: relative;
  }
  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
    padding-right: calc(1 * (100vw / 12) + 1rem);
  }
  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
    position: absolute;
    right: 0;
  }
  .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
    display: block;
    position: absolute;
    bottom: 100%;
  }
}

.site-header.featured-image .custom-logo-link {
  background: #fff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
  box-shadow: 0 0 0 2px white;
}

.site-header.featured-image .site-branding {
  position: relative;
  z-index: 10;
}

.site-header.featured-image .site-featured-image .entry-header {
  position: relative;
  z-index: 9;
}

.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "\020";
  width: 100%;
  height: 100%;
}

.image-filters-enabled .site-header.featured-image .site-featured-image:before {
  background: #0073aa;
  mix-blend-mode: screen;
  opacity: 0.1;
}

.site-header.featured-image .site-featured-image:after {
  background: #000;
  mix-blend-mode: multiply;
  opacity: .7;
  /* When image filters are active, a blue overlay is added. */
}

.image-filters-enabled .site-header.featured-image .site-featured-image:after {
  background: #0073aa;
  opacity: .8;
  z-index: 3;
  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
}

@supports (mix-blend-mode: multiply) {
  .image-filters-enabled .site-header.featured-image .site-featured-image:after {
    opacity: 1;
  }
}

.image-filters-enabled .site-header.featured-image .site-branding-container:after {
  background: rgba(0, 0, 0, 0.35);
  mix-blend-mode: overlay;
  opacity: 0.5;
  z-index: 4;
  /* Browsers supporting mix-blend-mode can have a light overlay */
}

@supports (mix-blend-mode: overlay) {
  .image-filters-enabled .site-header.featured-image .site-branding-container:after {
    background: rgba(255, 255, 255, 0.35);
  }
}

.site-header.featured-image:after {
  background: #000;
  /**
		 * Add a transition to the readability overlay, to add a subtle
		 * but smooth effect when resizing the screen.
		 */
  transition: opacity 1200ms ease-in-out;
  opacity: 0.7;
  z-index: 5;
  /* When image filters are active, a blue overlay is added. */
}

.image-filters-enabled .site-header.featured-image:after {
  background: #000e14;
  opacity: 0.38;
}

@media only screen and (min-width: 768px) {
  .image-filters-enabled .site-header.featured-image:after {
    opacity: 0.18;
  }
}

.site-header.featured-image ::-moz-selection {
  background: rgba(255, 255, 255, 0.17);
}

.site-header.featured-image ::selection {
  background: rgba(255, 255, 255, 0.17);
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.sticky-post {
  background: #0073aa;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: .25rem;
  position: absolute;
  text-transform: uppercase;
  top: -1rem;
  z-index: 1;
}

.updated:not(.published) {
  display: none;
}

.page-links {
  clear: both;
  margin: 0 0 calc(1.5 * 1rem);
}

.entry {
  margin-top: calc(6 * 1rem);
}

.entry:first-of-type {
  margin-top: 0;
}

.entry .entry-header {
  
  position: relative;
}

@media only screen and (min-width: 768px) {
  .entry .entry-header {
  
  }
}

.entry .entry-title {
  margin: 0;
}

.entry .entry-title:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 1em;
}

.entry .entry-title a {
  color: inherit;
}

.entry .entry-title a:hover {
  color: #4a4a4a;
}

.entry .entry-meta,
.entry .entry-footer {
  color: #767676;
  font-weight: 500;
}

.entry .entry-meta > span,
.entry .entry-footer > span {
  margin-right: 1rem;
  display: inline-block;
}

.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
  margin-right: 0;
}

.entry .entry-meta a,
.entry .entry-footer a {
  transition: color 110ms ease-in-out;
  color: currentColor;
}

.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
  text-decoration: none;
  color: #0073aa;
}

.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}

.entry .entry-meta {
  margin: 1rem 0;
}

.entry .entry-footer {
 
}

@media only screen and (min-width: 768px) {
  .entry .entry-footer {
   
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-footer {
   
  }
}

.entry .post-thumbnail {
  margin: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .post-thumbnail {
    margin: 1rem calc(10% + 60px);
  }
}

.entry .post-thumbnail:focus {
  outline: none;
}

.entry .post-thumbnail .post-thumbnail-inner {
  display: block;
}

.entry .post-thumbnail .post-thumbnail-inner img {
  position: relative;
  display: block;
  width: 100%;
}

.image-filters-enabled .entry .post-thumbnail {
  position: relative;
  display: block;
}

.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
  filter: grayscale(100%);
}

.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
  background: rgba(0, 0, 0, 0.35);
  content: "";
  display: block;
  height: 100%;
  opacity: .5;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}

@supports (mix-blend-mode: multiply) {
  .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
    display: none;
  }
}

.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "\020";
  pointer-events: none;
}

.image-filters-enabled .entry .post-thumbnail:before {
  background: #0073aa;
  mix-blend-mode: screen;
  opacity: 0.1;
  z-index: 2;
}

.image-filters-enabled .entry .post-thumbnail:after {
  background: #0073aa;
  mix-blend-mode: multiply;
  opacity: .8;
  z-index: 3;
  /* Browsers supporting mix-blend-mode don't need opacity < 1 */
}

@supports (mix-blend-mode: multiply) {
  .image-filters-enabled .entry .post-thumbnail:after {
    opacity: 1;
  }
}

.entry .entry-content,
.entry .entry-summary {
 
}

@media only screen and (min-width: 768px) {
  .entry .entry-content,
  .entry .entry-summary {
   
  }
}

.entry .entry-content p {
  word-wrap: break-word;
}

.entry .entry-content .more-link {
  transition: color 110ms ease-in-out;
  display: inline;
  color: inherit;
}

.entry .entry-content .more-link:after {
  content: "\02192";
  margin-left: 0.5em;
}

.entry .entry-content .more-link:hover {
  color: #0073aa;
  text-decoration: none;
}

.entry .entry-content a {
 
}

.entry .entry-content a.button, .entry .entry-content a:hover {
  text-decoration: none;
}

.entry .entry-content a.button {
  display: inline-block;
}

.entry .entry-content a.button:hover {
  background: #111;
  color: #fff;
  cursor: pointer;
}

.entry .entry-content > iframe[style] {
  margin: 32px 0 !important;
  max-width: 100% !important;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > iframe[style] {
    max-width: calc(8 * (100vw / 12) - 28px) !important;
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content > iframe[style] {
    max-width: calc(6 * (100vw / 12) - 28px) !important;
  }
}

.entry .entry-content .page-links a {
  margin: calc(0.5 * 1rem);
  text-decoration: none;
}

.entry .entry-content .wp-audio-shortcode {
  max-width: calc(100vw - (2 * 1rem));
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-audio-shortcode {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content .wp-audio-shortcode {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

/* Author description */
.author-bio {
  margin: calc(2 * 1rem) 1rem 1rem;
}

@media only screen and (min-width: 768px) {
  .author-bio {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .author-bio {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .author-bio {
    margin: calc(3 * 1rem) calc(10% + 60px);
  }
}

@media only screen and (min-width: 1168px) {
  .author-bio {
    margin: calc(3 * 1rem) calc(10% + 60px);
  }
}

.author-bio .author-title {
  display: inline;
}

.author-bio .author-title:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 1em;
}

.author-bio .author-description {
  display: inline;
  color: #767676;
  font-size: 1.125em;
  line-height: 1.2;
}

.author-bio .author-description .author-link {
  display: inline-block;
}

.author-bio .author-description .author-link:hover {
  color: #005177;
  text-decoration: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-area {
  margin: calc(2 * 1rem) 1rem;
  /* Add extra margin when the comments section is located immediately after the
	 * post itself (this happens on pages).
	 */
}

@media only screen and (min-width: 768px) {
  .comments-area {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .comments-area {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .comments-area {
    margin: calc(3 * 1rem) calc(10% + 60px);
  }
}

.comments-area > * {
  margin-top: calc(2 * 1rem);
  margin-bottom: calc(2 * 1rem);
}

@media only screen and (min-width: 768px) {
  .comments-area > * {
    margin-top: calc(3 * 1rem);
    margin-bottom: calc(3 * 1rem);
  }
}

.entry + .comments-area {
  margin-top: calc(3 * 1rem);
}

@media only screen and (min-width: 768px) {
  .comments-area .comments-title-wrap {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
  }
}

.comments-area .comments-title-wrap .comments-title {
  margin: 0;
}

.comments-area .comments-title-wrap .comments-title:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 1em;
}

@media only screen and (min-width: 768px) {
  .comments-area .comments-title-wrap .comments-title {
    flex: 1 0 calc(3 * (100vw / 12));
  }
}

@media only screen and (min-width: 768px) {
  .comments-area .comments-title-wrap .discussion-meta {
    flex: 0 0 calc(2 * (100vw / 12));
    margin-left: 1rem;
  }
}

#comment {
  max-width: 100%;
  box-sizing: border-box;
}

#respond {
  position: relative;
}

#respond .comment-user-avatar {
  margin: 1rem 0 -1rem;
}

#respond .comment .comment-form {
  padding-left: 0;
}

#respond > small {
  display: block;
  font-size: 22px;
  position: absolute;
  left: calc(1rem + 100%);
  top: calc(-3.5 * 1rem);
  width: calc(100vw / 12);
}

#comments > .comments-title:last-child {
  display: none;
}

.comment-form-flex {
  display: flex;
  flex-direction: column;
}

.comment-form-flex .comments-title {
  display: none;
  margin: 0;
  order: 1;
}

.comment-form-flex #respond {
  order: 2;
}

.comment-form-flex #respond + .comments-title {
  display: block;
}

.comment-list {
  list-style: none;
  padding: 0;
}

.comment-list .children {
  margin: 0;
  padding: 0 0 0 1rem;
}

.comment-list > .comment:first-child {
  margin-top: 0;
}

.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
  color: #767676;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.71111em;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
  font-weight: bold;
  font-size: 19.55556px;
  line-height: 1.5;
  padding-right: 0.5rem;
  display: block;
}

.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
  color: #767676;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
}

#respond + .comment-reply {
  display: none;
}

.comment-reply .comment-reply-link {
  display: inline-block;
}

.comment {
  list-style: none;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .comment {
    padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
  }
  .comment.depth-1,
  .comment .children {
    padding-left: 0;
  }
  .comment.depth-1 {
    margin-left: calc(3.25 * 1rem);
  }
}

.comment .comment-body {
  margin: calc(2 * 1rem) 0 0;
}

.comment .comment-meta {
  position: relative;
}

.comment .comment-author .avatar {
  float: left;
  margin-right: 1rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .comment .comment-author .avatar {
    float: inherit;
    margin-right: inherit;
    position: absolute;
    top: 0;
    right: calc(100% + 1rem);
  }
}

.comment .comment-author .fn {
  position: relative;
  display: block;
}

.comment .comment-author .fn a {
  color: inherit;
}

.comment .comment-author .fn a:hover {
  color: #005177;
}

.comment .comment-author .post-author-badge {
  border-radius: 100%;
  display: block;
  height: 18px;
  position: absolute;
  background: #008fd3;
  right: calc(100% - 2.5rem);
  top: -3px;
  width: 18px;
}

@media only screen and (min-width: 768px) {
  .comment .comment-author .post-author-badge {
    right: calc(100% + 0.75rem);
  }
}

.comment .comment-author .post-author-badge svg {
  width: inherit;
  height: inherit;
  display: block;
  fill: white;
  transform: scale(0.875);
}

.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
  display: inline;
  font-weight: 500;
  color: #767676;
  vertical-align: baseline;
}

.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
  vertical-align: baseline;
}

.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
  color: #005177;
  text-decoration: none;
}

.comment .comment-metadata > * {
  display: inline-block;
}

.comment .comment-metadata .edit-link-sep {
  color: #767676;
  margin: 0 0.2em;
  vertical-align: baseline;
}

.comment .comment-metadata .edit-link {
  color: #767676;
}

.comment .comment-metadata .edit-link svg {
  transform: scale(0.8);
  vertical-align: baseline;
  margin-right: 0.1em;
}

.comment .comment-metadata .comment-edit-link {
  position: relative;
  padding-left: 1rem;
  margin-left: -1rem;
  z-index: 1;
}

.comment .comment-metadata .comment-edit-link:hover {
  color: #0073aa;
}

.comment .comment-content {
  margin: 1rem 0;
}

@media only screen and (min-width: 1168px) {
  .comment .comment-content {
    padding-right: 1rem;
  }
}

.comment .comment-content > *:first-child {
  margin-top: 0;
}

.comment .comment-content > *:last-child {
  margin-bottom: 0;
}

.comment .comment-content blockquote {
  margin-left: 0;
}

.comment .comment-content a {
  text-decoration: underline;
}

.comment .comment-content a:hover {
  text-decoration: none;
}

.comment-reply-link,
#cancel-comment-reply-link {
  font-weight: 500;
}

.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
  color: #005177;
}

.discussion-avatar-list {
  content: "";
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.discussion-avatar-list li {
  position: relative;
  list-style: none;
  margin: 0 -8px 0 0;
  padding: 0;
  float: left;
}

.discussion-avatar-list .comment-user-avatar img {
  height: calc(1.5 * 1rem);
  width: calc(1.5 * 1rem);
}

.discussion-meta .discussion-meta-info {
  margin: 0;
}

.discussion-meta .discussion-meta-info .svg-icon {
  vertical-align: middle;
  fill: currentColor;
  transform: scale(0.6) scaleX(-1) translateY(-0.1em);
  margin-left: -0.25rem;
}

.comment-form .comment-notes,
.comment-form label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 0.71111em;
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .comment-form .comment-form-author,
  .comment-form .comment-form-email {
    width: calc(50% - 0.5rem);
    float: left;
  }
}

@media only screen and (min-width: 768px) {
  .comment-form .comment-form-email {
    margin-left: 1rem;
  }
}

.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
  display: block;
  width: 100%;
}

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
  margin: 1rem 1rem calc(3 * 1rem);
}

@media only screen and (min-width: 768px) {
  .archive .page-header,
  .search .page-header,
  .error404 .page-header {
    margin: 0 calc(10% + 60px) calc(10% + 60px);
  }
}

.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
  color: #767676;
  display: inline;
  letter-spacing: normal;
}

.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
  display: none;
}

.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
  display: inherit;
  clear: both;
}

.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
  content: ".";
  font-weight: bold;
  color: #767676;
}

.archive .page-header .page-description {
  display: block;
  color: #111;
  font-size: 1em;
}

@media only screen and (min-width: 768px) {
  .hfeed .entry .entry-header {
   
  }
}

/* 404 & Not found */
.error-404.not-found .page-content,
.no-results.not-found .page-content {
  margin: calc(3 * 1rem) 1rem;
}

@media only screen and (min-width: 768px) {
  .error-404.not-found .page-content,
  .no-results.not-found .page-content {
    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
  }
}

.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
  vertical-align: middle;
  margin: 1rem 0;
}

.error-404.not-found .search-field,
.no-results.not-found .search-field {
  width: 100%;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
  
}

@media only screen and (min-width: 768px) {
  #colophon .widget-area,
  #colophon .site-info {
   
  }
}

#colophon .widget-column {
  display: flex;
  flex-wrap: wrap;
}

#colophon .widget-column .widget {
  width: 100%;
}

@media only screen and (min-width: 1168px) {
  #colophon .widget-column .widget {
    margin-right: calc(3 * 1rem);
    width: calc(50% - (3 * 1rem));
  }
}

#colophon .site-info {
  color: #767676;
}

#colophon .site-info a {
  color: inherit;
}

#colophon .site-info a:hover {
  text-decoration: none;
  color: #0073aa;
}

#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
  margin-right: 1rem;
}

/* Widgets */
.widget {
  margin: 0 0 1rem;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget a {
  color: #0073aa;
}

.widget a:hover {
  color: #005177;
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
  padding: 0;
  list-style: none;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
  color: #767676;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: calc(22px * 1.125);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
  counter-reset: submenu;
}

.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

.widget_tag_cloud .tagcloud {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
}

.widget_search .search-field {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  .widget_search .search-field {
    width: auto;
  }
}

.widget_search .search-submit {
  display: block;
  margin-top: 1rem;
}

.widget_calendar .calendar_wrap {
  text-align: center;
}

.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
  border: none;
}

.widget_calendar .calendar_wrap a {
  text-decoration: underline;
}

/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {

  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {
  
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {
  
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {

  }
}

.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
  margin-top: 0;
}

.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
 
}

.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignwide,
  .entry .entry-summary > *.alignwide {
    width: 100%;
    max-width: 100%;
  }
}

.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
  position: relative;
  left: -1rem;
  width: calc( 100% + (2 * 1rem));
  max-width: calc( 100% + (2 * 1rem));
  clear: both;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignfull,
  .entry .entry-summary > *.alignfull {
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
    left: calc( -12.5% - 75px);
    width: calc( 125% + 150px);
    max-width: calc( 125% + 150px);
  }
}

.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
  /*rtl:ignore*/
  float: left;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-left: 0;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignleft,
  .entry .entry-summary > *.alignleft {
    max-width: calc(4 * (100vw / 12));
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
  /*rtl:ignore*/
  float: right;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-right: 0;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignright,
  .entry .entry-summary > *.alignright {
    max-width: calc(4 * (100vw / 12));
    margin-right: 0;
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    margin-left: 0;
    margin-right: 0;
  }
}

/*
 * Unset nested content selector styles
 * - Prevents layout styles from cascading too deeply
 * - helps with plugin compatibility
 */
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
  margin: inherit;
  max-width: inherit;
  padding: inherit;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .entry-content,
  .entry .entry-content .entry-summary,
  .entry .entry-content .entry,
  .entry .entry-summary .entry-content,
  .entry .entry-summary .entry-summary,
  .entry .entry-summary .entry {
    margin: inherit;
    max-width: inherit;
    padding: inherit;
  }
}

.entry .entry-content p.has-background {
  padding: 20px 30px;
}

.entry .entry-content .wp-block-audio {
  width: 100%;
}

.entry .entry-content .wp-block-audio audio {
  width: 100%;
}

.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
  max-width: 198px;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-audio.alignleft audio,
  .entry .entry-content .wp-block-audio.alignright audio {
    max-width: 384px;
  }
}

@media only screen and (min-width: 1379px) {
  .entry .entry-content .wp-block-audio.alignleft audio,
  .entry .entry-content .wp-block-audio.alignright audio {
    max-width: 385.44px;
  }
}

.entry .entry-content .wp-block-video video {
  width: 100%;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
  transition: background 150ms ease-in-out;
  border: none;
  font-size: 0.88889em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
  box-sizing: border-box;
  font-weight: bold;
  text-decoration: none;
  padding: 0.76rem 1rem;
  outline: none;
  outline: none;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
  background-color: #0073aa;
}

.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
  color: white;
}

.entry .entry-content .wp-block-button .wp-block-button__link:hover {
  color: white;
  background: #111;
  cursor: pointer;
}

.entry .entry-content .wp-block-button .wp-block-button__link:focus {
  color: white;
  background: #111;
  outline: thin dotted;
  outline-offset: -4px;
}

.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
  border-radius: 5px;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
  transition: all 150ms ease-in-out;
  border-width: 2px;
  border-style: solid;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
  background: transparent;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
  color: #0073aa;
  border-color: currentColor;
}

.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: white;
  border-color: #111;
}

.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
  padding: 0;
  list-style: none;
}

.entry .entry-content .wp-block-archives li,
.entry .entry-content .wp-block-categories li,
.entry .entry-content .wp-block-latest-posts li {
  color: #767676;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: calc(22px * 1.125);
  font-weight: bold;
  line-height: 1.2;
  padding-bottom: 0.75rem;
}

.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
.entry .entry-content .wp-block-categories li.menu-item-has-children,
.entry .entry-content .wp-block-categories li:last-child,
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
.entry .entry-content .wp-block-latest-posts li:last-child {
  padding-bottom: 0;
}

.entry .entry-content .wp-block-archives li a,
.entry .entry-content .wp-block-categories li a,
.entry .entry-content .wp-block-latest-posts li a {
  text-decoration: none;
}

.entry .entry-content .wp-block-categories ul {
  padding-top: 0.75rem;
}

.entry .entry-content .wp-block-categories li ul {
  list-style: none;
  padding-left: 0;
}

.entry .entry-content .wp-block-categories ul {
  counter-reset: submenu;
}

.entry .entry-content .wp-block-categories ul > li > a::before {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: normal;
  content: "– " counters(submenu, "– ", none);
  counter-increment: submenu;
}

.entry .entry-content .wp-block-latest-posts.is-grid li {
  border-top: 2px solid #ccc;
  padding-top: 1rem;
  margin-bottom: 2rem;
}

.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
  content: '';
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
  margin-bottom: auto;
}

.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
  content: '';
}

.entry .entry-content .wp-block-preformatted {
  font-size: 0.71111em;
  line-height: 1.8;
  padding: 1rem;
}

.entry .entry-content .wp-block-verse {
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.8;
}

.entry .entry-content .has-drop-cap:not(:focus):first-letter {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 3.375em;
  line-height: 1;
  font-weight: bold;
  margin: 0 0.25em 0 0;
}

.entry .entry-content .wp-block-pullquote {
  border-color: transparent;
  border-width: 2px;
  padding: 1rem;
}

.entry .entry-content .wp-block-pullquote blockquote {
  color: #111;
  border: none;
  margin-top: calc(4 * 1rem);
  margin-bottom: calc(4.33 * 1rem);
  margin-right: 0;
}

.entry .entry-content .wp-block-pullquote p {
  font-size: 1.6875em;
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.entry .entry-content .wp-block-pullquote p em {
  font-style: normal;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-pullquote p {
    font-size: 2.25em;
  }
}

.entry .entry-content .wp-block-pullquote cite {
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  text-transform: none;
  color: #767676;
  /*
			 * This requires a rem-based font size calculation instead of our normal em-based one,
			 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
			 */
  font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
  width: 100%;
  padding: 0;
}

.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
  margin-left: 0;
  padding: 0;
  text-align: left;
  max-width: 100%;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color {
  background-color: #0073aa;
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-pullquote.is-style-solid-color {
    padding-left: 10%;
    padding-right: 10%;
  }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
  font-size: 1.6875em;
  line-height: 1.3;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
    font-size: 2.25em;
  }
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
  color: #fff;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
  color: inherit;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
  max-width: calc(100% - (2 * 1rem));
  color: #fff;
  padding-left: 0;
  margin-left: 1rem;
}

.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
  color: inherit;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
    padding-left: calc(10% + 58px + (2 * 1rem));
    padding-right: calc(10% + 58px + (2 * 1rem));
  }
}

.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
  border-left: 2px solid #0073aa;
  padding-top: 0;
  padding-bottom: 0;
}

.entry .entry-content .wp-block-quote p {
  font-size: 1em;
  font-style: normal;
  line-height: 1.8;
}

.entry .entry-content .wp-block-quote cite {
  /*
			 * This requires a rem-based font size calculation instead of our normal em-based one,
			 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
			 */
  font-size: calc(1rem / (1.25 * 1.125));
}

.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
  margin: 1rem 0;
  padding: 0;
  border-left: none;
}

.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
  font-size: 1.6875em;
  line-height: 1.4;
  font-style: italic;
}

.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
  /*
				 * This requires a rem-based font size calculation instead of our normal em-based one,
				 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
				 */
  font-size: calc(1rem / (1.25 * 1.125));
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 1rem 0;
  }
  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    font-size: 1.6875em;
  }
}

.entry .entry-content .wp-block-image img {
  display: block;
}

.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
  max-width: 100%;
}

.entry .entry-content .wp-block-image.alignfull img {
  width: 100vw;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-image.alignfull img {
    margin-left: auto;
    margin-right: auto;
  }
}

.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
  position: relative;
  min-height: 430px;
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-cover-image,
  .entry .entry-content .wp-block-cover {
    padding: 1rem 10%;
  }
}

.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1.6875em;
  font-weight: bold;
  line-height: 1.25;
  padding: 0;
  color: #fff;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
  .entry .entry-content .wp-block-cover-image h2,
  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover .wp-block-cover-text,
  .entry .entry-content .wp-block-cover h2 {
    font-size: 2.25em;
    max-width: 100%;
  }
}

.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
  .entry .entry-content .wp-block-cover.alignleft,
  .entry .entry-content .wp-block-cover.alignright {
    padding: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover-image.alignfull h2,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover.alignfull h2 {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover-image.alignfull h2,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover.alignfull h2 {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-cover-image.alignfull,
  .entry .entry-content .wp-block-cover.alignfull {
    padding-left: calc(10% + 58px + (2 * 1rem));
    padding-right: calc(10% + 58px + (2 * 1rem));
  }
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover-image.alignfull h2,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
  .entry .entry-content .wp-block-cover.alignfull h2 {
    padding: 0;
  }
}

.entry .entry-content .wp-block-gallery {
  list-style-type: none;
  padding-left: 0;
}

.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
  margin-bottom: 16px;
}

.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
}

.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
  background-color: #767676;
  border: 0;
  height: 2px;
  margin-bottom: 2rem;
  margin-top: 2rem;
  max-width: 2.25em;
  text-align: left;
  /* Remove duplicate rule-line when a separator
		 * is followed by an H1, or H2 */
}

.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-separator.is-style-wide,
  .entry .entry-content hr.is-style-wide {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content .wp-block-separator.is-style-wide,
  .entry .entry-content hr.is-style-wide {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
  max-width: 100%;
  background-color: inherit;
  border: inherit;
  height: inherit;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-separator.is-style-dots,
  .entry .entry-content hr.is-style-dots {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content .wp-block-separator.is-style-dots,
  .entry .entry-content hr.is-style-dots {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
  color: #767676;
  font-size: 1.6875em;
  letter-spacing: 0.88889em;
  padding-left: 0.88889em;
}

.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
  display: none;
}

.entry .entry-content .wp-block-embed-twitter {
  word-break: break-word;
}

.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
  border-color: #767676;
}

.entry .entry-content .wp-block-file {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.entry .entry-content .wp-block-file .wp-block-file__button {
  display: table;
  transition: background 150ms ease-in-out;
  border: none;
  border-radius: 5px;
  background: #0073aa;
  font-size: 22px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
  text-decoration: none;
  font-weight: bold;
  padding: 0.75rem 1rem;
  color: #fff;
  margin-left: 0;
  margin-top: calc(0.75 * 1rem);
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content .wp-block-file .wp-block-file__button {
    font-size: 22px;
    padding: 0.875rem 1.5rem;
  }
}

.entry .entry-content .wp-block-file .wp-block-file__button:hover {
  background: #111;
  cursor: pointer;
}

.entry .entry-content .wp-block-file .wp-block-file__button:focus {
  background: #111;
  outline: thin dotted;
  outline-offset: -4px;
}

.entry .entry-content .wp-block-code {
  border-radius: 0;
}

.entry .entry-content .wp-block-code code {
  font-size: 1.125em;
  white-space: pre-wrap;
  word-break: break-word;
}

.entry .entry-content .wp-block-columns.alignfull {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
    margin-top: 0;
  }
  .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
    margin-bottom: 0;
  }
  .entry .entry-content .wp-block-columns[class*='has-'] > * {
    margin-right: 1rem;
  }
  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    margin-right: 0;
  }
  .entry .entry-content .wp-block-columns.alignfull,
  .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
    padding-left: calc(2 * 1rem);
    padding-right: calc(2 * 1rem);
  }
}

.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
  font-weight: normal;
}

.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  font-size: inherit;
}

.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
  font-size: 0.71111em;
}

.entry .entry-content .has-small-font-size {
  font-size: 0.88889em;
}

.entry .entry-content .has-normal-font-size {
  font-size: 1.125em;
}

.entry .entry-content .has-large-font-size {
  font-size: 1.6875em;
}

.entry .entry-content .has-huge-font-size {
  font-size: 2.25em;
}

.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
  color: #fff;
}

.entry .entry-content .has-primary-background-color p,
.entry .entry-content .has-primary-background-color h1,
.entry .entry-content .has-primary-background-color h2,
.entry .entry-content .has-primary-background-color h3,
.entry .entry-content .has-primary-background-color h4,
.entry .entry-content .has-primary-background-color h5,
.entry .entry-content .has-primary-background-color h6,
.entry .entry-content .has-primary-background-color a,
.entry .entry-content .has-secondary-background-color p,
.entry .entry-content .has-secondary-background-color h1,
.entry .entry-content .has-secondary-background-color h2,
.entry .entry-content .has-secondary-background-color h3,
.entry .entry-content .has-secondary-background-color h4,
.entry .entry-content .has-secondary-background-color h5,
.entry .entry-content .has-secondary-background-color h6,
.entry .entry-content .has-secondary-background-color a,
.entry .entry-content .has-dark-gray-background-color p,
.entry .entry-content .has-dark-gray-background-color h1,
.entry .entry-content .has-dark-gray-background-color h2,
.entry .entry-content .has-dark-gray-background-color h3,
.entry .entry-content .has-dark-gray-background-color h4,
.entry .entry-content .has-dark-gray-background-color h5,
.entry .entry-content .has-dark-gray-background-color h6,
.entry .entry-content .has-dark-gray-background-color a,
.entry .entry-content .has-light-gray-background-color p,
.entry .entry-content .has-light-gray-background-color h1,
.entry .entry-content .has-light-gray-background-color h2,
.entry .entry-content .has-light-gray-background-color h3,
.entry .entry-content .has-light-gray-background-color h4,
.entry .entry-content .has-light-gray-background-color h5,
.entry .entry-content .has-light-gray-background-color h6,
.entry .entry-content .has-light-gray-background-color a {
  color: #fff;
}

.entry .entry-content .has-white-background-color {
  color: #111;
}

.entry .entry-content .has-white-background-color p,
.entry .entry-content .has-white-background-color h1,
.entry .entry-content .has-white-background-color h2,
.entry .entry-content .has-white-background-color h3,
.entry .entry-content .has-white-background-color h4,
.entry .entry-content .has-white-background-color h5,
.entry .entry-content .has-white-background-color h6,
.entry .entry-content .has-white-background-color a {
  color: #111;
}

.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
  background-color: #0073aa;
}

.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
  background-color: #005177;
}

.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
  background-color: #111;
}

.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
  background-color: #767676;
}

.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
  background-color: #FFF;
}

.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
  color: #0073aa;
}

.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
  color: #005177;
}

.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
  color: #111;
}

.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
  color: #767676;
}

.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
  color: #FFF;
}

/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

.custom-logo-link {
  display: inline-block;
}

.avatar {
  border-radius: 100%;
  display: block;
  height: calc(2.25 * 1rem);
  min-height: inherit;
  width: calc(2.25 * 1rem);
}

svg {
  transition: fill 120ms ease-in-out;
  fill: currentColor;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: calc(1.5 * 1rem);
}

@media only screen and (min-width: 768px) {
  .wp-caption.aligncenter {
    position: relative;
    left: calc( calc(8 * (100vw / 12) - 28px) / 2);
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 1168px) {
  .wp-caption.aligncenter {
    left: calc( calc(6 * (100vw / 12) - 28px) / 2);
  }
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  color: #767676;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: calc((100% - 16px * 1) / 2);
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}

.gallery-columns-3 .gallery-item {
  max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}

.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}

.gallery-columns-5 .gallery-item {
  max-width: calc((100% - 16px * 4) / 5);
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}

.gallery-columns-6 .gallery-item {
  max-width: calc((100% - 16px * 5) / 6);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}

.gallery-columns-7 .gallery-item {
  max-width: calc((100% - 16px * 6) / 7);
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}

.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}

.gallery-columns-9 .gallery-item {
  max-width: calc((100% - 16px * 8) / 9);
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}

.gallery-item:last-of-type {
  padding-right: 0;
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.gallery-item > div > a {
  display: block;
  line-height: 0;
  box-shadow: 0 0 0 0 transparent;
}

.gallery-item > div > a:focus {
  box-shadow: 0 0 0 2px #0073aa;
}



.wrap { width:88%; margin:0 auto; overflow:hidden;}

.top-img { width:100%; margin:0 0 80px;}
.lead-top { font-size:24px; text-align:center; margin-bottom:24px;}

@media screen and (max-width:768px){
.wrap { width:90%; margin:0 auto;}

.top-img { width:100%; margin:0 0 40px;}
.lead-top { font-size:16px; text-align:center; margin-bottom:16px;}
}

.box-top { border:1px solid #000; padding:40px 24px; width:70%; margin:80px auto;}
.box-top h4 { font-size:20px; font-weight:500; margin:0 0 40px; text-align:center;}
.box-top ul { margin:0; padding:0; overflow:hidden;}
.box-top li { width:49%; list-style:none; display:inline-block; box-sizing:border-box; position:relative; padding-left:32px; font-size:16px; margin:0 0 20px;}
.box-top li:before { content:"\f14a"; font-family:"Font Awesome 5 Free"; position:absolute; top:-1px; left:0px;}

@media screen and (max-width:768px){
	.box-top { border:1px solid #000; padding: 24px 5%; width:100%; margin:40px auto;}
	.box-top h4 { font-size:18px; margin:0 0 16px;}
	.box-top li { width:100%;}
}

.ul-top { border:1px solid #000; border-bottom:0; box-sizing:border-box; margin:0 auto 80px; padding:0; overflow:hidden;}
.ul-top li { width:25%; box-sizing:border-box; padding:0; text-align:center; border-right:1px solid #000; border-bottom:1px solid #000; list-style:none; float:left; height:200px; background-image:url(/wp-content/uploads/2019/03/flow.jpg); background-size:cover; text-align:cenetr; font-size:0;}
.ul-top li:nth-of-type(2) { background-image:url(/wp-content/uploads/2019/03/product.jpg);}
.ul-top li:nth-of-type(3) { background-image:url(/wp-content/uploads/2019/03/voice.jpg);}
.ul-top li:nth-of-type(4) { background-image:url(/wp-content/uploads/2019/03/faq.jpg);}
.ul-top li:nth-of-type(5) { background-image:url(/wp-content/uploads/2019/03/chose.jpg);}
.ul-top li:nth-of-type(6) { background-image:url(/wp-content/uploads/2019/03/pick.jpg);}
.ul-top li:nth-of-type(7) { background-image:url(/wp-content/uploads/2019/03/contact.jpg);}
.ul-top li:nth-of-type(8) { background-image:url(/wp-content/uploads/2019/03/acc.jpg);}
.ul-top li:nth-of-type(4n) { border-right:0;}
.ul-top li a { color:#141412; text-decoration:none !important; font-size:16px; vertical-align:middle; display:table-cell; height:199px; width:600px; text-align:center; box-sizing:border-box; background-color:rgba(255,255,255,.6); text-align:center;}
.ul-top li a:hover { background-color:rgba(255,255,255,.3);}
.ul-top li a span { border-bottom:1px solid #141412; font-size:32px;}

@media screen and (max-width:768px){
	.ul-top { width:100%; margin:0 auto 40px;}
	.ul-top li { width:50%; float:left; height:120px;}
	.ul-top li:nth-of-type(2n) { border-right:0;}
	.ul-top li a { height:119px; font-size:12px;}
	.ul-top li a span { font-size:20px;}
}

.box2-top { overflow:hidden; margin:0 0 80px; background-color:#efefef;}
.box2-top .txt { width:60%; float:left; padding:40px; box-sizing:border-box;}
.box2-top .txt h4 { font-size:24px; margin:0 0 24px;}
.box2-top img { width:40%; float:right;}

@media screen and (max-width:768px) {
.box2-top { overflow:hidden; margin:0 0 40px; padding:20px 0;}
.box2-top .txt { width:100%; float:none; padding:0px; margin:0 0 24px; box-sizing:border-box;}
.box2-top .txt h4 { font-size:20px; margin:0 0 16px;}
.box2-top img { width:100%; float:none;}
}

.midashi-top { font-size:14px; text-align:center; margin:0 0 40px; font-weight:400; line-height:2;}
.midashi-top span { font-size:40px; letter-spacing:.1em; border-bottom:1px solid #000;}

@media screen and (max-width:768px){
	.midashi-top { font-size:12px; margin:0 0 24px; font-weight:400; line-height:2; padding-top:40px !important;}
.midashi-top span { font-size:28px; letter-spacing:.1em; border-bottom:1px solid #000;}
}

.ul-top-lineup { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-top-lineup li { width:32%; float:left; margin-right:2%; list-style:none; margin-bottom:20px;}
.ul-top-lineup li:nth-of-type(3n) { margin-right:0;}

.box-top-voice { border:1px solid #000; padding:40px; box-sizing:border-box; overflow:hidden; margin:0 0 80px;}
.box-top-voice img { width:30%; float:left; margin-right:24px;}
.box-top-voice .txt { padding-left:34%;}
.box-top-voice h4 { font-size:20px; font-weight:500; clear:none; margin:0 0 24px;}

@media screen and (max-width:768px){
	.box-top-voice { border:1px solid #000; padding:24px 5%; box-sizing:border-box; overflow:hidden; margin:0 0 40px;}
.box-top-voice img { width:100%; float:none; margin-right:0; margin-bottom:16px;}
.box-top-voice .txt { padding-left:0;}
.box-top-voice h4 { font-size:20px; font-weight:500; clear:none; margin:0 0 16px;}
}

.wrap.faq { margin-bottom:80px;}

.hidden_box {
    margin:0 0 24px;/*前後の余白*/
    padding: 8px 0 0;
}

/*ボタン装飾*/
.hidden_box label { background-color:#ffcee7 !important; font-size:14px !important; font-style: normal; font-weight:400 !important; width:100%; display:block; padding:0 8px 0 56px !important; position:relative; cursor:pointer; height:48px; line-height:48px !important;}
.hidden_box label i { padding-left: 20px;}
.hidden_box label span { font-weight: bold; font-size: 16px; display: block; text-align: center; box-sizing: border-box; border: 4px solid #ccc; background-color: #666; color: #fff; position: absolute; top: 0px; left: 0px; width: 48px; line-height: 40px !important;}

/*ボタンホバー時*/
.hidden_box label:hover { }

/*チェックは見えなくする*/
.hidden_box input,.hidden_box2 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}
.hidden_box p { margin:0;}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 8px 16px 8px 56px;
    height: auto;
    opacity: 1;
}

@media screen and (max-width:768px){
	.hidden_box label { height:auto !important; min-height:56px; font-size:16px !important; line-height:1.6 !important; padding: 4px 8px 4px 64px !important;}
	.hidden_box label span { width:56px; line-height:48px !important;}
}

.plus_box {
    margin:20px 0 0;/*前後の余白*/
    padding: 8px 0 0;
}

/*ボタン装飾*/
.plus_box label { background-color:#fff; font-size:16px; font-style: normal; font-weight:400 !important; width:100%; display:block; padding:8px 0; position:relative; cursor:pointer; height:48px; text-align:center;}

/*ボタンホバー時*/
.plus_box label:hover { }

/*チェックは見えなくする*/
.plus_box input {
    display: none;
}

/*中身を非表示にしておく*/
.plus_box .plus_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}
.plus_box p { margin:0;}

/*クリックで中身表示*/
.plus_box input:checked ~ .plus_show {
    padding: 8px 0 0;
    height: auto;
    opacity: 1;
}

@media screen and (max-width:768px){
	.plus_box label { height:auto; font-size:16px; line-height:1.6; padding: 4px 0;}
}

.wrap-seikaprocess { width:80%; margin:80px auto;}
.wrap-seikaprocess .hidden_box {
    margin:0;/*前後の余白*/
    padding: 0;
}
.wrap-seikaprocess .hidden_box label { background-color:#FA58AC; font-size:20px; letter-spacing:.08em; font-style: normal; font-weight:400 !important; width:100%; display:block; padding:4px 0; text-align:center; cursor:pointer; color:#fff; height:auto; line-height:auto;}
.wrap-seikaprocess .hidden_box label:hover { }
.wrap-seikaprocess .hidden_box input:checked ~ .hidden_show { padding:24px 0;}
.wrap-seikaprocess ol { margin:0; padding:0;}
.wrap-seikaprocess ol li { font-size:18px; margin:0 0 16px; border-bottom:1px solid #FA58AC; list-style-type: decimal; list-style-position:inside;}
@media screen and (max-width:768px){
	.wrap-seikaprocess { width:90%; margin:0 auto 40px;}
	.wrap-seikaprocess .hidden_box label { font-size:14px; padding:2px 5%;}
	.wrap-seikaprocess ol li { font-size:14px;}
}

.wrap-typeofflower .hidden_box label { border:1px solid #FA58AC; padding:8px 0; width:480px; color:#FA58AC; margin:0 auto; background-color:#fff; text-align:center; font-size:16px; height:auto; line-height:1.2;}
.wrap-typeofflower .hidden_box input:checked ~ .hidden_show { padding:0;}
@media screen and (max-width:768px){
	.wrap-typeofflower .hidden_box label { width:100%; min-height:0;}
}

.wrap-faq .hidden_box2 label { background-color:#fff; color:#FA58AC; width:60%; margin:40px auto 0; border-radius:24px; text-align:center; display:block; padding:8px 0;}
.wrap-faq .hidden_box2 label:before,.wrap-faq .hidden_box2 label:after { display:none;}
.wrap-faq .hidden_box2 input:checked ~ .hidden_show { padding:0; background-color:transparent; border:0; width:100%;}

.btn { width:450px; margin:40px auto 80px; display:block; text-align:center; border:2px solid #FA58AC; color:#141412 !important; padding:16px 0; text-decoration:none !important; max-width:100%; border-radius:48px;  font-weight:bold; font-size:18px;}
.btn:hover { border:2px solid #FA58AC; color:#fff !important; background-color:#FA58AC;}

.para { width:100%; height:100vh; background-attachment:scroll; background-position:center; background-size:cover; margin:0;}
.bg-1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-pala.png);}
.bg-2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/ppa.jpg);}

@media screen and (max-width:768px){
.btn { width:100%; margin:0 auto 24px; border:1px solid #FA58AC; padding:16px 0; box-sizing:border-box;}
	
	.para { width:100%; height:34vh; background-attachment:scroll; background-position:center; background-size:cover; margin:0;}
}

.access-top { font-size:18px; text-align:center; margin:16px 0 80px;}



.ul-service { overflow:hidden; padding:0; margin:0; box-sizing:border-box; font-size:14px;}
.ul-service li { width:32%; margin-right:2%; float:left; list-style:none;}
.ul-service li:nth-of-type(3n) { margin-right:0;}
.ul-service li img { width:200px; height:200px; border-radius:50%; margin:0 auto; display:block;}
.ul-service li h4 { font-size:14px; text-align:center; margin:-16px 0 20px !important;}
.ul-service li h4 span { display:block; font-size:20px; margin-top:8px;}
.ul-service li p { margin:0;}
.ul-service li a { display:inline-block; margin:20px auto 80px !important; padding:8px 16px; border:1px solid #bbb; color:#bbb; text-align:center; line-height:1; text-decoration:none !important;}
.ul-service li a:hover { text-decoration:none; background-color:#bbb; color:#fff;}

@media screen and (max-width:768px) {
.ul-service { overflow:hidden; padding:0; box-sizing:border-box; font-size:14px; margin-left:0 !important;}
.ul-service li { width:100%; margin-right:0%; float:left; list-style:none;}
.ul-service li:nth-of-type(3n) { margin-right:0%;}
	.ul-service li:nth-of-type(2n) { margin-right:0;}
.ul-service li img { width:100%; height:auto; border-radius:50%; margin:0 auto; display:block;}
.ul-service li h4 { font-size:16px; text-align:center; margin:0 0 20px !important;}
.ul-service li h4 span { display:block; font-size:20px; margin-top:8px;}
.ul-service li p { margin:0;}
.ul-service li a { display:block; margin:20px auto 80px !important; padding:8px 16px; border:1px solid #bbb; color:#bbb; text-align:center; line-height:1;}
}

.ul-pickup { margin:0; padding:0; overflow:hidden;}
.ul-pickup li { width:23.5%; margin-right:2%; float:left; margin-bottom:24px; list-style:none;}
.ul-pickup li:nth-of-type(4n) { margin-right:0;}

.w48 { width:48%;}
.w50 { width:50%!important;}
.w100 { width:100%!important;}
.w48 img { width:100%;}
.fleft { float:left;}
.fright { float:right;}
.overflow { overflow:hidden;}
.flex { display:flex; flex-wrap:wrap; align-items:flex-start;}
.flex.between { justify-content:space-between;}
.flex.a-initial { align-items:initial;}
.flex.a-center { align-items:center;}
.flex.rev { flex-direction:row-reverse;}
@media screen and (max-width:768px){
	.ul-pickup li { width:48%; margin-right:4%; float:left; margin-bottom:16px; list-style:none;}
.ul-pickup li:nth-of-type(2n) { margin-right:0;}

	
	.w48 { width:100%; margin-bottom:24px;}
	.w50 { width:100%!important;}
	.sp-w100 { width:100%!important;}
.fleft,.fright { float:none;}
	
	.fg-default.fg-gutter-20 { padding-left:0; margin-bottom:0;}
	.fg-default.fg-gutter-20 .fg-item { margin-right:2%; float:left; width:32%; margin-bottom:8px;}
	.fg-default.fg-gutter-20 .fg-item:nth-of-type(3n) { margin-right:0;}
}

.contact-form { margin:40px 0; font-size:14px;}
.contact-form p { padding:24px 0; border-bottom:1px dashed; overflow:hidden; font-size:14px;}
.contact-form p:nth-last-child(2) { border:none;}
.contact-form .contact-left { display:block; width:25%; float:left; text-align:right; padding-right:20px; box-sizing:border-box;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:75%; background-color:#eee; float:right;}
.contact-form textarea[name="your-message"] { height:140px;}
.contact-form select { line-height:2; height:37.02px;}
.contact-form [type="checkbox"], .contact-form [type="radio"] { display:inline; float:none; width:auto;}
.contact-form .checkbox-300 { width:75%; float:left;}
.contact-form .contact-right { width:75%; float:right;}
.contact-form  input[type="submit"] { background:#F5A9D0; border:none; color:#fff; text-align: center;
    display: block;
    border-radius: 0;
    letter-spacing: 0.1em;
    padding: 17px 0;
    width: 38%; font-size:16px; float:none; margin:0 auto;}
.contact-form .hissu,.wrap-orderform .hissu { font-style:normal; background-color:#FF0040; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px;}
.contact-form .nini { font-style:normal; background-color:#A9BCF5; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px;}
.contact-form em { display:inline-block; margin-left:4px;}
.contact-form .box { border:1px dotted #333; border-radius:16px; padding:16px 16px 0 0; margin-bottom:20px;}
.contact-form .box p { border:0;}
.wrap.resavation .contact-form p { font-size:14px;}


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

.contact-form { margin:40px 0;}
.contact-form p { padding:20px 0; border-bottom:1px dashed; overflow:hidden; }
.contact-form p:nth-last-child(2) { border:none;}
.contact-form .contact-left { display:block; width:100%; float:none; text-align:left; padding-right:8px; box-sizing:border-box; margin-bottom:8px;}
	.contact-form .contact-right { width:100%; float:none;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:100%; background-color:#eee; min-height:28px;}
.contact-form .submit { text-align:center; margin:56px 0;}
.contact-form .submit span { display:block;}
.contact-form input[type="submit"] { border:none; color:#fff; text-align: center;
    display: inline-block;
    border-radius: 0;
    letter-spacing: 0.1em;
    padding: 17px 0;
    width: 100%; font-size:16px;}
	.contact-form .checkbox-300 { width:100%; float:none;}
	.contact-form [type="checkbox"], .contact-form [type="radio"] { min-height:13px;}
	.contact-form .box { padding:20px 5%;}
	.contact-form span.wpcf7-list-item { display:block;}
}

.wrap.resavation { padding:40px 0;}
.wrap.resavation p { font-size:16px; margin-bottom:20px;}
.midashi-resavation { font-size:24px; background-color:#F5A9D0; padding:16px 0; text-align:center; color:#fff; letter-spacing:.1em; font-weight:500; margin:40px 0;}
@media screen and (max-width:768px){
	.wrap.resavation p { font-size:14px;}
	
}

.wrap-reason { padding:120px 100px 0; background-size:60% 100%; background-position:top right; background-repeat:no-repeat; margin-bottom:80px; height:540px;}
.wrap-reason.twei { background-position:top left;}
.wrap-reason .txt { padding:80px 24px 24px; background-color:#fff; width:50%; min-height:434px; font-size:17px; line-height:1.6;}
.wrap-reason .txt h3 { font-size:64px; margin:-110px 0 24px; color:#FA58AC; line-height:1; font-weight:600; letter-spacing:.05em;}
.wrap-reason .txt h3 span { display:block; font-size:28px; line-height:1.6; margin-top:24px; color:#111;}
.wrap-reason .txt h3 span em { color:#FA58AC; font-style:normal;}
.wrap-reason .txt strong { background-color: #fff990; color: #FA58AC; font-weight:bold;}
.wrap-reason .txt .btn { margin:40px auto;}
.bg-r1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-1.jpg);}
.bg-r2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-2.jpg);}
.bg-r3 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-3.jpg);}
.bg-r4 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-4.jpg);}
.bg-r5 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-5.jpg);}
.bg-r6 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/rea-6.jpg);}
@media screen and (max-width:768px){
	.wrap-reason { padding:248px 0 0; background-size:contain; background-position:top center; margin-bottom:40px; height:auto;}
	.wrap-reason .txt { padding:0 5% 20px; width:100%; min-height:1px; font-size:13px;}
	.wrap-reason .txt h3 { font-size:40px; margin:-40px 0 24px -6%; background-color:#fff; padding:12px 0px 0 20px; display:inline-block; width:248px;}
	.wrap-reason .txt h3 span { font-size:16px; margin-top: 10px; margin-right:-134px;}
}

.ul-contacthd { margin:0; padding:0; overflow:hidden; position:absolute; top:0; right:0;}
.ul-contacthd li { width:100px; text-align:center; background-color:#db9aaf; float:left; list-style:none;}
.ul-contacthd li:nth-of-type(2) { background-color:#E3CBBB;}
.ul-contacthd li:nth-of-type(3) { display:none;}
.ul-contacthd li a { color:#fff; font-size:16px; font-weight:bold; padding:40px 0; display:block;}
.ul-contacthd li .sp { display:none;}

@media screen and (max-width:768px){
	.ul-contacthd { right:64px;}
	.ul-contacthd li a { font-size:12px; line-height:64px; padding:0;}
	.ul-contacthd li { width:64px;}
	.ul-contacthd li:first-of-type { display:none;}
	.ul-contacthd li:nth-of-type(3) { display:block; }
	.ul-contacthd li:nth-of-type(3) a,.ul-contacthd li:nth-of-type(2) a { font-size:24px;}
	.ul-contacthd li .sp { display:inline-block;}
	.ul-contacthd li .pc { display:none;}
}

.head-page { padding:100px 0; width:100%; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/01/karitotikatuyou.jpg); background-size:cover; background-position:center; text-align:center; color:#fff; position:relative; z-index:0; min-height:305px;}
.head-page h2 { font-size:64px; margin:0; text-shadow:1px 1px 1px #666; letter-spacing:.05em;}
.head-page h2 span { font-size:24px; display:block; font-weight:400;}
.head-page h2:before { display:none;}
.bg-message { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/01/karitotikatuyou.jpg);}
.bg-et { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/et-bg.jpg);}
.bg-et2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/06/hhd.jpg);}
.bg-chose { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/chose-hd.jpg);}
.bg-concept { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/concept-hd.jpg);}
.bg-faq { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/faq-hd.jpg);}
.bg-reservation { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/reservation-hd.jpg);}
.bg-produce { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/produce-hd.jpg);}
.bg-lesson { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/lesson.jpg);}
.bg-service { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/07/ser.jpg);}
.bg-voiceall { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/voice-all.jpg);}
.bg-company { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/kaishagaiyo.jpg);}
.bg-company { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/kaishagaiyo.jpg);}
.bg-ppplan { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/04/bn.jpg);}
.bg-voice { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/voice.jpg);}
.bg-partner { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/05/part-hd.jpg);}
.bg-blog { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/05/b-hd.jpg);}
@media screen and (max-width:768px) {
	.head-page { margin-bottom:40px; padding:20px 0; min-height:92px;}
	.head-page h2 { font-size:28px;}
	.head-page h2 span { font-size:16px;}
}

.midashi-com { font-size:48px; text-align:center; padding:80px 0 40px;}
.midashi-com span { font-size:20px; display:block; font-weight:400;}

.dl-com { display: flex; margin:0; padding:0;}
.dl-com dt { flex-basis:20%; border-bottom:1px solid #FA58AC; padding:16px 2px; font-weight:400;}
.dl-com:first-of-type dt { border-top:1px solid #FA58AC;}
.dl-com dd { flex-basis:calc(80% - 24px); margin:0 0 0 24px; border-bottom:1px solid #000; padding:16px 2px;}
.dl-com:first-of-type dd { border-top:1px solid #000;}
.dl-com:last-of-type { margin-bottom:80px;}

.bg-ef { background-color:#efefef;}

.dl-his { margin:0; padding:0 0 80px;}
.dl-his dt { width:20%; padding:16px 2px; float:left; box-sizing:border-box; font-weight:400;}
.dl-his dd { padding:16px 2px 16px calc(20% + 26px); border-bottom:1px solid #aaa; margin:0;}

.box-access { margin:24px 0 80px; line-height:1.8;}
.box-access h4 { width:45%; float:left; margin:0; font-size:32px; line-height:54px;}
.box-access p { width:55%; padding-left:24px; border-left:1px solid #000; float:right;}
.ul-access { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-access li { width:30%; float:left; margin-right:5%; list-style:none; text-align:left; margin-bottom:20px;}
.ul-access li:nth-of-type(3n) { margin-right:0;}
.ul-access li img { width:100%; margin-bottom:8px;}
@media screen and (max-width:768px){
	.box-access { margin:8px 0 40px;}
	.box-access h4 { width:100%; border-bottom:1px solid #111; float:none; font-size:24px; line-height:1.6;}
	.box-access p { width:100%; padding-left:8px; border-left:0; float:none;}
	.ul-access { margin:0 0 40px;}
	.ul-access li { width:100%; float:none; margin-right:0; margin-bottom:20px;}
}

.imgtop-mess { margin:80px 0 40px;}
.imgtop-mess p { margin:0 !important;}
.imgtop-mess h3 { margin:0 !important; font-size:18px !important; text-align:right;}

.midashi-mess { font-size:32px; margin:0 0 24px;}
.txt-mess { width:66%; float:left;}
.img-mess { width:30%; float:right;}
.mb-80 { margin-bottom:80px !important;}

.mb-24 { margin-bottom:24px;}

.box-mess { margin:80px 0;}
.box-mess .txt { padding:120px 80px 0 0; box-sizing:border-box;}

@media screen and (max-width:768px) {
	.midashi-mess { font-size:24px; margin:0 0 24px;}
	.txt-mess { width:100%; float:none; margin-bottom:20px;}
.img-mess { width:100%; float:none;}
	.mb-80 { margin-bottom:40px !important;}
	.sp-mb0 { margin-bottom:0!important;}

	.box-mess { margin:40px 0; padding:0 5%;}
	.box-mess .txt { padding: 0;}
}

.box-concept { padding:80px 6% 80px; background-color:#FA58AC; color:#fff; text-align:center; margin:-40px 0 0;}
.box-concept h3 { font-size:64px; margin:-40px 0 40px; position:relative; z-index:99; text-shadow:1px 1px 1px #FA58AC;}

.midashi-concept { font-size:40px; padding:80px 0 0; margin:0 0 40px; text-align:center;}
.lead-concept { margin:0 0 40px; text-align:center;}

.ul-concept { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-concept li { width:30%; margin-right:5%; float:left; list-style:none; position:relative;}
.ul-concept li:nth-of-type(3n) { margin-right:0;}
.ul-concept li span { background-color:#FA58AC; color:#fff; width:32px; height:32px; display:block; text-align:center; line-height:32px; position:absolute; top:0px; right:16px; border-radius:50%; font-size:18px; z-index:9;}
.ul-concept li img { margin-top:16px; width:100%;}
.ul-concept li h3 { font-size:24px; color:#FA58AC; margin:16px 0 0;}
.ul-concept li h4 { font-size:22px; margin:10px 0 16px;}

.footer-concept { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/01/full.jpg);}
.footer-concept ul { margin:40px 0 80px; padding:0; overflow:hidden;}
.footer-concept ul li { width:30%; margin-right:5%; float:left; list-style:none;}
.footer-concept ul li:nth-of-type(3n) { margin-right:0;}
.footer-concept ul li h3 { font-size:20px; color:#FA58AC; margin:20px 0; text-align:left;}
.footer-concept ul li img { width:100%;}

@media screen and (max-width:768px){
	.box-concept { padding:0 5% 40px; margin:-56px 0 0; text-align:left;}
	.box-concept h3 { font-size:32px; margin:-20px 0 24px; text-align:center;}
	.midashi-concept { font-size:32px; padding:40px 0 0; margin:0 0 24px;}
	.ul-concept li { width:100%; float:none; margin-right:0; margin-bottom:20px;}
	.footer-concept ul { margin:40px 0;}
	.footer-concept ul li { width:100%; float:none; margin-right:0; margin-bottom:20px;}
}


.wrap-product { width:1000px; margin:80px auto; overflow:hidden;}
.w48-product { width:480px;}
.w48-product p { margin:0 0 16px; line-height:2;}
.w48-product img { width:480px; height:480px; object-fit:cover; vertical-align:bottom;}
.w48-product .des { margin:16px 0; line-height:1;}
.name-product { font-size:20px; text-align:center; margin:0 0 40px;}
.name-product small { font-size:13px; display:block; font-weight:400; margin-bottom:8px;}
.name-product span { font-size:15px; display:block; font-weight:400; margin-top:8px;}
.w48-product dl { margin:40px 0; padding:0;}
.w48-product dt { width:20%; float:left; padding:4px 0; font-weight:400;}
.w48-product dd { border-bottom:1px solid #bbb; padding:4px 0; padding-left:20%; margin:0;}
.w48-product a { display:block; height:40px; line-height:40px; color:#fff; background-color:#FA58AC; margin:24px 0 0 ; text-align:center; border:1px solid #FA58AC;}
.w48-product a:hover { color:#FA58AC; background-color:#fff;}

@media screen and (max-width:768px){
	.wrap-product { width:100%; padding:0 5%;}
	.w48-product { width:100%;}
	.w48-product img { width:100%; height:100%;}
	.w48-product.fleft { text-align:center; margin-bottom:20px;}
	.name-product { font-size:18px; line-height:1.6;}
}

.footer-bar { padding:24px 80px; background-color:#FA58AC; color:#fff; overflow:hidden;}
.footer-bar h3 { font-size:16px; margin:0 0 8px;}
.footer-bar h3 span { font-weight:400; padding-left:16px;}
.footer-bar h4 { font-size:36px; line-height:57px; margin:0; position:relative;}
.footer-bar h4 .ct { background-color:#fff; color:#FA58AC; font-size:16px; padding:0 8px; position:absolute; top:0px; right:0;}
.footer-bar h4 a:hover { opacity:.8;}
@media screen and (max-width:768px){
	.footer-bar { padding:40px 5% 16px;}
	.footer-bar h3 { font-size:18px;}
	.footer-bar h3 span { display:block; padding-left:0; font-size:16px;}
	.footer-bar h4 { font-size:32px; line-height:1.6;}
	.footer-bar h4 .ct { display:block; position:static; padding:8px 0; text-align:center;}
}

.footer-bottom { padding:16px 80px; overflow:hidden;}
.footer-bottom .w60 { width:50%;}
.footer-bottom .w40 { width:46%;}
.footer-bottom a { color:#111; text-decoration:none;}
.footer-bottom a img { width:100%;}
.footer-bottom ul { margin:0 0 20px; padding:0 0 0 8px; border-left:1px solid #bbb; }
.footer-bottom ul li { list-style:none;}

.footer-bottom ul li img { width:100%;}

.footer-bottom .box { background-color:#F7FE2E; padding:4px; display:none;}
.footer-bottom .box img { width:32.66%; margin-right:1%; float:left; display:block;}
.footer-bottom .box img:nth-of-type(3n) { margin-right:0;}
.footer-bottom .box h4 { text-align:center; font-size:18px; margin:8px 0;}

.ul-footer { margin:16px 0 !important; padding:0 !important; border:0 !important; overflow:hidden;}
.ul-footer li { width:49%; margin-right:2%; float:left; padding:0 !important;}
.ul-footer li:nth-of-type(2n) { margin-right:0;}

.sns { padding:8px 0; position:relative;}
.sns h4 { font-size:18px; margin:0; line-height:48px;}
.sns ul { margin:0; padding:0; position:absolute; top:8px; right:0; border:0 !important;}
.sns ul li { background-color:#666; width:48px; height:48px; line-height:48px; font-size:0; display:block; text-align:center; margin-left:8px; float:right; border-radius:50%;}
.sns ul li a { color:#fff; font-size:24px;}
.sns ul li:first-of-type { font-weight:400; padding:0;}

.site-footer { }

@media screen and (max-width:768px){
	.footer-bottom { padding:16px 5%;}
	.footer-bottom .w60 { display:none;}
	.footer-bottom .w40 { width:100%;}
	.ul-footer { display:none;}
	.ul-footer li { width:100%; margin-right:0; float:none;}
	.sns h4 { display:none;}
	.sns ul { margin:0; padding:0; position:static;}
	
	.site-footer { }
}



.site-info { background-color:#333; color:#fff !important; text-align:center; padding:20px 0;}
.site-info a { color:#fff;}

button#responsive-menu-pro-button { border-radius:0;}

.wrap-voice { background-color:#F6CEE3; margin:0 5%; padding:80px 64px;}
.midashi-voice { color: #3c7cf1; font-size:56px; font-weight:400; position:relative; z-index:9; margin:0; clear:both;}
.midashi-voice span { display:block; margin:16px 0 0 24px; font-size:36px;}
.midashi-voice.fright { margin:-106px 0px 0;}

.box-voice { margin:-20px 0 160px;}
.box-voice:after,.midashi-voice:after { content:""; display:block; clear:both;}
.box-voice .img { width:64%; float:left; margin-left:calc( -80px + -5% );}
.box-voice .txt { width:44%; float:right; padding:40px 0;}
.box-voice .img2 { width:64%; float:right; margin-right:calc( -248px + -5% ); margin:right}
.box-voice .txt2 { width:44%; float:left; padding:40px 0;}


.footer-top { border-top:1px solid #FA58AC; border-bottom:1px solid #FA58AC; padding:32px 0; background-color:#F8E0F1; text-align:center; position:relative;}
.ft-img { width:22%; height:100%; height:432px; object-fit:cover;}
.footer-top .main { padding:0 30%;}
.footer-top .main h3 { font-size:32px; clear:none; margin:24px 0 20px;}
.footer-top .main h3 span { color:#FA58AC;}
.footer-top .main h3 a { color:#111; text-decoration:underline;}
.footer-top .main ul { margin:24px 0; padding:0; overflow:hidden;}
.footer-top .main ul li { width:32%; margin-right:2%; float:left; list-style:none; position:relative;}
.footer-top .main ul li:nth-of-type(3n) { margin-right:0;}
.footer-top .main ul li div { font-size:20px; padding:4px 0; border:4px solid #FA58AC; box-sizing:border-box; background-color:#fff; color:#FA58AC; font-weight:bold; margin:0 0 8px;}
.footer-top .main ul li div a { color:#FA58AC;}
.footer-top .main ul li p { margin:0; padding:0 16px;}
.footer-top .main .btn { width:400px; padding:16px 0; font-size:18px; color:#fff !important; background-color:#FA58AC; border-radius:40px; display:block; font-weight:bold; margin:0 auto; border:0;}

.footer-top.top  { margin-bottom:80px;}
.footer-top.top .main ul li { width:49%; }
.footer-top.top .main ul li:nth-of-type(2n) { margin-right:0;}
@media screen and (max-width:768px){
	.footer-top { padding:80px 0 40px;}
	.ft-img { width:50%; height:100%; object-fit:cover; float:left; margin-top:24px; margin-bottom:20px;}
	.footer-top .main { padding:0 5%; text-align:left;}
	.footer-top .main h3 { font-size:22px; position:absolute; top:40px; width:100%; text-align:center; margin:0 -5%;}
	.footer-top .main ul li { width:100%; margin-right:0; float:none; border:4px solid #FA58AC; margin-bottom:16px; text-align:center;}
	.footer-top .main ul li div { border:0; margin:0;}
	.footer-top .main ul li p { background-color:#fff; padding:0;}
	.footer-top .main a { width:100%; text-align:center;}
	.footer-top .main .btn { width:100%;}
	
	.footer-top.top  { margin-bottom:40px;}
	.footer-top.top .main ul li { width:100%;}
}

.top-bar { background-color:#FA58AC; color:#fff; padding:64px 180px 24px;}
.top-bar h3 { font-size:24px; width:43%; float:left; margin:0; line-height:1.8; letter-spacing:.05em; font-weight:400;}
.top-bar p { font-size:18px; padding-left:47%; margin-bottom:40px;}

@media screen and (max-width:768px){
	.top-bar { padding:40px 4%; text-align:center;}
	.top-bar h3 { font-size:20px; width:100%; float:none; margin:0 0 20px;}
	.top-bar p { font-size:14px; padding-left:0; margin-bottom:0; text-align:left; font-weight:400;}
}

.wrap-order { padding:80px 5% 56px;}

.midashi-front { font-size:40px !important; text-align:center; margin:-80px 0 40px !important; position:relative;  color:#333; padding:120px 0 20px;}
.midashi-front span { font-size:18px; display:block; margin:0 0 15px; font-weight:400;}
.midashi-front.propose span { font-size:22px; font-weight:bold;}
.midashi-front em { color:#FA58AC; font-style:normal;}
.midashi-front:after { content: ""; display: block; position: absolute; left: 50%; bottom: 1px; height: 2px; width: 44px; margin-left: -22px; z-index: 0; background-color:#111;}

.ul-front { margin:0; padding:0; overflow:hidden;}
.ul-front li { width:32%; margin-right:2%; float:left; border:2px solid #111; padding:40px 8px; text-align:center; list-style:none; border-radius:16px; font-size:16px; font-weight:bold; margin-bottom:20px;}
.ul-front li:nth-of-type(3n) { margin-right:0;}

@media screen and (max-width:768px){
	.wrap-order { padding:40px 5%;}
	
	.midashi-front { font-size:32px !important; margin:-32px 0 24px !important; padding:56px 0 20px;}
	.midashi-front span { font-size:14px; margin:0 0 8px;}
	
	.ul-front li { width:100%; margin-right:0; float:none; margin-bottom:8px; padding:20px 4%; border-radius:0; font-size:14px;}
}

.wrap-feature { padding:80px 2%; border-top:1px solid #ccc;}
.wrap-feature .txt { padding:40px 32px 0; box-sizing:border-box;}
.wrap-feature h3 { font-size:24px; margin:0 0 20px; line-height:1.4;}
.wrap-feature .w50 img { vertical-align:top; line-height:1; width:100%;}
.box-RT { background-color:#fafafa; padding:40px; box-sizing:border-box; height:457px;}
.box-RT h3 { font-size:24px; color:#FA58AC; font-style:italic;}
.box-RT h3 span { font-size:18px; font-weight:400; padding-left:20px; font-style:normal;}
.box-RT dl { margin:0; padding:0;}
.box-RT dt { background-color:#666; color:#fff; padding:0 8px; font-weight:400; display:inline-block; font-size:16px;}
.box-RT dd { margin:0 0 20px;}
@media screen and (max-width:768px){
	.wrap-feature { padding:40px 4%;}
	.wrap-feature .txt { padding:0; margin-bottom:40px !important;}
	.wrap-feature h3 { font-size:18px; margin: 20px 0 16px; line-height:1.8;}
	.wrap-feature .w50 { margin-bottom:20px;}
	.wrap-feature .w50 img {}
	.box-RT { padding:24px 5%; height:auto;}
	.box-RT h3 { font-size:24px; margin:40px 0 24px;}
	.box-RT dt { padding:0 4px; font-size:14px;}
	.box-RT dt { margin:0 0 8px;}
}

.wrap-lineup { padding:80px 2% 80px; background-color:#efefef; text-align:center;}
.wrap-lineup ul { margin:0; padding:0; overflow:hidden;}
.wrap-lineup ul li { width:23.5%; margin-right:2%; float:left; list-style:none; margin-bottom:24px; text-align:left;}
.wrap-lineup ul li:nth-of-type(4n) { margin-right:0;}
.wrap-lineup .des { margin:40px auto 16px; font-size:16px; width:62%;}
.btn-option {  display:block; line-height:40px; width:240px; text-align:center;}
.wrap-lineup .btn,.wrap-topreason .btn,.wrap-progress .left .btn,.wrap .btn-biz,.wrap .btn-option { background-color:#fff; margin:40px auto 0; border:1px solid #111;}
.wrap-lineup .btn:hover,.wrap-topreason .btn:hover,.wrap-progress .left .btn:hover,.wrap .btn-biz:hover,.wrap .btn-option:hover { background-color:#FA58AC; color:#fff !important; border-color:#FA58AC;}
.wrap-lineup ul li img { width:100%; margin-bottom:20px;}
.wrap-lineup ul li dl { margin:0 0 20px; padding:0;}
.wrap-lineup ul li dt { display:inline-block; float:left; margin-right:8px;}
.wrap-lineup ul li dd { margin:0; padding:0; text-align:right;}

.wrap .btn-option { margin:0 auto 80px !important; color:#111;}

@media screen and (max-width:768px){
	.wrap-lineup { padding:40px 4%; margin:0 !important;}
	.wrap-lineup ul li { width:48%; margin-right:4%; margin-bottom:24px; text-align:left;}
	.wrap-lineup ul li:nth-of-type(2n) { margin-right:0;}
	.wrap-lineup .des { margin:24px auto 16px; width:100%; text-align:left;}
	.wrap-lineup .btn,.wrap-topreason .btn,.wrap-progress .left .btn { width:100%; font-size:16px;}
	.wrap-lineup ul li img { margin-bottom:20px;}
	
	.wrap .btn-option { margin:0 auto 40px !important;}
}

.midashi-top { font-size:24px; text-align:center; margin:0; padding-top:80px;}

.ul-topmenu { margin:0; padding:40px 0; overflow:hidden;}
.ul-topmenu li { width:32%; margin-right:2%; float:left; list-style:none; border:2px solid #FA58AC; box-sizing:border-box; text-align:center; font-size:16px; position:relative; margin-bottom:16px; font-weight:bold; padding:20px; box-sizing:border-box; position:relative; display:flex; align-items:center;}
.ul-topmenu li:nth-of-type(3n) { margin-right:0;}
.ul-topmenu li a { color:#111 !important; text-decoration:none !important; display:block; text-align: center; width:100%;}
.ul-topmenu li:after { display:block; content:"\f0d7"; font-family:"Font Awesome 5 Free"; font-size:13px; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background-color:#FA58AC; position:absolute; bottom:-2px; right:-2px; font-weight:bold;}
.ul-pagemenu li { width:23.5%; padding:20px 16px; display:flex; align-items:center; height:100px;}
.ul-pagemenu li:nth-of-type(3n) { margin-right:2%;}
.ul-pagemenu li:nth-of-type(4n) { margin-right:0;}
.ul-pagemenu a { width: 100%; display: block; text-align: center;}

@media screen and (max-width:768px){
	.ul-topmenu { padding:40px 0;}
	.ul-topmenu li { width:49%; font-size:14px; padding:20px 8px; height:94px;}
	.ul-topmenu li:nth-of-type(3n) { margin-right:2%;}
	.ul-topmenu li:nth-of-type(2n) { margin-right:0;}
	.ul-pagemenu li { height:94px; padding:20px 10px;}
	.ul-pagemenu a { width: 100%; display: block; text-align: center;}
}

.wrap-topvoice ul { margin:0 0 64px; padding:0; overflow:hidden;}
.wrap-topvoice ul li { width:32%; text-align:left; margin-right:2%; float:left; list-style:none; margin-bottom:40px; height:370px;}
.wrap-topvoice ul li:nth-of-type(3n) { margin-right:0;}
.wrap-topvoice ul li:nth-of-type(4) { margin-right:2%;}
.wrap-topvoice ul li img { width:100%; margin-bottom:0;}
.wrap-topvoice dl { margin:16px 0 !important; padding:0; overflow:hidden;}
.wrap-topvoice dt { background-color:#F5A9D0; color:#fff; padding:0 12px; height:26px; line-height:26px; border-radius:28px; float:left; font-size:12px;}
.wrap-topvoice dd { margin-top:3px; height:26px; line-height:26px; display:inline-block;}
.wrap-topvoice dd span { padding-right:10px; margin-right:10px; display:inline-block; border-right:1px solid #111;}
.wrap-topvoice a { text-decoration:none !important; font-size:15px; color:#111; font-weight:bold;}
.wrap-topvoice .btn { font-size:18px;}
.wrap-topvoice ul li:hover a { color:#FA58AC !important;}

@media screen and (max-width:768px){
	.wrap-topvoice { margin:0 auto 40px;}
	.wrap-topvoice ul { margin:0;}
	.wrap-topvoice ul li { width:48%; margin-right:4%; height:auto; margin-bottom:32px; min-height: 235px;}
	.wrap-topvoice ul li img { margin-bottom:8px;}
	.wrap-topvoice ul li:nth-of-type(3n) { margin-right:4%;}
	.wrap-topvoice ul li:nth-of-type(2n) { margin:0;}
	.wrap-topvoice dl { margin:8px 0 4px !important;}
	.wrap-topvoice dt { font-size:10px;}
		.wrap-topvoice dd { margin:4px 0 4px 16px; font-size:12px;}
	.wrap-topvoice a { font-size:13px;}
}

.wrap-topreason { padding:80px 2%; background-color:#333; color:#fff; text-align:center;}
.wrap-topreason h3 { color:#fff;}
.wrap-topreason h3:after { background-color:#fff;}
.wrap-topreason .lead { font-size:16px; margin:40px 0;}
.wrap-topreason ul { margin:0 0 80px; padding:0; overflow:hidden;}
.wrap-topreason ul li { width:32%; float:left; margin-right:2%; background-color:#fff; list-style:none; height:560px; margin-bottom:20px;}
.wrap-topreason ul li:nth-of-type(3n) { margin-right:0;}
.wrap-topreason ul li img { width:100%;}
.wrap-topreason a { color:#111; }
.wrap-topreason .txt { margin:8px 16px; color:#111;}
.wrap-topreason .txt span { color:#FA58AC; position:relative; z-index:2;}
.wrap-topreason .txt span:before { content: ""; display: block; width: 100%; height: 11px; background-color: #fff100;  position: absolute; bottom: 0; left: 0; z-index: -1;}
.wrap-topreason .btn { border:2px solid #fff; background-color:#333; color:#fff !important;}
.wrap-lineup .btn:hover,.wrap-topreason .btn:hover { border:2px solid #FA58AC; background-color:#FA58AC; color:#fff !important;}
.wrap-topreason .ul-pagereason li { width:32%; margin-right:2%; margin-bottom:20px; height:440px;}
.wrap-topreason .ul-pagereason li:nth-of-type(5n) { margin-right:2%;}
.wrap-topreason .ul-pagereason li:nth-of-type(3n) { margin-right:0;}

.wrap-topreason.resavation ul li { height:420px;}

@media screen and (max-width:768px){
	.wrap-topreason { padding:40px 4%;}
	.wrap-topreason .lead { font-size:16px; margin:24px 0; text-align:left;}
	.wrap-topreason ul { margin:0 0 40px;}
	.wrap-topreason ul li { width:100%; float:none; margin-right:0; height:auto; overflow:hidden; margin-bottom:16px;}
	.wrap-topreason ul li:last-of-type { margin-bottom:0;}
	.wrap-topreason ul li img { width:100%; object-fit: cover;}
	.wrap-topreason .txt { padding:10px 5%; margin:0; font-size:12px; text-align:left;}
	.wrap-topreason .ul-pagereason li { width:100%; margin-right:0; height:auto;}
	.wrap-topreason .ul-pagereason li:nth-of-type(5n) { margin-right:0;}
}

.wrap-progress { background-color:#efefef; padding:80px 0 80px 120px; position:relative;}
.wrap-progress .left { width:32%; float:left; padding:0 40px 0 0; box-sizing:border-box;}
.wrap-progress .left h3 { margin:88px 0 64px; text-align:center; font-size:64px; line-height:1;}
.wrap-progress .left h3 span { display:block; font-size:22px;}
.wrap-progress .left h3 em { color:#FA58AC; font-style:normal;}
.wrap-progress .left h3 small { font-size:18px;}
.wrap-progress .left .btn { width:100%; padding:8px 0; font-size:16px;}
.wrap-progress .right { width:68%; float:right;}
.wrap-progress .right img { width:100%;}

.wrap-progress.seika-process { padding:80px 0 80px 80px; margin:0; background-color:#ffe4e1;}
.wrap-progress.seika-process .midashi { font-size:32px; font-weight:400; text-align:center; margin:0 0 40px; }
.wrap-progress.seika-process .midashi span { font-size:20px; display:block; margin:8px 0 0;}
.wrap-progress.seika-process .left { font-size:16px;}
.wrap-progress.seika-process .left h3 { font-size:28px; margin:20px 0; color:#ff002b; text-align:left;}
.wrap-progress.seika-process .left h3 small { display:block; color:#111; font-weight:400; font-size:16px; margin:4px 0 0;}
@media screen and (max-width:768px){
	.wrap-progress,.wrap-progress.seika-process { padding:40px 4%; box-sizing:border-box;}
	.wrap-progress .left { width:100%; float:none; padding:0; margin:0 0 24px;}
	.wrap-progress .left h3 { margin:0; font-size:40px;}
	.wrap-progress .left h3 span { display:block; font-size:14px; margin-bottom:8px; line-height:1.8;}
	.wrap-progress .left .btn { width:92%; position:absolute; bottom:40px;}
	.wrap-progress .right { width:100%; float:none; margin-bottom:64px;}
	.wrap-progress.seika-process { margin:0 0 40px;}
	.wrap-progress.seika-process .midashi { font-size:24px; margin:0;}
	.wrap-progress.seika-process .midashi span { font-size:16px;}
	.wrap-progress.seika-process .left h3 { font-size:24px; text-align:center;}
}

.wrap-mess { background-color:#f5c2bf; padding:120px 160px 40px;}
.wrap-mess .inner { width:100%; height:100%; text-align:center; padding:240px 0; background-position:center; background-size:cover; margin-bottom:32px;}
.bg-cp1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-1.jpg);}
.bg-cp2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-2.jpg);}
.bg-cp3 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-3.jpg);}
.bg-cp4 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-4.jpg);}
.bg-cp5 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/top-5.jpg);}
.wrap-mess .inner h3 { font-size:64px; letter-spacing:.2em; color:#fff;}
.wrap-mess .inner h3 span { font-size:14px; display:block;}
.wrap-mess dl { margin:0; padding:0 64px; font-size:20px; overflow:hidden; line-height:20px; color:#585850; letter-spacing:.2em;}
.wrap-mess dt { width:40%; float:left;}
.wrap-mess dd:before { content:""; display:block; width:340px; height:4px; background-color:#585850; position:absolute; top:8px; left:40%;}
.wrap-mess dd { padding-left:calc(42% + 340px); font-size:16px; font-weight:bold; position:relative; margin:0;}
@media screen and (max-width:768px){
	.wrap-mess { padding:40px 0 40px 15%;}
	.wrap-mess .inner { padding:32px 0 140px; text-align:left;}
	.wrap-mess .inner h3 { font-size:40px; margin-left:-32px;}
	.wrap-mess .inner h3 span { font-size:12px; margin-top:12px;}
	.wrap-mess dl { padding:0; font-size:16px; line-height:20px;}
	.wrap-mess dt { width:100%; float:none;}
	.wrap-mess dd { padding-left:128px; font-size:12px;}
	.wrap-mess dd:before { content:""; display:block; width:120px; height:2px; left:0;}
}

.cf:after { content:""; display:block; clear:both;}

.bg-mess { background-color: #f0f0f0; color: #2b10bf; padding:80px 0 180px;}
.bg-mess section { position:relative;}
.bg-mess section img { object-fit:cover;}
.bg-mess section h3 { width: 26.94444vw; font-size: 1.66667vw; padding: 0 0 1.25vw; line-height:1.8; letter-spacing:.2em; border-bottom:4px solid #2b10bf; position:absolute; clear:none; z-index:9;}
.bg-mess section .txt { width: 28vw; position:absolute; z-index:9;}
.bg-mess .mess-1 img { width: 57.5vw; height: 42.22222vw;}
.bg-mess .mess-1 h3 { top:100px; right:20%;}
.bg-mess .mess-1 .txt { top:240px; right:11%;}
.bg-mess .mess-2 { padding:80px 100px 0 0;}
.bg-mess .mess-2 img { width: 41vw; height: 55.55556vw;}
.bg-mess .mess-2 h3 { top:160px; left:30%;}
.bg-mess .mess-2 .txt { top:320px; left:13%;}
.bg-mess .mess-3 { padding:100px 0 0;}
.bg-mess .mess-3 .img1 { top: -360px; width: 41.66667vw; height: 55.55556vw; position:absolute;}
.bg-mess .mess-3 .img2 { width: 52.5vw; height: 42.22222vw; float:right;}
.bg-mess .mess-3 h3 { bottom: 180px; left: 26.59722vw; z-index:99;}
.bg-mess .mess-3 .txt { top:520px; left:10%;}
.bg-mess .mess-4 { padding:80px 10%;}
.bg-mess .mess-4 img { width:88%; height: 42.22222vw; display:block; margin:0 auto 40px;}
.bg-mess .mess-4 h3 { right: 10.83333vw; top: 32vw;}
.bg-mess .mess-4 .txt { position:static; float:right;}

.bg-mess .mess-2 .txt { width:44vw;}
.bg-mess .mess-3 .txt { width:44vw;}
.bg-mess .mess-1 .txt-a { right:2%; width:44.5vw;}
.bg-mess .mess-4 .txt { width:40vw;}
@media screen and (max-width:768px){
	.bg-mess { padding:0 0 40px;}
	.bg-mess .mess-1 { width:100%; margin:0 auto; padding:0 10%;}
	.bg-mess .mess-1 img,.bg-mess .mess-4 img { width:124%; height:auto; margin:0 -12% 40px;}
	.bg-mess section h3 { width: auto; display:inline-block; font-size:4vw; margin:0 0 24px; position:static; clear:none;}
	.bg-mess section .txt { width: 100% !important; margin:0 0 40px; position: relative; top: auto !important; bottom:auto !important; right: auto !important; left: auto !important; z-index:9;}
	.bg-mess .mess-2 { padding:0 10%;}
	.bg-mess .fright { float:right;}
	.bg-mess .mess-2 img { width: 98%; height: 50Vh; margin-right:-13%; margin-bottom:40px;}
.bg-mess .mess-2 h3 { top:100%; clear:both;}
	.bg-mess .mess-3 { padding:0 10% ;}
	.bg-mess .mess-3 .img1 { top: 0; z-index:0; width: 98%; height: 50Vh; margin-left:-13%; margin-bottom:40px;}
	.bg-mess .mess-3 .img2 { position:static; width: 98%; height: 50Vh; margin-right:-13%; margin-bottom:40px; float:right;}
	.bg-mess .mess-4 { padding:0 10%;}
}

.navi-mess { border:2px solid #000; padding:32px 40px; margin:100px 0 80px !important; position:relative;}
.navi-mess:before { content:""; width:1px; height:80px; background-color:#000; position:absolute; left:50%; top:-64px;}
.navi-mess h3 { font-size:40px; font-weight:900; margin:0 0 32px; letter-spacing:.05em;}
.navi-mess h3 span { font-size:14px; font-weight:200; display:block; letter-spacing:.02em;}
.navi-mess ul { margin:0; padding:0; overflow:hidden;}
.navi-mess ul li { display:inline-block; padding:0 16px 0 0; float:left; color:#aaa; list-style:none; line-height:20px; font-size:14px;}
.navi-mess ul li i { font-size:14px; padding-left:4px;}
.navi-mess ul li a { color:#111;}
@media screen and (max-width:768px){
	.navi-mess {  padding:32px 5%; margin:80px 0 40px !important;}
	.navi-mess h3 { text-align:center; font-size:32px; margin:0 0 24px;}
	.navi-mess:before { height:64px; top:-40px;}
	.navi-mess ul li { width:100%; margin-bottom:16px; padding:0; font-size:13px; display:block;}
	.navi-mess ul li:last-of-type { width:100%; margin-bottom:0;}
	.navi-mess ul li i { font-size:10px; padding-left:2px;}
}

.wrap-products { width:100%; padding:0 2% 80px; position:relative;}
.midashi-products { font-size:24px; letter-spacing:.1em; border-bottom:1px solid #000; padding:120px 0 20px; margin:-80px 0 40px;}
.ul-products { margin:0; padding:0; overflow:hidden;}
.ul-products li { width:23.5%; margin-right:2%; float:left; list-style:none; margin-bottom:40px; position:relative;}
/*.ul-products.houjin li { height:488px;}
.ul-products.houjin2 li { height:432px;}*/
.ul-products li:nth-of-type(4n) { margin-right:0;}
.ul-products li img { width:100%;}
.ul-products li h4 { font-size:16px; margin:20px 0; font-weight:400; height:38px;}
.ul-products li a { display:block; padding:8px 0; background-color:#333; color:#fff; text-align:center; margin-top:20px; position:absolute; bottom:0; width:100%; position:initial;}

.ul-products.mb-0 li { margin-bottom:0; height:232px;}
.btn-products { display:block; border:1px solid #111; text-align:center; line-height:48px; margin:40px 0 40px; color:#111 !important;}
@media screen and (max-width:768px){
	.wrap-products { width:100%; padding:40px 5%;}
	.midashi-products { font-size:20px; padding:56px 0 8px; margin:-16px 0 20px;}
	.ul-products li { width:49%; height:240px; margin-bottom:24px;}
	.ul-products li:nth-of-type(2n) { margin-right:0;}
	.ul-products li p { margin:0; font-size:0;}
	.ul-products li span { display:none;}
	.ul-products li h4 { font-size:14px; height:auto;}
	.ul-products li a { font-size:12px; margin-top:0; position:absolute;}
	.ul-products.houjin li { height:340px;}
	.ul-products.houjin2 li { height:320px;}
	.btn-products { margin:24px 0;}
}

.box-pagevoice img,.box-pagestaff img { width:68%;}
.box-pagevoice div,.box-pagestaff div { width:38%;  background-color:#F8E0F1; padding:40px 32px; box-sizing:border-box; color:#FA58AC; font-size:20px; font-weight:700; position:absolute; right:2%; top:40vh;}
.box-pagevoice span { color:#666;} 
.box-pagevoice h4 { color:#666; font-size:16px; margin:0 0 20px;}
.box-pagevoice h4 a { color:#666; border:2px solid #666; padding:8px 20px; display:inline-block; margin-right:20px;}
.img-pagevoice { width:32%; float:right; margin-left:100px; margin-bottom:24px;}
.midashi-pagevoice { font-size:32px; margin:80px 0 24px; clear:none; letter-spacing:.05em;}
.midashi-pagevoice span { color:#FA58AC;}

@media screen and (max-width:768px){
	.box-pagevoice img,.box-pagestaff img { width:100%;}
	.box-pagevoice div { width:100%; position:static; padding:24px 5%; font-size:14px; font-weight:400;}
	.box-pagevoice h4 { font-size:14px;}
	.box-pagevoice h4 a { padding:4px 16px; margin-right:8px; border:1px solid #666;}
	.img-pagevoice { width:100%; float:none; margin-left:0;}
	.midashi-pagevoice { font-size:20px; margin:40px 0 20px;}
}

.bg-pagestaff { background-color:#F8E0F1; padding:80px 2%; position:relative;}
.box-pagestaff div { background-color:#fff; font-size:14px; color:#111;}

.box-pagestaff div:before { content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(160/499*100%);
    padding-top: calc(15/499*100%);
    background-color: #FA58AC;}
.box-pagestaff h4 { font-size:24px; margin:20px 0;}
.box-pagestaff h4 span { font-size:14px; color:#FA58AC; display:block; margin-top:8px;}
.box-pagestaff dl { margin:0; padding:0; overflow:hidden; font-weight:400;}
.box-pagestaff dt { width:30%; float:left; font-weight:400;}
.box-pagestaff dd { padding:0 0 0 32%; margin:0 0 8px;}
.bg-pagestaff h3 { font-size:48px; margin:80px 0 20px; letter-spacing:.1em; color:#666;}
.bg-pagestaff h3 span { font-size:18px; display:block; font-weight:400;}
.bg-pagestaff .lead { font-size:16px; margin:40px auto 80px !important;}

@media screen and (max-width:768px)
{
	.bg-pagestaff { padding:40px 5%;}
	.box-pagestaff div { position:relative; top:auto; left:0; width:90%; margin:-40px auto 0; padding:24px 5%;}
	.box-pagestaff h4 { font-size:20px; margin:0 0 20px;}
	.box-pagestaff h4 span { display:inline-block; margin-top:0; margin-left:4px;}
	.box-pagestaff dt { width:24%;}
	.box-pagestaff dd { padding:0 0 0 28%;}
	.bg-pagestaff h3 { font-size:32px; margin:40px 0 20px;}
	.bg-pagestaff .lead { font-size:14px;}
}

.midashi-favorite { font-size:48px; margin:0 0 20px; text-align:center;}
.midashi-favorite span { font-size:18px; display:block; font-weight:400;}
.ul-favorite { margin:0; padding:0; overflow:hidden;}
.ul-favorite li { width:32%; margin-right:2%; float:left; list-style:none;}
.ul-favorite li:nth-of-type(3n) { margin-right:0;}
.ul-favorite li img { width:100%; margin-bottom:20px;}
@media screen and (max-width:768px){
	.midashi-favorite { font-size:32px;}
	.midashi-favorite span { font-size:14px; margin:4px 0 0;}
	.ul-favorite li { width:100%; margin-right:0; float:none; margin-bottom:20px;}
	.ul-favorite li img { margin-bottom:8px;}
}

.midashi-produce { font-size:16px; text-align:center; line-height:1.6; font-weight:400; padding:80px 0 0; margin:0 0 80px;}
.midashi-produce span { font-size:28px; font-weight:700;}
.midashi2-produce { font-size:32px; color:#FA58AC; background: -webkit-linear-gradient(0deg, #FA58AC, #ffc0cb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align:center; margin:0 0 80px; font-weight:700;}

.box-produce { margin:0 0 100px; padding:32px; background-color:#efefef; position:relative;} 
.box-produce h4 { font-size:24px; text-align:center; border-bottom:1px dashed #000; padding:0 0 20px; margin:-48px 0 0; letter-spacing:.05em;}
.box-produce h4 span { font-size:28px; color:#FA58AC; display:block; margin-bottom:16px;}
.box-produce div { padding:24px 24px 0; overflow:hidden;}
.box-produce div img { width:40%; float:left; margin-right:32px; margin-bottom:24px;}
.box-produce div a,.wrap-feature .w50 .btn-a,.btn-a { background-color:#FA58AC; color:#fff !important; padding:8px 40px; display:inline-block; margin-right:24px; border-radius:24px; margin-top:20px; border:1px solid #FA58AC;}
.box-produce div a:hover,.wrap-feature .w50 .btn-a:hover,.btn-a:hover { background-color:#fff; color:#FA58AC !important;}
.box-produce:after { content:"↓"; font-size:80px; color:#111; position:absolute; left:calc( 50% - 40px ); bottom:-100px; font-weight:400;}
.box-produce.last:after { display:none;}
.box-produce.last { margin:0 0 80px;}
.box-produce div p { padding-left:42%;}

@media screen and (max-width:768px) {
	.midashi-produce { margin:64px 0;}
	.midashi-produce span { font-size:28px;}
	.midashi2-produce { font-size:24px; margin:0 0 40px;}
	.box-produce { margin:0 0 64px; padding:32px 5%;}
	.box-produce h4 { font-size:18px; line-height:1.6; margin:-46px 0 0; }
	.box-produce h4 span { line-height:1;}
	.box-produce div { padding:24px 0 0;}
	.box-produce div img { width:100%; float:none; margin-right:0;}
	.box-produce div a,.wrap-feature .w50 .btn-a { display:block; margin-right:0; text-align:center;}
	.box-produce:after { font-size:64px; left:calc( 50% - 19px ); bottom:-80px;}
	.box-produce.last { margin:0 0 40px;}
	.box-produce div p { padding-left:0;}
}

.wrap-plan { width:90%; margin:0 auto 80px; }
.wrap-plan h3 { font-size:32px; margin:0 0 80px; text-align:center; font-weight:400;}
.wrap-plan .lead { font-size:16px; margin:0 0 80px !important; text-align:center; width:100%;}
.wrap-plan ul { margin:0; padding:0; overflow:hidden;}
.wrap-plan li { width:47%; margin-right:6%; float:left; list-style:none;}
.wrap-plan li:nth-of-type(2n) { margin-right:0;}
.wrap-plan li img { width:100%;}
.wrap-plan li h4 { font-size:20px; color:#00438d; margin:24px 0; line-height:1.4;}
.wrap-plan li h4 span { font-size:16px; display:block; margin-top:10px;}
.wrap-plan li h4 span small { font-size:14px; padding-left:10px;}
.wrap-plan li strong { font-size:16px; font-weight:400; display:block; border-bottom:1px dashed #333; margin:20px 0;}
.wrap-plan li div { background-color:#fafafa; padding:20px 5%; border-radius:8px;}
.wrap-plan li div strong { margin:0 0 20px;}
.wrap-plan li a { display:block; text-align:center; border:1px solid #111; margin-top:20px; color:#111; line-height:40px;}
@media screen and (max-width:768px){
	.wrap-plan { width:90%; margin:0 auto;}
	.wrap-plan h3 { font-size:20px; margin:0 0 40px;}
	.wrap-plan li { width:100%; margin-right:0; float:none; margin-bottom:40px;}
	.wrap-plan li:nth-of-type(2) { margin-bottom:0;}
	.wrap-plan .lead { font-size:14px; margin:0 0 40px;}
}

.ul-produce li { width:100%;  margin:0 0 56px;}
.ul-produce li h4 { background-color:#FA58AC; color:#fff; padding:16px; overflow:hidden; font-weight:400; line-height:1; text-align:left; margin:0 0 24px;}
.ul-produce li h4 span { float:right; font-size:20px; margin-top:0;}
.ul-produce li dl { margin:0 0 24px; padding:0; line-height:1.6;}
.ul-produce li dt { width:84px; float:left; padding:8px; font-weight:400; background-color:#FA58AC; color:#fff; display:block; text-align:center; border-radius:24px;}
.ul-produce li dd { padding:8px 0 8px 100px; margin:0;}
.ul-produce li h5 { font-size:20px; margin:0 0 20px;}
.ul-produce li ul { margin:0 0 24px;}
.ul-produce li ul li { width:100%; float:none; list-style:disc; border-bottom:1px dashed #111;list-style-position:inside; padding:4px 0; margin:0;}
.ul-produce li .box { background-color:#fafafa; border-radius:8px; padding:24px 20px; font-size:15px; color:red;}
@media screen and (max-width:768px){
	.ul-produce li { margin:0 0 40px;}
	.ul-produce li h4 { font-size:16px; line-height:1.4;}
	.ul-produce li dt { width:100%; float:none;}
	.ul-produce li dd { padding:8px 0;}
	.ul-produce li ul { margin:0 0 20px;}
	.ul-produce li:nth-of-type(2) { margin-bottom:40px;}
	.ul-produce li ul li:nth-of-type(2) { margin-bottom:0;}
}

.wrap-mT { width:1000px; margin:0 auto;}

.midashi-mT { font-size:24px; margin:80px 0 24px !important;}
.midashi-mT span { font-size:14px; margin:8px 0 0; font-weight:400; display:block;}
.photoarea { width:1000px; margin:0 auto;}
.photoarea img { width:490px; height:100%; object-fit:cover;}
.photoarea a { display:block; position:relative; color:#fff; margin-bottom:20px;}
.photoarea a span { font-size:20px; color:#fff; position:absolute; text-align:right; right:20px; bottom:20px; text-shadow:1px 1px 1px #000; line-height:1;}
.photoarea .a { height:400px;}
.photoarea .b { height:190px;}
.photoarea p { margin:0; font-size:0;}
.mt-80 { margin-top:80px !important;}
.mt-160 { margin-top:160px !important;}
@media screen and (max-width:768px) {
	.wrap-mT { width:100%; margin:0 auto; padding:0 5%;}
	.photoarea { width:100%; margin:0 auto;}
	.midashi-mT { font-size:20px; margin:40px 0 !important;}
	.photoarea img { width:100%; height:160px !important;}
	.photoarea .a,.photoarea .b { height:auto !important;}
	.photoarea .a img { height:auto !important;}
	.mt-80,.mt-160 { margin-top:40px !important;}
	.photoarea a span { font-size:14px; right:8px; bottom:8px;}
}

.ul-frontnew { margin:0; padding:0; overflow:hidden;}
.ul-frontnew li { width:23.5%; margin-right:2%; float:left; list-style:none; display:table-cell; font-size:0; margin-bottom:24px;}
.ul-frontnew li h5 { font-size:14px; font-weight:400;}
.ul-frontnew li:nth-of-type(4n) { margin-right:0;}
.ul-frontnew li:nth-of-type(1) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/propose.jpg);}
.ul-frontnew li:nth-of-type(2) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bou.jpg);}
.ul-frontnew li:nth-of-type(3) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/誕生.jpg);}
.ul-frontnew li:nth-of-type(4) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/tanjoubi.jpg);}
.ul-frontnew li:nth-of-type(5) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/結婚.jpg);}
.ul-frontnew li:nth-of-type(6) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/長寿.jpg);}
.ul-frontnew li:nth-of-type(7) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bukka.jpg);}
.ul-frontnew li:nth-of-type(8) a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/法人.jpg);}
.ul-frontnew li a { display:block; text-align:center; height:240px; display:table-cell; color:#fff; background-size:cover; background-position:center; margin-bottom:20px;}
.ul-frontnew li a:hover span { background-color:rgba(0,0,0,0); text-shadow:1px 1px 1px #666;}
.ul-frontnew li a span { font-size:16px; letter-spacing:.05em; display:table-cell; width:400px; background-color:rgba(0,0,0,0.5); height:240px; vertical-align:middle; margin-bottom:20px;}
.ul-frontnew li a span strong { font-size:40px; display:block;}

.ul-frontnew.produce li { background-size:cover; background-position:center; text-align:center;}
.ul-frontnew.produce li:nth-of-type(1) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/ani-1.jpg);}
.ul-frontnew.produce li:nth-of-type(2) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/pro.jpg);}
.ul-frontnew.produce li:nth-of-type(2) a { background-image:none; background-color:rgba(0,0,0,0); margin-bottom: 0; padding: 23.5% 0; display:block;}
.ul-frontnew.produce li:nth-of-type(3) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bir.jpg);}
.ul-frontnew.produce li:nth-of-type(4) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/cere.jpg);}
.ul-frontnew.produce span { font-size:16px; letter-spacing:.05em; display:table-cell; width:500px; height:240px; vertical-align:middle; margin-bottom:20px; color:#fff; text-shadow:1px 1px 1px #000;}
.ul-frontnew.produce li span strong { font-size:40px; display:block;}


.ul-frontnew.produce2 li { background-size:cover; background-position:center; text-align:center;}
.ul-frontnew.produce2 li:nth-of-type(1) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2020/07/m-2.jpg);}
.ul-frontnew.produce2 li:nth-of-type(2) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/pro.jpg);}
.ul-frontnew.produce2 li:nth-of-type(2) a { background-image:none; background-color:rgba(0,0,0,0); margin-bottom: 0; padding: 23.5% 0; display:block;}
.ul-frontnew.produce2 li:nth-of-type(3) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bir.jpg);}
.ul-frontnew.produce2 li:nth-of-type(4) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/cere.jpg);}
.ul-frontnew.produce span { font-size:16px; letter-spacing:.05em; display:table-cell; width:500px; height:240px; vertical-align:middle; margin-bottom:20px; color:#fff; text-shadow:1px 1px 1px #000;}
.ul-frontnew.produce li span strong { font-size:40px; display:block;}

.ul-frontnew.bridal li:nth-of-type(1) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/ani-1.jpg);}
.ul-frontnew.bridal li:nth-of-type(2) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/pro.jpg);}
.ul-frontnew.bridal li:nth-of-type(3) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bir.jpg);}
.ul-frontnew.bridal li:nth-of-type(4) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/cere.jpg);}

.ul-frontnew.bridal-soudan li:nth-of-type(1) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/ani-1.jpg);}
.ul-frontnew.bridal-soudan li:nth-of-type(2) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/pro.jpg);}
.ul-frontnew.bridal-soudan li:nth-of-type(3) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/bir.jpg);}
.ul-frontnew.bridal-soudan li:nth-of-type(4) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/cere.jpg);}

@media screen and (max-width:768px) {
	.ul-frontnew li { width:48%; margin-right:4%; float:left; margin-bottom:20px; display:block;}
	.ul-frontnew li:nth-of-type(2n) { margin-right:0;}
	.ul-frontnew.produce span { height:48vw; font-size:14px;}
	.ul-frontnew.produce li span strong { font-size:28px;}
	
	.ul-frontnew li a { height:120px;}
	.ul-frontnew li a span { height:120px; font-size:14px;}
	.ul-frontnew li a span strong { font-size:24px;}
}

div.wpcf7 { margin-bottom:20px;}

.lead { width:70%; margin:80px auto 40px !important; font-size:16px;}
.eeebg-service { background: #f3f3f3; padding:80px 0;}
.eeebg-service h3 { text-align:center; font-weight:bold; font-size:40px; letter-spacing:.1em;}
.eeebg-service h3 span { font-size:14px; display:block; font-weight:bold;}
.ul2-service { width:100%; overflow:hidden; list-style:none; margin:80px auto;}
.ul2-service li { width:48%; margin-right:4%; float:left; margin-bottom:40px; list-style:none;}
.ul2-service li:nth-of-type(2n) { margin-right:0;}
.ul2-service li img { width:100%; box-shadow: 0 4px 18.62px 0.38px rgba(14,14,14,.39);}
.ul2-service li div { background-color:#fff; margin:0 20px; padding:40px;}
.ul2-service li h3 { font-size:24px; margin-bottom:0; line-height:1.6;}
.ul2-service li p { margin-bottom:0;}
.ul2-service li a { color:#111;}

@media screen and (max-width:768px) {
.eeebg-service { background: #f3f3f3; padding:40px 0;}
.eeebg-service h3 { text-align:center; font-weight:bold; font-size:24px; letter-spacing:.1em; margin-bottom:32px;}
.eeebg-service h3 span { font-size:14px; display:block; font-weight:bold;}
.lead { width:100%; margin:40px auto !important; font-size:16px;}
.ul2-service { width:100%; overflow:hidden; list-style:none; margin:0 auto !important; padding:0;}
.ul2-service li { width:100%; margin-right:0%; float:left; margin-bottom:32px; list-style:none; padding:0 5%;}
.ul2-service li:nth-of-type(2n) { margin-right:0;}
.ul2-service li img { width:100%; box-shadow: 0 4px 18.62px 0.38px rgba(14,14,14,.39);}
.ul2-service li div { background-color:#fff; margin:0 8px; padding:8px 12px; text-align:left;}
.ul2-service li h3 { font-size:18px; margin-bottom:8px; text-align:center;}
.ul2-service li p { margin-bottom:0;}
}


.inner-biz .w48 { position:relative; margin-bottom:40px;}
.inner-biz .w48 .txt { width:42%; height:220px; position:absolute; bottom:0px; right:0px; background-color:#fff; padding:20px 0 0 20px;}
.inner-biz .w48 .txt h3 { font-size:20px; margin:0 0 20px;}
@media screen and (max-width:768px){
	.inner-biz .w48 .txt { width:54%; padding:20px 0 0 16px; margin-bottom:0 !important;}
	.inner-biz .w48 .txt h3 { font-size:16px;}
}

.wrap-feature h4 { font-size:24px; text-align:center;}
.wrap-feature .wrap p { text-align:center;}
@media screen and (max-width:768px){
	.wrap-feature h4 { font-size:20px;}
}

.ul-bizbgimg { margin:0; padding:240px 80px 80px; overflow:hidden; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/houjin-pala.jpg); background-size:cover; background-position:center;}
.ul-bizbgimg li { width:32%; margin-right:2%; float:left; list-style:none;}
.ul-bizbgimg li img { width:100%;}
.ul-bizbgimg li:nth-of-type(3n) { margin-right:0;}
.ul-bizbgimg li h3 { font-size:18px;}
@media screen and (max-width:768px){
	.ul-bizbgimg { padding:40px 5%;}
	.ul-bizbgimg li { width:100%; margin-right:0; float:none; margin-bottom:24px;}
	.ul-bizbgimg li h3 { font-size:16px;}
}

.wrap-aboutpf { margin:0 0 80px;}
.wrap-aboutpf dl { width:49%; float:left; margin:0 0 24px; padding:0; overflow:hidden;}
.wrap-aboutpf dl:nth-of-type(2n) { float:right;}
.wrap-aboutpf dt { width:140px; height:140px; float:left;}
.wrap-aboutpf dt img { width:100%;}
.wrap-aboutpf dd { width:calc(100% - 148px); height:140px; padding:8px; box-sizing:border-box; float:right; background-color:#FDEEED; margin:0;}
.wrap-aboutpf dd h4 { font-size:18px; color:#ED7987; border-bottom:1px dashed #ED7987; margin:0 0 8px; padding:0 0 8px;}
.wrap-aboutpf dd h4 span { border-left:6px solid #ED7987; padding-left:8px; display:block;}
@media screen and (max-width:768px){
	.wrap-aboutpf { margin:0 0 40px;}
	.wrap-aboutpf dl { width:100%; float:none; margin:0 0 20px;}
	.wrap-aboutpf dt { width:80px; height:80px;}
	.wrap-aboutpf dd { width:calc(100% - 84px); height:auto; font-size:12px; line-height:1.4;}
	.wrap-aboutpf dd h4 { font-size:14px; padding:0 0 4px; margin:0 0 4px;}
}

.w60 { width:60%;}
.mt-20 { margin-top:20px;}
@media screen and (max-width:768px){
	.mt-20 { margin-top:20px;}
	.w60 { width:100%;}
}

.wrap-hidden {
    margin:0 0 40px;/*前後の余白*/
    padding: 8px 0 0;
}

/*ボタン装飾*/
.wrap-hidden label { font-size:20px; font-style: normal; font-weight:400 !important; width:100%; display:block; position:relative; cursor:pointer; line-height:1; text-align:center;}
.wrap-hidden label span { background-color:#fff; border-radius:24px; display:inline-block; height:43px; line-height:43px; transition: all 0.35s; cursor:pointer; padding:0 120px;}

/*ボタンホバー時*/
.wrap-hidden label:hover { }

/*チェックは見えなくする*/
.wrap-hidden input {
    display: none;
}

/*中身を非表示にしておく*/
.wrap-hidden .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}
.wrap-hidden p { margin:0;}

/*クリックで中身表示*/
.wrap-hidden input[type=checkbox]:checked ~ .hidden_show {
    padding: 40px 0 0;
    height: auto;
    opacity: 1;
}
/*.wrap-hidden input[type=checkbox]:checked + label span { transform: rotate(135deg);}*/

@media screen and (max-width:768px){
	.wrap-hidden label { height:auto; font-size:20px; line-height:1.6;}
}

.wrap-lesson { width:80%; margin:0 auto;}

.ul-lessonmenu { margin:0 0 80px;; padding:80px 0 0; overflow:hidden;}
.ul-lessonmenu li { width:48%; float:left; list-style:none; background-color:#fafafa; text-align:center; display:block; padding:8px 0; border-radius:8px;}
.ul-lessonmenu li:nth-of-type(2) { float:right;}
.ul-lessonmenu li a { color:#666; font-size:18px;}
.ul-lessonmenu li a small { padding-left:16px;}
@media screen and (max-width:768px){
	.wrap-lesson { width:90%;}
	.ul-lessonmenu { margin:40px 0; padding:0;}
	.ul-lessonmenu li { width:100%; float:none; margin-bottom:16px;}
	.ul-lessonmenu li:nth-of-type(2) { float:none; margin-bottom:0;}
}

.midashi-lesson { margin:40px 0; border-left:8px solid #FA58AC; padding-left:20px; color:#FA58AC;}
.midashi2-lesson { margin:40px 0 24px; background-color:#ED7987; color:#fff; font-size:18px; padding:8px 20px; border-radius:8px; font-weight:400;}

.inner-lesson { padding:0 0 0 40px; overflow:hidden;}

.dl-lesson { margin:0; padding:0;}
.dl-lesson dt { width:20%; float:left; font-size:16px;}
.dl-lesson dd { padding:0 0 16px 22%; border-bottom:1px dashed #666; margin:0 0 20px;}
@media screen and (max-width:768px){
	.inner-lesson { padding:0;}
	.dl-lesson dt { width:100%; float:none;}
	.dl-lesson dd { padding:0 0 16px;}
}

.inner-lesson .btn { display:inline-block; border:2px solid #FA58AC; padding:8px 0; border-radius:24px; color:#FA58AC !important; margin:24px 0 40px; float:right; width:300px;}
.inner-lesson .btn:hover { background-color:#FA58AC; color:#fff !important;}
@media screen and (max-width:768px){
	.inner-lesson .btn { float:none; width:100%;}
}

.pricebox-lesson { background-color:#FDEEED; padding: 24px; border-radius:8px; clear:both; margin:0 0 40px;}
.pricebox-lesson h3 { font-size:22px; padding:0 0 8px; border-bottom:2px dashed #783732; color:#783732; margin:0 0 24px;}
.pricebox-lesson .des { color:#666; font-size:14px; line-height:1.4; margin:0 0 4px;}
.pricebox-lesson dl { margin:0 0 24px; padding:0; border-bottom:1px solid #ccc; line-height:1.4;}
.pricebox-lesson dt { width:36%; float:left; margin:0; padding:0; font-size:18px; color:#FA58AC;}
.pricebox-lesson dd { padding-left:38%; margin:0 0 14px; font-size:18px;}
.pricebox-lesson dd small { font-size:14px; display:block; margin-top:8px;}
.mt-40 { margin-top:40px !important;}
.pricebox-lesson h4 { font-size:18px;margin:40px 0 24px; font-weight:400; background-color:#aaa; padding:4px; color:#fff; text-align:center; border-radius:8px;}
	.pricebox-lesson img { max-width:100%;}
@media screen and (max-width:768px){
	.pricebox-lesson { padding: 24px 5%;}
	.pricebox-lesson .des { font-size:13px; margin:0 0 8px;}
	.pricebox-lesson dt { width:100%; float:none; margin-bottom:8px;}
	.pricebox-lesson dd { padding-left:0; font-size:16px;}
	.pricebox-lesson dd small { font-size:13px;}
	.pricebox-lesson dd small { margin-top:16px;}
	.mt-40 { margin-top:20px !important;}
	.pricebox-lesson img { max-width:100%;}
	.pricebox-lesson h3 { line-height:1.6;}
	.pricebox-lesson h3 small { font-size:12px; display:block;}
}

.w656-page { width:65.6%; margin-right:3%; float:left; background-color:#000; height:300px; margin-bottom:32px; font-size:0;}
.w313-page { width:31.3%; float:left; background-color:#000; height:300px; margin-bottom:32px; font-size:0;}
.w656-page img,.w313-page img { width:100%; height:100%; object-fit:cover; opacity:.5;}
.w656-page a,.w313-page a { color:#fff;}
.w656-page,.w313-page { position:relative;}
.w656-page span,.w313-page span { font-size:24px; position:absolute; right:20px; bottom:20px; line-height:1; text-shadow:1px 1px 1px #333;}
.w656-page:hover img,.w313-page:hover img { opacity:1;}
.mr-3p { margin-right:3%;}
@media screen and (max-width:768px){
.w656-page { height:107px; margin-bottom:10px;}
.w313-page { height:107px; margin-bottom:10px;}
	.w656-page span,.w313-page span { font-size:14px; right:8px; bottom:8px;}
}

.midashi-qa { font-size:18px; text-align:center; width:300px; margin:0 auto 80px; letter-spacing:.1em;}
.midashi-qa span { font-size:22px; font-style:italic; display:block; border-bottom:1px solid #FA58AC; line-height:1;}
.midashi2-qa { font-size:18px; font-weight:400; border-bottom:1px solid #FA58AC; margin:-80px 0 40px; color:#FA58AC; padding:160px 0 4px;}

.ul-faq { margin:0; padding:80px 0 0;}
.ul-faq li { display:inline-block; border-right:1px solid #ccc; padding:0 20px;}
.ul-faq li:first-of-type { border-left:1px solid #ccc;}
.ul-faq li a { color:#141412;}

@media screen and (max-width:768px){
	.ul-faq { padding:0;}
	.midashi2-qa { margin:-16px 0 24px; padding:56px 0 0;}
	.ul-faq li { display:block; text-align:center; border-left:1px solid #ccc;}
	.ul-faq li a { border-bottom:1px dashed #F8E0F1; display:block; padding:4px 0;}
	.ul-faq li:last-of-type a { border-bottom:0;} 
}

.box-pagevoice { border:2px dotted #F8E0F1; border-radius:8px; padding:24px; margin:0 0 40px;}
.box-pagevoice .name { font-size:16px; color:#666; text-align:right; margin:20px 0 0;}
@media screen and (max-width:768px){
	.box-pagevoice { padding:20px 5%;}
}

.w40 { width:40%;}
.w60 img { max-width:100%;}
.inner-concept { padding:80px 0;}
.inner-concept .w40 { padding:0 40px 0 0; box-sizing:border-box;}
.inner-concept h4 { font-size:20px; margin:0 0 24px;}
.inner-concept .name { text-align:right; margin:20px 0 0;}
.inner-concept .name span { font-size:20px; display:block; }
.inner-concept .name a { border:2px solid #FA58AC; padding:4px 20px; color:#FA58AC;}
.inner-concept .name a:hover { background-color:#FA58AC; color:#fff;}
@media screen and (max-width:768px){
	.w40 { width:100%;}
	.inner-concept { padding:40px 0;}
	.inner-concept .w40 { padding:0;}
	.inner-concept h4 { font-size:18px; margin:24px 0;}
}

.lead-appo { font-size:16px; text-align:center; margin:40px 0;}

.workwrap-1 { background-color:#efefef; padding:80px 0;}
.workwrap-2 { padding:80px 0;}
.midashi-work { margin:0 0 40px;  border-bottom:1px solid #000; font-size:20px; padding:0 16px 16px; letter-spacing:.1em;}
.point { width:100px; height:100px; text-align:center; border:2px dashed #aaa; border-radius:50%; float:right; font-family: 'Fira Sans', sans-serif; font-size:14px; line-height:1.2; padding:18px 0; font-weight:bold;}
.point span { font-size:36px; letter-spacing:.1em;}
@media screen and (max-width:768px){
	.workwrap-1 { background-color:#efefef; padding:40px 0;}
	.workwrap-2 { padding:40px 0;}
	.midashi-work { margin:0 0 40px; font-size:18px; padding:0 0 8px; letter-spacing:.1em;}
	.point { width:80px; height:80px; text-align:center; border:2px dashed #aaa; border-radius:50%; font-size:14px; line-height:1.2; padding:16px 0; font-weight:bold; margin-bottom:16px;}
	.point span { font-size:26px; letter-spacing:.1em;}
}

.ul-mTmenu { margin:80px auto; padding:0 20px; width:64%; overflow:hidden; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.ul-mTmenu li { width:50%; display:inline-block; font-size:0; list-style:none; float:left;}
.ul-mTmenu li:nth-of-type(2) { text-align:right; border-left:1px solid #ccc;}
.ul-mTmenu li a { font-size:18px; color:#111; display:block;}
.ul-mTmenu li i { padding:0 16px;}

.wrap-topnew { width:100%; margin:0 auto; padding:80px 2%;}
.wrap-topnew h3 { font-size:32px; text-align:center; margin:0; font-weight:400; line-height:1.6;}
.wrap-topnew h3 span { border-bottom:1px solid hotpink;}
.wrap-topnew .lead { width:80%; margin:0 auto; font-size:16px;}
.wrap-topnew .name { font-size:24px; text-align:center; margin:40px 0 0;}
.wrap-topnew .name small { font-size:16px; display:block;}
.wrap-topnew ul { margin:0; padding:0; overflow:hidden;}
.wrap-topnew ul li { width:32%; margin-right:2%; float:left; list-style:none; margin-bottom:24px; font-size:16px; text-align:center;}
.wrap-topnew ul li:nth-of-type(3n) { margin-right:0;}

.wrap-topnew ul li img { width:100%; margin-bottom:8px;}

.mday .wrap-topnew ul { display:flex; flex-wrap:wrap;}
.mday .wrap-topnew ul li { float:none;}
@media screen and (max-width:768px){
	.wrap-topnew { padding:20px 5% 40px;}
	.wrap-topnew h3 { font-size:24px; margin:0 0 20px; text-align:center;}
	.wrap-topnew h3 span { }
	.wrap-topnew .lead { width:100%; font-size:14px;}
	.wrap-topnew .name { font-size:20px; margin:24px 0 0;}
.wrap-topnew .name small { font-size:14px;}
	.wrap-topnew ul li { width:49%; margin-right:2%; float:left;}
	.wrap-topnew ul li:nth-of-type(3n) { margin-right:2%;}
	.wrap-topnew ul li:nth-of-type(2n) { margin-right:0;}
}

.wrap-orderform { width:80%; margin:80px auto;}
.wrap-orderform .wpcf7-form { border:1px solid #eee; padding:0 24px 40px;}
.wrap-orderform .wpcf7-form h3 { font-size:22px; margin:40px 0; background-color:#ffe4e1; color:#333; font-weight:400; padding:8px 20px; border-radius:8px;}
.wrap-orderform .wpcf7-form h4 { font-size:18px; font-weight:400; margin:40px 0 24px;}
.wrap-orderform em { display:inline-block; margin-left:16px; line-height:30px;}
.wrap-orderform .title { display:block; line-height:30px; margin-bottom:16px; margin-top:24px; border-left:8px solid #ffb6c1; font-size:16px; padding-left:8px;}
.wrap-orderform input { width:100%;}
.wrap-orderform [type="checkbox"], .wrap-orderform [type="radio"] { width:auto;}
.wrap-orderform input[type="submit"] { background:#FA58AC; padding:16px 0; font-size:16px;}
@media screen and (max-width:768px){
	.wrap-orderform { width:90%; margin:40px auto;}
	.wrap-orderform .wpcf7-form h3 { font-size:18px; line-height:1.4;}
	.wrap-orderform .wpcf7-form { padding:0 5%;}
	.wrap-orderform input { min-height:38px;}
}

.comingsoon { color:#ffb6c1; width:100vw; height:105vh; overflow:hidden; font-size:100px; text-align:center; font-family: 'Niconne', cursive; padding-top:50vh; line-height:1; margin-top:-112px; text-shadow:1px 1px 4px #fffaf0; position:absolute; top:0px;}
.comingsoon span { font-size:48px;}
@media screen and (max-width:768px){
	.comingsoon { font-size:64px;}
}

.wrap-plus { padding:80px 100px; background-color:#efefef;}
.wrap-plus .midashi-front { padding-top:0;}
.wrap-plus .lead { font-size:18px; text-align:center; margin:0 auto 40px !important; padding:0;}
.wrap-plus .inner { padding:40px; background-color:#fff; margin:0 0 80px; width:100%;}
.wrap-plus .inner.last { margin:0;}
.wrap-plus .inner h3 { font-size:24px; font-weight:400; border-bottom:1px solid #FA58AC; color:#FA58AC; margin:0 0 40px;}
.wrap-plus .inner dl { margin:0; padding:0 0 0 40px; overflow:hidden;}
.wrap-plus .inner dt { width:30%; float:left;}
.wrap-plus .inner dt img { width:100%;}
.wrap-plus .inner dd { padding-left:32%;}
.wrap-plus .inner dd h4 { font-size:20px; clear:none; margin:0 0 24px; color:#FA58AC;}
.wrap-plus .inner p { color:#666; margin:0;}
.wrap-plus .inner ul { margin:0; padding:0;}
.wrap-plus .inner ul li { margin-bottom:0; list-style:none;}
.wrap-plus .inner ul li:before { content:"□"; padding-right:16px;}
@media screen and (max-width:768px){
	.wrap-plus { padding:40px 5%;}
	.wrap-plus .inner { padding:20px 5%; margin:0 0 40px;}
	.wrap-plus .inner h3 { font-size:18px; margin:0 0 20px; padding:0 0 4px;}
	.wrap-plus .inner dl { margin:0; padding:0;}
	.wrap-plus .inner dt { width:100%; float:none;}
	.wrap-plus .inner dd { padding-left:0;}
	.wrap-plus .inner dd h4 { font-size:16px; margin:20px 0; line-height:1.6;}
}

.box-work { background-color:#ffe4e1; padding:40px; margin:0 0 80px; border-radius:8px; overflow:hidden;}
.box-work.last { margin:0;}
.box-work h3 { font-size:24px; font-weight:400; color:#FA58AC; margin:0 0 24px;}
.box-work dl { margin:0; padding:0;}
.box-work dt { width:66%; float:left; font-weight:400;}
.box-work dd { padding-left:70%; margin:0;}
.box-work dd img { width:100%;}
@media screen and (max-width:768px){
	.box-work { padding:20px 5%; margin:0 0 40px;}
	.box-work h3 { font-size:22px;margin:0 0 20px; line-height:1.6;}
	.box-work dt { width:100%; float:none; margin:0 0 20px;}
	.box-work dd { padding-left:0;}
}

.box-ba { overflow:hidden; position:relative;}
.box-ba div { position:relative; background-color:#efefef;}
.box-ba div span { position:absolute; top:8px; right:8px; background-color:#888; color:#fff; font-weight:bold; padding:0 12px; font-size:16px; line-height:2;}
.box-ba .after span { font-size:20px; padding:2px 18px; background: #df7379;}
.box-ba div img { width:100%;}
.box-ba .before { width:23%; float:left; padding:8px;}
.box-ba .after { width:75%; float:right; padding:8px; text-align:right;}
.box-ba .after:before { display: none;}
.box-ba .arrow { position:absolute; left:14.5%; top:348px; z-index:9;}
.box-ba p { margin:0;}

.midashi-batop { border-top: solid #000 2px; color: #000; font-size: 24px; font-weight: 700; margin: 0 0 32px; padding: 24px 32px; line-height: 1.4; background-color: #ffe4e1;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}

@media screen and (max-width:768px){
	.box-ba { line-height:1.4;}
	.box-ba .before { width:100%; float:none; padding:16px; margin-bottom:40px; overflow:hidden; position:relative;}
	.box-ba .before img { width:48%; float:left; margin-right:4%; margin-top:0;}
.box-ba .after { width:100%; float:none; padding:16px; text-align:left; font-weight:bold;}
.box-ba .arrow { display:none;}
	.box-ba .after:before { display: block; width: 0; height: 0; margin: 0 auto; border-top: 17px solid #e1e0de;  border-right: 30px solid transparent; border-left: 30px solid transparent; content: ""; position:absolute; top:-27px; left:41%;}
	.box-ba div span { position:absolute; top:16px; right:auto; left:16px; font-size:13px !important; padding:5px 0 !important; font-weight:400; width:70px; display:block; text-align:center;}
	.box-ba .after img { margin-bottom:8px; margin-top:0;}
	.midashi-batop { text-align:center; font-size: 18px; margin: 0 -5% 16px; text-align:center; padding: 8px 14px; line-height: 1.4;}
}

.wrap-faq { padding:80px 100px; background-color:#ffe4e1; margin:0 0 80px;}
.wrap-faq h3 { padding: 8px 22px; background: #fff; color:#FA58AC; border-radius: 20px; font-size:22px !important; line-height:1.2; margin:0 0 40px; font-weight:400;}

.wrap-faq .hidden_box { margin:20px 0 0;/*前後の余白*/
    padding:0; position:relative;
}

/*ボタン装飾*/
.wrap-faq .hidden_box label { font-size:18px; font-weight:700; border-top:1px solid #fff; display:block; padding:8px 32px 0 40px; position:relative; cursor:pointer; line-height:1.6; background-color:transparent; height:auto; text-align:left;}
.wrap-faq .hidden_box label:before { content:"Q"; font-weight:bold; font-size:18px; background-color: #fff; color:#FA58AC; width:28px; height:28px; line-height:28px; text-align:center; display:block; border-radius:50%; position:absolute; top:-14px; left:0;}
.wrap-faq .hidden_box label:after { content:"+"; font-size:32px; width:25px; height:25px; line-height:24px; text-align:center; display:block; position:absolute; top:0; right:0; background-color:#fff; color:#FA58AC;}

/*ボタンホバー時*/
.wrap-faq .hidden_box label:hover { }

/*チェックは見えなくする*/
.wrap-faq .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.wrap-faq .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}
.wrap-faq .hidden_box .hidden_show:after { content:"-"; font-size:50px; width:25px; height:25px; line-height:14px; text-align:center; display:block; position:absolute; top:0; right:0; background-color:#fff; color:#FA58AC; z-index:9;}
.wrap-faq .hidden_box p { margin:0;}

/*クリックで中身表示*/
.wrap-faq .hidden_box input:checked ~ .hidden_show {
    padding: 8px 10px; font-weight:500;
    height: auto; line-height:1.6;
    opacity: 1; margin-left:40px; border-left:1px solid #fff; font-size:16px; margin-bottom:40px; background-color:rgba(255,255,255,.5);
}

.wrap-faq .hidden_box .hidden_show a { color:#141412; display:block;}
.wrap-faq .hidden_box .hidden_show a span { font-size:14px !important; font-weight:400 !important; color:#141412 !important; float:none !important; padding-left:0 !important; display:inline !important;}
.wrap-faq .ul-service .hidden_box .hidden_show h4 { font-weight:500; margin:8px 0; border-top:1px solid #333; border-bottom:1px solid #333; font-size:16px;}

@media screen and ( max-width:768px ) {
	.wrap-faq { padding:40px 5%;}
	.wrap-faq .hidden_box label,.wrap-faq .hidden_box input:checked ~ .hidden_show { font-size:14px;}
.wrap-faq .hidden_box .hidden_show a { display:block; width:100%; font-size:14px; border-bottom:1px solid #ccc; line-height:2;}
	.wrap-faq .hidden_box .hidden_show a:last-of-type { border-bottom:0;}
	.wrap-faq .hidden_box .hidden_show a span { font-size:10px !important; font-weight:400 !important; color:#141412 !important; float:none !important; padding-left:0 !important; display:inline !important; padding-right:0 !important;}
}

.wrap-price { width:80%; margin:0 auto;}
.midashi-price { font-size:24px; border-bottom:2px solid #FA58AC; color:#FA58AC; font-weight:400; padding:80px 0 0; margin:0 0 24px;}
.dl-price { margin:0 0 20px; padding:0; line-height:2; font-size:20px;}
.dl-price dt { width:20%; float:left; font-weight:400;}
.dl-price dd { padding-left:24%; border-bottom:2px dashed #aaa; margin:0;}
.p-price { margin:0 0 80px;}
@media screen and (max-width:768px){
	.wrap-price { width:100%;}
	.midashi-price { font-size:22px; padding:40px 0 0; margin:0 0 20px;}
	.p-price { margin:0 0 40px;}
}

.wrap-partners { margin:80px auto 80px;}
.wrap-partners .w48 { margin:0 0 16px;}
.wrap-partners h4 { font-size:24px; margin:24px 0 0; padding:0 0 8px; border-bottom:1px solid #FA58AC; line-height:1;}
.wrap-partners h4 span { display:inline-block; padding-left:16px; margin-left:16px; border-left:2px solid #111; font-weight:400;}
.wrap-partners dl { margin:0 0 80px; padding:0; font-size:14px;}
.wrap-partners dt { width:80px; float:left; padding:4px 0; font-weight:400;}
.wrap-partners dd { padding:4px 0 4px 100px; border-bottom:1px solid #FA58AC; margin:0;}

@media screen and (max-width:768px){
	.wrap-partners { margin:0 auto 40px;}
.wrap-partners .w48 { margin:0 0 8px;}
	.wrap-partners .w48 .w48 { width:48%;}
	.wrap-partners .fleft { float:left;}
	.wrap-partners .fright { float:right;}
	.wrap-partners h4 { font-size:22px;}
	.wrap-partners h4 span { font-size:14px;}
	.wrap-partners dl { margin:0 0 40px; padding:0; font-size:13px;}
}

.ol-privacy li { margin-bottom:24px;}

.news-wrap { padding:80px 0; width:70%; margin:0 auto;}
.news-wrap a { color:#FA58AC;}

.dl-news { width:50%; height:270px; float:left; padding:24px; border-bottom:1px solid #eee; margin:0; box-sizing:border-box; border-right:1px solid #eee;}
.dl-news dt { font-size:20px; font-weight:400; margin-bottom:20px; line-height: 1.5; position: relative; margin-bottom: 20px; padding-left:40px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:100%;}
.dl-news dd { padding-left: 40px; position: relative;}
.dl-news:nth-of-type(2n) { border-right:0;}

.title-news { font-size:24px; border-bottom:1px solid #FA58AC;}
.date-news { font-size:16px; border-bottom:1px solid #FA58AC; margin-bottom:24px;}
.post-navigation .nav-links { padding-right:0; padding-left:0; font-size:16px;}


@media screen and (max-width:768px){
	.news-wrap { padding:0px 5%; width:100%;}
	.dl-news { width:100%; height:auto; border-right:0; padding:20px 0;}
	.dl-news dt,.dl-news dd { padding-left:0;}
}

.comments-title {
  font-size: 16px; font-weight:500;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    transition: background 150ms ease-in-out;
    background: #FA58AC;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    outline: none;
    padding: 0.76rem 1rem;
    text-decoration: none;
    vertical-align: bottom; border:1px solid #FA58AC;
}
.nav-previous,.nav-next { padding:16px 0;}
.nav-next { float:right;}

.midashi-faq { font-size:24px; font-weight:400; border-bottom:1px solid #FA58AC; margin:-40px 0 20px; padding:80px 0 8px;}
.des-faq { margin:0 0 24px;}

.btn-seika { width:480px; margin:0 auto 80px; display:block; text-align:center; background-color:#ff002b; color:#fff !important;  padding:16px 0; text-decoration:none !important; max-width:100%; border:2px solid #ff002b;}
.btn-seika:hover { background-color:#fff; color:#ff002b !important;}

.option-seika a { background-color:#ff002b; color:#fff !important; padding:2px 24px; border-radius:24px; margin:20px 0 0; display:inline-block; border:1px solid #ff002b;}
.option-seika a:hover { background-color:#fff; color:#ff002b !important;}

.box-seikacaution { background-color:#fafafa; padding:40px 24px; border-radius:16px; margin:0 0 80px;}
.box-seikacaution h4 { font-size:24px; text-align:center; margin:0 0 40px; color:#ff002b; font-weight:400;}

.midashi-kireipoint { font-size:24px; background-color:#FA58AC; color:#fff; padding:8px 20px; font-weight:400; margin:0 0 24px;}
.ol-kireipoint { margin:0 0 80px; padding:0;}
.ol-kireipoint li { font-size:18px; margin:0 0 16px; border-bottom:1px solid #FA58AC; list-style-type: decimal; list-style-position:inside;}
@media screen and (max-width:768px){
	.midashi-kireipoint { font-size:20px;}
	.ol-kireipoint li { font-size:14px;}
}

.wrap-typeofflower { margin:0 auto; padding:0 0 80px; width:90%; border-bottom:1px dotted #ccc;}
.wrap-typeofflower h3 { margin:0; text-align:center; font-size:24px; font-weight:400;}
.wrap-typeofflower ul { margin:40px 0 24px; overflow:hidden; padding:0;}
.wrap-typeofflower li { width:24.25%; margin-right:1%; float:left; list-style:none; background-color:#ffe4e1; text-align:center; display:block; height:48px; line-height:48px; margin-bottom:8px;}
.wrap-typeofflower li:nth-of-type(4n) { margin-right:0;}
.wrap-typeofflower li a { color:#111;}
@media screen and (max-width:768px){
	.wrap-typeofflower { margin:0 auto; padding:0 0 40px;}
	.wrap-typeofflower h3 { font-size:20px;}
	.wrap-typeofflower li { width:32%; margin-right:2%; font-size: smaller;}
	.wrap-typeofflower li:nth-of-type(4n) { margin-right:2%;}
	.wrap-typeofflower li:nth-of-type(3n) { margin-right:0;}
}

.wrap-service section { width:100%; height:96vh; position:relative; background-position:center; background-size:cover; margin:0;}
.service-b { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/05/bg-2.png);}
.service-c { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/05/bg-1.png);}
.service-a { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/05/bg-3.png);}
.wrap-service section .txt { width:48%; color:#fff; left:80px; bottom:64px; position:absolute;}
.wrap-service section .txt h3 { font-size:90px; font-weight:400; margin:0 0 40px; line-height:1.1;}
.wrap-service section .txt h3 span { font-size:24px; display:block;}
.wrap-service section a { width:450px; display:block; right:80px; bottom:64px; position:absolute; background-color:#fff; color:#141412; text-align:center; padding:16px 0;}

@media screen and (max-width:768px) {
	.wrap-service section { height:auto; background-size:100% auto; background-position:top center; background-repeat:no-repeat; padding:38vw 5% 40px;}
	.wrap-service section .txt { width:100%; position:static; color:#141412;}
	.wrap-service section .txt h3 { font-size:40px; color:#fff; margin:0 0 40px;}
	.wrap-service section .txt h3 span { font-size:14px;}
	.wrap-service section a { width:100%; display:block; position:static; background-color:#ff002b; color:#fff; margin:24px 0 0;}
}

.mb-20 { margin:0 0 20px;}
.midashi-topnew2 { margin:0 0 80px; font-weight:400; font-size:13px; text-align:center;}
.midashi-topnew2 span { font-size:48px; font-weight:bold; display:block; margin:0 0 32px; border-bottom:0 !important;}
.midashi-topnew2 span:after { content:""; display:block; width: 100px; height: 2px; margin:24px auto 0; background-color:#111;}
@media screen and (max-width:768px){
	.midashi-topnew2 { margin:0 0 40px; font-size:12px;}
	.midashi-topnew2 span { font-size:28px; margin:0 0 20px;}
	.midashi-topnew2 span:after { margin:20px auto 0;}
}


.ul-topnew2 { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-topnew2 li { width:25%; float:left; height:400px; list-style:none;}
.ul-topnew2 li a { font-size:24px; padding:178px 0 0; display:block; text-align:center; height:100%; background-size:cover; background-position:center; color:#111;}
.ul-topnew2 li a:nth-of-type(1) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-17.08.19.png);}
.ul-topnew2 li a:nth-of-type(2) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-17.08.19.png);}
.ul-topnew2 li a:nth-of-type(3) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-17.08.19.png);}
.ul-topnew2 li a:nth-of-type(4) { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/スクリーンショット-2021-02-02-17.08.19.png);}
@media screen and (max-width:768px){
	
	.ul-topnew2 { margin:0 0 40px;}
	.ul-topnew2 li { width:100%; float:none; height:300px;}
	.ul-topnew2 li a { padding:130px 0 0;}
}

.ul2-topnew2 { margin:0 0 100px; padding:0; overflow:hidden;}
.ul2-topnew2 li { width:25%; float:left;  list-style:none; margin:0 0 24px;}
.ul2-topnew2 li a { font-size:16px; padding:0; text-align:center; display:block; height:100%; color:#111;}
.ul2-topnew2 li img { width:100%; margin:0 0 8px;}
.ul-topnew2 li a:hover,.ul2-topnew2 li a:hover { opacity:.7;}



@media screen and (max-width:768px){
	.ul2-topnew2 { margin:0 0 40px;}
	.ul2-topnew2 li { width:50%;}
	.ul2-topnew2 li a { padding:0; font-size:12px;}
}

.inner-topnew2 { width:100%; height:80vh; background-size:100% 70vh; background-position:top center; background-repeat:no-repeat; position:relative; margin:0 0 100px;}
.bg1-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/bn-1.jpg);}
.bg2-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/db-1.jpg);}
.bg3-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/db-2.jpg);}
.bg4-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/db-7.jpg);}
.bg5-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/db-4.jpg);}
.bg6-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/03/db-5.jpg);}
.bg7-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/mot.jpg);}
.bg8-topnew2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/02/mot.jpg);}
.inner-topnew2 .box { width:380px; box-sizing:border-box; background-color:#FA58AC; color:#fff; padding:24px 32px; display:inline-block; position:absolute; left:100px; bottom:0;}
.inner-topnew2.bg2-topnew2 .box,.inner-topnew2.bg4-topnew2 .box { left:auto; right:100px; bottom:0;}
.inner-topnew2 .box h3 { font-size:24px; margin:0 0 20px;}
.inner-topnew2 .box h3 span { color:#ff4500;}
.inner-topnew2 .box a { color:#fff; border:1px solid #fff; padding:0 40px; display:inline-block; margin-top:20px; font-size:16px;}
.inner-topnew2 .box a:hover { background-color:#fff; color:#FA58AC;}
@media screen and (max-width:768px){
	.inner-topnew2 { width:90%; height:auto; background-size:100% 20vh; background-position:top center; background-repeat:no-repeat; position:relative; margin:0 auto 40px; padding:20vh 0 0;}
	.inner-topnew2 .box { width:100%; padding:20px 5%; position:static;}
	.inner-topnew2 .box h3 { font-size:24px;}
}

.inner2-topnew2 { width:100%; height:120vh; position:relative; background-color:#F8E0F1; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/meet.jpg); background-size:cover; background-position:top left; background-repeat:no-repeat; margin:0 0 120px;}
.inner2-topnew2 h3 { font-size:64px; margin:0; position:absolute; top:80px; left:70%;}
.inner2-topnew2 h3 span { font-size:16px; padding-left:20px;}
.inner2-topnew2 h4 { font-size:20px; line-height:2.2; position:absolute; bottom:80px; left:64px; color:#000; margin:0;}
.inner2-topnew2 ul { width:68vw; margin:0; padding:0; overflow:hidden; position:absolute; right:0; bottom:64px;}
.inner2-topnew2 li { width:calc(100% / 3); float:left; border-right:1px solid #fff; list-style:none;}
.inner2-topnew2 li:nth-of-type(3n) { border-right:0;}
.inner2-topnew2 li .box { background-color:#002846; color:#fff; display:block; padding:24px 24px;}
.inner2-topnew2 li img { width:100%;}
.inner2-topnew2 li p { margin:0;}
.inner2-topnew2 center { font-size:16px; font-weight:bold; margin-bottom:16px;}
@media screen and (max-width:768px){
	.inner2-topnew2 { width:100%; height:auto; background-size:164% 55vh; background-position:top center; padding:64vh 5% 40px; margin:0 0 40px;}
	.inner2-topnew2 h3 { font-size:32px; margin:0 0 24px; position:static;}
	.inner2-topnew2 h3 span { font-size:14px; padding-left:20px;}
	.inner2-topnew2 h4 { top:32vh; left:5%; bottom:auto;}
	.inner2-topnew2 ul { width:100%; position:static;}
	.inner2-topnew2 li { width:100%; float:none; border-right:none; margin-bottom:20px;}
}

.wrap-branding { width:100%; margin:120px 0; padding:0 20px; font-size:0;}
.wrap-branding .w50 { width:50%; height:355px; border:1px solid #fff; box-sizing:border-box; background-position:center; background-size:cover;}
.wrap-branding a { display:block; height:100%; padding:24px; font-size:18px; background-color:rgba(0,0,0,.6); color:#fff; box-sizing:border-box; color:#fff;}
.wrap-branding strong { font-size:32px; margin:0; line-height:1.2; font-weight:400;}
.wrap-branding strong span { font-size:12px; font-weight:400; display:block; margin:64px 0 20px;}
.wrap-branding strong:after { content:""; width:40px; height:1px; background-color:#fff; display:block; margin-bottom:16px;}
.wrap-branding a small { font-size:12px;}
.wrap-branding p { margin:0; font-size:0;}
.bg-bra1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/b-2.jpg);}
.bg-bra2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/b-3.jpg);}
.bg-bra3 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/b-1.jpg);}
.bg-bra4 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/06/b-4.jpg);}
@media screen and (max-width:768px){
	.wrap-branding { width:100%; margin:40px 0; padding:0 5%;}
	.wrap-branding .w50 { width:50%!important; height:auto; font-size:16px; float:left;}
	.wrap-branding a { padding:20px 5%; font-size:0;}
	.wrap-branding strong span { margin:8px 0;}
	.wrap-branding strong:after { margin-bottom:8px;}
	.wrap-branding strong { font-size:20px; font-weight:400;}
}

.img-top { width:100%;}
.img-topsp { display:none;}
@media screen and (max-width:768px){
	.img-top { display:none;}
.img-topsp { display:block; width:100%;}
}

.wrap-event { width:100%; height:84vh; position:relative;}
.wrap-event img { width:70%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.wrap-event .box { width:44%; height:86%; background-color:#fff; padding:48px 64px 0; position:absolute; top:7%; right:100px; z-index:9;}
.wrap-event .box h3 { font-size:26px; font-weight:400; text-align:center; margin:0 0 40px;}
.wrap-event .box h3 span { font-size:16px; display:block; padding:8px 0 0;}
.wrap-event .box h3:after { content:""; width:150px; height:2px; background-color:#000; display:inline-block; font-size:0;}
.wrap-event .box h4 { font-size:16px; margin:0 0 8px;}
.wrap-event .box a { width:240px; text-align:center; display:block; border:1px solid #000; padding:2px 24px; margin:20px auto 0; color:#000;}
.wrap-event .box a:hover { background-color:#FA58AC; color:#fff; border:1px solid #FA58AC;}
.ul-bottomevent { padding:120px 5% 80px; margin:-80px 0 80px; overflow:hidden; background-color:#F8E0F1;}
.ul-bottomevent li { width:23.5%; margin-right:2%; float:left; list-style:none;}
.ul-bottomevent li img { width:100%; margin:0 0 8px;}
.ul-bottomevent li:nth-of-type(4n) { margin-right:0;}
.ul-bottomevent.last { margin-bottom:0;}
.ul-bottomevent.new { padding-bottom:0; margin-bottom:0; background-color:#fff;}
.ul-bottomevent.new li { width:32%; margin-bottom:64px;}

.ul-bottomevent.new li:nth-of-type(4n) { margin-right:2%;}
.ul-bottomevent.new li:nth-of-type(7) { margin-right:0;}
.ul-bottomevent.new li.width { width:49%; margin-right:2%;}
.ul-bottomevent.new li.width:nth-of-type(2n) { margin-right:0;}
@media screen and (max-width:768px){
	.wrap-event { height:auto;}
	.wrap-event img { width:100%; height:100%; position:static;}
	.wrap-event .box { width:100%; height:auto; position:static; padding:40px 5%;}
	.wrap-event .box h3 { font-size:22px;}
	.wrap-event .box h3 span { font-size:14px;}
	.ul-bottomevent { padding:40px 5% 20px; margin:0 0 40px;}
	.ul-bottomevent.new { padding-bottom:0;}
	.ul-bottomevent li,.ul-bottomevent.new li { width:48%; margin-right:4%; margin-bottom:20px;}
	.ul-bottomevent.new li { height:168px;}
	.ul-bottomevent li img { margin:0;}
	.ul-bottomevent.new li:nth-of-type(3n) { margin-right:4%;}
	.ul-bottomevent li:nth-of-type(2n),.ul-bottomevent.new li:nth-of-type(2n),.ul-bottomevent.new li:nth-of-type(4n) { margin-right:0;}
	.ul-bottomevent.new li:nth-of-type(7) { margin-right:4%;}
	.ul-bottomevent.new li.width { width:100%; margin-right:0; height:150px;}
}

.midashi-newpage2 { font-size:32px; padding:80px 0 0; margin:0 0 40px; color:#FA58AC;}
.midashi-esthebig { font-size:20px; padding:0 0 8px; margin:8px 0 16px; border-bottom:1px solid #FA58AC;}

.dl-flow { margin:40px 0 40px; padding:0; overflow:hidden;}
.dl-flow dt { width:30%; float:left;}
.dl-flow dt img { width:100%;}
.dl-flow dd { padding-left:32%; margin:0;}
.dl-flow dd span { background-color:#FA58AC; color:#fff; padding:2px 32px; border-radius:20px; display:inline-block; margin:20px 20px 0 0;}
.dl-flow dd h3 { clear:none;}
.dl-flow dd strong { color:#FA58AC; display:inline-block; font-size:16px;}
.dl-flow dd a { display:inline-block; border:1px solid #111; padding:2px 40px; margin:20px 0 0; color:#111;}
.midashi-flow { font-size:24px; margin:80px 0 40px; background-color:rgb(34, 139, 34); color:#fff; padding:8px 20px; font-weight:400;}

.p-pre { color:#FA58AC; margin:0 0 80px;}
@media screen and (max-width:768px){
	.midashi-newpage2 { font-size:24px; padding:40px 0 0; margin:0 0 24px;}
	.dl-flow dt { width:100%; float:none;}
	.dl-flow dd { padding-left:0;}
	.midashi-flow { font-size:20px; margin:40px 0 40px;}
	.dl-flow dd h3 { clear:none; margin:20px 0;}
	.p-pre { margin:0 0 40px;}
}

.inner-service { width:100%; height:480px; position:relative; padding:40px 0 0; margin:120px 0 !important;}
.inner-service h3 { font-size:24px; position:absolute; top:-24px; z-index:19; color:#ffa500; display:inline-block; line-height:40px; margin:0;}
.inner-service h3 span { font-size:40px; color:#141412; padding-left:16px; line-height:40px; vertical-align:top; }
.inner-service.num1n h3 { left:40px;}
.inner-service.num2n h3 { right:40px;}
.inner-service img { width:70%; height:100%; object-fit:cover; position:absolute; top:0;}
.inner-service.num1n img { left:0;}
.inner-service.num2n img { right:0;}
.inner-service .txt { background-color:#fff; width:45%; padding:64px; box-sizing:border-box; position:relative; z-index:9;}
.inner-service.num1n .txt { float:right;}
.inner-service .txt h4 { font-size:18px; line-height:1.4; border-bottom:1px solid #ccc; padding:0 0 20px; margin:0 0 16px;}
.inner-service .txt a { border:2px solid #111; color:#111; border-radius:24px; padding:2px 24px; margin-right:16px; display:inline-block; margin-top:20px;}
.inner-service .txt a:last-of-type { margin-right:0;}
.inner-service .txt a:hover { background-color:#fffacd;}

@media screen and (max-width:768px){
	.inner-service { width:100%; height:auto; padding:0; margin:80px 0 !important;}
	.inner-service img { width:100%; height:auto; position:static;}
	.inner-service h3 { font-size:20px; position:absolute; left:0;}
	.inner-service h3 span { font-size:28px;}
	.inner-service.num1n img { left:auto;}
.inner-service.num2n img { right:auto;}
	.inner-service.num1n h3 { left:0;}
.inner-service.num2n h3 { right:auto;}
	.inner-service .txt { background-color:#fff; width:100%; padding:20px 0 0; box-sizing:border-box; position:relative; z-index:9;}
.inner-service.num1n .txt { float:none;}
}

.bg-fa { background-color:#fafafa; padding:100px 0;}
.wrap-works-new { width:100%; height:60vh; position:relative; font-size:0; margin:0 0 24px;}
.wrap-works-new p { margin:0; font-size:0;}
.link-wrap { width:100%; height:100%; position:absolute; top:0; left:0; z-index:19;}
.wrap-works-new img { width:70%; height:100%; object-fit:cover; position:absolute; top:0px; right:0px;}
.wrap-works-new .box { width:34%; padding:48px 40px; box-sizing:border-box; background-color:#fff; margin-top:80px; position:relative; z-index:9; float:left; font-size:14px;}
.wrap-works-new .box h3 { font-size:20px; font-weight:400; line-height:1.4; margin:0 0 16px;}
.wrap-works-new .box p { font-size:14px;}
.wrap-works-new .box span { position: absolute;
    left: 25px;
    top: -48px;
    display: block;
    background: #FA58AC;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    font-size: 16px;}
.wrap-works-new .box span:after { content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    border: 2px solid #FA58AC;}

.wrap-works-new .box strong { font-size:16px; padding:2px 40px; margin:20px 0 0; background-color:#FA58AC; color:#fff; font-weight:400; border-radius:20px; display:inline-block;}

.wrap-works-new2 img { left:0px; right:0px;}
.wrap-works-new2 .box { float:right;}

@media screen and (max-width:768px){
	.bg-fa { padding:40px 0;}
	.wrap-works-new { height:auto; margin:0 0 40px;}
	.wrap-works-new img { width:100%; height:auto; position:static;}
	.wrap-works-new .box { width:100%; padding:24px 5%; margin-top:0; float:none;}
	.wrap-works-new .box h3 { font-size:18px;}
}

.ul-works-new { margin:80px 0 0; padding:0; overflow:hidden;}
.ul-works-new li { width:48.5%; margin-right:3%; float:left; list-style:none; background-color:#fff; position:relative; border-bottom:2px solid #FA58AC; margin-bottom:40px;}
.ul-works-new li p { margin:0; font-size:0;}
.ul-works-new li:nth-of-type(2n) { margin-right:0;}
.ul-works-new li img { width:100%;}
.ul-works-new li div { padding:28px 16px 20px; font-size:14px;}
.ul-works-new li div p { font-size:14px;}
.ul-works-new li div h3 { font-size:18px; font-weight:400; margin:0 0 8px;}
@media screen and (max-width:768px){
	.ul-works-new { margin:40px 0 0;}
	.ul-works-new li { width:32%; margin-right:2%; float:left; height:274px;}
	.ul-works-new li:nth-of-type(2n) { margin-right:2%;}
	.ul-works-new li:nth-of-type(3n) { margin-right:0;}
	.ul-works-new li div { padding:20px 5%; font-size:11px;}
	.ul-works-new li div p { font-size:11px;}
	.ul-works-new li div h3 { font-size:14px;}
}

.ul-topew2-top { width:880px; margin:0 auto 100px; padding:0; overflow:hidden;}
.ul-topew2-top li { width:400px; float:left; margin-right:80px; list-style:none;}
.ul-topew2-top li img { width:100%; height:400px; object-fit:cover;}
.ul-topew2-top li:nth-of-type(2n) { margin-right:0;}
.ul-topew2-top li h4 { font-size:20px; text-align:center;}
@media screen and (max-width:768px){
	.ul-topew2-top { width:90%; margin:0 auto 40px;}
	.ul-topew2-top li { width:100%; float:none; margin-right:0; margin-bottom:20px;}
	.ul-topew2-top li img { width:100%; height:auto;}
	.ul-topew2-top li h4 { font-size:20px;}
}


.imgbox-topnew { width:50%; margin:0 auto 100px; }
.imgbox-topnew h3 { font-size:24px; text-align:center; margin:24px 0 0; text-align:center;}
@media screen and (max-width:768px){
	.imgbox-topnew { width:90%; margin:0 auto 40px;}
	.imgbox-topnew h3 { font-size:20px;}
}

.head-vision { width:100%; height:100vh; position:relative; color:#fff;}
.head-vision img { width:100%; height:100%; object-fit:cover;}
.head-vision .txt { width:100%; padding:0 100px 80px; position:absolute; left:0; bottom:0; font-size:18px; font-weight:bold;}
.head-vision .txt h3 { font-size:40px; margin:0 0 24px; line-height:1;}
.head-vision .txt h3 small { font-size:14px; padding-left:20px; font-weight:bold;}


.bg-orange { background-color:#ff99cc; color:#fff; padding:80px 0;}
.bg-orange.client { background-color:#ffb699;}
.wrap-vision { width:90%;}
.wrap-vision.right { margin-left:10%;}
.wrap-vision .txt { padding:0 40px; box-sizing:border-box;}
.wrap-vision .txt h3 { margin:80px 0 40px; position:relative;}
.wrap-vision .txt h3 span { font-size:160px; position:absolute; color:rgba(255,255,255,.4); top:-80px; right:-40px;}
.wrap-vision.right .txt h3 span { right:auto; left:-40px;}
.wrap-vision .txt h3 em { font-size:16px; font-style:normal; position:relative; padding:0 0 0 56px;}
.wrap-vision .txt h3 em:before { content:""; width:40px; height:1px; background-color:#fff; position:absolute; left:0; top:50%;}
.wrap-vision .txt h3 strong { font-size:40px; display:block; line-height:1.2; margin:20px 0 0;}

.lead-vision { font-size:18px; text-align:center; margin:20px 0 40px;}

@media screen and (max-width:768px){
	.bg-orange { padding:40px 0;}
	.head-vision { height:40vh;}
	.head-vision .txt { padding:0 5% 40px; font-size:14px;}
.head-vision .txt h3 { font-size:24px; margin:0 0 16px;}
.head-vision .txt h3 small { font-size:12px; padding-left:16px;}
	.wrap-vision .txt h3 em { font-size:14px; padding:0;}
	.wrap-vision .txt h3 em:before { display:none;}
	
	.wrap-vision { width:90%; margin:0 5%;}
	.wrap-vision.right { margin-left:5%;}
	.wrap-vision .txt { padding:0 20px 20px;}
	.wrap-vision .txt h3 { margin:16px 0 24px;}
	.wrap-vision .txt h3 span { font-size:80px; top:-40px; right:-20px;}
	.wrap-vision.right .txt h3 span { left:-20px;}
	.wrap-vision .txt h3 strong { font-size:28px; display:block; line-height:1.2; margin:8px 0 0;}

}

.w30 { width:30%;}
.hidebox-propose .w30 img { width:100%;}
.hidebox-propose .w66 { width:66%;}

.hidebox-propose { width:80%; margin:40px auto 80px;}
.hidebox-propose .hidden_box { padding:0;}
.hidebox-propose label { padding:8px 20px; height:auto; font-size:18px; position:relative;}
.hidebox-propose label:after { content:"+"; font-size: 48px;
    width: 40px;
    height: 40px; border:1px solid #fff; border-radius:50%; color:#fff; position:absolute; right:20px; top:12px; display: block;
    text-align: center;
    line-height: 37px;}
.hidden_box input:checked ~ label:after { content:"-"; font-size: 78px; line-height: 24px;}
.hidebox-propose .hidden_box input:checked ~ .hidden_show { padding:20px 0;}
@media screen and (max-width:768px){
	.hidebox-propose { width:92%; margin:40px auto;}
	.hidebox-propose label { font-size:16px; min-height:40px; padding:8px;}
	.hidebox-propose label:after { content:"+"; font-size: 32px; width: 24px; height: 24px; top:8px; right:8px; line-height: 22px;}
	.hidden_box input:checked ~ label:after { content:"-"; font-size: 55px; line-height: 12px;}
	.hidebox-propose img { max-width:100%; margin:8px 0;}
}

.news { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0; overflow:hidden; padding:16px 0; overflow:hidden;}
.news h4 { color:#FA58AC; font-size:20px; font-weight:bold; width:24%; float:left; text-align:right; line-height:1.6; font-weight:400;}
.news h4 a { display:inline-block; background-color:#bbb; color:#fff; border-radius:4px; padding:0px 8px; font-size:12px;}
.news ul { list-style:none; margin:0; width:70%; float:right; line-height:2; border-left:1px solid #ccc; padding:0 0 0 24px; font-family: "Mukta Mahee",'Kosugi',sans-serif;}
 
.news ul li { position:relative;}
.news ul li:last-of-type { display:none;}
.news ul li a { display:inline-block; width:240px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:25px; color:#FA58AC;}
.news ul li small { display:inline-block; white-space: nowrap; position:absolute; top:1px; left:240px;}

@media screen and (max-width:768px){
	.news h4 { font-size:16px; width:30%; padding-right:8px; box-sizing:border-box;}
	.news h4 a { font-size:11px;}
	.news ul { padding:0 0 0 8px;}
	.news ul li a { display:inline-block; width:160px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:25px;}
	.news ul li small { display:inline-block; white-space: nowrap; position:absolute; top:1px; left:160px;}

}

.lead-lesson { font-size:32px; text-align:center; margin:0 0 40px; padding:80px 0 0;}
@media screen and (max-width:768px){
	.lead-lesson { font-size:22px; padding:0 0 0; margin:0 0 24px;}
}

.box-deli { width:90%; margin:0 auto; padding:20px; border:1px solid #ccc; border-radius:8px;}
@media screen and (max-width:768px){
	.box-deli { width:100%;}
}

.midashi-presentform { background-color:#FA58AC !important; color:#fff !important; }

.wrap-single { width:70%; margin:80px auto;}
.wrap-single img { max-width:100%; margin:20px 0;}
.wrap-single p { margin:0 0 20px;}

.midashi-single { font-size:24px; font-weight:400; text-align:center; margin:40px 0 20px; background-color:rgb(233, 185, 180); color:#fff; line-height:2;}

.dl-single { border:1px solid #ccc; padding:2px; display:flex; flex-wrap:wrap; margin:20px 0 20px;}
.dl-single dt { width:16%; box-sizing:border-box; padding:8px; background-color:#f5deb3; border-bottom:1px solid #fff;}
.dl-single dd { width:84%; padding:8px; box-sizing:border-box; border-bottom:1px dashed #ccc; margin:0;}
.dl-single dd:last-of-type { border-bottom:0;}
@media screen and (max-width:768px){
	.wrap-single { width:90%; margin:40px auto;}
	.midashi-single { font-size:18px;}
	.dl-single dt { width:22%;}
	.dl-single dd { width:78%;}
}

.box-ichiran { margin-top:-80px !important; margin-bottom:80px; padding:80px 0 0;}
.box-ichiran h3 { border-top:3px double #FA58AC; border-bottom:3px double #FA58AC; padding:4px 0; font-size:28px; text-align:center; margin:0 0 20px; font-weight:400; color:#ff3377;}
.box-ichiran .box { background-color:#ffe4e1; padding:24px; border-radius:8px; color:#666; margin:0 0 20px;}
.box-ichiran .box h4 { background-color:#fff; color:#FA58AC; padding:8px; margin:0 0 20px; border-radius:8px; font-size:20px; font-weight:400;}
.box-ichiran .box dl { margin:0 0 24px; padding:0;}
.box-ichiran .box dt { width:36%; float:left;}
.box-ichiran .box dd { margin:0 0 8px;}
.box-ichiran .use { font-size:15px; color:#ff3377; border-left:15px solid #ff3377; padding-left:8px; line-height:1;}
.box-ichiran .use b { padding-right:20px;}
@media screen and (max-width:768px){
	.box-ichiran { margin-bottom:40px;}
	.box-ichiran .box { padding:20px 5%;}
	.box-ichiran .box dt { width:100%; float:none;}
	.box-ichiran .use { display:inline-block;}
	.box-ichiran .use b { display:block; margin:0 0 8px;}
		}

.wrap-course-bg { background-color:#FA58AC; color:#fff; padding:80px 0 80px 80px;}
.wrap-course-bg img { max-width:100%;}
.txt-course { padding-right:40px;}
.txt-course h3 { font-size:28px; margin:0 0 40px; }
.txt-course a { width:240px; height:60px; display:block; text-align:center; line-height:54px;  color:#fff; border:2px solid #fff;
 margin-top:40px;}
.txt-course a:hover { background-color:#fff; color:#333;}
@media screen and (max-width:768px){
	.wrap-course-bg { padding:40px 5%;}
	.txt-course { padding-right:0; margin-bottom:20px;}
	.txt-course h3 { font-size:24px;}
	.txt-course a { width:100%; height:40px; line-height:40px; margin-top:20px;}
}

.midashi-mail { font-size:40px; text-align:center; margin:80px 0 !important; position:relative;}
.midashi-mail:before,.midashi-mail:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 60px; height: 6px; background: #F8E0F1; transform: rotate(-60deg);}
.midashi-mail:before { left:20px;}
.midashi-mail:after { right:20px;}
.box-new { border:4px solid #F8E0F1; padding:20px; border-radius:8px; font-size:24px; font-weight:bold; margin:0 0 40px;}
.midashi2-mail { background: repeating-linear-gradient(-45deg, #F8E0F1, #F8E0F1 6px, #fff 6px, #fff 10px); padding:8px 20px; font-size:20px; margin:20px 0;}
.ul-mail { padding-left:2rem; list-style:circle;}
.ul-mail.bg-blue { background-color:#f5fffa; padding:20px 1rem 20px 2rem;}
.btn-mail { display:block; width:340px; background-color:#F8E0F1; border-radius:8px; font-size:16px; padding:6px 0; text-align:center; margin:40px auto; color:#FA58AC !important; border:1px solid #FA58AC;}
.btn-mail:hover { background-color:#fff;}
@media screen and (max-width:768px){
	.midashi-mail { font-size:20px; margin:40px 0 !important; padding:0 22px 0 32px;}
	.midashi-mail span { display:block;}
	.midashi-mail:before,.midashi-mail:after { height:4px;}
	.midashi-mail:before { left:-12px;}
.midashi-mail:after { right:-10px;}
	.box-new { border:2px solid #F8E0F1; font-size:18px; padding:16px 5%; margin:24px 0; font-size:14px;}
	.midashi2-mail { font-size:16px;padding:8px 5%; line-height:1.6;}
	.btn-mail { width:100%; margin:20px auto;}
}

.midashi-new { font-size:28px; border-left:8px solid #FA58AC; margin:100px 0 40px; color:#FA58AC; padding-left:20px;}
.inner-new { padding:0 28px;}
.inner-new img { max-width:100%;}
.mb-40 { margin-bottom:40px;}
.midashi2-new { font-size:24px; font-weight:400; margin:40px 0; text-align:center; border-bottom:1px solid #111; padding:0 0 8px;}
.midashi2-new span { font-size:48px; color:#FA58AC;}
.inner-new .box { border-bottom:1px dotted #111; padding:0 0 40px; margin:0 0 40px;}
.inner-new .box .overflow { margin:0 0 40px;}
.inner-new .box ul { margin:20px 0 0; text-align:center; padding:0 calc(28px - 1%);}
.inner-new .box ul li { width:47.5%; display:inline-block; list-style:none; margin:0 1%;}
.inner-new .box ul li a { display:block; background-color:#efefef; text-align:center; color:#111; line-height:40px;}
.inner-new .box ul li a i { color:#FA58AC;}
.inner-new .box p { padding:0 28px;}
.lead-new { font-size:16px; text-align:center; margin:0 0 80px;}
@media screen and (max-width:768px){
	.midashi-new { font-size:24px; margin:40px 0 20px; padding-left:8px;}
	.inner-new { padding:0;}
	.mb-40 { margin-bottom:20px;}
	.inner-new .box { padding:0 0 20px; margin:0 0 20px;}
	.inner-new .box .overflow { margin:0 0 20px;}
	.lead-new { margin:0 0 40px;}
	.inner-new .box ul { padding:0;}
	.inner-new .box p { padding:0;}
}

.bar-data { background-color:#000; color:#fff; text-align:center; padding:64px 0; line-height:2;}
.wrap-data { padding:80px 0;}
.wrap-data h4 { border-top:4px solid #111; margin:0 0 8px; padding:4px 0 0;}
.wrap-data h4 span { background-color:#111; padding:6px 12px; color:#fff; font-weight:400; font-size:16px;}
.wrap-data h3 { font-size:22px; text-align:center; margin:0;}
.wrap-data h3 strong { font-size:100px; color:#FA58AC; font-style:italic; display:block;}
.wrap-data h3 strong small { font-size:22px; color:#111; font-style:normal;}
.wrap-data .des { text-align:right;}
.wrap-data img { height:140px; width:100%; object-fit:cover;}
.w66 { width:66%;}
.w32 { width:32%;}
.mr-2p { margin-right:2%;}
@media screen and (max-width:768px){
	.bar-data { padding:40px 5%;}
	.wrap-data { padding:40px 0;}
	.wrap-data h3 strong { font-size:80px;}
	.w66 { width:100%; margin-bottom:20px;}
.w32 { width:100%; margin-bottom:20px;}
	.mr-2p { margin-right:0;}
	.wrap-data .mb-40 { margin-bottom:0;}
}

.btn-newtop { width:240px; background-color:#FA58AC; display:block; text-align:center; color:#fff; margin:40px auto; font-size:16px; border:1px solid #FA58AC;}
.btn-newtop:hover { background-color:#fff; color:#FA58AC;}
@media screen and (max-width:768px){
	.btn-newtop { margin:20px auto 40px;}
}

.pc { display:block;}
.sp { display:none;}
@media screen and (max-width:768px){
	.pc { display:none;}
.sp { display:block;}
}

.ul-new-shop-menu { margin:80px 0; padding:24px; border:2px solid #FA58AC;}
.ul-new-shop-menu li { display:inline-block; margin-right:16px; list-style:none;}
.ul-new-shop-menu li a { color:#111;}
.ul-new-shop-menu li a i { color:#FA58AC; padding-left:8px;}

.wrap-new-shop { margin:64px 0 100px; padding:48px 0 64px; background-color:#F8E0F1;}
.wrap-new-shop .wrap { overflow:visible;}
.wrap-new-shop h3 { font-size:22px; text-align:center; margin:-60px 0 32px; letter-spacing:.1em;}

.wrap-new-shop .hidden_box { margin:0; padding:0; border-top:1px solid #ccc;}
.wrap-new-shop .hidden_box label { padding:20px 0; font-size:16px; color:#FA58AC; background-color:transparent; height:auto; line-height:1.2;}
.wrap-new-shop .hidden_box input:checked ~ .hidden_show {
    padding: 8px 0 20px;
    height: auto;
    opacity: 1;
}
.wrap-new-shop .hidden_box input:checked ~ .hidden_show img { margin:20px 0; max-width:100%;}

.inner-new-propose { padding:24px 0; border-top:1px solid #ccc;}
.inner-new-propose h3 { font-size:24px; margin:0 0 24px; border-left:5px solid #FFBCCE; padding-left:8px;}
.inner-new-propose .overflow { padding:0 20px;}
.inner-new-propose h4 { margin:24px 0; background-color:#FFBCCE; border-left:5px solid #FF7C9E; padding-left:8px; line-height:40px; font-size:18px;}
.inner-new-propose a { font-size:18px; display:block; margin:0 0 16px;}
.inner-new-propose ul { margin:0 0 24px; padding:0;}
.inner-new-propose li { list-style:none; padding-left:24px; position:relative; font-size:18px; margin:0 0 8px;}
.inner-new-propose li:before { content:"●"; color:#FF7C9E; position:absolute; top:1px; left:0; font-size:16px;}
.inner-new-propose .box { background-color:#fafafa; padding:16px 20px; margin:24px 0;}
.inner-new-propose .box h4 { background-color:rgba(0,0,0,0); border:0; padding-left:0; margin:0 0 8px; font-size:18px;}
.inner-new-propose .box dl { margin:0 0 8px; padding:0; font-size:16px;}
.inner-new-propose .box dt { width:24%; float:left; font-weight:400; padding:4px 0;}
.inner-new-propose .box dd { padding-left:24%; margin:0; border-bottom:1px solid #ccc; padding:4px 0;}
.inner-new-propose .btn { margin:0 auto; background-color:#FF7C9E; color:#fff !important; line-height:40px; width:300px; border:none; padding:0; font-size:16px; }
@media screen and (max-width:768px){
	.inner-new-propose .overflow { padding:0;}
	.inner-new-propose .btn { width:100%;}
}


.w30 { width:30%;}
.w68 { width:68%;}
.txt-mess { font-weight:bold;}
.txt-mess h3 { font-size:40px; margin:0 0 40px;}
.txt-mess p { margin:0 0 24px;}
.name-mess { margin:24px 0 0; }
.name-mess strong { font-size:24px; padding-left:16px;}
@media screen and (max-width:768px){
	
	.w30,.w68 { width:100%;}
	.txt-mess h3 { font-size:24px; margin:0 0 24px;}
	.name-mess { margin:20px 0 0;}
}

.midashi-edu { font-size:32px; font-weight:400; margin:80px 0 24px;}
.dl-edu { margin:0 0 80px; padding:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; margin-top:2px solid #333; border-top:2px solid #333; border-bottom:2px solid #333;}
.dl-edu dt { width:24%; background-color:#eee; display:flex; align-items:center; border-bottom:1px solid #aaa; font-weight:400; align-self:stretch;}
.dl-edu dt span { display:block; text-align:center; width:100%;}
.dl-edu dt:last-of-type,.dl-edu dd:last-of-type { border-bottom:0;}
.dl-edu dd { width:76%; padding:16px; border-bottom:1px solid #aaa; margin:0; align-self:stretch;}
.dl-edu dt:first-of-type {}
@media screen and (max-width:768px){
	.midashi-edu { font-size:24px; margin:40px 0 20px;}
	.dl-edu { margin:0 0 40px; display:block;}
	.dl-edu dt { width:100%; border-bottom:0; padding:16px 0;}
	.dl-edu dd { width:100%; padding:16px 0;}
}

.head-vision { width:100%; height:100vh; position:relative; color:#fff;}
.head-vision img { width:100%; height:100%; object-fit:cover;}
.head-vision .txt { width:100%; padding:0 100px 80px; position:absolute; left:0; bottom:0; font-size:18px; font-weight:bold;}
.head-vision .txt h3 { font-size:40px; margin:0 0 24px; line-height:1;}
.head-vision .txt h3 small { font-size:14px; padding-left:20px; font-weight:bold;}


.wrap-vision { width:90%;}
.wrap-vision.right { margin-left:10%;}
.wrap-vision .txt { padding:0 40px;}
.wrap-vision .txt h3 { margin:80px 0 40px; position:relative;}
.wrap-vision .txt h3 span { font-size:160px; position:absolute; color:rgba(255,255,255,.4); top:-80px; right:-40px;}
.wrap-vision.right .txt h3 span { right:auto; left:-40px;}
.wrap-vision .txt h3 em { font-size:16px; font-style:normal; position:relative; padding:0 0 0 56px;}
.wrap-vision .txt h3 em:before { content:""; width:40px; height:1px; background-color:#fff; position:absolute; left:0; top:50%;}
.wrap-vision .txt h3 strong { font-size:40px; display:block; line-height:1.2; margin:20px 0 0; position:relative; z-index:9;}


@media screen and (max-width:768px){
	.head-vision { height:40vh;}
	.head-vision .txt { padding:0 5% 40px; font-size:14px;}
.head-vision .txt h3 { font-size:24px; margin:0 0 16px;}
.head-vision .txt h3 small { font-size:12px; padding-left:16px;}
	.wrap-vision .txt h3 em { font-size:14px; padding:0;}
	.wrap-vision .txt h3 em:before { display:none;}
	
	.wrap-vision { width:90%; margin:0 5%;}
	.wrap-vision.right { margin-left:5%;}
	.wrap-vision .txt { padding:0 20px 20px;}
	.wrap-vision .txt h3 { margin:16px 0 24px;}
	.wrap-vision .txt h3 span { font-size:80px; top:-40px; right:-20px;}
	.wrap-vision.right .txt h3 span { left:-20px;}
	.wrap-vision .txt h3 strong { font-size:32px; display:block; line-height:1.2; margin:8px 0 0;}
	
	
}


.w50.txt { padding:40px; box-sizing:border-box;}
.w50.txt p { margin:0 0 20px !important;}
@media screen and (max-width:768px){
	
	.w50.txt { padding:0;}
}

.wrap-page { padding:160px 120px;}
.wrap-page img { max-width:100%;}
.w47 { width:47%;}
.midashi-service { font-size:56px; margin:40px 0 0;}
.midashi-service span { font-size:20px; display:block;}
.btn-read { background-color:#FA58AC; color:#fff !important; padding:0 24px; display:inline-block; margin-top:20px; font-size:18px; border:1px solid #FA58AC;}
.btn-read:hover { background-color:#fff; color:#FA58AC !important;}
@media screen and (max-width:768px){
	.wrap-page { padding:0 5%;}
	.w47 { width:100%;}
	.btn-read {margin-bottom:40px; width:100%; display:block; text-align:center;}
}

.wrap-vision .name { text-align:right; margin:20px 0 0;}
.wrap-vision .name img { width:30%; }

.head-new-page { position:relative; margin:0 0 120px;}
.head-new-page h3 { position:absolute; bottom:32px; left:80px; display:flex; margin:0; width:540px;}
.head-new-page h3 strong { font-size:22px; width:140px; position:relative; }
.head-new-page h3 strong:after { content:""; display:block; width:3px; height:80px; transform:rotate(20deg); background-color:#111; position:absolute; top:0; right:12px;}
.head-new-page h3 small { padding-left:40px; font-size:12px; font-weight:bold;}
.head-new-page h3 small .jp { font-weight:400; color:#666; display:block; margin:16px 0 0;}
.head-new-page img { max-width:100%;}

.btn-newpage { width:300px; line-height:80px; display:block; text-align:center; background-color:#222; color:#fff !important; font-weight:bold; font-size:15px; letter-spacing:.1em;}
.btn-newpage:hover { background-color:#fafafa; color:#141412 !important;}

.wrap-newpage { padding:80px 80px 0; margin:0 0 120px; position:relative;}
.wrap-newpage.service h3,.wrap-newpage.client h3,.wrap-newpage.about h3,.wrap-newpage.recruit h3,.wrap-newpage.blog h3 { font-size:56px; margin:0 0 32px; position:relative;}
.wrap-newpage.service h3:after,.wrap-newpage.client h3:after,.wrap-newpage.about h3:after,.wrap-newpage.recruit h3:after,.wrap-newpage.blog h3:after { content:""; display:block; width:6px; height:72px; transform:rotate(-20deg); position:absolute; top:-14px; left:-32px; background-color:pink;}
.wrap-newpage.service .lead-newpage,.wrap-newpage.client .lead-newpage,.wrap-newpage.about .lead-newpage,.wrap-newpage.recruit .lead-newpage,.wrap-newpage.blog .lead-newpage { margin:0 0 80px;}
.wrap-newpage.service .panel { position:relative; box-shadow:16px 16px 24px #efefef; display:flex; margin-bottom:80px;}
.wrap-newpage.service .panel img { width:45%; object-fit:cover;}
.wrap-newpage.service .panel .txt { width:55%; padding:24px; box-sizing:border-box;}
.wrap-newpage.service .panel .txt h4,.wrap-newpage.about ul li .txt h4 { font-size:32px; margin:0 0 24px;}
.wrap-newpage.service .panel .txt h4 small,.wrap-newpage.about ul li .txt h4 small { font-size:12px; display:block; margin-bottom:16px;}
.wrap-newpage.service .btn-newpage { position:absolute; bottom:80px; right:80px;}

.w45 { width:45%;}

.wrap-newpage.client ul { margin:0; padding:0; overflow:hidden;}
.wrap-newpage.client ul li { width:32%; float:left; list-style:none; margin-right:2%; margin-bottom:16px;}
.wrap-newpage.client ul li:nth-of-type(3n) { margin-right:0;}
.wrap-newpage.client ul li img { width:100%;}
.wrap-newpage.client .btn-newpage { margin-bottom:24px;}

.wrap-newpage.about { padding-bottom:24px;}
.wrap-newpage.about:before { content:""; width:75%; height:100%; position:absolute; top:0; right:0; z-index:1; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2020/03/bg.jpg);}
.wrap-newpage.about h3,.wrap-newpage.about .lead-newpage,.wrap-newpage.about ul { position:relative; z-index:9;}
.wrap-newpage.about ul { margin:80px 0 0; padding:0; overflow:hidden;}
.wrap-newpage.about ul li { width:30%; margin-right:5%; list-style:none; float:left; display:flex; height:186px; position:relative; background-color:#fff;}
.wrap-newpage.about ul li:nth-of-type(3n) { margin-right:0;}
.wrap-newpage.about ul li .img { width:40%; }
.wrap-newpage.about ul li .img img { width:100%; height:100%; object-fit:cover;}
.wrap-newpage.about ul li .txt { width:60%; padding:24px; box-sizing:border-box;}

.w70 { width:70%;}

.wrap-newpage.recruit { padding-bottom:200px;}
.wrap-newpage.recruit:before { content:""; display:block; width:40%; height:600px; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2020/03/n-1.jpg); position:absolute; top:0; left:0; background-size:cover;}
.wrap-newpage.recruit:after { content:""; display:block; width:40%; height:500px; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2020/03/n-2.jpg); position:absolute; bottom:0; right:0; z-index:0; background-size:cover;}
.wrap-newpage.recruit h4 { font-size:24px; margin:0 0 80px; position:relative; z-index:9; line-height:1.8;}
.wrap-newpage.recruit h3,.wrap-newpage.recruit .lead-newpage,.wrap-newpage.recruit .btn-newpage { position:relative; z-index:9;}

.wrap-newpage.blog ul { margin:0; padding:0;}
.wrap-newpage.blog ul li { width:30%; margin-right:5%; float:left; list-style:none; position:relative; background-color:#fff; margin-bottom:64px; box-shadow:16px 16px 24px #efefef;}
.wrap-newpage.blog ul li:nth-of-type(3n) { margin-right:0;}
.wrap-newpage.blog ul li img { width:100%;}
.wrap-newpage.blog ul li .txt { padding:24px; height:140px; box-sizing:border-box;}
.wrap-newpage.blog ul li .txt h4 { font-size:14px; font-weight:400; margin:0 0 24px;}
.wrap-newpage.blog ul li .txt .add { font-size:13px; color:#999; margin:0;}
.wrap-newpage.blog ul li .txt .add .date { font-weight:bold; padding-right:24px;}

.midashi-mom-key { font-size:32px; text-align:center; margin:80px 0; font-weight:400; line-height:1.8;}

.midashi-mom-welcome { font-size:28px; text-align:center; margin:0 0 40px; font-weight:400;}
.imgbox-mom { margin:0 0 80px; overflow:hidden;}
.imgbox-mom img { width:49.5%; float:left; margin-bottom:12px;}
.imgbox-mom img:nth-of-type(2n) { float:right;}

.midashi-mom-catalog { margin:80px 0 40px; text-align:center; font-size:24px; font-weight:400; line-height:1.6;}
.inner-mom-catalog h4 { margin:0 0 20px; text-align:center; background-color:#ffb6c1; line-height:48px; font-size:22px; color:#fff;}
.inner-mom-catalog .w48 { margin-bottom:48px;}

.box-mom-order { width:90%; margin:0 auto 80px; border:2px solid #ffb6c1; padding:40px 5%; box-sizing:border-box;}
.box-mom-order ul { margin:0; padding:0; overflow:hidden;}
.box-mom-order ul li { width:30%; list-style:none; float:left; margin-right:5%; text-align:center; font-size:20px;}
.box-mom-order ul li:nth-of-type(3n) { margin-right:0;}
.box-mom-order ul li span { width:100%; height:240px; display:block; text-align:center; line-height:240px; background-color:#ffb6c1; color:#fff; font-size:100px; margin:0 0 20px;}
.box-mom-order ul li a { color:#111;}

.midashi-mom-oder { margin:40px 0 24px; font-size:24px; border-bottom:2px solid #ffb6c1; font-weight:400; padding:0 0 4px;}

@media screen and (max-width:768px){
	.midashi-mom-key { font-size:20px; margin:40px 0;}
	.midashi-mom-welcome { font-size:22px; margin:0 0 24px;}
	.imgbox-mom { margin:0 0 40px;}
	.imgbox-mom img { width:100%; float:none; margin-bottom:8px;}
	.imgbox-mom img:nth-of-type(2n) { float:none;}
	.midashi-mom-catalog { margin:40px 0 24px; font-size:18px;}
	.inner-mom-catalog h4 { font-size:18px; line-height:32px; margin:0 0 16px;}
	.inner-mom-catalog .w48 { margin-bottom:40px;}
	.box-mom-order { width:100%; margin:0 auto 40px; padding:24px 5%;}
	.box-mom-order ul li { width:32%; margin-right:2%; font-size:18px;}
	.box-mom-order ul li span { width:96px; height:96px; line-height:96px; font-size:40px; margin:0 auto 16px;}
	.midashi-mom-oder { margin:24px 0 20px; font-size:20px;}
}


.ul-search { margin:80px 0; padding:0; overflow:hidden;}
.ul-search li { width:32%; margin-right:2%; float:left; list-style:none; margin-bottom:20px;}
.ul-search li:nth-of-type(3n) { margin-right:0;}
.ul-search li a { background-color:rgba(255, 0, 111, 1); color:#fff; font-size:20px; display:block; line-height:64px; text-align:center; border:1px solid rgba(255, 0, 111, 1);}
.ul-search li a:hover { background-color:#fff; color:rgba(255, 0, 111, 1);}
.ul-search li ul { margin:14px 0 0; padding:0;}
.ul-search li ul li { width:auto; margin-right:0;}
.ul-search li ul li .postform { display:none;}
.ul-search li ul li input[type="text"] { width:216px;}
.ul-search li ul li input[type="submit"] { background:rgba(255, 0, 111, 1); border:1px solid rgba(255, 0, 111, 1);}
.ul-search li ul li input[type="submit"]:hover { color:rgba(255, 0, 111, 1); background-color:#fff;}
@media screen and (max-width:768px){
	.ul-search { margin:40px 0; overflow:visible;}
	.ul-search li { width:48%; margin-right:4%; margin-bottom:16px;}
	.ul-search li:nth-of-type(3n) { margin-right:4%;}
	.ul-search li:nth-of-type(2n) { margin-right:0;}
	.ul-search li a { line-height:48px; font-size:16px; }
	.ul-search li:last-of-type { width:93%; float:none; margin:0 auto; clear:both;}
	.ul-search li:last-of-type ul li { float:left; width:auto; clear:none;}
}

.box-line { margin:40px auto 80px; border:1px solid #ccc; padding:40px 20px; font-size:18px; overflow:hidden; font-weight:bold; width:70%;}
.box-line p { margin:0;}
.box-line span { font-size:24px; color:#FA58AC; letter-spacing:.05em;}
.box-line h4 { font-size:32px; color:#FA58AC; line-height:40px; margin:10px 0 24px; text-align:center; letter-spacing:.05em; background-color:transparent;}
.box-line h4 img { height:40px; display:inline-block; margin-right:16px;}
.box-line h4 a { color:#00c402;}
.box-line h4 strong { padding-right:20px;}
.box-line .line { width:20%; float:left; margin-right:20px; border:1px solid #ccc; padding:8px;}
.box-line b { font-size:20px; float:right; color:#00c402; border:2px solid #00c402; padding:2px 4px; border-radius:16px; margin-top:38px;}
.box-line .btn { background-color:#FA58AC; color:#fff; padding:4px 24px; display:inline-block; margin-top:16px; border-radius:8px;}
.box-line img { height:48px; margin-top:20px;}
br.sp { display:none; padding:16px;}
@media screen and (max-width:768px) {
.box-line { padding:24px 5%; font-size:14px; width:90%; margin:0 auto 40px;}
.box-line span { font-size:16px;}
.box-line h4 { font-size:24px;}
.box-line h4 img { height:40px; display:block; margin-right:0; text-align:center; margin:0 auto 8px;}
  .box-line h4 strong { padding-right:0;}
.box-line .line { width:100%; float:none; margin-right:0; box-sizing:border-box;}
.box-line b { display:inline-block; margin-top:33px;}
  .box-line .btn { margin-top:16px; display:block;}
  br.sp { display:block;}
}

.box-top-mom { margin:40px 0; padding:40px 5%; border:2px solid #FA58AC;}
.box-top-mom h3 { margin:0 0 24px; font-size:24px; text-align:center; color:#FA58AC;}
.box-top-mom h4 { text-align:center; margin:20px 0; color:#FA58AC; font-size:22px;}
.box-top-mom a { display:block; margin:40px 0 16px;  background-color:#FA58AC; color:#fff; text-align:center; line-height:48px;}
.box-top-mom img { width:100%;}
	
.box-top-mom.bukka { border:2px solid #884898;}
.box-top-mom.bukka h3 { color:#884898;}
.box-top-mom.bukka h4 { color:#884898;}
.box-top-mom.bukka a { background-color:#884898;}


.ul-sp-footerbtn { display:none;}
@media screen and (max-width:768px){
	.ul-sp-footerbtn { display:block; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; overflow:hidden; z-index:999;}
	.ul-sp-footerbtn li { width:calc(100% / 4); float:left; list-style:none; border-right:1px solid #fff; box-sizing:border-box;}
	.ul-sp-footerbtn li:first-of-type { width:100%; float:none; border-bottom:1px solid #fff; border-right:0;}
	.ul-sp-footerbtn li:nth-of-type(5) { border-right:0;}
	.ul-sp-footerbtn li a { display:block; text-align:center; height:64px; width:100%; padding:12px 4px 0; box-sizing:border-box; color:#692927; font-weight:bold; font-size:11px; line-height:1.4;}
	.ul-sp-footerbtn li:first-of-type a { text-align:left; padding:10px 20px 0; box-sizing:border-box; background-color:#F5C9C6; line-height:24px; height:50px; display:flex; width:100%; font-size:16px;}
	.ul-sp-footerbtn li:nth-of-type(2) a { background-color:#DBAFBD;}
	.ul-sp-footerbtn li:nth-of-type(3) a { background-color:#F5F5DC;}
	.ul-sp-footerbtn li:nth-of-type(4) a { background-color:#E3C1BB;}
	.ul-sp-footerbtn li:nth-of-type(5) a { background-color:#f5deb3;}
	.ul-sp-footerbtn li a img { height:24px; display:block; margin:0 auto 4px;}
	.ul-sp-footerbtn li:first-of-type a img { display:inline-block; margin:0 8px 0 0;}
}

.head-new-front {/* padding:20px 6% 140px; position:relative; background-color:#ff69b4;*/}
.head-new-front ul { width:20%; position:absolute; margin:0; padding:0; top:140px; left:0; border-bottom:6px solid #ffc0cb;}
.head-new-front ul li { width:calc(100% - 50px); border-bottom:1px solid #fff; list-style:none; float:right;}
.head-new-front ul li a { display:block; color:#fff; font-size:16px; line-height:69px; background:linear-gradient(to right,deeppink,#ffc0cb); padding:0 16px; box-sizing:border-box;}
.head-new-front ul li:first-of-type { width:50px; height:279px; float:left; border-right:1px solid #fff; box-sizing:border-box; border-bottom:0;}
.head-new-front ul li:first-of-type a { background:deeppink; padding: 48px 0 0 0;  writing-mode:vertical-rl; box-sizing:border-box; height:100%; line-height:49px;}
.head-new-front ul li:last-of-type { border-bottom:0;}
.head-new-front img { width:100%;}
.head-new-front .info { width:20%; height:135px; background-color:#fff; padding:16px; box-sizing:border-box; position:absolute; left:0; bottom:100px;}
.head-new-front .info h4 { font-size:16px; margin:0 0 8px; font-weight:400;}
.head-new-front .info h4 span { border-bottom:1px solid #111;}
@media screen and (max-width:768px){
	.head-new-front { padding:20px 5%;}
	.head-new-front ul,.head-new-front .info { display:none;}
}

.wrap-new-front { width:88%; margin:0 auto; position:relative; padding-top:125px;}

.ul-menu-new-front { margin:-40px 0 80px; padding:0; overflow:hidden; position:absolute; top:-40px; left:0; width:100%; z-index:20;}
.ul-menu-new-front li { width:calc(100% / 6); float:left; list-style:none;}
.ul-menu-new-front li a { display:block; text-align:center; font-size:15px; padding:20px 0; background-color:#fff; color:#111;}
.ul-menu-new-front li:hover a { background-color:#ffc0cb;}
.ul-menu-new-front li a span { display:block; border-right:1px solid #ccc;}
.ul-menu-new-front li:last-of-type a span { border-right:0;}
.ul-menu-new-front li a img { width:26px; margin-bottom:12px;}
@media screen and (max-width:768px){
	.wrap-new-front { width:90%; padding-top:0;}
	
	.ul-menu-new-front { position:static; margin:0 0 40px;}
	.ul-menu-new-front li { width:calc(100% / 3);}
	.ul-menu-new-front li:nth-of-type(3n) a span { border-right:0;}
}

.ul-visualmenu-new-front { margin:0 0 100px; padding:0; overflow:hidden; border-bottom:4px solid #eee;}
.ul-visualmenu-new-front li { width:50%; float:left; list-style:none; position:relative;}
.ul-visualmenu-new-front li img { width:100%; height:auto; object-fit:cover;}
.ul-visualmenu-new-front li h4 { font-size:22px; margin:0; padding:0 32px; line-height:80px; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff;}
.ul-visualmenu-new-front li h4 small { padding-left:32px; font-weight:400; font-size:16px;}
@media screen and (max-width:768px){
	.ul-visualmenu-new-front { margin:0 0 40px;}
	.ul-visualmenu-new-front li { } 
	.ul-visualmenu-new-front li h4 { font-size:18px; padding:12px 5%; line-height:1.8;}
	.ul-visualmenu-new-front li h4 small { font-size:14px; padding-left:0; display:block;}
}


.wrap-torikumi-new-front { background-color:#efefef; padding:80px 0 48px 80px; position:relative; margin:0 0 200px;}
.wrap-torikumi-new-front:before { content:"SUCCESS SERVICE"; white-space: pre; font-size:100px; color:#ffe4e1; position:absolute; top:-8px; left:80px; width:40%; display:block; line-height:80px;}
.wrap-torikumi-new-front:after { content:""; display:block; clear:both;}
.wrap-torikumi-new-front h3 { font-size:40px; margin:100px 0 80px; width:25%; padding-right:40px; box-sizing:border-box; float:left; margin-top:100px !important; line-height:1.8;}
.wrap-torikumi-new-front h3 a { width:70%; line-height:50px; display:block; text-align:center; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff; font-size:18px; font-weight:bold; margin-top:80px; border-radius:40px;}
.wrap-torikumi-new-front ul { width:75%; margin:0; padding:0; overflow:hidden; float:right; border-bottom:6px solid #aaa;}
.wrap-torikumi-new-front ul li { width:calc(100% / 3); float:left; list-style:none; position:relative;}
.wrap-torikumi-new-front ul li img { width:100%;}
.wrap-torikumi-new-front ul li div { padding:24px; box-sizing:border-box; position:relative; background-color:#fff;}
.wrap-torikumi-new-front ul li div:after { content:""; width:1px; height:calc(100% - 48px); background-color:#ccc; position:absolute; right:0; top:24px;}
.wrap-torikumi-new-front ul li div h4 { font-size:18px; margin:0 0 20px; font-weight:400;}
.wrap-torikumi-new-front ul li div h4 i { color:deeppink; padding-right:8px;}
.wrap-torikumi-new-front .box-bottom { width:70.5%; box-sizing:border-box; border-bottom:6px solid #aaa; padding:20px 24px; background-color:#fff; overflow:hidden; position:absolute; right:0; bottom:-66px;}
.wrap-torikumi-new-front .box-bottom ul { width:100%; border-bottom:0; float:none;}
.wrap-torikumi-new-front .box-bottom ul li { width:25%; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.wrap-torikumi-new-front .box-bottom ul li a { display:block; color:#111; padding:0 16px 16px; font-weight:bold;}
.wrap-torikumi-new-front .box-bottom ul li a i { color:deeppink; padding-right:4px;}
@media screen and (max-width:768px){
	.wrap-torikumi-new-front { padding:48px 0 0; margin:0 0 40px;}
	.wrap-torikumi-new-front:before { font-size:56px; line-height:50px; text-align:center; left:0; width:100%;}
	.wrap-torikumi-new-front h3 { width:100%; margin: 0 0 40px; padding-right:0; margin-top:0 !important; font-size:24px; text-align:center; position:relative; z-index:9;}
	.wrap-torikumi-new-front h3 a { display:none;}
	.wrap-torikumi-new-front ul { width:100%;}
	.wrap-torikumi-new-front ul li { width:100%; float:none;}
	.wrap-torikumi-new-front .box-bottom { display:none;}
}

.wrap-feature-new-front,.wrap-info-new-front { padding:100px 80px 200px; background-color:#efefef; margin:0 0 200px; position:relative; }
.wrap-feature-new-front:before { content:"COMMITMENT"; font-size:100px; display:block; text-align:center; color:#ffe4e1; width:100%; position:absolute; left:0; top:-19px; line-height:1; }
.wrap-feature-new-front h3 { font-size:40px; margin:0 0 32px; text-align:center; position:relative;}
.wrap-feature-new-front h3:after { content:""; width:40px; height:1px; background-color:deeppink; display:block; margin:24px auto 0;}
.wrap-feature-new-front ul { margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center;}
.wrap-feature-new-front ul li { width:30%; margin-right:5%; list-style:none; margin-bottom:32px; display:inline-block; font-size:0;}
.wrap-feature-new-front ul li:nth-of-type(3),.wrap-feature-new-front ul li:nth-of-type(5) { margin-right:0;}
.wrap-feature-new-front ul li .img { position:relative;}
.wrap-feature-new-front ul li .img img { width:100%;}
.wrap-feature-new-front ul li .img a { display:block; width:70%; line-height:50px; font-size:18px; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff; border:2px solid #eee; border-radius:40px; text-align:center; position:absolute; left:15%; bottom:24px; box-sizing:border-box;}
.wrap-feature-new-front ul li .txt { padding:16px; font-size:14px;}
.wrap-feature-new-front { padding-bottom:80px; margin-bottom:80px; margin-top:40px;}
@media screen and (max-width:768px){
	.wrap-feature-new-front,.wrap-info-new-front { padding:48px 5% 40px; margin:0 0 40px;}
	.wrap-feature-new-front { padding-bottom:20px; margin-bottom:40px; margin-top:20px;}
	.wrap-feature-new-front { padding:48px 5% 8px;}
.wrap-feature-new-front:before { font-size:56px; text-align:center; color:#ffe4e1; width:100%; position:absolute; left:0; top:-8px; line-height:50px;}
	.wrap-feature-new-front h3 { font-size:24px; margin:0 0 40px;}
	.wrap-feature-new-front ul { display:block;}
	.wrap-feature-new-front ul li { width:100%; margin-right:0; margin-bottom:0;}
	.wrap-feature-new-front ul li:last-of-type { margin-bottom:0;}
}

.wrap-feature-new-front .box-bottom,.wrap-info-new-front .box-bottom { width:100%; padding:0 100px; position:absolute; left:0; bottom:-80px;}
.wrap-feature-new-front .box-bottom ul,.wrap-info-new-front .box-bottom ul { margin:0; padding:0; overflow:hidden; display:block;}
.wrap-feature-new-front .box-bottom ul li,.wrap-info-new-front .box-bottom ul li { width:calc(100% / 3); margin-right:0; margin-bottom:0; display:block; float:left; background-color:deeppink; position:relative; border-right:1px solid #fff; box-sizing:border-box;}
.wrap-info-new-front .box-bottom { bottom:-98px;}
.wrap-info-new-front .box-bottom ul li { width:25%;}
.wrap-feature-new-front .box-bottom ul li:nth-of-type(3n) { border-right:1px solid transparent;}
.wrap-info-new-front .box-bottom ul li:nth-of-type(4n) { border-right:1px solid transparent;}
.wrap-feature-new-front .box-bottom ul li a,.wrap-info-new-front .box-bottom ul li a { color:#fff;}
.wrap-feature-new-front .box-bottom ul li img,.wrap-info-new-front .box-bottom ul li img { opacity:.5; width:100%;}
.wrap-feature-new-front .box-bottom ul li strong,.wrap-info-new-front .box-bottom ul li strong { display:block; width:100%; line-height:50px; text-align:center; position:absolute; top:calc(50% - 26px); left:0;}
.wrap-feature-new-front .box-bottom ul li strong span,.wrap-info-new-front .box-bottom ul li strong span { font-size:18px; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:50px; display:inline-block;}
.wrap-feature-new-front .box-bottom ul li strong span i,.wrap-info-new-front .box-bottom ul li strong span i { padding-left:8px;}
@media screen and (max-width:768px){
	.wrap-feature-new-front .box-bottom,.wrap-info-new-front .box-bottom { padding:0; position:static;}
	.wrap-feature-new-front .box-bottom ul li,.wrap-info-new-front .box-bottom ul li { width:100%;}
	.wrap-feature-new-front .box-bottom ul li img,.wrap-info-new-front .box-bottom ul li img { object-fit:cover;}
}

.wrap-info-new-front { padding-top:0; padding-bottom:300px;}
.wrap-info-new-front .overflow { display:flex;}
.wrap-info-new-front .news-new { width:60%; border-right:1px solid #fff; box-sizing:border-box; border-top:0; border-bottom:0; padding:80px 40px 48px 0;}
.wrap-info-new-front .magazine { width:40%; padding:80px 0 48px 40px; box-sizing:border-box;}
.wrap-info-new-front h3,.wrap-infomation-new-front .title h3 { margin:0 0 40px; font-size:28px;}
.wrap-info-new-front h3 span,.wrap-infomation-new-front .title h3 span { font-size:20px; color:deeppink; display:block; margin:0 0 16px;}
.wrap-info-new-front .box { background-color:#fff; padding:20px;}
.wrap-info-new-front .news-new ul { margin:0; padding:0;}
.wrap-info-new-front .news-new  ul li { border-bottom:1px solid #ccc; margin:0 0 12px; padding:0 0 12px; list-style:none; line-height:25px;}
.wrap-info-new-front .news-new  ul li:last-of-type { border-bottom:0;}
.wrap-info-new-front .news-new ul li a { color:#111;}
.wrap-info-new-front .news-new ul li .date { font-size:12px; padding-right:16px;}
.wrap-info-new-front .news-new ul li .category { background-color:#eee; padding:0 12px; display:inline-block; margin-right:16px; font-size:12px;}
.wrap-info-new-front .news-new ul li .title { font-size:15px;}
.wrap-info-new-front .btn-new-front { width:240px; display:block; line-height:50px; text-align:center; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff; font-size:18px; font-weight:bold; margin:24px auto 0; border-radius:40px; padding:0 16px; box-sizing:border-box;}
.wrap-info-new-front .btn-new-front i { float:right; line-height:50px;}
.wrap-info-new-front .magazine .overflow { height:293px;}
.wrap-info-new-front .magazine h4 { font-size:16px; margin:0 0 20px;}
.wrap-info-new-front .magazine img { width:100%; height:188px; object-fit:cover;}
.wrap-info-new-front .magazine ul { padding-left:2rem;}
.wrap-info-new-front .magazine .btn-pdf { display:block; width:100%; background-color:#eee; text-align:center; font-size:14px; margin:16px 0 0; color:#111; line-height:40px;}
.wrap-info-new-front .magazine .btn-pdf i { color:deeppink; padding-right:12px;}
@media screen and (max-width:768px){
	.wrap-info-new-front { padding-bottom:40px;}
	.wrap-info-new-front .overflow { display:block;}
	.wrap-info-new-front .news-new,.wrap-info-new-front .magazine { width:100%; padding:40px 0;}
	.wrap-info-new-front .news-new { border-right:0; border-bottom:1px solid #fff;}
	.wrap-info-new-front h3,.wrap-infomation-new-front .title h3 { margin:0 0 24px; font-size:24px; text-align:center;}
.wrap-info-new-front h3 span,.wrap-infomation-new-front .title h3 span { font-size:16px; margin:0 0 16px;}
	.wrap-info-new-front .btn-new-front { width:80%; line-height:40px; font-size:14px;}
.wrap-info-new-front .btn-new-front i { line-height:40px;}
}

.wrap-recruit-new-front { padding:80px 80px 0; position:relative; margin:0 0 200px;}
.wrap-recruit-new-front:before { content:""; display:block; width:100%; height:calc(100% - 80px); position:absolute; top:0; left:0; background-color:#efefef;}
.wrap-recruit-new-front ul { margin:0; padding:0; display:flex; flex-wrap:wrap; flex-direction: row-reverse;}
.wrap-recruit-new-front ul li { width:50%; box-sizing:border-box; position:relative; list-style:none;}
.wrap-recruit-new-front ul li:nth-of-type(1),.wrap-recruit-new-front ul li:nth-of-type(2) { height:364px;}
.wrap-recruit-new-front ul li:nth-of-type(3),.wrap-recruit-new-front ul li:nth-of-type(4) { height:364px;}
.wrap-recruit-new-front ul li:nth-of-type(1) { padding:40px 80px 80px; box-sizing:border-box;}
.wrap-recruit-new-front ul li h3,.wrap-info-new-front .box-bottom h3 { font-size:40px; margin:0 0 24px; padding:0 0 20px; position:relative;}
.wrap-recruit-new-front ul li h3 strong,.wrap-info-new-front .box-bottom h3 strong { font-size:100px; color:#ffe4e1; display:block;}
.wrap-recruit-new-front ul li h3:after,.wrap-info-new-front .box-bottom h3:after { content:""; width:40px; height:1px; background-color:deeppink; bottom:0; left:0; position:absolute;}
.wrap-recruit-new-front ul li img { width:100%; height:100%; object-fit:cover;}
.wrap-recruit-new-front ul li a { display:block; width:224px; line-height:50px; font-size:18px; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff; border:2px solid #eee; border-radius:40px; text-align:center; position:absolute; left:calc(50% - 112px); bottom:40px; box-sizing:border-box;}
@media screen and (max-width:768px){
	.wrap-recruit-new-front { padding:40px 5%; position:relative; margin:0 0 40px;}
	.wrap-recruit-new-front:before { height:100%;}
	.wrap-recruit-new-front ul { display:block;}
	.wrap-recruit-new-front ul li { width:100%; margin-bottom:20px;}
	.wrap-recruit-new-front ul li:nth-of-type(1),.wrap-recruit-new-front ul li:nth-of-type(2) { height:auto;}
.wrap-recruit-new-front ul li:nth-of-type(3),.wrap-recruit-new-front ul li:nth-of-type(4) { height:auto;}
	.wrap-recruit-new-front ul li:nth-of-type(1) { padding:0; height:auto;}
	.wrap-recruit-new-front ul li h3,.wrap-info-new-front .box-bottom h3 { font-size:24px; margin:-40px 0 24px; padding:0 0 20px; text-align:center;}
	.wrap-info-new-front .box-bottom h3 { margin-top:0px;}
.wrap-recruit-new-front ul li h3 strong,.wrap-info-new-front .box-bottom h3 strong { font-size:56px; line-height:.7; margin-bottom:8px;}
.wrap-recruit-new-front ul li h3:after,.wrap-info-new-front .box-bottom h3:after { left:calc(50% - 20px);}
	.wrap-recruit-new-front ul li a { position:static; margin:16px auto 0;}
}

.wrap-infomation-new-front { padding:80px; background-color:#efefef;}
.wrap-infomation-new-front .title { width:20%; float:left;}
.wrap-infomation-new-front .menu { width:80%; float:right;}
.wrap-infomation-new-front .menu ul { margin:0 0 40px; padding:0; display:flex; flex-wrap:wrap;}
.wrap-infomation-new-front .menu ul li { width:49.5%; margin-right:1%; background-color:#fff; position:relative; margin-bottom:8px; padding:20px; box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap;}
.wrap-infomation-new-front .menu ul li:hover { background-color:hotpink; color:#fff;}
.wrap-infomation-new-front .menu ul li:nth-of-type(2n) { margin-right:0;}
.wrap-infomation-new-front .menu ul li img { display:block; width:100%; margin-bottom:16px;}
.wrap-infomation-new-front .menu ul li h4 { width:50%;}
.wrap-infomation-new-front .menu ul li h4 i { color:deeppink; padding-right:8px;}
.wrap-infomation-new-front .menu ul li:hover h4 i { color:#fff;}
.wrap-infomation-new-front .menu ul li p { width:50%;}
.wrap-infomation-new-front .menu .sub { overflow:hidden;}
.wrap-infomation-new-front .menu .sub h3 { width:40%; float:left; font-size:22px; margin:0; padding-right:24px; box-sizing:border-box; line-height:50px; position:relative;}
.wrap-infomation-new-front .menu .sub h3:before { content:""; width:calc(100% - 20px); height:1px; background-color:deeppink; display:block; position:absolute; left:0; top:50%;}
.wrap-infomation-new-front .menu .sub h3 span { background-color:#efefef; padding:0 12px 0 0; position:relative; z-index:9;}
.wrap-infomation-new-front .menu .sub ul { width:60%; margin:0; padding:0; overflow:hidden; float:right; display:block;}
.wrap-infomation-new-front .menu .sub ul li { width:47%; float:left; list-style:none; margin-bottom:20px; background-color:rgba(0,0,0,0); padding:0; margin-right:0;}
.wrap-infomation-new-front .menu .sub ul li:nth-of-type(2n) { float:right;}
.wrap-infomation-new-front .menu .sub ul li a { display:block; width:100%; line-height:50px; font-size:18px; background:linear-gradient(to right,deeppink,#ffc0cb); color:#fff; border-radius:40px; text-align:center; box-sizing:border-box;}
@media screen and (max-width:768px){
	.wrap-infomation-new-front { padding:40px 5%;}
	.wrap-infomation-new-front .title { width:100%; float:none;}
.wrap-infomation-new-front .menu { width:100%; float:none;}
	.wrap-infomation-new-front .menu ul { margin:0; display:block;}
	.wrap-infomation-new-front .menu ul li { width:100%; margin-right:0; margin-bottom:20px;}
	
	.wrap-infomation-new-front .menu .sub h3 { width:100%; float:none; text-align:center; margin:0 0 20px;}
	.wrap-infomation-new-front .menu .sub h3:before { display:none;}
	.wrap-infomation-new-front .menu .sub h3 span { padding:0;}
	.wrap-infomation-new-front .menu .sub ul { width:100%; float:none;}
	.wrap-infomation-new-front .menu .sub ul li { width:100%; float:none; margin-bottom:8px;}
.wrap-infomation-new-front .menu .sub ul li:nth-of-type(2n) { float:none;}
	.wrap-infomation-new-front .menu .sub ul li a { line-height:40px; font-size:14px;}
}

.midashi-bukka-new { font-size:32px; margin:80px 0 40px !important; border-bottom:1px solid #111;}

.ul-bukka-new { margin:0; padding:0; overflow:hidden; }
.ul-bukka-new li { width:30%; list-style:none; float:left; margin-right:5%; font-size:24px; text-align:center;}
.ul-bukka-new li:nth-of-type(3n) { margin-right:0;}
.ul-bukka-new li img { border-radius:50%; margin:0 auto 20px; width:80%; display:block;}
@media screen and (max-width:768px){
	.midashi-bukka-new { font-size:24px; margin:40px 0 24px !important;}
	
	.ul-bukka-new li { width:48%; margin-right:4%; font-size:12px; float:left; margin-bottom:20px;}
	.ul-bukka-new li:nth-of-type(3n) { margin-right:4%;}
	.ul-bukka-new li:nth-of-type(2n) { margin-right:0;}
	.ul-bukka-new li img { width:100%; margin:0 auto 16px;}

}

.ul-contact-bukka-new { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-contact-bukka-new li { width:30%; margin-right:5%; float:left; list-style:none;}
.ul-contact-bukka-new li:nth-of-type(3n) { margin-right:0;}
.ul-contact-bukka-new li a { border:1px solid #111; display:block; text-align:center; font-size:18px; line-height:48px; color:#111;}
@media screen and (max-width:768px){
	.ul-contact-bukka-new { margin:0 0 40px;}
	.ul-contact-bukka-new li { width:32%; margin-right:2%;}
	.ul-contact-bukka-new li a { font-size:14px;}
}

.ul-img-bukka-new { margin:0 0 20px; padding:0; overflow:hidden;}
.ul-img-bukka-new li { width:32.666%; margin-right:1%; float:left; list-style:none;}
.ul-img-bukka-new li:nth-of-type(3n) { margin-right:0;}
.ul-img-bukka-new li img { width:100%;}

.midashi2-bukka-new { margin:80px 0 40px; position:relative; font-size:32px; text-align:center;}
.midashi2-bukka-new:before { content:""; display:block; width:100%; height:1px; background-color:#111; position:absolute; left:0; top:50%;}
.midashi2-bukka-new span { padding:0 40px; background-color:#fff; position:relative; z-index:9;}
@media screen and (max-width:768px){
	.midashi2-bukka-new { margin:40px 0 24px; font-size:20px;}
	.midashi2-bukka-new span { padding:0 20px;}
}

.lead-bukka-new { font-size:18px; text-align:center; margin:40px 0;}
@media screen and (max-width:768px){
	.lead-bukka-new { font-size:16px; text-align:center; margin:20px 0;}

}

.imgbox-bukka-new ul { margin:0; padding:0; overflow:hidden;}
.imgbox-bukka-new ul li { width:49%; list-style:none; float:left; position:relative; margin-bottom:20px;}
.imgbox-bukka-new ul li:nth-of-type(2n) { float:right;}
.imgbox-bukka-new ul li h4 { font-size:13px; background-color:#696969; color:#fff; line-height:48px; display:flex; margin:0; padding:8px 16px;}
.imgbox-bukka-new ul li h4 .box { width:48px; height:48px; background-color:pink; display:block; text-align:center; line-height:24px; margin-right:12px; font-size:13px; font-weight:400;}
.imgbox-bukka-new ul li h4 .price { display:block; text-align:left; margin-left:0; background:none; padding:0;     letter-spacing: 0; }
.imgbox-bukka-new ul li img { width:100%; height:350px; object-fit:cover;}
@media screen and (max-width:768px){
	.imgbox-bukka-new ul li { }
	.imgbox-bukka-new ul li:nth-of-type(2n) { }
	.imgbox-bukka-new ul li h4 { font-size:13px; line-height:20px; padding:8px; display:block;}
	.imgbox-bukka-new ul li h4 .box { width:32px; height:32px; line-height:16px; margin-right:8px; font-size:11px; float:left;}
	.imgbox-bukka-new ul li h4 .price { margin-left:0;}
	.imgbox-bukka-new ul li img { height:138px;}
}

.inner-preza-bukka-new { margin:80px 0;}
.inner-preza-bukka-new h3 { margin:0 0 40px; background-color:#6495ed; color:#fff; font-size:40px; font-weight:400; text-align:center; padding:16px 0;}
.inner-preza-bukka-new .box { border:4px solid #eee; display:flex; margin:0 0 20px; background-color:#eee; align-items:center;}
.inner-preza-bukka-new .box img { width:160px; object-fit:cover;}
.inner-preza-bukka-new .box h4 { font-size:32px; margin:0; padding:0 40px; font-weight:400;}
@media screen and (max-width:768px){
	.inner-preza-bukka-new { margin:40px 0;}
	.inner-preza-bukka-new h3 { margin:0 0 20px; font-size:24px;}
	.inner-preza-bukka-new .box { margin:0 0 12px;}
	.inner-preza-bukka-new .box img { width:80px;}
	.inner-preza-bukka-new .box h4 { font-size:20px; padding:0 20px;}
}

.box-map { display:flex; height:580px; width:100%; margin:0 0 100px;}
.box-map .map { width:48%;}
.box-map .txt { width:52%; background-color:#efefef; padding:100px 64px; box-sizing:border-box;}
.box-map .txt h3 { font-size:32px; margin:0 0 24px;}
.box-map .txt dl { margin:0 0 40px; padding:0;}
.box-map .txt dt { width:70px; border:1px solid #999; color:#999; text-align:center; background-color:#fff; float:left; font-weight:400;}
.box-map .txt dd { padding-left:90px; margin-bottom:16px;}
.box-map .txt ul { margin:0 0 12px; padding:0;}
.box-map .txt ul li,.ul-shuhentenpo li.box ul li { display:inline-block; list-style:none; margin-right:20px;}
.box-map .txt ul li span,.ul-shuhentenpo li.box ul li span { display:inline-block; margin-right:4px;}
.box-map .txt ul li span i,.ul-shuhentenpo li.box ul li span i { color:red;}
.box-map .txt ul li.off,.ul-shuhentenpo li.box ul li.off { color:#ccc;}
.box-map .txt ul li.off span,.ul-shuhentenpo li.box ul li.off span { background-color:#ccc; color:#fff; line-height:16px; width:16px; font-size:12px; display:block; text-align:center; float:left; border-radius:4px; margin-top:5px;}
.box-map .txt ul li.off span i,.ul-shuhentenpo li.box ul li.off span i { color:#fff;}
.box-map .txt a { background-color:#111; color:#fff; line-height:60px; padding:0 24px; display:block;}
.box-map .txt a span { width:16px; line-height:16px; display:block; text-align:center; background-color:#fff; color:#111; font-size:11px; float:right; margin-top:22px; border-radius:50%;}
@media screen and (max-width:768px){
	.box-map { display:block; height:auto; margin:0 0 40px;}
.box-map .map { width:100%;}
	.box-map .txt { width:100%; padding:24px 5%;}
	.box-map .txt h3 { font-size:24px; margin:0 0 20px;}
}

.midashi-company { margin:0 0 80px; padding:40px 0 0; position:relative; font-size:26px; font-weight:300; letter-spacing:.2em;}
.midashi-company small { font-size:13px; display:block; margin-top:8px; letter-spacing:.1em;}
.midashi-company:before { content:""; width:48px; height:1px; background-color:hotpink; display:block; position:absolute; top:0; left:0;}
@media screen and (max-width:768px){
	.midashi-company { margin:0 0 40px; padding:20px 0 0; font-size:20px;}
}

.relative { position:relative;}

.bg-ef { background-color:#efefef; padding:80px 0;}
.inner-company { padding:0 0 0 35%; position:relative; }
.inner-company .box-left { width:35%; position:absolute; top:0; left:0;}
.inner-company ul { margin:0; padding:0; overflow:hidden;}
.inner-company li { width:48%; float:left; list-style:none; position:relative; margin-bottom:40px; letter-spacing:.1em;}
.inner-company li:nth-of-type(2n) { float:right;}
.inner-company li strong { font-size:22px; font-weight:300; display:block; margin:20px 0 0;}
.inner-company li strong small { font-size:14px; display:block;}
.inner-company .box-left h3 { font-size:22px; margin:0 0 32px; font-weight:300; letter-spacing:.2em;}
.inner-company .box-left h3 span { font-size:14px; display:block; margin-top:8px; letter-spacing:.1em;}
.inner-company .box-left .more ,.box-back a { font-size:14px; position:relative; display:inline-block; letter-spacing:.1em; color:#111;}
.inner-company .box-left .more:after ,.box-back a:after { content:""; display:block; width:48px; height:1px; background-color:hotpink; position:absolute; right:-80px; top:50%;}
@media screen and (max-width:768px){
	.bg-ef { padding:40px 0;}
	.inner-company { padding:0;}
	.inner-company .box-left { width:100%; position:static;}
	.inner-company .box-left h3 { font-size:20px; margin:0 0 20px; }
	.inner-company .box-left h3 span { font-size:13px;}
	.inner-company .box-left .more ,.box-back a { font-size:13px;}
	.inner-company li,.inner-company li:nth-of-type(2n) { width:100%; float:none;}
	.inner-company li a { display:flex; align-items:center;}
	.inner-company li img { width:48%; margin-right:4%;}
	.inner-company li strong { font-size:16px; display:inline-block; margin:0;}
	.inner-company li strong small { font-size:12px; }
}

.cf:after { content:""; display:block; clear:both;}
.w48 { width:48%;}
.w47 { width:47%;}
.w46 { width:46%;}

@media screen and (max-width:768px){
	.w48,.w47,.w46 { width:100%;}
	
}

.wrap-message { width:90%; margin:0 0 100px 10%; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05); padding:103px 10% 137px; box-sizing:border-box;}
.wrap-message.second { margin:0 10% 100px 0;}
.wrap-message h3 { margin:0 0 80px; font-size:36px; letter-spacing:.1em; font-weight:300;}
.wrap-message h3 small { font-size:17px; letter-spacing:.1em; display:block; margin-top:20px;}
.wrap-message ul { margin:0; padding:0; border-top:1px solid #ccc;}
.wrap-message ul li { border-bottom:1px solid #ccc; list-style:none; padding:16px 8px 16px 32px; position:relative; }
.wrap-message ul li:before { top:25px; left:8px;}
.wrap-message ul li input { display:none;}
.wrap-message ul li label { cursor:pointer; display:block; position:relative;}
.wrap-message ul li label:before,.wrap-message li label:after { content:""; display:block; position:absolute; background-color:#111;}
.wrap-message ul li label:before { width:13px; height:1px; right:0; top:50%;}
.wrap-message ul li .box-show { display:none; height:0; padding:20px 8px 8px; color:#666;}
.wrap-message ul li label:after { width:1px; height:13px; right:6px; top:8px;}
.wrap-message ul li input:checked ~ .box-show { display:block; height:auto; transition:.7s;}
.wrap-message ul li input:checked ~ label:after { display:none;}
@media screen and (max-width:768px){
	.wrap-message { margin:0 auto 40px; padding:40px 10%;}
	.wrap-message.second { margin:0 auto 40px;}
	.wrap-message h3 { margin:0 0 40px; font-size:18px;}
	.wrap-message h3 small { font-size:13px;}
	.wrap-message ul { margin:0 0 20px;}
	.wrap-message ul li { padding-left:24px;}
	.wrap-message ul li label:after { top:6px;}
}

.box-back { margin:0 0 80px; }
.box-back h4 { margin:0 0 20px; font-size:20px; display:flex; align-items:center; letter-spacing:.1em;}
.box-back h4 span { font-size:14px; color:#666; padding-right:12px; display:inline-block; margin-right:24px; border-right:1px solid #666; line-height:1;}
.box-back h4 strong { font-weight:300;}
.box-back a { margin-top:24px;}
.box-back .lead { font-size:18px; margin-top:80px;}
@media screen and (max-width:768px){
	.box-back { margin:0 0 40px; }
	.box-back h4 { font-size:16px;}
	.box-back .lead { font-size:14px; margin-top:20px;}
}

.img-mess-new { width:90%;}

.wrap-message.message { box-shadow:none; margin-top:-100px; background-color:#fafafa; position:relative; z-index:9;}
.wrap-message.message h3 { margin:0 0 40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:32px 0; font-size:20px;}
.wrap-message.message .name { text-align:right; margin:0;}
@media screen and (max-width:768px){
	.img-mess { width:100%;}
	.wrap-message.message { margin-top:-40px;}
	.wrap-message.message h3 { font-size:14px; padding:16px 0; margin:0 0 20px;}
}

.wrap-message.data h3 { font-size:20px; text-align:center; letter-spacing:.1em;}
.wrap-message.data h3 small { font-size:14px;}
.wrap-message.data h4 { font-size:18px; letter-spacing:.1em; font-weight:300; margin:0 0 20px;}
.wrap-message.data h4 strong { font-size:64px; font-weight:400; display:block; color:hotpink; letter-spacing:.1em;}
.wrap-message.data h4 strong small { font-size:24px; color:#111; font-weight:300; padding-left:8px;}
.wrap-message.data .midashi-kensuu { text-align:center;}
.wrap-message.data .midashi-kensuu strong { font-size:80px;}
.wrap-message.data .midashi-kensuu strong small { font-size:32px;}
.wrap-message.data ol { margin:80px 0 0; padding:0; display:flex; align-items:top;}
.wrap-message.data ol li { list-style:none; width:20%; padding:0 10px; text-align:center; box-sizing:border-box; font-size:12px; position:relative;}
.wrap-message.data ol li img { margin-bottom:16px;}
@media screen and (max-width:768px){
	.wrap-message.data h3 { font-size:16px; line-height:1.8;}
	.wrap-message.data h3 small { font-size:13px; margin-top:0;}
	.wrap-message.data h4 { font-size:13px; text-align:center;}
	.wrap-message.data h4 strong { font-size:48px;}
	.wrap-message.data h4 strong small { font-size:16px;}
	.wrap-message.data .midashi-kensuu strong { font-size:48px;}
	.wrap-message.data .midashi-kensuu strong small { font-size:16px;}
	.wrap-message.data ol { margin:40px 0 0;}
	.wrap-message.data ol li { font-size:0; padding:0 4px;}
}

.wrap-message.data .box-back h4 strong { font-size:20px; font-weight:300; color:#141412;}
.wrap-message.data .box-back h5 { font-weight:300; line-height:1.8; font-size:20px;}
@media screen and (max-width:768px){
	.wrap-message.data .box-back h5 { font-size:16px; margin:16px 0;}
}

.lead18-center { margin:40px 0; text-align:center; font-size:18px;}
.logo-senshin { width:100%; height:121px !important; object-fit:cover;}
@media screen and (max-width:768px){
	.lead18-center { margin:20px 0; text-align:center; font-size:14px;}
}

.box-jirei { padding:80px 10% 80px 0; overflow:hidden; position:relative; overflow:hidden; margin:80px 0 0;}
.box-jirei img { width:66%; position:absolute; top:0; left:0; }
.box-jirei .inner { width:46%; height:655px; float:right; background-color:#fff; position:relative; z-index:9; padding:80px; box-sizing:border-box; box-shadow:0px 0px 30px 0px rgba(0,0,0,0.05);}
.box-jirei .inner h4 { font-size:22px; font-weight:300; margin:0 0 24px;}
@media screen and (max-width:768px){
	.box-jirei { padding:200px 5% 40px 0; margin:40px 0 0;}
	.box-jirei img { width:100%;}
	.box-jirei .inner { width:95%; height:auto; padding:40px 10%;}
	.box-jirei .inner h4 { font-size:16px; margin:0 0 16px;}
}

.more-jirei { display:block; padding:64px 0; margin:0 0 80px; text-align:center; background-color:hotpink; color:#fff !important; letter-spacing:.1em;}
.more-jirei strong { font-size:18px; font-weight:300; display:block; margin:0 0 16px;}
.more-jirei span { display:inline-block; margin:32px 0 0; padding-right:64px; position:relative;}
.more-jirei span:after { content:""; display:inline-block; width:48px; height:1px; background-color:#fff; position:absolute; top:50%; right:0;}
@media screen and (max-width:768px){
	.more-jirei { padding:40px 0; margin:0 0 64px;}
	.more-jirei strong { font-size:16px; margin:0 0 8px;}
	.more-jirei span { margin:16px 0 0; padding-right:40px;}
	.more-jirei span:after { width:32px;}
}

.wrap-message .ul-site { margin:0; padding:0; overflow:hidden; border:0;}
.wrap-message .ul-site li { width:46%; float:left; list-style:none; margin-bottom:80px; padding:0; border:0;}
.wrap-message .ul-site li:before { display:none;}
.wrap-message .ul-site li:nth-of-type(2n) { float:right;}
.wrap-message .ul-site li h4 { font-size:20px; font-weight:300; margin:24px 0; }
.wrap-message .ul-site li a,.link-site { position:relative; display:inline-block; padding-right:64px; margin-top:20px; color:#111 !important;}
.wrap-message .ul-site li a:after,.link-site:after { content:""; display:inline-block; width:48px; height:1px; background-color:hotpink; position:absolute; top:50%; right:0;}
@media screen and (max-width:768px){
	.wrap-message .ul-site li { width:100%; float:none; margin-bottom:40px;}
	.wrap-message .ul-site li:nth-of-type(2n) { float:none;}
	.wrap-message .ul-site li h4 { font-size:16px; margin:20px 0; text-align:left;}
	.wrap-message .ul-site li a,.link-site { padding-right:40px; margin-top:16px;}
	.wrap-message .ul-site li a:after,.link-site:after { width:32px;}
}

.box-jirei.second img { height:500px; object-fit:cover;}
.box-jirei.second .inner { height:545px;}
@media screen and (max-width:768px){
	.box-jirei.second img { height:auto;}
	.box-jirei.second .inner { height:auto;}
	.box-jirei.second .inner h4 { text-align:center;}
}

.wrap-faq-new { background-color:hotpink; color:#fff; position:relative; padding:0 0 0 24%; margin:80px 0;}
.wrap-faq-new p { margin:0; font-size:0;}
.wrap-faq-new h3 { font-size:32px; margin:0; font-weight:400; position:absolute; top:100px; left:24px;}
.wrap-faq-new h3 small { font-size:13px; display:block; font-weight:300;}
.wrap-faq-new .inner { background-color:#fff; color:#111; padding:100px 40px; box-sizing:border-box;}
@media screen and (max-width:768px){
	.wrap-faq-new { padding:160px 5% 24px; margin:40px 0;}
	.wrap-faq-new h3 { font-size:24px; top:64px; left:5%;}
	.wrap-faq-new h3 small { font-size:12px;}
	.wrap-faq-new .inner { padding:0; background-color:transparent;}
}

.box-faq { border:1px solid #f6f6f8; margin:0 0 16px; padding:16px 0; display:flex; align-items:center; color:#999; background-color:#fff;}
.box-faq .q { width:100px; text-align:center; font-size:24px; font-weight:400; height:100%;}
.box-faq:hover { border:1px solid hotpink;}
.box-faq:hover .q { color:hotpink;}
.box-faq:hover .hidden_box { border-color:hotpink; color:hotpink;}
.box-faq:hover label {}
.box-faq  p { margin:0;}
@media screen and (max-width:768px){
	.box-faq .q { width:64px; font-size:18px;}
	
}

/*全体*/
.wrap-faq-new .hidden_box {
    margin:  0;/*前後の余白*/
    padding: 24px 0 24px 24px; border-left:1px solid #f6f6f8; width:100%;
}

/*ボタン装飾*/
.wrap-faq-new .hidden_box label {
    padding: 0;
    font-weight: 400;
    cursor :pointer; font-size:18px; display:block; position:relative; width:100%; background-color:#fff;
 height:auto; line-height:auto; padding-right:48px;}
.wrap-faq-new .hidden_box label i { position:absolute; top:14px; right:20px; font-size:24px;}

/*ボタンホバー時*/
.wrap-faq-new .hidden_box label:hover {
    color:hotpink;
}

/*チェックは見えなくする*/
.wrap-faq-new .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.wrap-faq-new .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
   
}

/*クリックで中身表示*/
.wrap-faq-new .hidden_box input:checked ~ .hidden_show {
    padding: 10px 48px 10px 0;
    height: auto;
    opacity: 1;
}
.wrap-faq-new .hidden_box input:checked ~ label i { transform:rotate(180deg); padding-left:0;}
.wrap-faq-new .hidden_box input:checked ~ label:after { display:none;}

@media screen and (max-width:768px){
	.wrap-faq-new .hidden_box { padding:8px 0 8px 8px;}
	.wrap-faq-new .hidden_box label { font-size:13px; font-weight:300;}
	.wrap-faq-new .hidden_box label i { top:4px; font-size:18px;}
	.wrap-faq-new .hidden_box input:checked ~ .hidden_show {
		padding: 8px 0 0;}
}

.head-vision { width:100%; height:100vh; position:relative; color:#fff;}
.head-vision img { width:100%; height:100%; object-fit:cover;}
.head-vision .txt { width:100%; padding:0 100px 80px; position:absolute; left:0; bottom:0; font-size:18px; font-weight:bold;}
.head-vision .txt h3 { font-size:40px; margin:0 0 24px; line-height:1;}
.head-vision .txt h3 small { font-size:14px; padding-left:20px; font-weight:bold;}


.wrap-vision { width:90%;}
.wrap-vision.right { margin-left:10%;}
.wrap-vision .txt { padding:0 40px;}
.wrap-vision .txt h3 { margin:80px 0 40px; position:relative;}
.wrap-vision .txt h3 span { font-size:160px; position:absolute; color:rgba(255,255,255,.4); top:-80px; right:-40px;}
.wrap-vision.right .txt h3 span { right:auto; left:-40px;}
.wrap-vision .txt h3 em { font-size:16px; font-style:normal; position:relative; padding:0 0 0 56px;}
.wrap-vision .txt h3 em:before { content:""; width:40px; height:1px; background-color:#fff; position:absolute; left:0; top:50%;}
.wrap-vision .txt h3 strong { font-size:40px; display:block; line-height:1.2; margin:20px 0 0; position:relative; z-index:9;}

.mb-80 { margin-bottom:80px;}
@media screen and (max-width:768px){
	.head-vision { height:40vh;}
	.head-vision .txt { padding:0 5% 40px; font-size:14px;}
.head-vision .txt h3 { font-size:24px; margin:0 0 16px;}
.head-vision .txt h3 small { font-size:12px; padding-left:16px;}
	.wrap-vision .txt h3 em { font-size:14px; padding:0;}
	.wrap-vision .txt h3 em:before { display:none;}
	
	.wrap-vision { width:90%; margin:0 5%;}
	.wrap-vision.right { margin-left:5%;}
	.wrap-vision .txt { padding:0 20px 20px;}
	.wrap-vision .txt h3 { margin:16px 0 24px;}
	.wrap-vision .txt h3 span { font-size:80px; top:-40px; right:-20px;}
	.wrap-vision.right .txt h3 span { left:-20px;}
	.wrap-vision .txt h3 strong { font-size:32px; display:block; line-height:1.2; margin:8px 0 0;}
	
	.mb-80 { margin-bottom:40px;}
}

.bg-orange { background-color:pink; color:#111; padding:80px 0;}
.w30 { width:30%;}
.w68 { width:68%;}
.txt-mess { font-weight:bold;}
.txt-mess h3 { font-size:40px; margin:0 0 40px;}
.txt-mess p { margin:0 0 24px;}
.txt-mess .btn-mess { width:240px; line-height:48px; border:1px solid #999; display:block; text-align:center; color:#999;}
.name-mess { margin:24px 0 0; }
.name-mess strong { font-size:24px; padding-left:16px;}
@media screen and (max-width:768px){
	.bg-orange { padding:40px 0;}
	.w30,.w68 { width:100%;}
	.txt-mess h3 { font-size:24px; margin:0 0 24px;}
	.name-mess { margin:20px 0 0;}
}

.header-page { width:100%; height:518px; padding:0 0 0 80px; position:relative;}
.header-page .img { width:80%; height:518px; position:absolute; top:0; right:0;}
.header-page .img img { width:100%; height:100%; object-fit:cover;}
.header-page .title { height:518px; padding:147px 0 0;}
.header-page .title h2 { font-size:100px; position:relative; z-index:9; font-family: 'Lato','Noto Sans JP', sans-serif; line-height:100px; margin:0 0 8px;}
.header-page .title p { font-size:24px; font-weight:bold; font-family: 'Lato','Noto Sans JP', sans-serif; position:relative; z-index:9;}
.header-page .title h2:before { display:none;}

.wrap-page-new { width:75%; max-width:1100px; margin:150px auto 0; padding:0;}
.wrap-page-new img { width:100%;}

@media screen and (max-width:768px){
	.header-page { width:100%; height:195px; padding:0px 0 0 21.25%;}
	.header-page .img { width:100%; height:195px; position:absolute; top:0px; right:0; left:21.25%;}
	.header-page .title { height:auto; padding:64px 0 0; margin: 0px 0 0 -48px;}
	.header-page .title h2 { font-size:40px; line-height:40px;}
	.header-page .title p { font-size:20px;}
	
	
	.wrap-page { width:85%; margin:80px auto 0;}
}

.midashi-concept { font-size:48px; line-height:1; margin:100px auto 150px; text-align:center;} 
.midashi2-page { margin:80px 0 40px; line-height:1;}
.lead-concept { font-size:16px; line-height:2.2; width:80%; margin:0 auto 80px;}

.w45 { width:45%;}
.w55 { width:55%;}
.w55.txt { padding:100px 160px 0 100px; font-size:16px; line-height:2.2;}

@media screen and (max-width:768px){
	.midashi-concept { font-size:28px; line-height:1; margin:56px auto;}
	.lead-concept { font-size:14px; line-height:2; width:100%; margin:0 auto 40px;}
	
	.w45 { width:92.5%;}
	.w55 { width:100%;}
	.w55.txt { padding:40px 7.5%; font-size:14px; line-height:2;}
	.midashi2-page { margin:56px 0 40px; line-height:1.4;}
}

.category-page { font-size:22px; line-height:1; margin:0 0 40px; padding:0 0 0 20px; font-family: 'Lato','Noto Sans JP', sans-serif; position:relative; letter-spacing:.05em;}
.category-page:before { content:""; display:block; width:10px; height:1px; position:absolute; top:10px; left:0; background:#000;}
.midashi-page,.midashi2-page { font-size:36px; text-align:center; font-weight:700; line-height:2; margin:0 0 80px; font-family: 'Lato','Noto Sans JP', sans-serif;}
@media screen and (max-width:768px){
	.category-page { font-size:18px;}
	.midashi-page,.midashi2-page { font-size:22px;}
}

.btn-top { display:block; text-align:center; margin:80px auto; border:1px solid #000; padding:24px 0; border-radius:10px; width:80%; color:#000 !important; font-weight:bold; font-size:20px; position:relative;}
.btn-top span { font-size:14px; position:absolute; bottom:12px; right:20px; letter-spacing:.1em;}
.btn-top:hover { background-color:#000; color:#fff !important;}

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

	.btn { width:100%; margin:40px auto; font-size:18px;}
	.btn span { font-size:12px; bottom:4px; right:10px;}

}

.wrap-service section { width:100%; height:80vh; position:relative; background-position:center; background-size:cover;}
.service-a-new { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-1.jpg);}
.service-b-new { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-20.jpg);}
.service-c-new { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-7.jpg);}
.service-d { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-3.jpg);}
.service-e { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-10.jpg);}
.service-f { background-image:url(https://summer.silfe.co.jp/wp-content/uploads/2019/07/ser-8.jpg);}
.wrap-service section .txt { width:48%; color:#fff; left:80px; bottom:64px; position:absolute; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
.wrap-service section .txt h3 { font-size:40px; font-weight:400; margin:0 0 40px; line-height:1.1; }
.wrap-service section .txt h3 span { font-size:16px; display:block; margin-bottom:16px;}
.wrap-service section a { width:450px; display:block; right:80px; bottom:64px; position:absolute; background-color:#fff; color:#141412; text-align:center; padding:16px 0;}

@media screen and (max-width:768px) {
	.wrap-service section { height:auto; background-size:100% auto; background-position:top center; background-repeat:no-repeat; padding:94px 5% 40px;}
	.wrap-service section .txt { width:100%; position:static; color:#141412; text-shadow:none;}
	.wrap-service section .txt h3 { font-size:24px; color:#fff; margin:0 0 40px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
	.wrap-service section .txt h3 span { font-size:14px;}
	.wrap-service section a { width:100%; display:block; position:static; background-color:#ff87a0; color:#fff; margin:20px 0 0; padding:8px 0;}
}

.ul-menu-about { padding:100px 120px; margin:0; overflow:hidden;}
.ul-menu-about li { width:23.5%; margin-right:2%; list-style:none; float:left;}
.ul-menu-about li:nth-of-type(4n) { margin-right:0;}
.ul-menu-about li a { display:block; border:2px solid hotpink; text-align:center; padding:4px 0; color:hotpink; font-size:18px;}
.ul-menu-about li a:hover { background-color:hotpink; color:#fff;}
@media screen and (max-width:768px){ 
	.ul-menu-about { padding:40px 5%;}
	.ul-menu-about li { width:49%; margin-bottom:20px;}
	.ul-menu-about li:nth-of-type(2n) { margin-right:0;}
	.ul-menu-about li a { font-size:12px;}
}

.wrap-training { height:150vh; overflow:hidden;}
.wrap-training img { height:100%; width:100%; object-fit:cover;}
.wrap-training .txt { padding:160px 100px; font-size:13px;}
.wrap-training .txt h3 { font-size:72px; margin:0 0 32px; line-height:1.2;}
.wrap-training .txt h3 span { font-size:20px; display:block;}
@media screen and (max-width:768px){
	.wrap-training { height:auto;}
	.wrap-training .txt { padding:40px 5%;}
	.wrap-training .txt h3 { font-size:40px;}
	.wrap-training .txt h3 span { font-size:14px;}
}

.wrap-bg-training { padding:160px 55% 160px 120px; background-image:url(https://fukawa.co.jp/wp-content/uploads/2019/09/envi-back.jpg); background-size:cover; color:#fff; font-size:18px; line-height:2.2; position:relative;}
.wrap-bg-training.rec { padding:160px 30% 160px 120px; background-image:url(https://fukawa.co.jp/wp-content/uploads/2019/09/rec-sec.jpg);}
.wrap-bg-training .bg-inner { width:100%; height:100%; background-color:rgba(0,0,0,.6); position:absolute; top:0; left:0; z-index:0;}
.wrap-bg-training h2 { font-size:140px; margin:0; line-height:.8;}
.wrap-bg-training h3 {  margin:0 0 40px; position:relative; z-index:9;}
.wrap-bg-training h3 strong { font-size:40px; font-weight:400; display:block; margin:40px 0 0 ;}
.wrap-bg-training h3 span { font-size:16px; display:inline-block; position:relative;}
.wrap-bg-training p { position:relative; z-index:9;}
@media screen and (max-width:768px){
	.wrap-bg-training,.wrap-bg-training.rec { padding:40px 5%; font-size:14px;}
	.wrap-bg-training h2 { font-size:40px;}
	.wrap-bg-training h3 {  margin:0 0 24px;}
	.wrap-bg-training h3 strong { font-size:20px;}
}

.wrap-flow-training { height:120vh; display:flex; align-items:center;}
.wrap-flow-training.twei { flex-direction:row-reverse;}
.wrap-flow-training .w50 img { width:100%; height:120vh; object-fit:cover;}
.wrap-flow-training .txt { padding:0 120px;}
.wrap-flow-training .txt .num { color:#0089cd; font-weight:bold; margin:0 0 40px;}
.wrap-flow-training .txt .num strong { font-size:80px; display:block; line-height:1; margin:0 0 8px;}
.wrap-flow-training .txt .num span { font-size:16px; position:relative;}
.wrap-flow-training .txt h3 { font-size:40px; margin:0 0 24px;}
.wrap-flow-training .txt h3 span { font-size:18px; display:block; color:#666; font-weight:400; margin:8px 0 0;}
.wrap-flow-training .txt .box { color:#0089cd; font-size:13px;}
.wrap-flow-training .txt .box h4 { font-size:16px; font-weight:bold; margin:0 0 8px;}
@media screen and (max-width:768px){
	.wrap-flow-training { height:auto; display:block; padding:0 5%; margin:0 0 40px;}
	.wrap-flow-training .w50 img { width:100%; height:100%;}
	.wrap-flow-training .txt { padding:0;}
	.wrap-flow-training .txt .num { margin:40px 0 20px;}
	.wrap-flow-training .txt .num strong { font-size:48px; margin:0;}
	.wrap-flow-training .txt .num span { font-size:14px;}
	.wrap-flow-training .txt h3 { font-size:24px; margin:0 0 20px;}
}

.midashi-rec { margin:0 0 80px; color:hotpink;}
 .midashi-rec span { font-size:16px; position:relative;}
 .midashi-rec strong { font-size:72px; display:block; margin:16px 0 0;}
.bg-0 { background-color:hotpink; color:#fff; font-size:13px; padding:80px 0;}
.bg-0 .midashi-rec { color:#fff;}
.bg-0 .midashi-rec span:after { background-color: #fff;}
.ul-rec { margin:120px 0 0; padding:0; overflow:hidden;}
.ul-rec li { width:30%; margin-right:5%; float:left; list-style:none; font-size:13px;}
.ul-rec li:nth-of-type(3n) { margin-right:0;}
.ul-rec li img { width:20vw; height:20vw; display:block; margin:0 auto 64px; border-radius:50%; object-fit:cover;}
.ul-rec li h4 { font-size:32px; margin:0 0 40px; }
.ul-rec li h4 span { font-size:16px; display:block; color:hotpink; margin:0 0 16px;}

@media screen and (max-width:768px){
	 .midashi-rec { margin:0 0 40px;}
	 .midashi-rec strong { font-size:40px; margin:8px 0 0;}
	 .midashi-rec span { font-size:14px;}
	
	.ul-rec { margin:40px 0 0;}
	.ul-rec li { width:100%; margin-right:0; float:none;}
	.ul-rec li img { width:40vw; height:40vw; margin:0 auto;}
	.ul-rec li h4 { margin:0 0 20px;}
	.ul-rec li h4 span { margin-bottom:8px;}
}

.midashi2-rec { font-size:32px; margin:30px 0 0; font-weight:400; line-height:1.6;}

.dl-rec { margin:0; padding:0; font-size:13px;}
.dl-rec dt { width:25%; float:left; padding:0 0 24px; font-weight:400;}
.dl-rec dd { border-bottom:1px solid #ccc; padding:0 0 24px 25%; margin-bottom:24px;}
.ul2-rec { margin:0; padding:0; overflow:hidden;}
.ul2-rec li { width:48%; float:left; list-style:none; margin-right:4%; margin-bottom:80px; font-size:14px;}
.ul2-rec li:nth-of-type(2n) { margin-right:0;}
.ul2-rec li:nth-of-type(3),.ul2-rec li:nth-of-type(4) { margin-bottom:0;}
.ul2-rec li h3 { font-size:32px; font-weight:400; margin:40px 0; }
.ul2-rec li h3 span { font-size:16px; display:block; color:#0089cd; font-weight:bold; margin:0 0 8px;}
.ul2-rec li a { color:#0089cd;}
.ul2-rec li .btn { width:200px; height:40px; line-height:40px; border:1px solid #111; color:#111; display:block; text-align:center; margin:20px 0 0; padding:0; border-radius:0; font-weight:400; font-size:14px;}

.mt-100 { margin-top:100px;}

@media screen and (max-width:768px){
	.midashi2-rec { font-size:24px;}
	
	.dl-rec a { color:#0089cd;}
	
	.ul2-rec li { width:100%; margin-bottom:24px;}
	.ul2-rec li h3 { margin:20px 0; font-size:24px;}
	.ul2-rec li .btn { width:100%;}
	
	.mt-100 { margin-top:40px;}
}

.bg-youkou { background-color:#fafafa; padding:100px 0;}
.wrap-jigyou { margin:0 100px; background-color:#fff;}
.wrap-jigyou img { width:100%;}
.txt-jigyou { padding:40px 64px; box-sizing:border-box; color:#666; font-size:13px;}
.txt-jigyou h3 { margin:0 0 64px; font-size:40px; font-weight:400;}
.txt-jigyou h3 span { display:block; font-size:16px; color:#aaa; font-weight:bold;}
.txt-jigyou h4 { font-size:20px; font-weight:400; margin:0 0 40px;}
.txt-jigyou a { width:250px; height:60px; line-height:60px; color:#fff; display:block; text-align:center; font-size:14px; background-color:hotpink; margin:40px 0 0;}
@media screen and (max-width:768px){
	.bg-youkou { padding:40px 0;}
	.wrap-jigyou { margin:0 5%;}
	
	.txt-jigyou { padding:40px 5%;}
	.txt-jigyou h3 { margin:0 0 32px; font-size:24px;}
	.txt-jigyou h4 { font-size:18px; margin:0 0 32px;}
}

.wrap-grid-enviro div { height:500px; float:left;}
.wrap-grid-enviro .a { width:40%;}
.wrap-grid-enviro .b { width:20%;}
.wrap-grid-enviro .c { width:60%;}
.wrap-grid-enviro img { width:100%; height:100%; object-fit:cover;}
.wrap-grid-enviro .txt { padding:160px 0 0 160px; box-sizing:border-box;}
.wrap-grid-enviro .w50 { height:380px;}
.wrap-grid-enviro .w1-3 { width:calc(100% / 3); height:auto;}
@media screen and (max-width:768px){
	.wrap-grid-enviro div { height:auto; float:none;}
	.wrap-grid-enviro .a { width:100%;}
.wrap-grid-enviro .b { width:100%;}
.wrap-grid-enviro .c { width:100%;}
	.wrap-grid-enviro .txt { padding:40px 5% 0;}
	.wrap-grid-enviro .w50 { height:auto;}
	.wrap-grid-enviro .w1-3 { width:100%;}
}

.ul-environ { margin:0; padding:0; overflow:hidden;}
.ul-environ li { width:22%; margin-right:4%; float:left; list-style:none;}
.ul-environ li:nth-of-type(4n) { margin-right:0;}
.ul-environ li h3 { font-size:32px; font-weight:500; margin:0 0 24px;}
.ul-environ li h3 span { font-size:80px; font-weight:bold; display:block; border-bottom:4px solid #111; margin:0 0 24px;}
.bg-0 .ul-environ li h3 span { border-bottom:4px solid #fff;}
.midashi-environ-small { font-size:32px; margin:40px 0 24px;}
@media screen and (max-width:768px){
	.ul-environ li { width:100%; margin-right:0; float:none;}
.ul-environ li h3 { font-size:24px; margin:0 0 20px;}
	.ul-environ li h3 span { font-size:48px; margin:0 0 16px;}
	.midashi-environ-small { font-size:24px;}
}

.wrap-grid-enviro div { height:500px; float:left;}
.wrap-grid-enviro .a { width:40%;}
.wrap-grid-enviro .b { width:20%;}
.wrap-grid-enviro .c { width:60%;}
.wrap-grid-enviro img { width:100%; height:100%; object-fit:cover;}
.wrap-grid-enviro .txt { padding:160px 0 0 160px; box-sizing:border-box;}
.wrap-grid-enviro .w50 { height:380px;}
.wrap-grid-enviro .w1-3 { width:calc(100% / 3); height:auto;}
@media screen and (max-width:768px){
	.wrap-grid-enviro div { height:auto; float:none;}
	.wrap-grid-enviro .a { width:100%;}
.wrap-grid-enviro .b { width:100%;}
.wrap-grid-enviro .c { width:100%;}
	.wrap-grid-enviro .txt { padding:40px 5% 0;}
	.wrap-grid-enviro .w50 { height:auto;}
	.wrap-grid-enviro .w1-3 { width:100%;}
}

.ul-environ { margin:0; padding:0; overflow:hidden;}
.ul-environ li { width:22%; margin-right:4%; float:left; list-style:none;}
.ul-environ li:nth-of-type(4n) { margin-right:0;}
.ul-environ li h3 { font-size:32px; font-weight:500; margin:0 0 24px;}
.ul-environ li h3 span { font-size:80px; font-weight:bold; display:block; border-bottom:4px solid #111; margin:0 0 24px;}
.bg-0 .ul-environ li h3 span { border-bottom:4px solid #fff;}
.midashi-environ-small { font-size:32px; margin:40px 0 24px;}
@media screen and (max-width:768px){
	.ul-environ li { width:100%; margin-right:0; float:none;}
.ul-environ li h3 { font-size:24px; margin:0 0 20px;}
	.ul-environ li h3 span { font-size:48px; margin:0 0 16px;}
	.midashi-environ-small { font-size:24px;}
}

.mincho { font-family: 'Noto Serif JP', serif;}

.midashi-line { text-align:center; font-size:40px !important; border-top:4px solid #00b900; border-bottom:4px solid #00b900; margin:80px 0 24px !important; padding:8px 0 4px !important; line-height:48px !important; display:flex; width:100%; align-items:center; justify-content:center;}
.midashi-line span { font-size:48px; color:#00b900; padding-right:8px; height:48px; display:inline-block;}
@media screen and (max-width:768px){
	.midashi-line { font-size:24px; margin:40px 0 20px; line-height:48px;}
	.midashi-line span { font-size:32px; height:48px;}
}

.box-line-new { padding:40px 5%; background-color:#00b900; margin:0 0 24px; text-align:center; color:#fff; font-weight:bold; font-size:16px; margin-top:20px;}
.box-line-new h3 { background-color:#fff; border-radius:20px; margin:0 0 24px; line-height:54px; color:#111; font-size:24px;}
.box-line-new img { margin:0 0 20px; width:50%;}
@media screen and (max-width:768px){
	.box-line-new { padding:24px 5%; font-size:14px;}
	.box-line-new h3 { font-size:20px; line-height:1.4; padding:8px;}
}

.inner-line { background-color:#f5f4e9; padding:40px 5%; margin-bottom:80px;}
.inner-line h3 { font-size:32px; text-align:center; margin:0 0 24px;}
.inner-line ul { margin:0 0 24px; padding:0; overflow:hidden;}
.inner-line ul li { width:48%; list-style:none; background-color:#fff; text-align:center; padding:32px 2% 24px; float:left; margin-right:4%; margin-left:0; box-sizing:border-box;}
.inner-line ul li:nth-of-type(2n) { margin-right:0;}
.inner-line ul li img { width:60%; margin:0 0 16px;}
.inner-line .box { padding:40px 5%; background-color:#fff;}
.inner-line .box h3 { text-align:left; font-size:20px; margin:0 0 40px;}
.inner-line .box h4 { margin:40px 0 24px; font-size:16px; display:flex; align-items:center;}
.inner-line .box h4 .num { display:block; width:30px; line-height:30px; color:#fff; font-weight:bold; text-align:center; background-color:#00b900; border-radius:50%; margin-right:12px; font-size:20px;}
.inner-line .box img { width:50%; display:block; margin:0 auto;}
@media screen and (max-width:768px){
	.inner-line { padding:24px 5%; margin-bottom:40px;}
	.inner-line h3 { font-size:24px; margin:0 0 20px;}
	.inner-line ul li { width:100%; margin-bottom:20px; float:none;}
	.inner-line ul li:nth-of-type(2n) { float:none;}
	.inner-line .box { padding:24px 5%;}
	.inner-line .box h3 { margin:0 0 20px;}
	.inner-line .box h4 { margin:24px 0 20px; font-size:14px; align-items:flex-start;}
	.inner-line .box h4 .title { width:calc(100% - 42px);}
}

.lead-top-staff { font-size:16px; text-align:center; margin:20px 0 24px;}
@media screen and (max-width:768px){
	.lead-top-staff { font-size:14px; text-align:left;}
	
}

.border-a { border-width:0px 0px 245px 100vw; border-style:solid; position:relative; z-index:99;}
.border-b { border-width:0 100vw 245px 0; border-style:solid; position:relative; z-index:9;}
.mt--245 { margin-top:-244px;}
.type1 { border-color:transparent transparent #fff;}
.type2 { border-color:transparent #fff transparent transparent;}
.type3 { border-color: #fafafa #fff #fafafa #fafafa;}
.type4 { border-color:transparent transparent #ffe4e1;}
.type5 { border-color:hotpink transparent hotpink hotpink;}
.type6 { border-color:#fafafa #fff #fafafa #fafafa;}
.type7 { border-color:#fafafa #fafafa #fff;}
.type8 { border-color:transparent #00a0e9 transparent transparent;}
.type9 { border-color:transparent transparent #add8e6;}
.type10 { border-color:#fff transparent #fff #fff;}
.type11 { border-color:transparent transparent #00a0e9;}
.type12 { border-color:#fff #fff #fafafa;}
@media screen and (max-width:768px){
	.border-a { border-width:0px 0px 88px 100vw;}
.border-b { border-width:0 100vw 88px 0;}
.mt--245 { margin-top:-87px;}
	
}

.wrap-top-contact { background-color:#ffe4e1; padding:0 80px 100px 120px; position:relative; height:120vh;}
.wrap-top-contact p { margin:0;}
.wrap-top-contact .box { width:44%; background-color:#fff; padding:80px 64px; box-sizing:border-box; position:absolute; top:-80px; left:120px; z-index:99; color:hotpink; font-size:13px;}
.wrap-top-contact .box p { margin:0;}
.wrap-top-contact .box h4 { font-size:22px; font-weight:400; margin:0 0 24px; color:hotpink;}
.wrap-top-contact .box a { display:block; height:74px; line-height:74px; padding:0 32px; box-sizing:border-box; font-size:16px; margin-bottom:16px;}
.wrap-top-contact .box a i { font-size:24px; padding-right:16px;}
.wrap-top-contact .box .btn1 { background-color:hotpink; color:#fff; border:1px solid hotpink; margin-top:40px;}
.wrap-top-contact .box .btn2 { border:1px solid #ccc; color:#111;}
.wrap-top-contact .box .btn2 i { color:hotpink;}
.wrap-top-contact .box small { font-size:12px; color:#ccc;}
.wrap-top-contact img { width:38%; position:absolute; right:80px; bottom:80px;}
@media screen and (max-width:768px){
	.wrap-top-contact { padding:80px 5%;}
	.wrap-top-contact .box { width:90%; padding:24px 5%; position:absolute; left:5%; top:200px; font-size:12px;}
	.wrap-top-contact img { width:80%; right:10%; bottom:auto; top:0; z-index:0;}
}

.wrap-foot-blue { background-color:hotpink; padding:100px 120px 200px; border-top:1px solid hotpink;}
.wrap-foot-blue .midashi2-top { color:#fff;}
.wrap-foot-blue ul { margin:0 0 80px; padding:0;}
.wrap-foot-blue li { width:48%; float:left; position:relative; list-style:none;}
.wrap-foot-blue li:nth-of-type(2n) { float:right;}
.wrap-foot-blue li img { width:100%; height:175px; object-fit:cover; margin-bottom:40px;}
.wrap-foot-blue li div { width:88%; height:80px; line-height:80px; background-color:#fff; padding:0 32px; position:absolute; bottom:0; right:0;}
.wrap-foot-blue li div span { float:right; color:#00a0e9; font-weight:600; position:relative;}
.wrap-foot-blue li div span:after { content:""; width:40px; height:1px; background-color:#00a0e9; bottom:39px; right:-54px; display:block; position:absolute;}
.wrap-foot-blue .box { overflow:hidden;}
.wrap-foot-blue .box a { display:block; width:30%; float:left; margin-right:5%; margin-bottom:24px; font-size:13px; color:rgba(255,255,255,.7) !important;}
.wrap-foot-blue .box a:nth-of-type(3n) { margin-right:0;}
.wrap-foot-blue .box a img { width:100%;}
@media screen and (max-width:768px){
	.wrap-foot-blue { padding:40px 5%; margin:0 0 40px;}
	.wrap-foot-blue .midashi2-top { margin:0 0 24px;}
	.wrap-foot-blue .box a { width:100%; float:none; margin-right:0;}
	.wrap-foot-blue li img { height:auto; margin-bottom:32px;}
	.wrap-foot-blue li div { height:40px; line-height:40px;}
	.wrap-foot-blue li div span:after { right:-48px; display:none;}
}

.midashi-top-contact { font-size:56px; font-weight:600; margin:0 0 40px; letter-spacing:0.075em; color:deeppink;}
.midashi-top-contact small { display:block; font-weight:500; font-size:14px; letter-spacing:0.05em;}
.midashi-top-contact.b { font-size:48px;}
@media screen and (max-width:768px){
	.midashi-top-contact { font-size:32px; margin:0 0 24px; font-weight:500;}
	.midashi-top-contact small { font-size:12px;}
	.midashi-top-contact.b { font-size:28px;}
}

.inner-bet { width:calc(100% + 160px); margin:160px -80px 0;}
@media screen and (max-width:768px){
	.inner-bet { width:111%; margin:80px -5% 0;}
}

.ul-new-news { margin:40px 0 80px; padding:0; overflow:hidden;}
.ul-new-news li { width:30%; float:left; list-style:none; margin-right:5%; margin-bottom:24px; border-radius:8px; position:relative; border:1px solid hotpink;}
.ul-new-news li img { width:100%; border-radius:8px 8px 0 0;}
.ul-new-news li:nth-of-type(3n) { margin-right:0;}
.ul-new-news li .txt { padding:16px; border-radius:0 0 8px 8px;}
.ul-new-news li .txt span { background-color:hotpink; padding:0 4px; color:#fff; font-weight:bold;}
.ul-new-news li .txt .date { color:navy; font-size:10px; margin:0 0 8px;}
.ul-new-news li .txt h4 { font-size:16px; margin:0;}
@media screen and (max-width:768px){
	.ul-new-news li { width:100%; margin-right:0;}
}

.ul-new-menu-news { margin:100px 0 40px; padding:0; overflow:hidden;}

.ul-new-menu-news li { width:32%; margin-right:2%; list-style:none; float:left; }
.ul-new-menu-news li:nth-of-type(3n) { margin-right:0;}
.ul-new-menu-news li a { display:block; border:1px solid #111; color:#111; text-align:center; line-height:48px;}

.midashi-new-news { font-size:24px; margin:80px 0 40px; border-bottom:2px solid hotpink; padding:0 0 8px;}

.ul-new-page-menu { margin:0 0 40px; padding:0; overflow:hidden;}
.ul-new-page-menu.first { margin:100px 0 40px;}
.ul-new-page-menu li { width:23.5%; margin-right:2%; float:left; list-style:none; margin-bottom:20px;}
.ul-new-page-menu li:nth-of-type(4n) { margin-right:0;}
.ul-new-page-menu li a { display:block; text-align:center; border:1px solid #111; line-height:48px; color:#111;}
@media screen and (max-width:768px){
	.ul-new-page-menu li { width:32%; margin-right:2%; margin-bottom:16px;}
	.ul-new-page-menu li:nth-of-type(4n) { margin-right:2%;}
	.ul-new-page-menu li:nth-of-type(3n) { margin-right:0;}
	.ul-new-page-menu li a { line-height:40px;}
}

.box-new-page { margin:0 0 40px; padding:0;}
.box-new-page h3 { font-size:24px; border-bottom:1px solid hotpink; color:hotpink; margin:0 0 24px; padding:0 0 4px;}
.box-new-page ul { border:1px solid #666; border-bottom:0; margin:0; padding:0;}
.box-new-page ul li { border-bottom:1px solid #666; background-color:MistyRose; padding:16px 20px; list-style:none;}
.box-new-page ul li:first-of-type { background-color:LightPink; font-weight:bold;}

.soushoku { position:relative;}
.soushoku .top-right,.soushoku .top-left,.soushoku .bottom-right,.soushoku .bottom-left { position:absolute; top:20px; width:160px;}
.soushoku.type-2 .top-right,.soushoku.type-2 .top-left { top:-16px;}
.soushoku .top-left { left:1%;}
.soushoku .top-right { right:1%;}
.soushoku .bottom-right { top:auto; bottom:20px; right:1%;}
.soushoku .bottom-left { top:auto; bottom:20px; left:1%;}
.soushoku.type-2 .top-left { left:0;}
.soushoku.type-2 .top-right { right:0;}
@media screen and (max-width:768px){
	.lead-top-new { font-size:16px;}
	
	.soushoku .top-right,.soushoku .top-left,.soushoku .bottom-right,.soushoku .bottom-left { top:5px; width:80px;}
	.soushoku .bottom-right { top:auto; bottom:5px;}
.soushoku .bottom-left { top:auto; bottom:5px;}
}


.wrap-reason-new { background-color:#e9e6e4; color:#946c45; padding:80px 5%; }
.wrap-reason-new h3 { font-size:24px; margin:0 0 40px; text-align:center;}
.wrap-reason-new ul { margin:0; padding:0;}
.wrap-reason-new ul:after { content:""; display:block; clear:both;}
.wrap-reason-new ul li { width:32%; margin-right:2%; float:left; list-style:none; display:flex; margin-bottom:40px; }
.wrap-reason-new ul li:nth-of-type(3n) { margin-right:0;}
.wrap-reason-new ul li img { width:32%; object-fit:cover; height:124px;}
.wrap-reason-new ul li .txt { width:68%; padding:24px 16px 20px; position:relative; }
.wrap-reason-new ul li .txt .num { font-size:40px; text-shadow:1px 1px 1px #fff; display:block; position:absolute; top:-20px; left:-16px; line-height:1;}
.wrap-reason-new ul li .txt a { text-align:center; float:right; text-decoration:underline; color:#946c45; float:right;}
@media screen and (max-width:768px){
	.wrap-reason-new { padding:56px 5% 20px;}
	.wrap-reason-new h3,.wrap-method-new h3 { font-size:20px;}
	.wrap-reason-new h3 { margin:0 auto 40px; width:90%;}
	.wrap-reason-new ul li { width:100%; margin-right:0; height:120px;}
	.wrap-reason-new ul li img { width:32%; height:108px; object-fit:cover;}
	
}

.wrap-contact-new { background-color:#e0ccbd; padding:80px 0; color:#946c45; margin:0 0 80px;}
.wrap-contact-new img { width:100px !important;}
.wrap-contact-new h3 { font-size:24px; margin:0 0 40px; text-align:center;}
.wrap-contact-new ul,.wrap-prof-new .txt ul { margin:0; padding:0; overflow:hidden;}
.wrap-contact-new ul li,.wrap-prof-new .txt ul li { width:48%; float:left; list-style:none;}
.wrap-contact-new ul li:nth-of-type(2n),.wrap-prof-new .txt ul li:nth-of-type(2n) { float:right;}
.wrap-contact-new.type-b ul li { width:32%; margin-right:2%; margin-bottom:20px;}
.wrap-contact-new.type-b ul li:nth-of-type(2n) { float:left;}
.wrap-contact-new.type-b ul li:nth-of-type(3n) { margin-right:0;}
@media screen and (max-width:768px){
	.wrap-contact-new { padding:40px 0; margin:0 0 20px;}
	.wrap-contact-new h3 { font-size:20px; margin:0 0 24px;}
	.wrap-contact-new h3 small { font-size:13px; display:block; margin:0 0 8px;}
	.wrap-prof-new .txt ul li { width:100%; float:none; margin-bottom:4px;}
	.wrap-contact-new img { width:60px !important;}
	.wrap-contact-new.type-b ul li { width:48%; float:left; margin-right:0; margin-bottom:16px;}
.wrap-contact-new.type-b ul li:nth-of-type(2n) { float:right;}
}

.wrap-contact-new ul li a,.wrap-voice-new .btn-voice-new,.wrap-prof-new .txt ul li a { background-color:#946c45; color:#fff; text-align:center; line-height:40px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.wrap-contact-new ul li a i,.wrap-voice-new .btn-voice-new i,.wrap-prof-new .txt ul li a i { float:right; line-height:40px;}

.wrap-voice-new { padding:80px 0;}
.wrap-voice-new h3,.wrap-working-new h3 { font-size:24px; margin:0 0 40px; text-align:center; color:#946c45;}
.wrap-voice-new ul { margin:0 0 40px; padding:0; overflow:hidden;}
.wrap-voice-new ul li { width:32%; margin-right:2%; float:left; list-style:none;}
.wrap-voice-new ul li img { width:100%;}
.wrap-voice-new ul li:nth-of-type(3n) { margin-right:0;}
.wrap-voice-new ul li a { text-decoration:underline; color:#111; float:right;}
.wrap-voice-new .box-image { overflow:hidden;}
.wrap-voice-new .box-image img { width:calc( 20% - 16px ); height:180px; object-fit:cover; float:left; margin:16px 16px 0 0; box-sizing:border-box;}
.wrap-voice-new .box-image img:nth-of-type(5n) { margin-right:0;}
@media screen and (max-width:768px){
	.wrap-voice-new { padding:40px 0;}
	.wrap-voice-new h3,.wrap-working-new h3 { font-size:20px; margin:0 0 24px;}
	.wrap-voice-new h3 { width:90%; margin:0 auto 24px;}
	.wrap-voice-new ul { margin:0;}
	.wrap-voice-new ul li { width:100%; margin-right:0; float:none; margin-bottom:20px;}
	
	.wrap-contact-new ul li a { padding:0 4px; font-size:12px;}
}

.wrap-top-new { padding:80px 0; color:#4e2a0e;}
.wrap-top-new .wrap { display:flex; align-items:center;}
.wrap-top-new .wrap .w48:first-of-type { margin-right:4%;}
.wrap-top-new h3 { font-size:24px; text-align:center; margin:0 0 40px; }
.wrap-top-new .lead { font-size:14px; text-align:center; margin:0 !important; width:100%;}
.wrap-top-new h4 { font-size:20px; margin:0 0 24px;}
.wrap-top-new a { display:block; text-align:right;  color:#4e2a0e;}
@media screen and (max-width:768px){
	.wrap-top-new { padding:40px 0 0;}
	.wrap-top-new .wrap { display:block;}
	.wrap-top-new .wrap .w48:first-of-type { margin-right:0;}
	.wrap-top-new h3 { font-size:18px; margin:0 0 24px; }
	.wrap-top-new .lead { font-size:14px; text-align:left;}
	.wrap-top-new h4 { font-size:18px; margin:40px 0 20px;}
}

.wrap-prof-new { background-color:#e9e6e4; color:#946c45; padding:80px 0;}
.wrap-prof-new .wrap { display:flex;}
.wrap-prof-new .img { width:30%; margin:0 4% 0 0;}
.wrap-prof-new .img img { width:100%; object-fit:cover;}
.wrap-prof-new .txt { width:66%;}
.wrap-prof-new .txt h3 { font-size:24px; margin:0 0 24px;}
.wrap-prof-new .txt h3 span { font-size:18px; padding-right:16px;}
.wrap-prof-new .txt h3 small { font-size:16px; padding-left:16px;}
.wrap-prof-new .txt h4 { font-size:20px; margin:0 0 24px;}
.wrap-prof-new .txt ul { margin:20px 0 0;}
.wrap-prof-new .txt img { margin:20px 0;}
@media screen and (max-width:768px){
	.wrap-prof-new { padding:40px 0 8px;}
	.wrap-prof-new .wrap { display:block;}
	.wrap-prof-new .img { width:80%; margin:0 auto 20px; float:none;}
	.wrap-prof-new .txt { width:100%; float:none;}
.wrap-prof-new .txt h3 { font-size:20px; margin:0 0 20px;}
.wrap-prof-new .txt h3 span { font-size:16px; padding-right:0; display:block; margin:0 0 8px;}
.wrap-prof-new .txt h3 small { font-size:14px; padding-left:14px;}
.wrap-prof-new .txt h4 { font-size:18px; margin:0 0 20px;}
	.wrap-prof-new .txt ul { margin:8px 0 0;}
}

.ul-panel-new { margin:0; padding:80px 0; overflow:hidden;}
.ul-panel-new li { width:48%; float:left; list-style:none; overflow:hidden; border:4px solid #946c45; padding:20px; box-sizing:border-box;}
.ul-panel-new li:nth-of-type(2n) { float:right;}
.ul-panel-new li .img { width:48%; float:left;}
.ul-panel-new li .img img { width:100%;}
.ul-panel-new li .txt { width:48%; float:right;}
.ul-panel-new li .txt h4 { font-size:20px; margin:0 0 20px;}
.ul-panel-new li ul { margin:0 0 20px;}
.ul-panel-new li ul li { width:100%; float:none; list-style:disc; border:0; padding:0; height:auto; margin-bottom:0;}
.ul-panel-new li ul li:nth-of-type(2n) { float:none;}
.ul-panel-new li a { display:block; background-color:#946c45; color:#fff; text-align:center; line-height:40px; padding:0 20px; margin-top:20px;}
.ul-panel-new li a i { line-height:40px; float:right;}

.ul-panel-new li.online { border:4px solid #ea5550;}
.ul-panel-new li.online a { background-color:#ea5550;}

@media screen and (max-width:768px){
	.ul-panel-new { padding:40px 0;}
	.ul-panel-new li { width:48%; float:left; margin-bottom:20px; padding:8px;}
	.ul-panel-new li:nth-of-type(2n) { float:right; margin-bottom:0;}
	.ul-panel-new li .img { width:100%; float:none;}
	.ul-panel-new li .txt { width:100%; float:none;}
	.ul-panel-new li .txt h4 { font-size:16px; margin:12px 0;}
	.ul-panel-new li ul { margin:0; display:none;}
	.ul-panel-new li a { line-height:1.8; padding:0 8px; font-size:14px; margin-top:0;}
	.ul-panel-new li a i { display:none;}
}

.wrap-chose-new { padding:80px 5%;}
.wrap-chose-new h3 { font-size:24px; margin:0 0 40px; text-align:center; color:#946c45;}
.wrap-chose-new ul { margin:0; padding:0; overflow:hidden;}
.wrap-chose-new ul li { width:32%; margin-right:2%; float:left; list-style:none; position:relative; margin-bottom:24px;}
.wrap-chose-new ul li:nth-of-type(3n) { margin-right:0;}
.wrap-chose-new ul li img { width:100%;}
.wrap-chose-new ul li div { position:absolute; width:100%; height:50%; bottom:0; left:0; background-color:rgba(255,105,180,.9); color:#fff; padding:14px; box-sizing:border-box; overflow:hidden;}
.wrap-chose-new ul li div h4 { font-size:14px; margin:0;}
.wrap-chose-new ul li div h4 small { display:block; font-size:11px; margin:0 0 8px;}
.wrap-chose-new ul li div .num { position:absolute; bottom:63%; right:14px; font-size:32px; line-height:1;}
.wrap-chose-new ul li div a { float:right; color:#fff; font-size:12px;}
.wrap-chose-new ul li div p { margin:0;}
@media screen and (max-width:768px){
	.wrap-chose-new { padding:40px 5%;}
	.wrap-chose-new h3 { font-size:20px; margin:0 0 24px;}
	.wrap-chose-new ul li { width:100%; margin-right:0; float:none; margin-bottom:20px;}
}

.wrap-bg-panel-new { margin:80px 0 !important; padding:16px; background-image:url(https://amitie-nori.sbs/wp-content/uploads/2019/04/pala.jpg); background-size:cover;}
.wrap-bg-panel-new .inner { background-color:rgba(255,255,255,.9); color:#946c45; padding:40px; overflow:hidden;}
.wrap-bg-panel-new .inner .img { width:40%; float:left;}
.wrap-bg-panel-new .inner img { max-width:100%;}
.wrap-bg-panel-new .inner.a .img img { width:calc(50% - 20px); display:inline-block; margin-right:20px; }
.wrap-bg-panel-new .inner .txt { width:58%; float:right; height:200px;}
.wrap-bg-panel-new .inner h3 { clear:none; font-size:20px; margin:0 0 24px; color:#111;}
.wrap-bg-panel-new .inner ul { margin:0; padding:0; overflow:hidden; clear:both;}
.wrap-bg-panel-new .inner ul li { width:30%; margin-right:5%; float:left; list-style:none;}
.wrap-bg-panel-new .inner ul li:nth-of-type(3n) { margin-right:0;}
.wrap-bg-panel-new .inner a { display:block; color:#fff; text-align:center; background-color:#dd38a1; line-height:40px; margin-top:40px; clear:both;}
.wrap-bg-panel-new .inner.b { width:calc(50% - 8px); margin:16px 16px 0 0; float:left; height:350px;}
.wrap-bg-panel-new .inner.c { width:calc(50% - 8px); float:right; margin:16px 0 0; height:350px;}
@media screen and (max-width:768px){
	.wrap-bg-panel-new { margin:40px 0 !important;}
	.wrap-bg-panel-new .inner { padding:16px; width:48%; float:left; box-sizing:border-box;}
	.wrap-bg-panel-new .inner .img { width:100%; float:none;}
	.wrap-bg-panel-new .inner .img img { float:none; width:100%; height:160px; object-fit:cover;}
	.wrap-bg-panel-new .inner.a .img { overflow:hidden;}
	.wrap-bg-panel-new .inner.a .img img { width:100%; margin-right:0;}
	/*.wrap-bg-panel-new .inner.a .img img { width:48%; display:block; float:left; margin-right:0; }*/
	.wrap-bg-panel-new .inner.a .img img:nth-of-type(2n) { float:right; display:none;}
	.wrap-bg-panel-new .inner .txt { width:100%; float:none; height:auto;}
	.wrap-bg-panel-new .inner .txt p { display:none;}
	.wrap-bg-panel-new .inner ul li { width:100%; margin-right:0; float:none;}
	.wrap-bg-panel-new .inner ul li:nth-of-type(3n) { margin-bottom:0;}
	.wrap-bg-panel-new .inner a { margin-top:16px;}
	.wrap-bg-panel-new .inner a.pc { display:none;}
	.wrap-bg-panel-new .inner h3 { clear:none; font-size:20px; margin:20px 0;}
	.wrap-bg-panel-new .inner.b { width:48%; float:right; margin:0; height:auto;}
.wrap-bg-panel-new .inner.c { width:100%; float:none; margin:16px 0 0; height:auto; display:none;}
}

.wrap-online-order { margin:80px 0;}
.wrap-online-order img { width:100%;}
.wrap-online-order h3 { background-color:#dd38a1; margin:0; font-size:28px; padding:8px 0; text-align:center; color:#fff;}
.wrap-online-order .img { width:50%; height:324px; float:right; padding:0 0 24px; box-sizing:border-box;}
.wrap-online-order .img img { height:100%; object-fit:cover;}
.wrap-online-order .txt { width:100%; padding:24px 40px; box-sizing:border-box;}
.wrap-online-order .txt h4 { font-size:24px; margin:0 0 24px;}
.wrap-online-order .txt ul { margin:40px 0 0; padding:0; overflow:hidden;}
.wrap-online-order .txt ul li { width:46%; float:left; list-style:none;}
.wrap-online-order .txt ul li:nth-of-type(2n) { float:right;}
.wrap-online-order .txt ul li a { display:block; text-align:center; background-color:#dd38a1; color:#fff; text-align:center; line-height:38px;}
.wrap-online-order .txt ul li img { height:38px; width:auto;}

@media screen and (max-width:768px){
	.wrap-online-order { margin:40px 0 20px;}
	.wrap-online-order h3 { font-size:18px;}
	.wrap-online-order .txt { width:100%; padding:20px 0 0;}
	.wrap-online-order .txt h4 { font-size:17px; margin:0 0 20px; display:inline-block; line-height:2;}
	.wrap-online-order .txt h4 span { border-bottom:1px solid hotpink;}
	.wrap-online-order .img { width:100%; float:none; padding:0;}
	.wrap-online-order .txt ul { margin:0;}
	.wrap-online-order .txt ul li img { width:100%;}
}

.wrap-online-order.b .wrap { border:6px solid yellow; color:#946c45; }
.wrap-online-order.b h3,.wrap-online-order.b .txt ul li a { background-color:#3794d7;}
.wrap-online-order.b h3 { margin:0;} 
.wrap-online-order.b .img { height:318px; padding:0;}
.wrap-online-order.b .txt h4 { color:#dd38a1; margin:0 0 20px;}
.wrap-online-order.b .txt { padding:0;}
.wrap-online-order.b .txt div { padding:20px 40px;}
.wrap-online-order.b .txt ul { margin:24px 0 0;}
.wrap-online-order.b .txt ul li { color:#111;}
@media screen and (max-width:768px){
	.wrap-online-order.b .txt div { padding:20px 5%;}
	.wrap-online-order.b .txt .overflow { padding:0;}
	.wrap-online-order.b .txt .w48 { width:48%;}
	.wrap-online-order.b .txt .fleft { float:left; margin:0;}
	.wrap-online-order.b .txt .fright { float:right;}
}

.wrap-footer-new { background-color:#441823; color:#fff; padding:80px 5%;}
.wrap-footer-new a { color:#fff;}
.wrap-footer-new .logo { text-align:center; margin:0 0 40px;}
.wrap-footer-new .logo img { width:300px;}

.mr-5p { margin-right:5%;}

.wrap-footer-new .w30 img { width:100%; margin:0 0 20px;}
.wrap-footer-new .w30 h3 { font-size:24px; margin:0 0 24px;}
.wrap-footer-new .w30 h3 small { font-size:16px;padding-left:16px;}
.wrap-footer-new .w30 h3 span { display:block; font-size:18px; margin:0 0 8px;}
.wrap-footer-new .w30 .tel { font-size:18px;}

.wrap-footer-new ul { margin:40px 0 0; padding:0; overflow:hidden;}
.wrap-footer-new ul li { width:30%; margin-right:5%; list-style:none; float:left; }
.wrap-footer-new ul li:nth-of-type(3n) { margin-right:0;}
.wrap-footer-new ul li a,.wrap-footer-new .btn-box a { display:block; background-color:#fff; color:#441823; line-height:40px; text-align:center;}
.wrap-footer-new .btn-box a { margin-top:20px;}
.wrap-footer-new .btn-box { padding-top:0;}
@media screen and (max-width:768px){
	.wrap-footer-new .logo img { width:260px;}
	
	.wrap-footer-new ul li { width:32%; margin-right:2%;}
	.wrap-footer-new ul li a { font-size:10px;}
	
	
	.wrap-footer-new .hidden_box { margin:0 0 20px;}
	.wrap-footer-new .hidden_box label { background-color:transparent; border:1px solid #fff; color:#fff; line-height:40px; width:80%; display:block; text-align:center; margin:0 auto; padding:0; min-height:40px;}
	.wrap-footer-new .hidden_box input:checked ~ .hidden_show { padding:20px 0 0;}
	.wrap-footer-new .hidden_show img { width:100%;}
}

.midashi-top-new { font-size:36px; text-align:center; margin:24px 0; position:relative; padding:20px 0 0;}
.midashi-top-new span { font-size:14px; font-weight:400; display:block;}
.midashi-top-new:before { content:""; display:block; background-color:#B5AA84; width:60px; height:3px; position:absolute; top:0px; left:calc(50% - 30px);}
.midashi2-top-new { font-size:24px; text-align:center;}
.lead-concept { font-size:15px; text-align:center;}
@media screen and (max-width:768px) {
	.midashi-top-new { font-size:24px;}
	.lead-concept { font-size:14px; text-align:left;}
}

.inner-works { width:95%; height:420px; position:relative; margin:0 0 40px; overflow:hidden;}
.inner-works a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:19;}
.inner-works.num2n { margin-left:5%;}
.inner-works img { width:70%; height:100%; object-fit:cover; position:absolute; top:0;}
.inner-works.num1n img { left:0px;}
.inner-works.num2n img { right:0px;}
.inner-works .box { width:48%; margin:60px 0 0; padding:60px; background-color:#fff; position:relative; z-index:2; overflow:hidden;}
.inner-works.num1n .box { float:right;}
.inner-works .box strong { font-size:20px; display:inline-block; margin:0 0 16px; line-height:1;}
.inner-works .box em { font-size:14px; margin:0 0 16px; display:inline-block; line-height:1; color: #b8860b; font-style:normal; font-weight:bold;}
.inner-works .box span { font-size:16px; font-weight:bold; float:right; display:inline-block; margin:16px 0 0; position:relative; border-bottom:1px solid #ff1493;}
.inner-works .box span a { position:static; color:#ff1493 !important;}
.inner-works .box a span:after { content: "";
    display: block;
    width: 10px;
    border-top: 1px solid #111111;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -5px;}
@media screen and (max-width:768px){
	.inner-works { width:100%; height:auto; margin:0 0 20px; font-size:0;}
	.inner-works img { width:100%; height:auto; position:static;}
	.inner-works .box { width:90%; margin:-24px auto 0; padding:20px 5%; float:none !important;}
	.inner-works .box em { float:left;}
	.inner-works .box span { margin:0 auto; display:block;}
	.inner-works.num2n { margin-left:0;}
	
	.inner-works p { margin:0;}
}

.btn-works { width:288px; margin:0 auto; border:2px solid #111; color:#111 !important; border-radius:40px; line-height:54px; box-sizing:border-box; text-align:center; display:block; font-size:16px;}
.btn-works:hover { background-color:#B5AA84;}

.rss.news { border-top:0; border-bottom:0; padding:0;}
.rss.news ul { border-left:0; padding:0; width:100%;}
.rss.news ul li a { width:auto;}
.rss.news ul li small { left:auto; right:0;}
@media screen and (max-width:768px){
	.rss.news ul li a { width:240px; text-align:left;}
}




.mv { position:relative; padding: 0 0;}
.inner { width: 1000px; margin: 0 auto;}
.mv .inner { width: 1000px; height: 730px; margin: 0 auto; position: relative;}
.mv > .inner > * { position: absolute;}
.mv .inner figure { right: -157px; bottom: 0;}
.mv .inner .medal { left: -32px; top: 7px;}
.mv .inner h2 { top: 52px; left: -39px;}
.mv .inner .fukidashi { right: 0; top: 35px;}
.mv .inner .merit { top: 450px; left: -4px; background-image:none; padding:0;}

.mv header { width:100%; padding: 15px 30px 0; overflow:hidden; position:absolute; top:0; left:0;}
.mv header .logo { float: left;}
.mv header ul { float: right; margin:0; padding:0;}
.mv header ul li,.mv .nav-sp ul li { float: left; list-style:none;}
.mv header ul li a,.mv .nav-sp ul li a { color:#111;}

.mv header ul li:nth-child(1),.mv .nav-sp ul li:nth-child(1) { margin: 10px 20px 0 0;}
.mv header ul li:nth-child(1) a,.mv .nav-sp ul li:nth-child(1) a { padding-left: 30px; font-family: 'Noto Sans JP', sans-serif; font-weight: bold; font-size: 32px; background: url() left center/23px 25px no-repeat;}
.mv header ul li:nth-child(1),.mv .nav-sp ul li:nth-child(1) { font-size: 12px; font-weight: bold; margin-top: 5px;}
.mv header ul li:nth-child(1) .mukyu,.mv .nav-sp ul li:nth-child(1) .mukyu { color: #f94800;}
.mv header ul li:nth-child(1) .line,.mv .nav-sp ul li:nth-child(1) .line { color: #00b900;}
.mv header ul li:nth-child(2),.mv .nav-sp ul li:nth-child(2) { padding-top: 5px; margin-right: 10px;}
.mv header ul li:nth-child(3),.mv .nav-sp ul li:nth-child(3) { padding-top: 5px;}

@media screen and (max-width:768px){
	.mv header { padding:8px 30px 0;}
	.mv header .logo { float: none; text-align:center;}
	.inner { width: 88%;}
	
	.mv .nav-sp ul { overflow:hidden; padding:0 5%;}
	.mv .nav-sp ul li:nth-child(1) { width:70%; margin:0; padding-right:8px; box-sizing:border-box;}
	.mv .nav-sp ul li:nth-child(1) a { font-size:24px;}
	.mv .nav-sp ul li:nth-child(2),.mv .nav-sp ul li:nth-child(3) { width:30%; float:right; padding-top:0; margin-right:0; margin-bottom:8px;}
}

.mv .contactarea { width: 1000px; margin: 80px auto; border: solid 3px #252935; border-radius: 4px; text-align: left;  background: #fff; z-index: 1;}
.mv .contactarea h3 { background: #252935; height: 67px; position: relative; color: #fff; margin:0;}
.mv .contactarea h3 .ttl { position: absolute; top: -17px; left: -17px;}
.mv .contactarea h3 .txt { font-size: 16px; font-weight: 900; font-family: 'Noto Sans JP', sans-serif; display: block; padding: 12px 0 0 463px; letter-spacing: 1px;}
.mv .contactarea h3 .txt em { color: #f94800;}
.mv .contactarea h3 .attention { font-size: 13px; padding: 10px 0 0 463px; display: block;}

.mv .contactarea .inner { padding: 30px 37px 37px;}

.about { padding: 70px 0 70px; background: url() center top/100% auto no-repeat; text-align:center;}
.about h3 { margin:0 0 50px;}
.about figure { margin-bottom: 30px;}
.about p { font-size: 16px; line-height: 1.8; margin-bottom: 60px;}
.about p em { font-family: 'Noto Sans JP', sans-serif; font-weight: 900; background: #ffec47; font-style:normal;}
.about img { max-width:100%;}
@media screen and (max-width:768px){
	.about { padding: 40px 0;}
	.about h3 { width:70%; margin:0 auto 30px;}
	.about p { text-align:left; font-size:14px;}
}

.ttl_bt { font-size: 35px; font-weight: 900; color: #242936; position: relative; padding-top: 30px; font-family: 'Noto Sans JP', sans-serif; margin:0 0 60px; text-align:center;}
.ttl_bt::before { content: ""; background:#ed2800; width: 30px; height: 3px; border-radius: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
@media screen and (max-width:768px){
	.ttl_bt { font-size: 26px; margin:0 0 40px; padding-top:24px; width:100% !important;}
}

.ico_heading { width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center !important; background: #ed2800; position: relative;}
.ico_heading::before, .ico_heading::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 15px 0; border-color: transparent #ed2800 transparent transparent; position: absolute; left: -10px; top: 0;}
.ico_heading::after { border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #ed2800; left: auto; right: -10px;}


.about ul { display: inline-block; margin-bottom: 30px; padding:0;}
.about ul::after { content: ""; display: block; clear: both;}
.about ul li { float: left; width: 214px; margin-right: 60px; list-style:none;}
.about ul li:last-child { margin-right: 0;}
.about ul li .ico_heading { margin: 0 auto 30px;}
.about ul li .txt { font-size: 16px; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; margin-bottom: 30px; line-height: 1.6;}
.about ul li figure { position: relative;}
.about ul li figure::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #bdbec2; position: absolute; top: 50%; right: -35px; transform: translateY(-50%);}
.about ul li:last-child figure::after { border: none; width: 160px; height: 160px; background: url() center/cover; transform: none; top: auto; right: -99px; bottom: -40px;}
.about ul + p em { font-size: 22px;}
@media screen and (max-width:768px){
	.about ul li { float:none; margin-right:0; margin-bottom:60px;}
	.about ul li figure::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #bdbec2 transparent transparent transparent; position: absolute; bottom: -34px; left: 50%; transform: translateX(-50%); top:auto; right:auto;}
	.about ul + p em { font-size: 14px;}
}

.merit { padding: 80px 0 30px; background: url() center top 100% repeat-y;}
.merit h3 { text-align:center; margin-bottom: 80px;}
.merit ul { width: 1000px; margin: 0 auto 40px; padding:0;}
.merit ul li { margin-bottom: 40px; border: solid 3px #ed2800; border-radius: 5px; background: #fff; position: relative; padding: 80px 37px 50px; list-style:none;}
.merit ul li/*:nth-child(1)*/ { padding: 80px 37px 64px;}
.merit ul li .ico_heading { position: absolute; left: 50%; top: -17px; transform: translateX(-50%);}
.merit ul li h4, .merit ul li .txt { width: 440px; margin: 0 0 0 auto;}
.merit ul li h4 { margin-bottom: 20px;}
.merit ul li .txt { text-align: left; font-size: 16px; line-height: 1.8; font-weight: bold;}
.merit ul li .txt em { background: #ffec47; font-family: 'Noto Sans JP', sans-serif; font-weight: 900;}
.merit ul li figure { position: absolute; width:440px;}
.merit ul li/*:nth-child(1)*/ figure { bottom: 0; left: 37px;}
@media screen and (max-width:768px){
	.merit { padding: 60px 0 35%;}
	.merit ul { width: 100%;}
	.merit ul li { padding: 50px 20px 30px;}
	.merit ul li h4 { width:100%;}
	.merit ul li figure { position:static; width:auto;}
	.merit ul li .txt { float:none; width:100%; font-weight:400;}
}

.merit .fukidashi { width: 734px; height: 456px; position: absolute; left: 50%; transform: translateX(-50%);}
.merit .fukidashi::before { content: ""; display: block; width: 734px; height: 456px; background: url(); position: absolute; top: 0; left: 0; animation: mowamowa 1s linear infinite;}
.merit .fukidashi img { position: relative;}
@media screen and (max-width:768px){
	.merit .fukidashi { width: 90%; position: absolute; left: 50%; transform: translateX(-50%); height:auto;}
	.merit .fukidashi::before { width:100%; height:100%; background-size:contain; background-repeat:no-repeat;}
}

.voice { padding: 170px 0 80px; background: url();}
.voice ul { width: 1030px; margin: 0 auto; padding:0;}
.voice ul::after { content: ""; display: block; clear: both;}
.voice ul li { float: left; margin: 0 10px 10px 0; list-style:none;}
.voice ul li:nth-child(even) { margin:0 0 10px 0 ;}
@media screen and (max-width:768px){
	.voice { padding: 20% 0 40px;}
	.voice ul { width:94%;}
	.voice ul li { float:none; margin: 0 0 10px 0;}
}

.reason { position: relative; padding: 80px 0; background: url() center top repeat-y;}
.reason .inner h3 { margin:0 0 80px; position: relative; text-align:center;}
.reason .inner h3 span { position: absolute; top: 44px; left: 50%; margin-left: -33px; animation: jamp 1s ease-in-out infinite;}
.reason .inner ul { display: inline-block; padding:0; margin:0;}
.reason .inner ul li { float: left; width: 480px; margin: 0 40px 30px 0; list-style:none;}
.reason .inner ul li:nth-of-type(2n) { margin:0 0 30px 0;}
.reason .inner ul li h4 { margin:0 0 24px; text-align:center;}
.reason .inner ul li h4 img { height:268px; object-fit:cover;}
.reason .inner ul li:nth-of-type(3) h4 img,.reason .inner ul li:nth-of-type(4) h4 img { height:216px;}
.reason .inner ul li p { font-weight: bold; font-size: 16px; line-height: 1.8; text-align: left;}
.reason .inner ul li p em { background: #ffec47;}
@media screen and (max-width:768px){
	.reason { padding:40px 0;}
	.reason .inner h3 { margin:0 0 40px;}
	.reason .inner h3 span { width:40px; margin-left:-20px; top:34px;}
	.reason .inner ul li { float:none; width:100%; margin:0 0 30px;}
	.reason .inner ul li h4 { margin:0 0 20px;}
	.reason .inner ul li h4 img { height:180px; margin:0 auto; width:auto;}
	.reason .inner ul li:nth-of-type(3) h4 img,.reason .inner ul li:nth-of-type(4) h4 img { height:143px;}
	.reason .inner ul li p { font-weight: 400; font-size: 14px;}
	.reason .inner ul li p em { font-weight:bold;}
}

.measures { position: relative; padding: 120px 0 80px; background: url(); text-align:center;}
.measures .inner { position: relative;}
.measures .inner .gmap { position: relative; border: solid 3px #242936; background: #f4f6f8; border-radius: 5px; margin-bottom: 40px; padding-bottom: 37px; width: 1000px; margin: 0 auto 80px; z-index: 999;}
.measures .inner .gmap:before { content: ""; display: block; position: absolute; top: 0; width: 172px; height: 97px; left: 58px; background: url();}
.measures .inner .gmap h3 { margin: -48px 0 30px; text-align:center;}
.measures .inner .gmap .fukidashi { position: absolute; right: -50px; top: 140px;}
.measures .inner .gmap figure { margin-bottom: 40px;}
.measures .inner .gmap .txt { width: 920px; margin: 0 auto; padding: 24px 34px; background: #fff; border-radius: 4px; font-size: 16px; line-height: 1.8;}
.measures .inner .gmap .txt em { font-size: 22px; font-family: 'Noto Sans JP', sans-serif; font-weight: 900;}
.measures .inner .gmap .txt em span { background: #ffec47; font-size: 35px;}
.measures .inner .gmap::after { position: absolute; top: 461px; right: 26px; width: 247px; height: 267px; content: ""; display: block; background: url() no-repeat;}
@media screen and (max-width:768px){
	.measures { padding:40px 0;}
	.measures .inner .gmap { width:100%; margin:0 0 30px;}
}

.measures .inner h4 { margin:0 0 60px; text-align:center;}
.measures .inner .media { border: solid 3px #242936; background: #fff; border-radius: 5px; margin-bottom: 60px; padding: 37px 0;}
.measures .inner ul { margin:0; padding:0; overflow:hidden;}
.measures .inner ul li { float: left; list-style:none; width: 480px; margin: 0 40px 40px 0; border: solid 3px #242936; border-top: none; border-radius: 5px; background: #fff; padding-bottom: 30px;}
.measures .inner ul li:nth-child(2n) { margin: 0 0 40px 0;}
.measures .inner ul li h4 { font-size: 30px; line-height: 70px; font-weight: 900; font-family: 'Noto Sans JP', sans-serif; color: #fff; margin-bottom: 30px; background: #242936;}
.measures .inner ul li figure { margin:0 0 25px; text-align:center;}
.measures .inner ul li p { width: 400px; margin: 0 auto; text-align: left; font-weight: bold; line-height: 1.8; font-size: 16px;}
@media screen and (max-width:768px){
	.measures .inner h4 { margin:30px 0 20px;}
	.measures .inner .media { padding:20px; margin-bottom:30px;}
	.measures .inner ul li { float:none; width:100%; margin: 0 0 20px; padding:0 0 20px;}
	.measures .inner ul li:last-of-type { margin:0;}
	.measures .inner ul li h4 { margin:0 0 20px; font-size: 16px; line-height: 40px;}
	.measures .inner ul li figure { margin:0 auto 20px; width:90%;}
	.measures .inner ul li p { width: 90%; font-size:14px;}
}


.inner::after {
    content: "";
    display: block;
    clear: both;
}

.service { background: url() center top repeat-y; padding: 80px 0 0;}
.service .inner { position:relative;}
.service .inner figure { position: absolute; bottom: -120px; left: 100px;}
.service .inner ul { width: 520px; margin:auto; padding:0; }
.service .inner ul li { text-align: left; line-height: 30px; list-style:none; padding-left: 50px; background: left center no-repeat; margin-bottom: 30px; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; letter-spacing: 1px; font-weight: 900; text-shadow: #fff 3px 0px, #fff -3px 0px, #fff 0px -3px, #fff 0px 3px, #fff 3px 3px, #fff -3px 3px, #fff 3px -3px, #fff -3px -3px, #fff 1px 3px, #fff -1px 3px, #fff 1px -3px, #fff -1px -3px, #fff 3px 1px, #fff -3px 1px, #fff 3px -1px, #fff -3px -1px;}
.service .inner ul li:nth-child(1) { background-image: url();}
.service .inner ul li:nth-child(2) { background-image: url();}
.service .inner ul li:nth-child(3) { background-image: url();}
.service .inner ul li:nth-child(4) { background-image: url();}
.service .inner ul li:nth-child(5) { background-image: url();}
.service .inner ul li:nth-child(6) { background-image: url();}
.service .inner ul li:nth-child(7) { background-image: url();}
.service .inner ul li:nth-child(8) { background-image: url();}
@media screen and (max-width:768px){
	.service { padding:40px 0;}
	.service .inner figure { position: static; width:46%; margin:0 auto 30px;}
	.service .inner ul { width: 100%; float:none; margin:0;}
	.service .inner ul li { text-align: left; line-height: 1.4; padding: 10px 0 10px 30px; margin-bottom: 5px; background: left center / 20px auto no-repeat; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: 900; text-shadow: #fff 3px 0px, #fff -3px 0px, #fff 0px -3px, #fff 0px 3px, #fff 3px 3px, #fff -3px 3px, #fff 3px -3px, #fff -3px -3px, #fff 1px 3px, #fff -1px 3px, #fff 1px -3px, #fff -1px -3px, #fff 3px 1px, #fff -3px 1px, #fff 3px -1px, #fff -3px -1px;}
	.service .inner ul li/*:nth-child(1)*/ { background-image: url();}
}

.price { background: url() center/cover; padding: 0 0 80px; position: relative;}
.price p { text-align: left; font-size: 12px; font-weight: bold; line-height: 1.6;}
.price p em { color: #d85140;}
.price .ttl_price { position: relative; width: 1000px; height: 470px;}
.price .ttl_price h3 { position: absolute;
    width: 672px;
    height: 538px;
    top: -40px;
    left: -3px;
     margin:0;}
.price .ttl_price h3 span { position:absolute; top:0; left:0;}
.price .ttl_price figure { position: absolute; top: 60px; right: 111px;}
.price .ttl_price p { position: absolute; top: 30px; right: -40px; animation: yurayura 3s linear infinite;}
@media screen and (max-width:768px){
	.price .ttl_price { position: relative; padding: 38%; width: 100%; height: auto;}
	.price .ttl_price h3 { position: absolute; width: 90%; top: 0%; left: -12%; height:auto;}
	.price .ttl_price h3 span { position:absolute; top:0; left:0;}
	.price .ttl_price figure { position: absolute; bottom: 0; right: 7%; width: 42%; top:auto;}
	.price .ttl_price p { position: absolute; top: -4%; right: -1%; animation: yurayura 3s linear infinite; width: 31%;}
	.price .table img { margin:0 0 20px;}
}

.flow { background: url(); padding: 80px 0; margin-bottom: 80px;}
.flow ul { width: 1000px; margin: 0 auto; padding:0;}
.flow ul li { position: relative; margin-bottom: 25px; list-style:none;}
.flow ul li::before { content: ""; width: 3px; height: 25px; background: #ed2800; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%);}
.flow ul li .step { width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ed2800; margin: 0 auto -17px; position: relative;}
.flow ul li .step::before, .flow ul li .step::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 15px 0; border-color: transparent #ed2800 transparent transparent; position: absolute; left: -10px; top: 0;}
.flow ul li .step::after { border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #ed2800; left: auto; right: -10px;}
.flow ul li .inner { border: 3px solid #ed2800; background: #fff; border-radius: 5px; overflow: hidden;}
.flow ul li .inner figure, .flow ul li .inner h3, .flow ul li .inner .txt { display: table-cell; height: 140px; vertical-align: middle; text-align: left;}
.flow ul li .inner figure { width:90px;}
.flow ul li .inner h3 { width: 288px; font-family: 'Noto Sans JP', sans-serif; font-weight: 900; font-size: 25px; line-height: 1.4; letter-spacing: 1px; padding-left: 25px;}
.flow ul li .inner .txt { font-weight: bold; font-size: 16px; letter-spacing: 1px; text-align: left; line-height: 1.6; padding-right: 40px;}
.flow ul li:last-child { margin: 0; border-color: #ed2800;}
.flow ul li:last-child::before { display:none;}
.flow ul li:last-child .step { background:#ed2800;}
.flow ul li:last-child .step::before { border-color: transparent #ed2800 transparent transparent;}
.flow ul li:last-child .step::after { border-color: transparent transparent transparent #ed2800;}
.flow ul li:last-child .inner { border: none;}
.flow ul li:last-child .inner h3 { color:#ed2800; }
.flow ul li:last-child .inner .border { border:3px solid #ed2800;}
@media screen and (max-width:768px){
	.flow { padding: 60px 0; margin-bottom:60px;}
	.flow ul { width: 100%;}
	.flow ul li .inner { width:100%;}
	.flow ul li .inner figure, .flow ul li .inner h3, .flow ul li .inner .txt { display: block; height:auto;}
	.flow ul li .inner figure { padding-top: 20px; margin-bottom: 14px; text-align:center; width:100%;}
	.flow ul li .inner figure img { height:80px;}
	.flow ul li .inner h3 { font-size:16px; padding-left:0; text-align:center; margin:0 0 14px; width:100%;}
	.flow ul li .inner .txt { width: 88%; margin: 0 auto; font-weight: bold; text-align: left; line-height: 1.6; padding-bottom: 20px; font-size:14px;}
}


.faq { margin-bottom: 80px;}
.faq .hidden_box { width: 1000px; margin: 0 auto; text-align: left;}

.faq .hidden_box label, .faq .hidden_box .show_box { padding: 20px 50px 20px 80px; font-weight: bold; position: relative;}
.faq .hidden_box label {font-size: 20px; line-height: 1.4; letter-spacing: 1px; border-top: solid 1px #eeeeee; cursor: pointer; display:block; background-color:#fff;}
.faq .hidden_box label em { font-size: 25px; color: #ed2800; letter-spacing: 3px;}
.faq .hidden_box .show_box { font-size: 16px; line-height: 1.6; letter-spacing: 1px; display: none; animation-delay: 0 !important; opacity: 1 !important; transform: none !important;}
.faq .hidden_box:last-of-type { border-bottom: solid 1px #eeeeee;}

.faq .hidden_box input[type="checkbox"] { display:none;}
.faq .hidden_box input:checked ~ .show_box { display:block;}
.faq .hidden_box p { margin:0;}
.faq .hidden_box input:checked ~ .show_box em { background: #ffec47;}

.faq .hidden_box .hexagon { position: absolute; top: 50%; left: 10px; font-size: 18px; font-weight: bold; text-align: center; width: 40px; height: 22px; line-height: 22px !important; background: #242936; transform: translateY(-50%); color: #fff; display: block; border:0;}
.faq .hidden_box .hexagon::before, .faq .hidden_box .hexagon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 12px 20px;
    border-color: transparent transparent #242936 transparent;
    position: absolute;
    left: 0;
    top: -12px;
}
.faq .hidden_box .hexagon::after {
    border-width: 12px 20px 0 20px;
    border-color: #242936 transparent transparent transparent;
    top: auto;
    bottom: -12px;
}
.faq .hidden_box input:checked ~ .show_box .hexagon { background: #ed2800;}
.faq .hidden_box input:checked ~ .show_box .hexagon:before { border-color: transparent transparent #ed2800 transparent;}
.faq .hidden_box input:checked ~ .show_box .hexagon:after { border-color: #ed2800 transparent transparent transparent;}
@media screen and (max-width:768px){
	.faq { margin-bottom: 60px;}
	.faq .hidden_box { width:88%;}
	.faq .hidden_box label, .faq .hidden_box .show_box { padding: 12px 30px 12px 46px; font-weight: bold; position: relative;}
	.faq .hidden_box label { font-size: 14px;}
	.faq .hidden_box label em { font-size: 16px;}
	.faq .hidden_box .hexagon { position: absolute;
    top: 50%;
    left: 6px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 12px;
    line-height: 12px !important;
    background: #242936;
    transform: translateY(-50%);
    color: #fff;
    display: block;}
	.faq .hidden_box .hexagon::before,.faq .hidden_box .hexagon::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px 12px; border-color: transparent transparent #242936 transparent; position: absolute; left: 0; top: -8px;}
	.faq .hidden_box .hexagon::after { border-width: 8px 12px 0 12px; border-color: #242936 transparent transparent transparent; top: auto; bottom: -8px;}
	.faq .hidden_box .show_box { font-size:14px;}
	
}

.contact {
    background: #242936;
    margin-bottom: 80px;
    padding-bottom: 80px;
}
.contact h2 { margin:0; text-align:center;}
.contact .cvarea {
    background: #fff;
    text-align: center;
    padding: 30px 5%;
    border-radius: 5px;
    margin-bottom: 30px;
}
.contact .cvarea h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 19px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.contact .cvarea ul { width: 740px; margin: 0 auto; padding:0; overflow:hidden;}
.contact .cvarea ul li {
    float: right; list-style:none; width:48%;
}
.contact .cvarea ul li:first-child {
    float: left;
    padding-left: 42px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 60px;
    background: url(../img/ico_tel.png) left 15px no-repeat;
    letter-spacing: -1px;
}

@media screen and (max-width:768px){
	.contact { margin-bottom: 60px; padding-bottom: 60px;}
	.contact .cvarea { padding: 20px 2% 0; margin-bottom:20px;}
	.contact .cvarea h3 { font-size:13px; margin:0 0 20px;}
	.contact .cvarea ul { width:100%;}
	.contact .cvarea ul li { float:none; margin:0 auto; list-style:none; width:88%;}
	.contact .cvarea ul li:first-child { font-size:28px;}
	.contact center { width:88%; margin:0 auto;}
}

.company dl { width:740px; float:left; font-size:12px; margin-left:0;}
.company dl dt { float:left;}
.company dl dd { padding-left:30%; margin:0 0 40px;}

.company ul { float:right;}
.company ul li { list-style:none; margin:0 0 40px;}
@media screen and (max-width:768px){
	.company dl { width:100%; float:none;}
	.company dl dd { margin:0 0 20px;}
	.company ul { float:none; margin:0; padding:0;}
	.company ul li { width:48%; float:left;}
	.company ul li:nth-of-type(2n) { float:right;}
}

.pc { }
.sp { display:none;}
@media screen and (max-width:768px){
	.pc { display:none;}
.sp { display:block;}
}

.contact-form {  font-size:14px;}
.contact-form p { padding:24px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; font-size:14px;}
.contact-form p:nth-last-child(2) { border:none;}
.contact-form .ttl { display:block; width:25%; float:left; padding:16px; box-sizing:border-box; background-color:#202f55; color:#fff; overflow:hidden;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:96%; background-color:#eee; float:right; height:53px;}
.contact-form textarea[name="your-message"] { height:140px;}
.contact-form select { line-height:2; height:37.02px;}
.contact-form [type="checkbox"], .contact-form [type="radio"] { display:inline; float:none; width:auto;}
.contact-form .checkbox-300 { width:75%; float:left;}
.contact-form .contact-right { width:75%; float:right;}
.contact-form  input[type="submit"] { background:#ed2800; border:none; color:#fff; text-align: center;
    display: block;
    border-radius: 0;
    letter-spacing: 0.1em;
    padding: 17px 0;
    width: 38%; font-size:16px; float:none; margin:0 auto;}
.contact-form .hissu,.wrap-orderform .hissu { font-style:normal; background-color:#ed2800; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px; float:right;}
.contact-form .nini { font-style:normal; background-color:#A9BCF5; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px;}
.contact-form em { display:inline-block; margin-left:4px;}
.contact-form .box { border:1px dotted #333; border-radius:16px; padding:16px 16px 0 0; margin-bottom:20px;}
.contact-form .box p { border:0;}

.wrap.resavation .contact-form p { font-size:14px;}


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

.contact-form { margin:0;}
.contact-form p { padding:20px 0; border-bottom:1px dashed; overflow:hidden; }
.contact-form p:nth-last-child(2) { border:none;}
.contact-form .contact-left { display:block; width:100%; float:none; text-align:left; padding-right:8px; box-sizing:border-box; margin-bottom:8px;}
	.contact-form .contact-right { width:100%; float:none;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:100%; background-color:#eee; min-height:28px;}
.contact-form .submit { text-align:center; margin:56px 0;}
.contact-form .submit span { display:block;}
.contact-form input[type="submit"] { border:none; color:#fff; text-align: center;
    display: inline-block;
    border-radius: 0;
    letter-spacing: 0.1em;
    padding: 17px 0;
    width: 100%; font-size:16px;}
	.contact-form .checkbox-300 { width:100%; float:none;}
	.contact-form [type="checkbox"], .contact-form [type="radio"] { min-height:13px;}
	.contact-form .box { padding:20px 5%;}
	.contact-form span.wpcf7-list-item { display:block;}
	.contact-form .ttl { width:100%; margin:0 0 16px; padding:8px;}
}



.aboutSec { padding:80px 0;}
.aboutSec .inner { position:relative;}
.aboutSec .txt { width:70%;line-height: 1.75em; letter-spacing: 0.1em;
    font-size: 20px; font-weight:bold;}
.aboutSec .txt h3 { color: #174663;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 2;}
.aboutSec .txt h3 span { color:#E95513;}
.u-yellow-maker {
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFEF00 0%);
}
.aboutSec .txt .txt2 { margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.75em;
    font-size: 20px;
    z-index: 2;
    position: relative;
    width: 80%;}
.aboutSec_inner_txt3 {
    display: inline;
    font-weight: bold;
    font-size: 25px;
    background: linear-gradient(transparent 70%,rgba(233, 85, 19, 0.38) 70%);
    letter-spacing: 0.1em;
    position: relative;
    z-index: 2;
}
.aboutSec_inner_phone {
    position: absolute;
    right: -5%;
    top: -5%;
    width: 40%;
    z-index: 1;
}
@media screen and (max-width:768px){
	.aboutSec { padding:20px 0;}
	.aboutSec_inner_phone { display:none;}
	.aboutSec .txt { width:100%; font-size:14px; font-weight:400;}
	.aboutSec .txt h3 { font-size:22px;}
	.aboutSec .txt .txt2 { width:100%; font-size:14px;}
	.aboutSec_inner_txt3 { font-size:14px; background: linear-gradient(transparent 30%, #FFEF00 0%);}
}

.troubleSec {
    background: #202f55;
    padding: 50px;
}
.troubleSec .inner { position:relative;}
.troubleSec_inner_ttl {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    width: 450px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.15em;
    position: relative;
}
.troubleSec_inner_ttl::after, .troubleSec_inner_ttl::before {
    position: absolute;
    top: 0;
    content: '';
    width: 80px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.troubleSec_inner_ttl::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 0;
}
.troubleSec_inner_ttl::after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 0;
}
.troubleSec_inner_flex {
    display: flex;
    justify-content: space-around;
    margin: 100px 50px 0 50px;
}
.troubleSec_inner_flex_item {
    background-color: #FFF;
    width: 230px;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}
.troubleSec_inner_flex_txt {
    text-align: center;
    color: #174663;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.1em; margin:0;
}
.troubleSec_inner_flex_item img {
    position: absolute;
    width: 70px;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.troubleSec_inner_flex_item::after, .troubleSec_inner_flex_item::before {
    position: absolute;
    top: -10px;
    content: '';
    width: 100px;
    height: calc(100% + 20px);
    display: inline-block;
    box-sizing: border-box;
}
.troubleSec_inner_flex_item::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -10px;
}
.troubleSec_inner_flex_item::after {
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;
    right: -10px;
}
.troubleSec_inner_solution {
    max-width: 1000px;
    margin: 80px auto 0;
}
.troubleSec_inner_man {
    position: absolute;
    top: 40px;
    left: -120px;
    z-index: 0;
}
.troubleSec_inner_man img { width:320px;}
.troubleSec_inner_flex_item p { margin:0;}
@media screen and (max-width:768px){
	.troubleSec { padding-top:20px;}
	.troubleSec_inner_ttl { font-size:18px; width:88%; height:32px;}
	.troubleSec_inner_flex { display:block; margin:40px auto 0; width:82%;}
	.troubleSec_inner_flex_item { width:100%; padding:16px 0; margin:0 0 40px;}
	.troubleSec_inner_flex_item p { margin:0;}
	.troubleSec_inner_flex_txt { font-size:16px;}
	.troubleSec_inner_flex_item img { width: 40px; top: -20px;}
	.troubleSec_inner_man { width:40%; left:-56px; display:none;}
}

.atcs { padding: 74px 0 56px;}
.atcs h2 { background: url(https://apple-kurashima.com/wp-content/uploads/2018/12/atcs_bdr.png) 0 bottom no-repeat; width: 630px; margin: 0 auto 20px; padding-left: 5px; padding-bottom: 16px;}
.atcs h2 span { font-size: 20px; white-space: nowrap; margin-left: 10px;}
.atcs h3 { font-size: 18px; text-align: center; margin-bottom: 33px;}
.atcs ul { align-items: center; width: 1000px; margin: 0 auto; padding:0; overflow:hidden;}
.atcs li { width: 490px; height: 180px; position: relative; background: #FFCCCC; margin-bottom: 20px; padding: 23px 0 0 180px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; list-style:none; float:left; line-height:1.8;}
.atcs li:nth-of-type(2n) { margin-left:20px;}
.atcs li .ico { position: absolute; width: 180px; height: 180px; top: 0; left: 0; text-align: center; padding: 35px 0 0;}
.atcs li .ttl { text-align: center; width: 290px; font-size: 26px; color: #ed2800; font-weight: bold; margin-bottom: 0;}
.atcs li .txt { padding-right: 30px;}

@media screen and (max-width:768px){
	.atcs { padding: 32px 4% 0;}
	.atcs h2 { width:100%; text-align:center; padding:0 0 12px;}
	.atcs h2 img { width:42%; margin-bottom:12px;}
	.atcs h2 span { font-size: 13px; white-space: normal; margin-left:0; display:block;}
	.atcs h3 { font-size: 12px; line-height:1.6; text-align: center; margin:16px 0;}
	.atcs ul { width:100%;}
	.atcs li { width: 100%; height:auto; padding:4px 0 8px 24%;}
	.atcs li:nth-of-type(2n) { margin-left:0;}
	.atcs li .ico { width:16%; padding:16px 0 0; height:auto; left:3%;}
	.atcs li .ttl { width: 100%; font-size: 18px;}
	.atcs li .txt { padding-right: 2%; line-height:1.6;}
}

.companySec__inner__head {
    background-color: #174663;
    width: 100%; margin:0 0 80px;
}
.companySec__inner__head h3 {
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    color: #FFF;
    padding: 30px;
    letter-spacing: 0.2rem;
}
.companySec__inner__box__ttl {
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #cccccc;
}
.companySec__inner__box__cont dl {
    display: flex;
    margin-bottom: 30px;
}
.companySec__inner__box__cont dl dt {
    width: 200px;
    padding: 0 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
    border-right: 1px solid #cccccc;
}
.companySec__inner__box__cont dl dd {
    flex: 1;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1.8;
}
@media screen and (max-width:768px){
	.companySec__inner__head { margin:0 0 40px;}
	.companySec__inner__head h3 { font-size:24px; padding: 12px;}
	.companySec__inner__box__ttl { font-size:20px;}
	.companySec__inner__box__cont dl { display:block; margin-bottom:0px; text-align:center; margin:0;}
	.companySec__inner__box__cont dl:first-of-type { border-top:1px solid #ccc;}
	.companySec__inner__box__cont dl dt { width:100%; font-size:16px; padding:12px 0; border-bottom:1px solid #ccc; border-right:0;}
	.companySec__inner__box__cont dl dd { padding-left:0; padding:12px 0; font-size:16px; border-bottom:1px solid #ccc; margin:0;}
}


.l-floatingBnrPc {
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-top: 3px solid #ff3f00;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.define_wrap {
    padding: 0 24px;
}

.l-floatingBnrPc__inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    position: relative;
}
.define_inner {
    max-width: 100%;
    width: 1100px;
    margin: 0 auto;
}

.l-floatingBnrPc__inner__logo {
    width: 25.3061224%;
    padding-right: 15px; margin-bottom:0;
}
.l-floatingBnrPc__inner__tel {
    width: 27.1428571%;
    padding-right: 15px; margin-bottom:0;
}
.l-floatingBnrPc__inner__btn {
    margin-right: 150px;
    margin-bottom: 3px;
}
.l-floatingBnrPc__inner__pic {
    width: 200px;
    height: 133px;
    position: absolute;
    bottom: -54px;
    right: -40px;
}
@media screen and (max-width:768px){
	.l-floatingBnrPc { display:none;}
	.l-floatingBnrSp {
    width: 100%;
    background-color: #238c00;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-width: 767px;
}
}

.wrap-amitie img { max-width:100%;}


.bg-page { background-color:#f3f8fb; position:relative; padding:0 40px 40px; margin-top:120px;}
.midashi-com,.midashi2-com { font-size:32px !important; font-weight:500 !important; color: #FA58AC; margin:-106px 0 40px !important; letter-spacing:.1em; text-align:center; width:100%;}
.midashi-com span,.midashi2-com span,.midashi3-com span { font-size:16px; font-family: 'Montserrat', sans-serif; display:block; font-weight:bold; margin-top:16px; letter-spacing:0;}
.midashi-com:before { background-color: #FA58AC; width: 2px; height: 50px; margin: 0 auto 25px; content: ''; display: block;}
.midashi3-com { font-size:32px !important; font-weight:500 !important; color: #FA58AC; margin:80px 0 40px !important; letter-spacing:.1em; text-align:center;}
.midashi2-com { margin:-32px 0 40px !important;}

.dl-com-new,.dl2-com { clear:both; width:800px; margin:0 auto; overflow:hidden;}
.dl-com-new dt,.dl2-com dt { width:20%; padding:24px 16px; box-sizing:border-box; float:left; font-weight:400;}
.dl-com-new dd,.dl2-com dd { border-bottom:1px solid #d3dcdf; padding:24px 0 24px 22%; margin-bottom:0;}
.dl-com-new dd dl,.dl2-com dd dl { overflow:hidden; width:100%;}
.dl-com-new dd dl dt,.dl2-com dd dl dt { width:20%; padding:0; line-height:2; font-weight:400;}
.dl-com-new dd dl dd,.dl2-com dd dl dd { width:80%; padding:0; line-height:2; border:0;}
.dl-com-new dd:last-of-type,.dl2-com dd:last-of-type { border-bottom:0;}

.wrap-access { width:100%; height:600px; position:relative; margin:0 0 80px;}
.wrap-access div { background-color:#FA58AC; padding: 65px 75px 20px; width:480px; height: 440px; color:#fff; position:absolute; right:0; bottom:0; box-sizing:border-box;}
.wrap-access div h3 { font-size:24px; margin:0 0 16px;}
.mb-40 { margin-bottom:40px !important;}
.mb-20 { margin-bottom:20px !important;}

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

.midashi-com,.midashi2-com { font-size:20px !important; font-weight:500 !important; color: #FA58AC; margin:-96px 0 40px !important; letter-spacing:.1em; text-align:center; float:left; width:100%;}
.midashi-com span,.midashi2-com span,.midashi3-com span { font-size:14px; font-family: 'Montserrat', sans-serif; display:block; font-weight:bold; margin-top:10px; letter-spacing:0;}
.midashi-com:before { background-color: #FA58AC; width: 2px; height: 50px; margin: 0 auto 25px; content: ''; display: block;}
.midashi3-com { font-size:20px !important; font-weight:500 !important; color: #FA58AC; margin:80px 0 40px !important; letter-spacing:.1em; text-align:center;}
.midashi2-com { margin:-22px 0 40px !important;}
	
.bg-page { background-color:#f3f8fb; position:relative; padding:0 20px 20px; margin-top:120px;}
.dl-com,.dl2-com { clear:both; width:100%; margin:0 auto; overflow:hidden;}
.dl-com dt { width:30%; padding:16px 0; box-sizing:border-box; float:left; font-weight:400;}
.dl-com dd { border-bottom:1px solid #d3dcdf; padding:16px 0 16px 30%; margin-bottom:0;}
.dl-com dd dl dt { width:100%; padding:0; line-height:2; font-weight:400;}
.dl-com dd dl dd { width:100%; padding:0; line-height:2; border:0;}
	.dl2-com dt { width:100%; padding:16px 0 0; box-sizing:border-box; float:left; font-weight:400;}
	.dl2-com dd { width:100%; border-bottom:1px solid #d3dcdf; padding:16px 0;}
	.wrap-access { width:100%; height:auto; position:static;}
	.wrap-access iframe { width:100% !important; height:300px !important;}
	.wrap-access div { background-color:#e50012; padding: 40px 20px ; width:100%; height: auto; color:#fff; position:static; box-sizing:border-box; margin-bottom:40px;}
}

@media screen and (max-width:768px){
	.gallery-bridal .fg-default.fg-gutter-10 .fg-item { width:calc(25% - 10px); }
}

.midashi-page-main { text-align:center; margin:80px 0 !important; font-size:40px; padding:8px 0 0;}
.midashi-page-main small { font-size:13px; display:block; margin:8px 0 0;}
.midashi-page-main:before { content:""; display: block; width: 30px; height: 0;margin: 0 auto 12px;
    border-top: 3px solid #202f55;}
@media screen and (max-width:768px){
	.midashi-page-main { margin:110px 0 40px !important; font-size:32px;}
}

.midashi-history { font-size:24px; color:hotpink; border-top:1px solid hotpink; border-bottom:1px solid #ccc; margin:80px 0 40px; text-align:center; padding:24px 0; font-weight:400;}
.dl-history { display:flex; flex-wrap:wrap; align-items:stretch; border-top:1px solid #eee; margin:0 0 80px; padding:0;}
.dl-history dt { background-color:#efefef; text-align:center; width:20%; display:flex; align-items:center; border-bottom:1px solid #fff;}
.dl-history dt span { display:block; text-align:center; width:100%;}
.dl-history dd { padding:20px; width:80%; border-bottom:1px solid #eee; margin:0;}
.dl-history dt:last-of-type { border-bottom:1px solid #eee;}
@media screen and (max-width:768px){
	.midashi-history { font-size:20px; margin:40px 0; padding:16px 0;}
	.dl-history { margin:0 0 40px; display:block;}
	.dl-history dt { width:100%; padding:8px 0;}
	.dl-history dd { width:100%; padding:12px;}
}

.midashi-contact { font-size:24px; margin:40px 0 24px; border-bottom:1px solid #eee; padding:20px 0; position:relative; font-weight:400;}
.midashi-contact:after { width:100px; height:1px; background-color:hotpink; content:""; position:absolute; bottom:-1px; left:0; z-index:3;}
@media screen and (max-width:768px){
	.midashi-contact { font-size:18px;}
}

.box-contact { border:1px solid hotpink; margin:40px 0 24px; padding:40px; box-sizing:border-box; text-align:center; font-size:24px; font-weight:400;}
.box-contact h4 { text-align:center; margin:-55px 0 29px; color:hotpink;}
.box-contact h4 span { background-color:#fff; padding:0 24px;}
.box-contact p { margin:0;}
@media screen and (max-width:768px){
	.box-contact { padding:20px 4px 12px; font-size:16px;}
	.box-contact h4 { font-size:18px; margin:-32px 0 16px;}
}

.dl-contact { margin:24px 0 40px; padding-left:24px; position:relative;}
.dl-contact:before { content:""; width:20px; height:1px; background-color:#111; position:absolute; top:10px; left:0;}
.dl-contact dt { color:hotpink;}

.btn-img img { width:200px; height:50px;}

.box-contact-phone { background-color:#efefef; padding:24px; box-sizing:border-box; overflow:hidden; margin:0 0 40px;}
.box-contact-phone img { width:74px; height:74px; float:right;}

.box2-line-new {
    margin: 80px auto 0;
    border: 1px solid #ccc;
    padding: 40px 20px;
    font-size: 18px;
    overflow: hidden;
    font-weight: bold;
    width: 70%;
}
.box2-line-new span {
    font-size: 24px;
    color: #00c402;
    letter-spacing: .05em;
}
.box2-line-new h4 {
    font-size: 32px;
    color: #00c402;
    line-height: 40px;
    margin: 10px 0 24px;
    text-align: center;
    letter-spacing: .05em;
}
.box2-line-new h4 img {
    height: 40px;
    display: inline-block;
    margin-right: 16px;
}
.box2-line-new .line {
    width: 20%;
    float: left;
    margin-right: 20px;
    border: 1px solid #ccc;
    padding: 8px;
}
.box2-line-new b {
    font-size: 20px;
    float: right;
    color: #00c402;
    border: 2px solid #00c402;
    padding: 2px 4px;
    border-radius: 16px;
}
.box2-line-new .btn-l {
    background-color: #eee;
    color: #141412;
    padding: 4px 24px;
    display: inline-block;
}
@media screen and (max-width:768px){
	.box2-line-new { width:100%; margin:40px auto; padding:20px;}
	.box2-line-new span { font-size:18px;}
	.box2-line-new h4 img { display:block; margin-right:auto; margin:0 auto 8px;}
	.box2-line-new h4 { font-size:28px;}
	.box2-line-new .line { float:none; width:80%; margin:0 auto 16px; display:block;}
	.box2-line-new .btn-l { width:100%; display:block; text-align:center;}
}

.btn-gofuku { display:block; width:300px; line-height:60px; border:1px solid #111; text-align:center; color:#111 !important; border-radius:16px; margin:40px auto; font-size:18px;}
.btn-gofuku:hover { color:#fff !important; background-color:#FA58AC; border:1px solid #FA58AC;}

.mday { background-color:#f5deb3; color:#5e3f1f; font-family: 'M PLUS Rounded 1c', sans-serif;}
.mday h3,.mday h4 { font-family:sans-serif;}
.mday .wrap-topnew h3 span { border-color:#B27737;}
.mday .midashi-topnew2 span:after { background-color:#5e3f1f;}
.mday .inner-topnew2 .box { background-color:#B27737;}
.mday .inner-topnew2 .box h3 { font-family: 'M PLUS Rounded 1c', sans-serif;}
.mday .wrap-plus .inner h3,.mday .wrap-plus .inner dd h4 { color:#B27737; font-family: 'M PLUS Rounded 1c', sans-serif; border-color:#B27737;}
.mday .btn-a { background-color:#B27737;  border-color:#B27737;}
.mday .btn-a:hover { color:#B27737;}
.mday .wrap-plus { background-color:#5e3f1f;}
.mday .wrap-plus .inner p { color:#5e3f1f;}
.mday .midashi-page-main:before { border-color:#5e3f1f;}
.mday .midashi-history { color:#B27737; border-top: 1px solid #B27737; border-bottom:1px solid #fff; font-family: 'M PLUS Rounded 1c', sans-serif;}
.mday .midashi-contact { border-color:#fff; font-family: 'M PLUS Rounded 1c', sans-serif;}
.mday .midashi-contact:after { background-color:#B27737;}
.mday .box-contact,.mday .box2-line-new,.mday .box2-line-new .line { border-color:#B27737;}
.mday .box-contact h4 { color:#B27737; font-family: 'M PLUS Rounded 1c', sans-serif;}
.mday .box2-line-new .btn-l { background-color:#B27737; color:#fff;}

.bg-bridal { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/04/bg.jpg);}




.page-header { background-color:#efefef; padding-bottom:64px; position:relative; padding-top:170px;}
.page-header img { width:100%; height:300px; position:absolute; top:0; left:0; object-fit:cover;}
.page-header .box { background-color:#fff; padding:24px 0 40px; text-align:center; position:relative; width:700px; margin:60px auto 0; }
.page-header .box:after { content:""; width: 60px; height: 3px; left: 50%; transform: translateX(-50%); background-color:#542D24; bottom:0; z-index:9; display:block; position:absolute; text-align:center;}
.page-header .box h3 { font-size:28px; margin:0;}
.page-header .box h3 small { font-size:14px; display:block; font-weight:400; margin-top:16px;}

.page-header .box .title { height:auto; width:100%; position:static; margin:-24px 0 20px;}
.page-header .box img { position:static; height:auto; display:block; margin:0 auto 20px; width:80%;}
.page-header .box.iecafe:after { display:none;}

.page-header dl.box { background-color:#111; color:#fff; display:flex; padding:30px 45px; align-items:center; flex-wrap:wrap;}
.page-header dl.box:after { width:300px; height:5px;}
.page-header dl.box dt { font-size:48px; width:165px; border-right:1px solid #fff; text-align:center;}
.page-header dl.box dt small { font-size:14px; display:block; margin-bottom:8px;}
.page-header dl.box dd { font-size:28px; width:calc(100% - 165px); text-align:center; font-weight:bold;}

@media screen and (max-width:768px) {
	.page-header { padding-bottom:36px; padding-top:85px; margin-top:10px;}
	.page-header img { height:160px;}
	.page-header .box { width:90%; padding:24px 0;}
	.page-header .box h3 { font-weight:400; font-size:24px; }
	.page-header .box h3 small { font-size:13px;}
	
	.page-header dl.box { padding:20px 45px;}
	.page-header dl.box:after { height:4px;}
	.page-header dl.box dt { width:100%; border-right:0; border-bottom:1px solid #fff; font-weight:400; font-size:25px; text-align:left;}
	.page-header dl.box dt small { display:inline-table; vertical-align:middle; margin:0 10px 0 0;}
	.page-header dl.box dd { width:100%; font-weight:400; font-size:23px; padding-top:5px; margin-bottom:0;}
	
}


.inner-relief { position:relative; margin:0 0 20px; text-align:center; padding:100px 0 80px; background-size:cover; color:#fff;}
.inner-relief .box { width:100px; height:100px; border:3px solid #fff; color:#fff; padding:20px; box-sizing:border-box; display:block; text-align:center; font-size:16px; line-height:1.8; margin:0 auto;}
.inner-relief:hover .box { background-color:#fff; color:#111;}
.inner-relief h3 { font-size:28px; margin:24px 0; }
.inner-relief:after { content:""; width:1px; height:50px; background-color:#fff; position:absolute; bottom:0; left:50%;}
.inner-relief.bg-1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bn.jpg);}
.inner-relief.bg-2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bn.jpg);}
.inner-relief.bg-3 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bn.jpg);}
.inner-relief.bg-4 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bn.jpg);}
.inner-relief.bg-5 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bn.jpg);}

@media screen and (max-width:768px) {
	.inner-relief { padding:45px 0 40px;}
	.inner-relief h3 { font-size:18px;}
	.inner-relief.bg-1 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bg.jpg);}
    .inner-relief.bg-2 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/b-1.jpg);}
    .inner-relief.bg-3 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/b-3.jpg);}
	.inner-relief.bg-4 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/bb.jpg);}
    .inner-relief.bg-5 { background-image:url(https://amitie-nori.sbs/wp-content/uploads/2021/09/b-4.jpg);}
}






















/*-- lp_ea-f ↓ --*/

.wrap.flp { max-width:1000px;}
@media screen and (max-width:768px) {
	.wrap.flp p big { font-size:initial;}
}
	
h2.ttl_flp { text-align:center; font-size:60px;}
h2.ttl_flp span { display:block; position:relative; width:fit-content; font-size:40px; margin:0 auto 32px; padding:0 32px;}
h2.ttl_flp span:before,h2.ttl_flp span:after { content:""; width:3px; height:40px; background-color:#000; display:block; transform:rotateZ(145deg); position:absolute; top:0; bottom:0; margin:auto; left:0;}
h2.ttl_flp span:after { transform:rotateZ(35deg); left:auto; right:0;}
h2.ttl_flp b { font-size:88px; color:#fc6203;}
@media screen and (max-width:768px) {
	h2.ttl_flp { font-size:38px; letter-spacing:-4px;}
	h2.ttl_flp span { font-size:24px; padding:0px 16px; margin:0 auto 8px; letter-spacing:0;}
	h2.ttl_flp span:before, h2.ttl_flp span:after { width:2px; height:26px;}
	h2.ttl_flp b { font-size:60px; margin-right:8px;}
}

h3.ttl_flp { text-align:center; font-size:32px; letter-spacing:.05em;}
h3.ttl_flp b { font-size:40px;}
h3.ttl_flp small { font-size:24px;}
h3.ttl_flp.marker { width:fit-content; margin:24px auto; padding:0 16px;}
h3.ttl_flp.t-deco { position:relative; padding-top:30px;}
h3.ttl_flp.t-deco:before { content:""; background:#ed2800; width:30px; height:3px; border-radius:1px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
h4.ttl_flp { font-size:24px;}
@media screen and (max-width:768px) {
	h3.ttl_flp { font-size:24px;}
	h3.ttl_flp b { font-size:26px; margin-right:6px;}
	h3.ttl_flp small { font-size:18px;}
	h3.ttl_flp.marker { letter-spacing:0; line-height:1; padding:0 10px;}
}

.sec_flp-header { position:relative;}
.sec_flp-header p { margin:0;}
.sec_flp-header .logo { position:absolute; width:318px; height:120px; top:15px; left:30px;}
.sec_flp-header ul { display:flex; flex-wrap:wrap; position:absolute; top:15px; right:30px; align-items:center;}
.sec_flp-header ul li:first-of-type { margin-right:20px;}
.sec_flp-header ul li a { font-size:32px; color:#000!important; font-family:initial; font-weight:bold; text-decoration:none!important;}
.sec_flp-header ul li a:hover { opacity:.7;}
.sec_flp-header ul li a i { font-size:28px; margin-right:4px;}
.sec_flp-header ul li small { display:block; font-size:12px; font-weight:bold; width:fit-content; margin:0 auto;}
.sec_flp-header ul li a.btn { font-size:20px; margin-right:10px; position:relative; display:inline-block; padding:12px; cursor:pointer; text-align:center; border-radius:6px; color:#fff!important; border-top:4px solid #ffcf03; border-right:4px solid #c31e00; border-bottom:4px solid #b61600; border-left:4px solid #fd9602; background:#fe6202; text-shadow:2px 2px 5px #9d3704; width:200px;}
.sec_flp-header ul li a.btn:hover { opacity:.85;}
.sec_flp-header ul li a.btn.line { border-top:4px solid #01ec01; border-right:4px solid #009b00; border-bottom:4px solid #008c01; border-left:4px solid #009201; background:#02b504; text-shadow:2px 2px 5px #005a00; margin-right:0;}
.sec_flp-header ul li a.btn.line span { color:#fbe945;}
@media screen and (max-width:768px) {
	.sec_flp-header .logo { width:180px; height:70px; left:0; right:0; margin:auto;}
	.sec_flp-header ul { position:initial; padding:10px 16px;}
	.sec_flp-header ul li:first-of-type { width:calc(65% - 10px); margin-right:10px;}
	.sec_flp-header ul li:last-of-type { width:35%;}
	.sec_flp-header ul li small { line-height:1.2;}
	.sec_flp-header ul li a { font-size:23px;}
	.sec_flp-header ul li a i { font-size:22px;}
	.sec_flp-header ul li a.btn { width:100%; font-size:13px; letter-spacing:0; padding:4px; border-top:3px solid #ffcf03; border-right:3px solid #c31e00; border-bottom:3px solid #b61600; border-left:3px solid #fd9602;}
	.sec_flp-header ul li a.btn.line { border-top:3px solid #01ec01; border-right:3px solid #009b00; border-bottom:3px solid #008c01; border-left:3px solid #009201; margin-top:6px;}
}

.sec_flp-header.bottom-fixed { position:fixed; bottom:0; background-color:#fff; border-top:3px solid #ed2700; z-index:99; height:108px; width:100%;}
.sec_flp-header.bottom-fixed .wrap { display:flex; align-items:flex-start; position:relative; padding-top:8px;}
.sec_flp-header.bottom-fixed .logo { position:initial; width:265px;}
.sec_flp-header.bottom-fixed ul { position:initial; margin-top:8px; line-height:1.5; margin-left:24px;}
.sec_flp-header.bottom-fixed img.deco { width:268px; position:absolute; bottom:23px; right:-84px;}
@media screen and (max-width:768px) {
	.sec_flp-header.bottom-fixed { height:auto; border:0;}
	.sec_flp-header.bottom-fixed a img { height:70px; width:100%; object-fit:cover;}
}

.ul_flp1 { margin-bottom:80px;}
.ul_flp1 li { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.ul_flp1 li:nth-of-type(2n) { flex-direction:row-reverse;}
.ul_flp1 li .img { width:48%;}
.ul_flp1 li .txt { width:48%;}
.ul_flp1 li .txt h4 { font-size:24px;}
@media screen and (max-width:768px) {
	.ul_flp1 { margin-bottom:8px;}
	.ul_flp1 li .img { width:100%;}
	.ul_flp1 li .txt { width:100%; margin-bottom:8px;}
	.ul_flp1 li .txt h4 { font-size:21px; margin:20px 0;}
}

.ul_flp2 { margin:0 auto 80px;}
.ul_flp2 li { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; margin-bottom:40px; border:solid 3px #051233; border-radius:5px; background:#fff; padding:60px 37px 52px;}
.ul_flp2 li .num { position:absolute; right:0; left:0; margin:auto; width:100px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#ed2800; z-index:1; top:-17px;}
.ul_flp2 li .num:before,.ul_flp2 li .num:after { content:""; width:0; height:0; border-style:solid; border-width:15px 10px 15px 0; border-color:transparent #ed2800 transparent transparent; position:absolute; left:-10px; top:0;}
.ul_flp2 li .num:after { border-width:15px 0 15px 10px; border-color:transparent transparent transparent #ed2800; left:auto; right:-10px;}
.ul_flp2 li .img { width:48%;}
.ul_flp2 li .txt { width:48%;}
.ul_flp2 li .txt h3 { font-size:52px; letter-spacing:0; margin-top:0;}
.ul_flp2 li .txt h3 span { font-size:60px; color:#fc6203;}
@media screen and (max-width:768px) {
	.ul_flp2 { margin:0 auto 40px;}
	.ul_flp2 li { padding:136px 20px 8px;}
	.ul_flp2 li .img { width:100%;}
	.ul_flp2 li .txt { width:100%; margin-top:16px;}
	.ul_flp2 li .txt h3 { font-size:34px; position:absolute; top:32px;}
	.ul_flp2 li .txt h3 span { font-size:38px;}
}

.ul_flp2.type2 li { border-color:#ed2800; align-items:center; padding:20px 32px 16px;}
.ul_flp2.type2 li:after { content:""; width:3px; height:28px; background:#ed2800; position:absolute; left:0; right:0; margin:auto; bottom:-30px;}
.ul_flp2.type2 li:last-of-type:after { display:none;}
.ul_flp2.type2 li .num { background-color:#ed2800;}
.ul_flp2.type2 li .num:before { border-color:transparent #ed2800 transparent transparent;}
.ul_flp2.type2 li .num:after { border-color:transparent transparent transparent #ed2800;}
.ul_flp2.type2 li .img { width:90px; margin-right:25px;}
.ul_flp2.type2 li .txt { width:calc(100% - 115px); display:flex; align-items:center; font-weight:bold; font-size:16px;}
.ul_flp2.type2 li .txt h3 { font-size:26px; width:300px; margin-right:24px; margin-bottom:0;}
.ul_flp2.type2 li .txt h3 span { font-size:26px;}
.ul_flp2.type2 li .txt p { width:calc(100% - 324px); margin:0;}
@media screen and (max-width:768px) {
	.ul_flp2.type2 li { flex-direction:column; padding:24px 16px 16px;}
	.ul_flp2.type2 li .img { margin-right:0;}
	.ul_flp2.type2 li .txt { width:100%; flex-direction:column; font-size:14px;}
	.ul_flp2.type2 li .txt h3 { position:initial; font-size:18px; text-align:center; margin-right:0; margin-bottom:16px;}
	.ul_flp2.type2 li .txt h3 span { font-size:18px;}
	.ul_flp2.type2 li .txt p { width:100%;}
}

.sec_flp-problem { background-color:#202f55; padding:1px 0;}
.sec_flp-problem .brackets { position:relative; z-index:0;}
.sec_flp-problem .brackets:before,.sec_flp-problem .brackets:after { content:""; width:80px; height:calc(100% + 20px); border:1px solid #fff; border-right:0; display:block; position:absolute; left:-10px; top:0; bottom:0; margin:auto; z-index:-1;}
.sec_flp-problem .brackets:after  { border:1px solid #fff; border-left:0; left:auto; right:-10px;}
.sec_flp-problem h3 { color:#fff; width:fit-content; margin:24px auto;}
.sec_flp-problem h3.brackets:before, .sec_flp-problem h3.brackets:after { height:calc(100% + 12px);}
.sec_flp-problem ul { display:flex; flex-wrap:wrap; position:relative; justify-content:space-between; width:100%; max-width:900px; margin:100px auto; z-index:0;}
.sec_flp-problem ul .woman { position:absolute; z-index:-1; left:-223px; top:0; bottom:0; margin:auto; height:fit-content;}
.sec_flp-problem ul li { position:relative; background-color:#fff; width:230px; padding:50px 0; text-align:center; color:#174663; font-size:25px; font-weight:bold; letter-spacing:0.1em; line-height:1.5;}
.sec_flp-problem ul li .balloon { background-color:#174663; padding:12px 16px; border-radius:50%; color:#fff; position:absolute; top:-50px; right:0; left:0; width:fit-content; margin:auto; line-height:initial; letter-spacing:initial;}
.sec_flp-problem ul li .balloon:after { content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #164662; position:absolute; bottom:-11px; right:0; left:0; margin:auto; transform:initial;}
@media screen and (max-width:768px) {
	.sec_flp-problem .brackets:before,.sec_flp-problem .brackets:after { width:72px; height:calc(100% + 16px); border:1px solid #fff; border-right:0; left:-8px;}
	.sec_flp-problem .brackets:after { border:1px solid #fff;  border-left:0; left:auto; right:-8px;}
	.sec_flp-problem h3 b { font-size:18px;}
	.sec_flp-problem ul { justify-content:center; margin: 80px auto 0;}
	.sec_flp-problem ul li { padding:16px 0; font-size:16px; margin-bottom:56px; width:82%;}
	.sec_flp-problem ul li .balloon { font-size:13px; padding:8px 12px; top:-30px;}
	.sec_flp-problem ul li .balloon:after { bottom:-7px;}
}

.ul_flp3 { display:flex; flex-wrap:wrap; width:100%; margin:0 auto; justify-content:space-between;}
.ul_flp3 li { width:28%; position:relative;}
.ul_flp3 li .num { position:relative; display:block; margin:0 auto 16px; width:100px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#051233; z-index:1; top:-17px;}
.ul_flp3 li .num:before,.ul_flp3 li .num:after { content:""; width:0; height:0; border-style:solid; border-width:15px 10px 15px 0; border-color:transparent #051233 transparent transparent; position:absolute; left:-10px; top:0;}
.ul_flp3 li .num:after { border-width:15px 0 15px 10px; border-color:transparent transparent transparent #051233; left:auto; right:-10px;}
.ul_flp3 li .txt { font-size:16px; font-weight:bold; text-align:center;}
.ul_flp3 li .txt h4 { font-size:30px; text-align:center;}
.ul_flp3 li .txt h4 span { display:block; color:#fc6203;}
.ul_flp3 li .img { text-align:center; position:relative;}
.ul_flp3 li .img:after { content:""; display:block; width:0; height:0; border-style:solid; border-width:9px 0 9px 10px; border-color:transparent transparent transparent #bdbec2; position:absolute; top:0; bottom:0; margin:auto; right:-35px;}
.ul_flp3 li:last-of-type .img:after { display:none;}
@media screen and (max-width:768px) {
	.ul_flp3 { width:82%;}
	.ul_flp3 li { width:100%; line-height:1.5;}
	.ul_flp3 li .num { margin-bottom:0;}
	.ul_flp3 li .img { margin:16px auto 80px;}
	.ul_flp3 li:last-of-type .img { margin-bottom:0;}
	.ul_flp3 li .img:after { border-width:10px 9px 0 9px; border-color:#bdbec2 transparent transparent transparent; top:auto; bottom:-34px; left:0; right:0;}
}

.ul_flp3.col2 li { width:48%!important; margin-right:4%!important;}
.ul_flp3.col2 li:nth-of-type(2n) { margin-right:0!important;}
.ul_flp3.col2 li .img:after { display:none;}
.ul_flp3.col2 li .img img { width:60%;}
.ul_flp3.col2 li .txt { text-align:left;}
@media screen and (max-width:768px) {
	.ul_flp3.col2 { margin-bottom:24px; width:100%;}
	.ul_flp3.col2 li { width:100%!important; margin-right:0!important;}
	.ul_flp3.col2 li .img { margin:16px 0;}
	.ul_flp3.col2 li .txt { font-weight:400;}
	.ul_flp3.col2 li .txt h4 { font-size:20px; margin:8px 0 16px;}
	.ul_flp3.col2 li .txt em { font-weight:bold;}
}

.sec_flp-faq .hidden_box { border-bottom:solid 1px #ccc;}
.sec_flp-faq .hidden_box:first-of-type { border-top:solid 1px #ccc;}
.sec_flp-faq .hidden_box label { padding:20px 50px 20px 80px; font-weight:bold; position:relative; border:0;}
.sec_flp-faq .q { position:absolute; top:0; bottom:0; margin:auto; left:20px; font-size:18px; font-weight:bold; text-align:center; width:40px; height:22px; line-height:22px; background:#242936; color:#fff; display:block; padding:0;}
.sec_flp-faq .q::before, .sec_flp-faq .q::after { content:""; width:0; height:0; border-style:solid; border-width:0 20px 12px 20px; border-color:transparent transparent #242936 transparent; position:absolute; left:0; top:-12px;}
.sec_flp-faq .q::after { border-width:12px 20px 0 20px; border-color:#242936 transparent transparent transparent; top:auto; bottom:-12px;}
.sec_flp-faq .hidden_box input:checked ~ .hidden_show .q { background: #ed2800; font-size:18px;}
.sec_flp-faq .hidden_box input:checked ~ .hidden_show .q:before { border-color: transparent transparent #ed2800 transparent;}
.sec_flp-faq .hidden_box input:checked ~ .hidden_show .q:after { border-color: #ed2800 transparent transparent transparent;}
.sec_flp-faq .hidden_box input:checked ~ .hidden_show { padding:20px 50px 20px 80px; font-weight:bold; position:relative;}
@media screen and (max-width:768px) {
	.sec_flp-faq .hidden_box label { padding:12px 30px 12px 46px;}
	.sec_flp-faq .q { font-size:12px; width:24px; height:12px; line-height:12px; left:6px;}
	.sec_flp-faq .q::before, .sec_flp-faq .q::after { border-width:0 12px 8px 12px; border-color:transparent transparent #242936 transparent; top:-8px;}
	.sec_flp-faq .q::after { border-width:8px 12px 0 12px; border-color:#242936 transparent transparent transparent; top:auto; bottom:-8px;}
	.sec_flp-faq .hidden_box input:checked ~ .hidden_show .q  { font-size:12px;}
	.sec_flp-faq .hidden_box input:checked ~ .hidden_show { padding:12px 30px 12px 46px;}
}

.sec_flp-contact { padding-top:0;}
.sec_flp-contact h3 { margin-top:120px;}
.sec_flp-contact h3 .balloon { left:calc(50% - 441px); top:-44px; border:5px solid;}
.sec_flp-contact h3 .balloon:before { content:""; width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-top:30px solid #000; position:absolute; bottom:0px; right:-10px; transform:rotateZ(-46deg);}
@media screen and (max-width:768px) {
	.sec_flp-contact h3 .balloon { left:initial; top:-8px; border:2px solid;}
	.sec_flp-contact h3 .balloon:before { border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #000; position:absolute; bottom:0px; right:-5px;}
}

.dl_flp-about { display:flex; flex-wrap:wrap; margin-top:60px; margin-bottom:100px;}
.dl_flp-about h4 { width:100%; padding:15px 0; margin-bottom:30px; font-size:28px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #bbb;}
.dl_flp-about dt { width:25%; padding:0 10px 0 20px; font-size:18px; font-weight:bold; border-right:1px solid #bbb; margin-bottom:30px;}
.dl_flp-about dd { width:70%; padding-left:30px; padding-bottom:24px; font-size:18px; margin-bottom:30px;}
@media screen and (max-width:768px) {
	.dl_flp-about { margin-top:24px; margin-bottom:40px;}
	.dl_flp-about h4 { padding:12px 0; font-size:20px;}
	.dl_flp-about dt,.dl_flp-about dd { width:100%; text-align:center; border-right:0; border-bottom:1px solid #bbb; padding:12px 0; font-size:15px; margin:0;}
	.dl_flp-about dt { font-size:16px; background-color:f5f5f5;}
	.dl_flp-about dt:first-of-type { border-top:1px solid #bbb;}
}

.ul_flp4 { }
.ul_flp4 li { margin-bottom:16px; font-size:20px; font-weight:bold;}

/*-- lp_ea-f ↑ --*/


/*--↓online↓--*/

.sec-online .head { position:absolute; padding:36px 56px 36px 120px; width:100%; display:flex; justify-content:space-between;}
.sec-online .head .logo { height:60px;}
.sec-online .head ul { position:fixed; right:0; top:0; z-index:99;}
.sec-online .head ul li { height:auto; padding:12px 50px; background-color:#ffa600; font-size:20px;}
.sec-online .head ul li:nth-of-type(2) { background-color:#00afcc;}
.sec-online .head ul li:nth-of-type(3) { background-color:#04c10a;}
.sec-online .head ul li a { color:#fff;}
.sec-online .head ul li i { font-size:24px; margin-right:12px;}
@media screen and (max-width:768px) {
	.sec-online .head { padding:16px;}
	.sec-online .head ul { top:auto; bottom:0; display:flex; width:100%;}
	.sec-online .head ul li { width:calc(100% / 3); padding:7.5px; font-size:18px; min-height:70px;}
	.sec-online .head ul li a { display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
	.sec-online .head ul li i { margin:0 0 4px;}
}




.sec-online .wrap { max-width:1300px; margin:0 auto; width:100%; padding:0 50px;}
.sec-online .wrap.relative { padding:1px 50px;}
.sec-online h3,.sec-online h4 { line-height:1.3; letter-spacing:.1em; font-weight:500;}
.sec-online p { font-size:18px; letter-spacing:0.15em; line-height:1.8;}
.sec-online .btn { border:1px solid; color:#000!important; padding:14px; display:block; width:300px; text-align:center; border-radius:4px; margin:36px auto -24px; background-color:#fff; font-size:22px; text-decoration:none!important;}
@media screen and (max-width:768px) {
	.sec-online .wrap { width:94%; padding:0;}
	.sec-online .wrap.relative { padding:1px 0;}
	.sec-online p { font-size:15.5px;}
	.sec-online .btn { font-size:18px; margin-top:16px; padding:10px;}
}

.sec-online .after-triangle { position:absolute; bottom:-41px; left:0; right:0; margin:auto; width:0; height:0; border-style:solid; border-width:41px 79px 0 79px; border-color:#f5f5f5 transparent transparent transparent;}
.sec-online .after-triangle.fff { border-color:#fff transparent transparent transparent;}
.sec-online h3.midashi { font-size:38px; color:#000; margin:80px auto 35px; position:relative; text-align:center; padding:0 0 30px;}
.sec-online h3.midashi span { color:#ffa600;}
.sec-online h3.midashi:after { content:''; position:absolute; left:0; right:0; bottom:0; margin:auto; width:48px; height:3px; background-color:#ffa600;}
.sec-online h4.midashi { text-align:center; line-height:1.5; font-weight:bold;}
.sec-online h4.midashi span { font-size:30px; display:block; width:fit-content; margin:0 auto 32px; background:-webkit-gradient(linear, left top, left bottom, color-stop(82%, transparent), color-stop(0%, #de7d00)); background:linear-gradient(transparent 80%, #de7d00 0%);}
.sec-online h4.midashi small { font-size:24px;}
@media screen and (max-width:768px) {
	.sec-online .after-triangle { border-width:20px 40px 0 40px; bottom:-20px;}
	.sec-online h3.midashi { font-size:22px; margin-top:60px;}
	.sec-online h4.midashi { font-size:18px; text-align:left;}
	.sec-online h4.midashi span { font-size:20px; display:inline;}
	.sec-online h4.midashi small  { font-size:16px; display:inline-block; margin:12px 0 0;}
}

.sec-online .ul-01 { margin:0 auto 20px;}
.sec-online .ul-01 li { width:23.5%; margin-right:2%; border:1px solid #ffa600; border-radius:5px; padding:30px 12px 15px; text-align:center; font-size:20px;}
.sec-online .ul-01 li:nth-of-type(4n) { margin-right:0;}
.sec-online .ul-01 li .img img { width:90%; margin:0 auto 15px;}
.sec-online .ul-01 li .txt { margin:0; line-height:1.35;}
.sec-online .ul-01 li .txt b { color:#ffa600;}
@media screen and (max-width:768px) {
	.sec-online .ul-01 li { display:flex; align-items:center; padding:15px 10px;}
	.sec-online .ul-01 li .img { width:40%;}
	.sec-online .ul-01 li .img img { margin:0;}
	.sec-online .ul-01 li .txt { width:60%; text-align:center;}
}

.sec-online .link-2col a { width:49%; display:inline-block; background-color:#ffa600; color:#fff!important; height:120px; line-height:120px; text-align:center; font-size:24px; text-decoration:none!important; position:relative; margin-top:16px;}
.sec-online .link-2col a:before { content:''; display:block; position:absolute; top:0; right:0; height:100%; width:0; background:#ffbd43; -webkit-transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); transition:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); z-index:1;}
.sec-online .link-2col a:hover:before { right:auto; left:0; width:100%;}
.sec-online .link-2col a i { font-size:45px; margin:0 10px 10px 0;}
.sec-online .link-2col a span { position:relative; z-index:2; display:flex; justify-content:center; align-items:center;}
.sec-online .link-2col a:nth-of-type(2) { margin-left:2%; background-color:#00b900;}
.sec-online .link-2col a:nth-of-type(2):before { background:#28ce28; }
@media screen and (max-width:768px) {
	.sec-online .link-2col a { width:100%; height:80px; line-height:80px; font-size:18px; margin:0 0 10px;}
	.sec-online .link-2col a i { font-size:36px;}
	.sec-online .link-2col a:nth-of-type(2) { margin-left:0;}
}

.sec-online .ul-02 { margin:0 auto 80px;}
.sec-online .ul-02 li { width:23.5%; margin-right:2%; background-color:#fff; border-radius:0 0 5px 5px;}
.sec-online .ul-02 li img { border-radius:5px 5px 0 0;}
.sec-online .ul-02 li .txt { padding:12px 10px; margin:0;}
.sec-online .ul-02 li .txt h4 { font-size:17px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid; margin:0 0 12px; padding:0 0 4px;}
.sec-online .ul-02 li .txt h4 span { font-size:30px; margin-right:12px; font-weight:bold;}
.sec-online .ul-02 li .txt p { font-size:15px; margin:0;}
@media screen and (max-width:768px) {
	.sec-online .ul-02 { margin:0 auto 40px;}
	.sec-online .ul-02 li .txt { font-size:15px; padding:10px 5px; margin-bottom:15px; line-height:1.6;}
	.sec-online .ul-02 li .txt h4 { font-size:16px; padding:0 0 8px; flex-direction:column; align-items:initial;}
	.sec-online .ul-02 li .txt h4 span { font-size:24px; margin-bottom:4px;}
}

.sec-online .ul-03 { max-width:910px; margin:0 auto 80px;}
.sec-online .ul-03 li { padding:20px 29px; background-color:#ffa602; border-radius:5px; color:#fff; display:flex; align-items:center; font-size:22px; margin:0 auto 10px;}
.sec-online .ul-03 li i { font-size:35px; margin-right:16px;}
.sec-online .ul-03 li .p { margin:0; display:flex; align-items:center; font-size:22px;}
.sec-online .ul-03 li .p big { font-size:30px; font-weight:bold;}
@media screen and (max-width:768px) {
	.sec-online .ul-03 { margin-bottom:60px;}
	.sec-online .ul-03 li { padding:10px 15px; align-items:baseline;}
	.sec-online .ul-03 li i { font-size:20px; margin-right:8px;}
	.sec-online .ul-03 li .p { display:inline; font-size:15px;}
	.sec-online .ul-03 li .p big { font-size: 19px; }
}

.sec-online .ul-04 li { width:48%!important; margin-right:4%!important; background-color:#fff; border-radius:5px; border-radius:0 0 5px 5px; margin-bottom:20px;}
.sec-online .ul-04 li h4 { display:flex; margin:0; align-items:center; text-align:center; color:#fff; background-color:#252c34; border-radius:5px 5px 0 0; position:relative;}
.sec-online .ul-04 li h4 .num { font-size:26px; font-family:'Barlow', sans-serif; width:70px; height:70px; display:flex; justify-content:center; align-items:center; background-color:#ffa600; border-radius:5px 0 0 0; margin-right:8px;}
.sec-online .ul-04 li h4 .title { font-size:19px; display:block; width:calc(100% - 78px); text-align:left;}
.sec-online .ul-04 li h4 img { width:64px; height:60px; object-fit:cover; position:absolute; right:8px; padding:0;}
.sec-online .ul-04 li .txt { padding:7.37% 10%; min-height:180px; margin:0;}
.sec-online .ul-04 li iframe,.sec-online .ul-04 li img { padding:0 40px 10px;}
@media screen and (max-width:768px) {
	.sec-online .ul-04 li { width:100%!important; margin-right:0!important;}
	.sec-online .ul-04 li h4 .num { width:48px; height:50px;}
	.sec-online .ul-04 li h4 .title { font-size:16px; width:calc(100% - 46px); padding-right:76px; line-height:1.2;}
	.sec-online .ul-04 li h4 img { height:auto;}
	.sec-online .ul-04 li .txt { padding:4% 7%; min-height:0;}
	.sec-online .ul-04 li iframe, .sec-online .ul-04 li img { padding:0 20px 10px;}
	.sec-online .ul-04 li iframe { height:36vh;}
}

.sec-online .ul-05 { margin:0 0 80px;}
.sec-online .ul-05 li { background-color:#fff; padding:40px; border-radius:5px; display:flex; flex-wrap:wrap; position:relative; margin:0 0 20px;}
.sec-online .ul-05 li:before { content: ''; position:absolute; top:-9px; left:0; right:0; margin:auto; width:0; height:0; border-style:solid; border-width:19px 30px 0 30px; border-color:#ffa600 transparent transparent transparent;}
.sec-online .ul-05 li:first-of-type:before { display:none;}
.sec-online .ul-05 li .txt { width:75%; padding:0 20px;}
.sec-online .ul-05 li .txt h4 { margin:0 0 20px; display:flex; align-items:center; font-size:22px;}
.sec-online .ul-05 li .txt h4 .num { background-color:#ffa600; text-align:center; color:#fff; width:54px; height:54px; margin-right:10px; font-size:20px; line-height:1; padding:12px 0; letter-spacing:0.2em;}
.sec-online .ul-05 li .txt h4 .num small { font-size:12px; display:block; letter-spacing:0.15em;}
.sec-online .ul-05 li .txt h4 .title { }
.sec-online .ul-05 li .img { width:25%; padding:0 20px;}
@media screen and (max-width:768px) {
	.sec-online .ul-05 li { padding:20px;}
	.sec-online .ul-05 li .txt { width:100%; padding:0;}
	.sec-online .ul-05 li .txt h4 { font-size:18px; width:76%;}
	.sec-online .ul-05 li .txt h4 .num { width:40px; height:40px; padding:6px 0; letter-spacing:0.15em;}
	.sec-online .ul-05 li .txt h4 .num small { letter-spacing:.1em; font-size:11px;}
	.sec-online .ul-05 li .img { padding:0;}
	.sec-online .ul-05 li .img img { max-height:46px; object-fit:cover; position:absolute; right:20px; top:20px;}
}

.sec-online .dl-01 { color:#fff; display:flex; flex-wrap:wrap;}
.sec-online .dl-01 dt { max-width:945px; margin:0 auto 30px; display:flex; flex-wrap:wrap; width:30%; padding:0 24px; align-items:flex-start;}
.sec-online .dl-01 dd { width:70%; padding:0 24px; display:flex; align-items:flex-start; flex-wrap:wrap;}
.sec-online .dl-01 dd h4 { width:148px; background-color:#252c34; display:inline-block; padding:3px 0 2px; text-align:center; margin:0;}
.sec-online .dl-01 dd p { width:calc(100% - 148px); padding:0 5px 0 20px;}
.sec-online .dl-01 .dl { width:calc(100% - 168px); margin:0 0 0 20px; display:flex; flex-wrap:wrap; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; font-size:14px;}
.sec-online .dl-01 .dl dt,.sec-online .dl-01 .dl dd { margin:0; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; display:block; padding:10px;}
@media screen and (max-width:768px) {
	.sec-online .dl-01 { margin:0;}
	.sec-online .dl-01 dt { width:100%;}
	.sec-online .dl-01 dd { width:100%; padding:0; display:block; margin:0;}
	.sec-online .dl-01 dd h4 { font-size:15px; padding:4px 0;}
	.sec-online .dl-01 dd p { width:100%;}
	.sec-online .dl-01 .dl { width:calc(100% - 26px); margin-top:8px;}
	.sec-online .dl-01 .dl dt { width:37%;}
	.sec-online .dl-01 .dl dd { width:63%;}
}

.sec-online .inner-box { text-align:center; border-radius:5px; padding:58px 40px 60px; background-color:#fff; margin:0 0 60px;}
.sec-online .inner-box h4 { font-size:30px; font-family:'Barlow', sans-serif; color:#ffa600; text-align:center; margin:0 auto 40px; position:relative; width:fit-content;}
.sec-online .inner-box h4:before,.sec-online .inner-box h4:after { content:''; position:absolute; top:3px; bottom:0; margin:auto; width:76px; height:1px; background-color:#fea603; display:block; left:-94px;}
.sec-online .inner-box h4:after { left:auto; right:-94px;}
@media screen and (max-width:768px) {
	.sec-online .inner-box { padding:30px 15px; text-align:left;}
	.sec-online .inner-box h4 { margin-bottom:24px;}
	.sec-online .inner-box h4:before, .sec-online .inner-box h4:after { width:64px; left:-74px;}
	.sec-online .inner-box h4:after { left:auto; right:-74px;}
}

.sec-online .gmap { width:100%;}
.sec-online .dl-02 { display:flex; flex-wrap:wrap; font-size:14px; margin:0;}
.sec-online .dl-02 dt { width:120px; color:#fff; background-color:#ffa600; padding:5px 20px 7px; font-size:18px; border-bottom:1px solid #ededed; font-weight:500;}
.sec-online .dl-02 dt:first-of-type { border-top:2px #ffa600 solid;}
.sec-online .dl-02 dt:last-of-type { border-bottom:2px #ffa600 solid;}
.sec-online .dl-02 dd { width:calc(100% - 120px); margin:0; padding:8px 17px; border-right:2px solid #e2e2e2; border-bottom:1px solid #ededed;}
.sec-online .dl-02 dd:first-of-type { border-top:2px solid #ededed;}
.sec-online .dl-02 dd:last-of-type { border-bottom:2px solid #ededed;}
@media screen and (max-width:768px) {
	.sec-online .dl-02 dt:last-of-type { border-bottom:1px solid #ededed;}
	.sec-online .dl-02:last-of-type dt:last-of-type { border-bottom:2px #ffa600 solid;}
	.sec-online .dl-02 dt:first-of-type { border-top:1px #ffa600 solid;}
	.sec-online .dl-02 dd:last-of-type { border-bottom:0;}
	.sec-online .dl-02:last-of-type dd:last-of-type { border-bottom:2px solid #ededed;}
}

.sec-online .ul-07 { margin:0 0 80px;}
.sec-online .ul-07 li { background-color:#fff; padding:3.5% 6.5% 4%; border-radius:5px; margin:0 0 20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.sec-online .ul-07 li h4 { margin:0 0 24px;}
.sec-online .ul-07 li h4 span { font-size:18px; padding:3px 15px;}
.sec-online .ul-07 li h4 span.left { color:#fff; background-color:#f8b500;}
.sec-online .ul-07 li h4 span.right { background-color:#f1f4f5;}
.sec-online .ul-07 li .txt { width:76%; float:left;}
.sec-online .ul-07 li .img { width:20%; float:right;}
.sec-online .ul-07 span.bottom { color:#fff; font-size:18px; text-align:center; display:block;}
.sec-online .ul-07 span.bottom b { font-size:30px; text-decoration:underline #de7d00 8px; text-align:center; margin-bottom:30px!important;}
@media screen and (max-width:768px) {
	.sec-online .ul-07 li { padding:30px 20px;}
	.sec-online .ul-07 span.bottom b { font-size:18px;}
	.sec-online .ul-07 li h4 { letter-spacing:.05em;}
	.sec-online .ul-07 li h4 span { font-size:15px;}
	.sec-online .ul-07 li .txt { width:100%; float:none;}
	.sec-online .ul-07 li .img { margin:0 0 12px 12px; width:100px;}
}

.sec-online .ul-08 { }
.sec-online .ul-08 li { background-color:#f5f5f5; padding:80px 60px; border-radius:5px; margin-bottom:30px; position:relative;}
.sec-online .ul-08 li h4 { display:flex; margin:0 auto 16px;}
.sec-online .ul-08 li h4 .num { font-size:26px; color:#fff; font-family:'Barlow', sans-serif; width:50px; height:50px; background-color:#ffa600; display:flex; align-items:center; justify-content:center; margin-right:24px;}
.sec-online .ul-08 li h4 .title { font-weight:bold;}
.sec-online .ul-08 li b { display:inline-block; margin:8px 0 0;}
.sec-online .ul-08 li img { width:300px; position:absolute; top:80px; right:60px;}
@media screen and (max-width:768px) {
	.sec-online .ul-08 li { padding:5%;}
	.sec-online .ul-08 li h4 { font-size:16px;}
	.sec-online .ul-08 li h4 .num { width:36px; height:36px; font-size:18px; margin-right:16px;}
	.sec-online .ul-08 li img { width:100%; position:initial; margin:0 0 8px;}
}

.sec-online .ac-faq { max-width:1000px; margin:0 auto 20px; padding:0 20px; }
.sec-online .ac-faq p { margin:0;}
.sec-online .ac-faq:last-child { margin-bottom:60px;}
.sec-online .ac-faq input { display:none;}
.sec-online .ac-faq label { background-color:#e3f2fa; padding:20px; font-size:24px; position:relative; display:flex; align-items:center; border:2px solid #e3f3fa; line-height:1.3; letter-spacing:.1em;}
.sec-online .ac-faq label span { font-size:26px; font-family:'Barlow', sans-serif; margin-right:16px; color:#02afcb;}
.sec-online .ac-faq input:checked ~ div {}
.sec-online .ac-faq .inside { color:#333; font-size:18px; line-height:2; display:flex; padding:20px; border:2px solid #e3f3fa;}
.sec-online .ac-faq .inside span { font-size:26px; color:#cc351c; font-family:'Barlow', sans-serif; margin-right:16px; margin-top:-6px;}
@media screen and (max-width:768px) {
	.sec-online .ac-faq { padding:0; margin:0 0 10px;}
	.sec-online .ac-faq label { font-size:16px; line-height:1.3; padding:11px 48px 13px 13px; align-items:baseline;}
	.sec-online .ac-faq label span { font-size:20px; margin-right:10px;}
	.sec-online .ac-faq label:after { position:absolute; right:8px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); content: "＋"; font-size:25px;}
	.sec-online .ac-faq input:checked ~ label::after { content:"ー"; font-size:20px; right:10px;}
	.sec-online .ac-faq input:checked ~ div { height:auto; opacity:1; padding:11px 13px 13px;}
	.sec-online .ac-faq .inside { height:0; overflow:hidden; opacity:0; transition:0.3s; padding:0; font-size:16px;}
	.sec-online .ac-faq .inside span { font-size:20px;  margin-right:10px;}
}

/*--↑online↑--*/