@charset "UTF-8";
/* setting */
/*
	サイト全体で使うフォントの指定
*/
/* メイン・サブカラー */
/* リンク色 */
/*
	サイト全体で使うフォントの指定
*/
/*px*/
/*14px*/
/*18px*/
/*20px*/
/*22px*/
/*29px*/
/*35px*/
/*
	サイト全体で使うフォントの指定
*/
/* ページのwidth */
/* ブレークポイント */
/* tool */
/*
	サイト全体で使うmixinの指定
*/
/* base */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  height: 100vh;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*
	サイトの基本となるCSS
*/
/* 余白のリセット */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
}

/* body */
html {
  font-size: 16px;
}

body {
  background: #FFFFFF;
  text-align: center;
  line-height: 2;
  word-break: break-all;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-text-size-adjust: 100%;
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #3A3C45;
}
body::-webkit-scrollbar {
  display: none;
}
/* リンク色 */
a {
  color: #0B0B0B;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: none;
}

/* hover時の画像 */
a:hover {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
a:hover img {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  border: none;
}

/* 画像 */
img {
  vertical-align: bottom;
  max-width: 100%;
}

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
address {
  font-style: normal;
}

/* layout */
/*
	サイト全体のレイアウトグリッドの指定
*/
/* ヘッダー */
.layout-header {
  width: 100%;
}

/* フッター */
.layout-footer {
  width: 100%;
}

.layout-footer-half {
  width: 460px;
  float: left;
}

/* ページ幅 */
.layout-container {
  width: 870px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media screen and (max-width: 599px) {
  .layout-container {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* メインカラム */
.layout-main-col {
  width: 650px;
  display: block;
}
@media screen and (max-width: 599px) {
  .layout-main-col {
    width: auto;
  }
}

/* サブカラム */
.layout-sub-col {
  width: 200px;
  display: block;
}
@media screen and (max-width: 599px) {
  .layout-sub-col {
    width: auto;
  }
}

/*カラムの設定*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
  .row {
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.col,
.col-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}
@media screen and (max-width: 599px) {
  .col,
  .col-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
}

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

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
@media screen and (max-width: 599px) {
  .col-4 {
    width: 100%;
    max-width: 100%;
  }
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 30px);
          flex: 0 0 calc(50% - 30px);
  max-width: calc(50% - 30px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .col-6 {
    width: 100%;
    max-width: 100%;
  }
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
          flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
@media screen and (max-width: 599px) {
  .col-8 {
    width: 100%;
    max-width: 100%;
  }
}

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

.col + .col {
  margin-left: 60px;
}
@media screen and (max-width: 599px) {
  .col + .col {
    margin-left: 0px;
    margin-top: 30px;
  }
}

@media screen and (max-width: 599px) {
  .row-sp-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .row-sp-reverse .col {
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .row-sp-reverse .col:first-of-type {
    margin: 30px 0px;
  }
}

/*
	ヘッダーの指定
*/
/* ヘッダー外枠 */
.header {
  width: 100%;
  height: 130px;
  padding: 0px;
  position: fixed;
  top: 0;
  left: 0;
  text-align: left;
  z-index: 10;
}
@media screen and (max-width: 599px) {
  .header {
    padding: 0px 15px;
    height: 70px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .header.header-floating {
    padding: 0px 15px;
  }
}

.admin-bar .header {
  margin-top: 32px;
}

/* ヘッダーメイン部分 */
.header-main {
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 599px) {
  .header-main {
    width: auto;
  }
}

/* ヘッダーロゴ */
.header-site-name {
  width: 82px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 45px;
  left: 60px;
}
.header-site-name a {
  width: 82px;
  height: 50px;
  background: url(../img/common/header/log--sitename.svg) center center no-repeat;
  background-size: contain;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  .header-site-name {
    width: 65px;
    height: 40px;
    margin: 0;
    padding-top: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .header-site-name a {
    width: 65px;
    height: 40px;
  }
}

.header.header-floating .header-site-name {
  /*display: none;
  width: 82px;
  height: 50px;
  a{
  	width: 82px;
  height: 50px;
  }*/
}
@media screen and (max-width: 599px) {
  .header.header-floating {
    /*.header-site-name {
    	width: 65px;
    	height: 40px;
    	a{
    		width: 43px;
    		height: 55px;
    	}
    }*/
  }
}

.top .header-site-name {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*.top{
	.header{
		background: rgba(242,242,242,1);
		height: 148px;
		.header-site-name{
			margin-top: 10px;
			a{
				width: 96px;
				height: 128px;
			}
		}
		@media screen and (max-width: $bp-sp) {
			height:122px;
			.header-site-name {
				width: 63px;
				height: 86px;
				a{
					width: 63px;
					height: 86px;
					margin-left: 5px;
    				margin-top: -3.5px;
				}
			}
		}
	}
	.header.header-floating{
		background: rgba(242,242,242,1);
		.header-site-name{
			margin-top: 0px;
			a{
				height: 107px;
				width: 80px;
			}
		}
		@media screen and (max-width: $bp-sp) {
			height:70px;
			.header-site-name {
				a{
					width: 43px;
					height: 55px;
					margin-left: 0px;
    				margin-top: 0px;
				}
			}
		}
	}
}*/
/*
	フッターの指定
*/
/* フッター外枠 */
footer {
  padding: 60px 0px 5px;
}
.footer-main {
  padding-top: 115px;
  color: #0B0B0B;
}
.footer-main.row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .footer-main {
    padding-top: 50px;
  }
}

.footer-address {
  width: 324px;
  max-width: 100%;
  padding-top: 20px;
}
.footer-address__title {
  font-weight: bold;
}
.footer-address .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-address address {
  border-left: 1px solid #000;
  padding-left: 17px;
}
@media screen and (max-width: 599px) {
  .footer-address {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
  .footer-address__title {
    padding-right: 17px;
  }
  .footer-address .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.footer-service {
  width: 453px;
  max-width: 100%;
}
.footer-service.row {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.footer-service .col + .col {
  margin-left: 15px;
}
@media screen and (max-width: 599px) {
  .footer-service {
    margin-bottom: 70px;
  }
  .footer-service .col + .col {
    margin-left: 10px;
  }
  .footer-service .col {
    text-align: center;
  }
  .footer-service.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.footer-bottom .copy {
  color: #818181;
  font-size: 0.75rem;
}
@media screen and (max-width: 599px) {
  .footer-bottom .copy {
    font-size: 0.63rem;
  }
}

/* module */
/*
	サイト全体のナビゲーション設定
*/
/*.primal-nav{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
	margin-right:0px;
	box-sizing: border-box;
	@media screen and (max-width: 480px) {
		display: none;
	}
}

.primal-nav-list{
	display: flex;
	justify-content: space-between;
	list-style: none;
	width: 878px;
	margin-right: 68px;
	box-sizing: border-box;
	> li{
		position: relative;
		> a{
			display: block;
			text-decoration: none;
			padding: 0px 5px;
			color: $color--text;
			font-family: $font-jp;
			font-size:.94rem;
			.primal-nav__en{
				font-family: $font-en;
				font-size: .81rem;
				color: $color--site-main;
			}
		}
	}
	a:hover,
	a.active{
	}
}

.primal-drop{
	box-sizing: border-box;
	display: none;
	position: absolute;
	top: 0px;
	left:-30px;
	color: #191919;
	border-left: 1px solid $color--site-main;
	padding-top: 60px;
	a{
		color:  #191919;
	}
	a:link{
		text-decoration: none;
		color: #191919;
		&:hover{
			color: $color--link-hover;
		}
	}
	.primal-drop__list{
		font-size: .83rem;
		list-style: none;
		padding-left: 30px;
		li{
			padding-left: 13px;
			margin-right: 10px;
			display: block;
			margin: 20px 0px;
		}
	}
}
*/
/* グローバルナビの設定 */
.global-nav {
  display: none;
  background: url(../img/common/header/nav/bgi--01.svg) bottom left no-repeat, url(../img/common/bgi/bgi--gradation01.png) top center/cover no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center/cover no-repeat;
  padding: 45px 0px;
  color: #3B3B3B;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow-y: scroll;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.global-nav::-webkit-scrollbar {
  display: none;
}
.global-nav__logo {
  width: 82px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 100px;
}
@media screen and (max-width: 599px) {
  .global-nav {
    padding: 19px 30px;
    background-size: contain, cover, cover;
  }
  .global-nav__logo {
    width: 65px;
    margin-bottom: 0px;
  }
}

.global-nav-list {
  margin: 30px 0px;
}
.global-nav-list li {
  list-style: none;
  margin-bottom: 17px;
  color: #0B0B0B;
  letter-spacing: 3px;
  line-height: normal;
  padding: 0px 40px;
  position: relative;
  z-index: 11;
}
.global-nav-list li::after {
  position: absolute;
  content: "|";
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.global-nav-list li:first-of-type {
  padding-left: 0px;
}
.global-nav-list li:first-of-type::after {
  content: none;
}
.global-nav-list .--sp {
  display: none;
}
@media screen and (max-width: 599px) {
  .global-nav-list .--sp {
    display: block;
  }
}
.global-nav-list__title-en {
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  font-size: 1.5rem;
  font-weight: normal;
}
.global-nav-list__title-jp {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 0.8rem;
}
@media screen and (max-width: 599px) {
  .global-nav-list {
    margin: 0px;
  }
  .global-nav-list li {
    padding: 17px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #3B3B3B;
  }
  .global-nav-list li::after {
    content: none;
  }
}

.global-nav-footer {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.global-nav-footer__list {
  list-style: none;
  margin-left: 25px;
}
.global-nav-footer__list li {
  padding: 0px 18px;
}
@media screen and (max-width: 599px) {
  .global-nav-footer__list .--pc {
    display: none;
  }
}
.global-nav-footer__bottom-list {
  margin-top: 40px;
  list-style: none;
}
@media screen and (max-width: 599px) {
  .global-nav-footer__bottom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 599px) {
  .global-nav-footer__list {
    margin-left: 0px;
  }
  .global-nav-footer__list.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .global-nav-footer__list li {
    padding: 0px;
    padding-right: 18px;
  }
}

.menu-close {
  background: url(../img/common/header/nav/btn--open.svg) center top no-repeat;
  background-size: contain;
  display: block;
  width: 44px;
  padding: 0;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  position: fixed;
  top: 58px;
  right: 23px;
}
@media screen and (max-width: 599px) {
  .menu-close {
    top: 28px;
    right: 23px;
  }
}

.menu-open {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  background: none;
  border: none;
  width: 70px;
}
.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.footer-nav li {
  list-style: none;
  font-size: 0.81rem;
}
.footer-nav li a {
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
}
.footer-nav li + li {
  margin-left: 27px;
}
@media screen and (max-width: 599px) {
  .footer-nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.side-nav dt {
  font-size: 1.11rem;
  font-weight: bold;
}
.side-nav .side-nav-list {
  list-style: none;
}
.side-nav + .side-nav {
  margin-top: 50px;
}

.global-nav-list-wrap {
  width: 930px;
}
@media screen and (max-width: 599px) {
  .global-nav-list-wrap {
    width: auto;
  }
}

/*
	サイト全体の見出しの設定
*/
/* ページタイトル */
.page-title {
  text-align: left;
}
.page-title__jp {
  font-size: 1.81rem;
  color: #0B0B0B;
  font-weight: normal;
  font-family: kinuta-maruminold-stdn, serif;
}
.page-title__en {
  font-size: 1.13rem;
  color: #3B3B3B;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 599px) {
  .page-title__jp {
    font-size: 1.38rem;
  }
  .page-title__en {
    font-size: 0.81rem;
  }
}

.page-parent .page-title__jp {
  font-size: 1rem;
}
.page-parent .page-title__en {
  font-size: 2.31rem;
}
@media screen and (max-width: 599px) {
  .page-parent .page-title__jp {
    font-size: 0.81rem;
  }
  .page-parent .page-title__en {
    font-size: 1.94rem;
  }
}

/* 見出し */
.title-lv1 {
  font-weight: bold;
  font-size: 1.94rem;
  margin-bottom: 45px;
  color: #3B3B3B;
}
@media screen and (max-width: 599px) {
  .title-lv1 {
    line-height: 1.8;
    font-size: 1.88rem;
  }
}

.title-lv2 {
  font-weight: normal;
  font-size: 1.81rem;
  color: #3B3B3B;
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .title-lv2 {
    font-size: 1.33rem;
  }
}

.title-lv3 {
  font-weight: bold;
  font-size: 1.25rem;
  color: #3B3B3B;
}
@media screen and (max-width: 599px) {
  .title-lv3 {
    font-size: 1.11rem;
  }
}

.title-lv4 {
  font-weight: bold;
  font-size: 1.44rem;
  color: #3B3B3B;
}
@media screen and (max-width: 599px) {
  .title-lv4 {
    font-size: 1.11rem;
    line-height: 1.66;
  }
}

/* 汎用見出し */
.top-section__title-en {
  font-size: 1.68rem;
  letter-spacing: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-section__title-en::after {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 10px;
}
@media screen and (max-width: 599px) {
  .top-section__title-en {
    font-size: 1.13rem;
  }
}

.top-section__title-jp {
  font-size: 0.88rem;
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .top-section__title-jp {
    font-size: 0.56rem;
  }
}

.title-other01 {
  font-size: 1.13rem;
  font-family: kinuta-maruminold-stdn, serif;
  padding-bottom: 30px;
  background: url(../img/common/mark/pic--border-btm.svg) bottom center no-repeat;
  text-align: center;
  margin-bottom: 40px;
}

.title-other02 {
  font-size: 1.75rem;
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .title-other02 {
    font-size: 1.25rem;
  }
}

.title-other03 {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
}
.title-other03::after {
  content: url(../img/service/common/consulting/dec--01.svg);
  margin-left: -35px;
}
@media screen and (max-width: 599px) {
  .title-other03 {
    font-size: 1.13rem;
  }
  .title-other03::after {
    content: "";
  }
}

.title-other04 {
  font-family: zen-kaku-gothic-new, sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
}
.title-other04::before {
  content: url(../img/service/common/consulting/dec--02.svg);
  margin-right: -30px;
}
@media screen and (max-width: 599px) {
  .title-other04 {
    font-size: 1.13rem;
  }
}

.title-other05 {
  font-size: 1.88rem;
  letter-spacing: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-other05::after {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 10px;
}
@media screen and (max-width: 599px) {
  .title-other05 {
    font-size: 1.13rem;
  }
}

.title-other06 {
  font-size: 1.68rem;
  letter-spacing: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-other06::before {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 10px;
}
.title-other06::after {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 10px;
}
.title-other07 {
  font-size: 1.68rem;
  border-bottom: double #343434 4px;
  padding-bottom: 0px;
  display: inline-block;
}

.title-other08 {
  font-size: 1.38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.title-other08::after {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 10px;
}
.title-other08::before {
  content: "";
  border-top: 1px solid #3B3B3B;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 10px;
}

/*
	サイト全体のテーブルの設定
*/
/* テーブルの設定 */
.table-ptn--01 {
  width: 100%;
}
.table-ptn--01 th {
  width: 170px;
  padding: 25px 0px;
  white-space: nowrap;
  background: url(../img/common/mark/lin--dot2.svg) bottom repeat-x;
}
.table-ptn--01 td {
  padding: 25px 0px;
  background: url(../img/common/mark/lin--dot2.svg) bottom repeat-x;
}
.table-ptn--01 tr:first-of-type th, .table-ptn--01 tr:first-of-type td {
  padding-top: 0px;
}
@media screen and (max-width: 599px) {
  .table-ptn--01 th {
    width: auto;
    padding: 15px 5px;
  }
  .table-ptn--01 td {
    padding: 15px 5px;
  }
}

.table-ptn--02 th {
  background: #CCE4AE;
  border: 1px solid #ABA073;
  padding: 5px 10px;
  color: #39330C;
}
.table-ptn--02 td {
  background: #fff;
  border: 1px solid #ABA073;
  padding: 5px 10px;
}

.table-ptn--03 th {
  border-bottom: 1px dashed #ABA073;
  padding: 10px;
  font-weight: bold;
}
.table-ptn--03 td {
  border-bottom: 1px dashed #ABA073;
  padding: 10px;
}

/*
	サイト全体のリンク・ボタンの設定
*/
/* ボタンの設定 */
.btn {
  width: 251px;
  max-width: 100%;
  font-family: futura-pt, zen-kaku-gothic-new, sans-serif;
  padding: 15px 0px;
  border: solid 1px #3B3B3B;
  color: #3B3B3B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  border-radius: 28px;
  line-height: 1;
  font-weight: 300;
  margin-right: auto;
  margin-left: auto;
}
.btn-header-contact {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 110px;
  width: 161px;
  max-width: 100%;
  height: 55px;
  border: solid 1px #3B3B3B;
  color: #3B3B3B;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  border-radius: 28px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.81rem;
  font-family: futura-pt, zen-kaku-gothic-new, sans-serif;
  text-align: center;
  z-index: 11;
}
@media screen and (max-width: 599px) {
  .btn-header-contact {
    display: none;
  }
}

.link-ptn--01 {
  text-decoration: underline;
  font-size: 0.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.link-ptn--01::before {
  content: url(../img/common/mark/pic--arrow.svg);
  margin-right: 10px;
  display: block;
}
@media screen and (max-width: 599px) {
  .link-ptn--01 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.btn-square {
  background: #fff;
  border-radius: 10px;
  width: 432px;
  max-width: 100%;
  padding: 40px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.btn-black {
  color: #FFFFFF;
  background-color: #0B0B0B;
  font-weight: bold;
  font-size: 0.88rem;
}
/*
	サイト全体のリストの設定
*/
/* アイコン型リストの設定 */
.list-arrow {
  list-style: none;
}
.list-arrow li {
  background: url(../img/common/mark/ico--arrow-01.png) 2px 7px no-repeat;
  padding-left: 17px;
}

.list-circle {
  list-style: none;
}
.list-circle li {
  background: url(../img/common/mark/ico--circle-01.png) 4px 7px no-repeat;
  padding-left: 17px;
}

/* ボーダー型リストの設定 */
.list-border {
  list-style: none;
}
.list-border li {
  padding-left: 5px;
  border-bottom: 1px dashed #ABA073;
}

/* 番号型リストの設定 */
.list-numbering {
  list-style: decimal;
  padding-left: 25px;
}
.list-numbering li {
  display: list-item;
  margin-bottom: 10px;
}
.list-numbering li .list-numbering {
  list-style: lower-roman inside;
}
.list-numbering li .list-numbering li {
  text-indent: -1.2em;
}

/* 通常リストの設定 */
.list-nomal {
  padding-left: 20px;
}
.list-nomal li {
  margin-bottom: 5px;
}

/* リストマークなし */
.list-style-none {
  list-style: none;
}

.list-style-01 {
  list-style: none;
}
.list-style-01 li {
  margin-left: 50px;
}
.list-style-01 li a {
  text-decoration: underline;
}
.list-style-02 {
  list-style: none;
}
.list-style-02 li a {
  border: 1px solid #000;
  border-radius: 10px;
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
}
.list-style-02 li a:hover {
  -webkit-box-shadow: 5px 5px 0px #000;
          box-shadow: 5px 5px 0px #000;
}
@media screen and (max-width: 599px) {
  .list-style-02 li a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.list-style-03 {
  list-style: none;
}
.list-style-03 li {
  border: 1px solid #D1D1D1;
  -webkit-box-shadow: 0px 0px 6px rgba(60, 60, 60, 0.1);
          box-shadow: 0px 0px 6px rgba(60, 60, 60, 0.1);
  border-radius: 10px;
  padding: 53px 45px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  .list-style-03 li {
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.list-style-04 {
  list-style: none;
}
.list-style-04 li {
  border: 1px solid #000;
  border-radius: 10px;
  background: #fff;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.list-style-05 {
  list-style: none;
}
.list-style-05 li {
  margin-left: 50px;
  font-size: 1.18rem;
  margin-bottom: 30px;
}
.list-style-05 li ul li {
  font-size: 1rem;
  margin-bottom: 0px;
}
/*
	サイト全体のリンク・ボタンの設定
*/
/* ブロックの設定 */
.box-sub--01 {
  border: 1px solid #ABA073;
  background: #fff;
  padding: 15px;
}

.box-sub--02 {
  border: 4px solid #FFC693;
  padding: 7px;
}

/*
	サイト全体のWordPress記事の設定
*/
/* article */
.post__date {
  color: #0B0B0B;
  margin-right: 20px;
}

.post__cat {
  border: 1px solid #3B3B3B;
  background: transparent;
  border-radius: 15px;
  color: #3B3B3B;
  margin-right: 5px;
  padding: 0px 12px;
  font-size: 0.81rem;
  white-space: nowrap;
  display: inline-block;
}
.post__cat a {
  color: #3B3B3B;
}

.post__title {
  font-size: 1.06rem;
}
.post__link {
  background: url(../img/common/mark/ico--arrow-green.svg) center right 10px no-repeat;
  display: block;
  padding-right: 70px;
}

/* ブログ・お知らせの設定 */
.news-list {
  list-style: none;
}
.news-list li {
  padding-bottom: 25px;
  margin-bottom: 20px;
  background: url(../img/common/mark/lin--dot2.svg) bottom repeat-x;
}
.news-list__title {
  font-size: 1.11rem;
  font-weight: bold;
}
.news-list__date {
  font-size: 1rem;
}
@media screen and (max-width: 599px) {
  .news-list li {
    display: block;
    font-size: 1rem;
  }
}

.article-nav {
  margin: 100px 0px 50px;
  list-style: none;
}
.article-nav.row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.article-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  color: #3B3B3B;
  margin: 0px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article-nav .prev {
  width: 50px;
  height: 50px;
}
.article-nav .next {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 599px) {
  .article-nav.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-nav .btn {
    width: auto;
    padding: 0px 20px;
  }
}

.past-article__list {
  list-style: none;
  border-bottom: 1px solid #D0D0D0;
  padding: 10px 0px;
}
.past-article__list:last-child {
  border: none;
}
.past-article__list a {
  color: #222;
  text-decoration: underline;
  margin-left: 20px;
}

/* ページネーションの設定 */
.page-numbers,
.pagination {
  position: relative;
  padding: 0;
  margin-bottom: 80px;
  clear: both;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}
.page-numbers li,
.pagination li {
  list-style: none;
}
.page-numbers span, .page-numbers a,
.pagination span,
.pagination a {
  font-family: futura-pt, zen-kaku-gothic-new, sans-serif;
  background-color: #fff;
  height: 40px;
  margin: 2px 10px;
  text-align: center;
  text-decoration: none;
  font-size: 1.25rem;
  color: #3B3B3B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: lighter;
}
.page-numbers .current,
.pagination .current {
  border-bottom: 2px solid #3B3B3B;
}
.page-numbers .omit,
.pagination .omit {
  border: none;
}

/*
	サイト全体のアイテムの設定
*/
.nav-bg {
  position: fixed;
  width: 100vw;
  height: 0vh;
  top: 0;
  left: 0;
}

/* Section共通 */
.section-layout {
  padding: 180px 0px;
}
.section-layout__gallery {
  margin-top: 80px;
}
@media screen and (max-width: 599px) {
  .section-layout {
    padding: 60px 15px;
  }
  .section-layout .u-over-parent-lg, .section-layout .seminar-info, .section-layout .catch, .section-layout .layout-title {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.section-sub-layout + .section-sub-layout {
  margin-top: 150px;
}
@media screen and (max-width: 599px) {
  .section-sub-layout + .section-sub-layout {
    margin-top: 60px;
  }
}

.layout-title {
  background: url(../img/common/bgi/bgi--sitename.svg) top left no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(235, 234, 233, 0)), to(rgb(255, 255, 255))), url(../img/common/bgi/bgi--gradation01.png) top center no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center no-repeat;
  background: url(../img/common/bgi/bgi--sitename.svg) top left no-repeat, linear-gradient(rgba(235, 234, 233, 0) 80%, rgb(255, 255, 255)), url(../img/common/bgi/bgi--gradation01.png) top center no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center no-repeat;
  padding: 0px;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 599px) {
  .layout-title {
    padding: 35px 0px;
    height: 278px;
  }
}

.section-layout-brown {
  background: #f4f3e6;
  padding: 105px 0 160px;
  position: relative;
}
.section-layout-brown::before {
  content: "";
  position: absolute;
  height: 55px;
  width: 100%;
  background: url(../img/common/bgi/bgi--pen.png) center bottom repeat-x;
  top: -50px;
  left: 0px;
  background-size: contain;
}

.section-layout-yellow {
  background: #fffffc;
  padding: 105px 0 160px;
  padding: 105px 0 160px;
  position: relative;
}
.section-layout-yellow::before {
  content: "";
  position: absolute;
  height: 55px;
  width: 100%;
  background: url(../img/common/bgi/bgi--pen.png) center bottom repeat-x;
  top: -50px;
  left: 0px;
  background-size: contain;
}
@media screen and (max-width: 599px) {
  .section-layout-yellow {
    padding: 60px 0px;
  }
}

.section-layout-white {
  background: #fff;
  padding: 105px 0 160px;
  position: relative;
}
.section-layout-white::before {
  content: "";
  position: absolute;
  height: 55px;
  width: 100%;
  background: url(../img/common/bgi/bgi--pen.png) center bottom repeat-x;
  top: -50px;
  left: 0px;
  background-size: contain;
}

.section-layout-top {
  margin-top: -133px;
}
@media screen and (max-width: 599px) {
  .section-layout-top {
    margin-top: -60px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .section-layout-top article {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.section-layout-top.--case {
  margin-top: 70px;
}
@media screen and (max-width: 599px) {
  .section-layout-top.--case {
    margin-top: -60px;
  }
}

.cat-name {
  border: 1px solid #3B3B3B;
  background: transparent;
  border-radius: 15px;
  color: #3B3B3B;
  margin-right: 5px;
  padding: 0px 12px;
  font-size: 0.81rem;
  white-space: nowrap;
  display: inline-block;
}
.cat-name.active {
  background: #3B3B3B;
  color: #EBEAE9;
}

.catch {
  position: relative;
}

/*ページ共通セクション*/
.bg-gra {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(235, 234, 233)), color-stop(rgba(235, 234, 233, 0)), to(rgb(255, 255, 255))), url(../img/common/bgi/bgi--gradation01.png) top center/cover no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center/cover no-repeat;
  background: linear-gradient(rgb(235, 234, 233), rgba(235, 234, 233, 0), rgb(255, 255, 255)), url(../img/common/bgi/bgi--gradation01.png) top center/cover no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center/cover no-repeat;
  padding: 70px 0px;
}
@media screen and (max-width: 599px) {
  .bg-gra {
    padding: 35px 0px;
  }
}

.bg-gra02 {
  background: url(../img/common/bgi/bgi--gradation01.png) top center/cover no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center/cover no-repeat;
  padding: 70px 0px;
}
@media screen and (max-width: 599px) {
  .bg-gra02 {
    padding: 35px 0px;
  }
}

.bg-gra03 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.4))), url(../img/common/bgi/bgi--wcw.jpg) top center/cover repeat-y;
  background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.4)), url(../img/common/bgi/bgi--wcw.jpg) top center/cover repeat-y;
  padding: 70px 0px;
}
@media screen and (max-width: 599px) {
  .bg-gra03 {
    padding: 35px 0px;
  }
}

.top-section {
  padding: 100px 0px;
}
@media screen and (max-width: 599px) {
  .top-section {
    padding: 40px 15px;
  }
}

/* トップ */
.top-main {
  background: url(../img/common/bgi/bgi--wcw.jpg) top center no-repeat, #ebeae9;
  background-size: 100% 475px;
  z-index: 1;
  position: relative;
  padding-top: 130px;
  min-height: 50vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.top-main__image {
  width: calc(50vw + 222px);
  height: auto;
  left: 0px;
  display: block;
  position: absolute;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
}
.top-main .top-catch {
  width: 144px;
  z-index: 10;
  margin-right: -15px;
  margin-left: auto;
  margin-top: 50px;
  position: relative;
}
.top-main::after {
  content: "";
  background: url(../img/index/main/txt--main.svg) no-repeat;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 674px;
  height: 353px;
  z-index: 8;
}
@media screen and (max-width: 599px) {
  .top-main {
    padding-top: 100px;
    height: 533px;
  }
  .top-main__image {
    width: 60%;
    height: auto;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    max-height: 430px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top-main::after {
    width: 100%;
    left: 0px;
    height: 377px;
    width: 235px;
    background: url(../img/index/main/txt--main-sp.svg) no-repeat;
    left: auto;
    right: 0px;
    top: 137px;
    bottom: auto;
    background-position: top right -30px;
    background-size: contain;
  }
  .top-main .top-catch {
    width: 116px;
    margin-right: 0px;
    margin-top: 0px;
  }
}

.top-lead {
  text-align: center;
  font-family: kinuta-maruminold-stdn, serif;
  letter-spacing: 0.2em;
  padding-bottom: 70px;
}
@media screen and (max-width: 599px) {
  .top-lead {
    padding-bottom: 40px;
    letter-spacing: 0.1rem;
  }
  .top-lead .top-lead01 {
    font-size: 0.88rem;
  }
  .top-lead .top-lead02 {
    font-size: 1.06rem;
  }
}

.top-service__number {
  font-size: 0.94rem;
}
.top-service__title {
  font-size: 2.19rem;
  font-family: kinuta-maruminold-stdn, serif;
  font-weight: normal;
}
.top-service__desc {
  margin: 50px 0px;
  font-family: kinuta-maruminold-stdn, serif;
}
.top-service .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 599px) {
  .top-service__number {
    font-size: 0.75rem;
  }
  .top-service__title {
    font-size: 1.56rem;
  }
  .top-service__desc {
    font-size: 0.94rem;
    margin: 40px 0px;
  }
}

.top-service-content {
  width: 476px;
  max-width: 100%;
}

.top-service-menu {
  width: 364px;
  max-width: 100%;
}
.top-service-menu__list {
  background: #FFFFFF;
  border-radius: 10px;
  -webkit-box-shadow: 30px 20px 64px rgba(0, 0, 0, 0.16);
          box-shadow: 30px 20px 64px rgba(0, 0, 0, 0.16);
}
.top-service-menu__list li {
  border-bottom: 1px solid #eaeaea;
  height: 140px;
  padding: 20px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}
.top-service-menu__list li:last-of-type {
  border-bottom: none;
}
.top-service-menu__list-item {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-left: 3px solid #eaeaea;
}
.top-service-menu__list-item.active {
  border-left: 3px solid #fdd2a5;
}
@media screen and (max-width: 599px) {
  .top-service-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
  }
  .top-service-menu__list li {
    height: 117px;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
    list-style: none;
    padding: 0px 5px;
  }
  .top-service-menu__list-item {
    height: 117x;
    display: block;
    text-align: center;
    border-left: none;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 0.63rem;
  }
  .top-service-menu__list-item.active {
    border-left: none;
    border-top: 3px solid #fdd2a5;
  }
  .top-service-menu .u-font-size--xx-large {
    font-size: 0.88rem;
  }
}

.top-service-overview {
  padding: 50px 0px;
  display: none;
}
.top-service-overview.active {
  display: block;
}
@media screen and (max-width: 599px) {
  .top-service-overview {
    padding-bottom: 0px;
  }
}

.top-target.top-section {
  padding-bottom: 130px;
}
.top-target .list-style-01 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 0px;
  margin-left: auto;
}
.top-target__lead {
  font-size: 1.81rem;
  text-align: center;
  font-family: kinuta-maruminold-stdn, serif;
  margin: 100px auto;
}
.top-target .target-list__desc {
  width: 325px;
  width: auto;
}
.top-target .target-list__desc::before {
  top: 0px;
}
@media screen and (max-width: 599px) {
  .top-target .row.list-style-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 35px;
  }
  .top-target .row.list-style-01 li {
    margin-left: 0px;
  }
  .top-target__lead {
    font-size: 1.5rem;
    margin: 50px auto;
    text-align: left;
  }
}

.target-list {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 85px;
}
.target-list .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.target-list .col + .col {
  margin-left: 0px;
}
.target-list .col {
  text-align: center;
}
.target-list__number {
  font-size: 0.88rem;
}
.target-list__title {
  font-size: 2.44rem;
  font-family: kinuta-maruminold-stdn, serif;
  position: relative;
}
.target-list__title::after {
  content: url(../img/common/mark/pic--bg-pink.svg);
  width: 105px;
  height: 115px;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.target-list__title-en {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.target-list__desc {
  text-decoration: underline;
  margin: 51px 0px 58px;
  position: relative;
  display: inline-block;
  padding-top: 30px;
  width: 225px;
}
.target-list__desc::before {
  content: url(../img/index/target/txt--concern.svg);
  width: 88px;
  height: 36.5px;
  position: absolute;
  top: -25px;
  left: 0px;
}
@media screen and (max-width: 599px) {
  .target-list {
    margin-bottom: 60px;
  }
  .target-list .row {
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  }
  .target-list img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  .target-list__title {
    font-size: 1.38rem;
  }
  .target-list__desc {
    width: 100%;
    margin-bottom: 38px;
  }
  .target-list__desc::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .target-list .btn {
    margin-bottom: 35px;
    display: inline-block;
  }
}

#target01 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-pink.svg);
}
#target01 .target-list__desc::before {
  left: -47px;
}
@media screen and (max-width: 599px) {
  #target01 .target-list__desc::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (max-width: 599px) {
  #target02,
  #target03 {
    display: none;
  }
}

#target02 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-blue.svg);
}
#target02 .target-list__desc::before {
  left: -25px;
}
@media screen and (max-width: 599px) {
  #target02 .target-list {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #target02 .target-list__desc::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

#target03 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-green.svg);
}
@media screen and (max-width: 599px) {
  #target03 .target-list__desc::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.top-point {
  position: relative;
}
.top-point.top-section {
  padding-top: 110px;
}
.top-point::before {
  content: "";
  background: url(../img/index/point/txt--01.svg) top left no-repeat;
  background-size: contain;
  position: absolute;
  top: -125px;
  left: 0px;
  width: 773px;
  height: 180px;
  max-width: 100%;
}
.top-point__title {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.81rem;
  font-weight: normal;
  line-height: 1;
}
.top-point__title .outline {
  font-size: 4.5rem;
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 599px) {
  .top-point.top-section {
    padding-top: 50px;
  }
  .top-point::before {
    background: url(../img/index/point/txt--01-sp.svg) top center/contain no-repeat;
    height: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -80px;
  }
  .top-point__title {
    margin-top: 20px;
  }
  .top-point__title .outline {
    font-size: 3.8rem;
  }
}

.top-point-list {
  margin: 56px auto 46px;
}
.top-point-list li {
  padding: 38px 45px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #000;
}
.top-point-list__number {
  width: 75px;
  text-align: center;
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  font-size: 4.19rem;
  position: relative;
  line-height: 1;
}
.top-point-list__number::before {
  position: absolute;
  content: url(../img/index/point/txt--point.svg);
  top: -53px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.top-point-list__title {
  width: 455px;
  max-width: 100%;
}
.top-point-list__title h3 {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
.top-point-list__image {
  width: 168px;
  max-width: 100%;
  text-align: center;
}
.top-point-list .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 599px) {
  .top-point-list li {
    padding: 50px 15px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .top-point-list__number {
    margin-left: auto;
    margin-right: auto;
    font-size: 2.19rem;
    margin-bottom: 15px;
  }
  .top-point-list__number::before {
    top: -40px;
  }
  .top-point-list__image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .top-point-list__title {
    text-align: center;
  }
  .top-point-list__title h3 {
    font-size: 1.13rem;
  }
}

.top-consultation, .seminar-program {
  padding-bottom: 144px;
}
.top-consultation .u-ff-en, .top-consultation .faq-section .faq-list dd::before, .faq-section .faq-list .top-consultation dd::before, .top-consultation .faq-section .faq-list dt::before, .faq-section .faq-list .top-consultation dt::before, .seminar-program .u-ff-en, .seminar-program .faq-section .faq-list dd::before, .faq-section .faq-list .seminar-program dd::before, .seminar-program .faq-section .faq-list dt::before, .faq-section .faq-list .seminar-program dt::before, .top-consultation .section-contact__inner02 .tel, .seminar-program .section-contact__inner02 .tel, .section-contact__inner02 .top-consultation .tel, .section-contact__inner02 .seminar-program .tel, .top-consultation .footer-bottom .copy, .seminar-program .footer-bottom .copy, .footer-bottom .top-consultation .copy, .footer-bottom .seminar-program .copy, .top-consultation .page-title__en, .seminar-program .page-title__en, .top-consultation .top-section__title-en, .seminar-program .top-section__title-en, .top-consultation .title-other05, .seminar-program .title-other05, .top-consultation .title-other06, .seminar-program .title-other06, .top-consultation .title-other07, .seminar-program .title-other07, .top-consultation .title-other08, .seminar-program .title-other08, .top-consultation .post__date, .seminar-program .post__date, .top-consultation .top-service__number, .seminar-program .top-service__number, .top-consultation .top-service-menu__list li, .seminar-program .top-service-menu__list li, .top-service-menu__list .top-consultation li, .top-service-menu__list .seminar-program li, .top-consultation .target-list__number, .seminar-program .target-list__number,
.top-consultation .title-lv2,
.seminar-program .title-lv2 {
  text-align: center;
}
.top-consultation .col + .col, .seminar-program .col + .col {
  margin-left: 30px;
}
.top-consultation .list-style-03, .seminar-program .list-style-03 {
  margin: 87px auto 59px;
}
.top-consultation .list-style-03 li, .seminar-program .list-style-03 li {
  position: relative;
}
.top-consultation .list-style-03 li::before, .seminar-program .list-style-03 li::before {
  position: absolute;
  top: -14px;
  left: 40px;
}
.top-consultation .list-style-03 li.consultation01::before, .seminar-program .list-style-03 li.consultation01::before {
  content: url(../img/index/consultation/txt--about01.svg);
}
.top-consultation .list-style-03 li.consultation02::before, .seminar-program .list-style-03 li.consultation02::before {
  content: url(../img/index/consultation/txt--about02.svg);
}
.top-consultation .list-style-03 li.consultation03::before, .seminar-program .list-style-03 li.consultation03::before {
  content: url(../img/index/consultation/txt--about03.svg);
}
.top-consultation .title-lv3, .seminar-program .title-lv3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .top-consultation, .seminar-program {
    padding-left: 30px;
    padding-right: 30px;
  }
  .top-consultation .u-ff-en, .top-consultation .faq-section .faq-list dd::before, .faq-section .faq-list .top-consultation dd::before, .top-consultation .faq-section .faq-list dt::before, .faq-section .faq-list .top-consultation dt::before, .seminar-program .u-ff-en, .seminar-program .faq-section .faq-list dd::before, .faq-section .faq-list .seminar-program dd::before, .seminar-program .faq-section .faq-list dt::before, .faq-section .faq-list .seminar-program dt::before, .top-consultation .section-contact__inner02 .tel, .seminar-program .section-contact__inner02 .tel, .section-contact__inner02 .top-consultation .tel, .section-contact__inner02 .seminar-program .tel, .top-consultation .footer-bottom .copy, .seminar-program .footer-bottom .copy, .footer-bottom .top-consultation .copy, .footer-bottom .seminar-program .copy, .top-consultation .page-title__en, .seminar-program .page-title__en, .top-consultation .top-section__title-en, .seminar-program .top-section__title-en, .top-consultation .title-other05, .seminar-program .title-other05, .top-consultation .title-other06, .seminar-program .title-other06, .top-consultation .title-other07, .seminar-program .title-other07, .top-consultation .title-other08, .seminar-program .title-other08, .top-consultation .post__date, .seminar-program .post__date, .top-consultation .top-service__number, .seminar-program .top-service__number, .top-consultation .top-service-menu__list li, .seminar-program .top-service-menu__list li, .top-service-menu__list .top-consultation li, .top-service-menu__list .seminar-program li, .top-consultation .target-list__number, .seminar-program .target-list__number {
    font-size: 0.75rem;
  }
  .top-consultation .title-lv2, .seminar-program .title-lv2 {
    font-size: 1.56rem;
  }
  .top-consultation .col + .col, .seminar-program .col + .col {
    margin-left: 0px;
  }
  .top-consultation .list-style-03, .seminar-program .list-style-03 {
    margin: 50px auto 59px;
  }
  .top-consultation .list-style-03 li, .seminar-program .list-style-03 li {
    height: 390px;
    padding: 50px 30px 20px;
  }
}

.top-blog.top-section {
  padding-top: 136px;
  padding-bottom: 92px;
}
.top-blog.u-bg-wcw, .top-blog.section-faq, footer.top-blog {
  padding-left: 0;
  padding-right: 0;
}
.top-blog .slick-next {
  right: 0px;
}
.top-blog .slick-prev {
  left: 0px;
}
@media screen and (max-width: 599px) {
  .top-blog.top-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.blog-article {
  width: 294px;
  max-width: 100%;
  border-radius: 10px;
  background: #fff;
  margin: 0px 25px;
}
.blog-article__image {
  width: 100%;
  height: 190px;
}
.blog-article__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.blog-article__date {
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  font-size: 0.75rem;
  margin-bottom: 18px;
}
.blog-article__title {
  font-size: 1.13rem;
  line-height: 1.5;
}
.blog-article .blog-article-info {
  padding: 10px 25px 25px;
}

.top-news .list-style-02 {
  margin-top: 32px;
  margin-bottom: 96px;
}
.top-news .list-style-02 li {
  margin-bottom: 10px;
}
.top-news .list-style-02 li a {
  border: none;
  width: auto;
}
.top-news .list-style-02 li a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.top-news h2 {
  font-weight: normal;
}
@media screen and (max-width: 599px) {
  .top-news h2 {
    font-size: 1rem;
    display: block;
    text-align: center;
  }
  .top-news .list-style-02 {
    margin-bottom: 35px;
  }
}

.news-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 50px 18px 34px;
  background: url(../img/common/mark/pic--arrow.svg) center right 28px no-repeat;
  border: 1px solid #000;
  border-radius: 10px;
  background: #fff;
  width: 100%;
  height: 100%;
}
.news-article__date {
  margin-right: 26px;
}
.news-article__cat {
  border: 1px solid #000000;
  border-top-right-radius: 5px;
  height: 25px;
  font-size: 0.75rem;
  padding: 0px 15px;
  margin-right: 26px;
  position: relative;
  display: inline-block;
}
.news-article__cat::after {
  content: url("../img/common/mark/pic--balloon.svg");
  position: absolute;
  bottom: -19px;
  right: 20px;
}
.news-article__title {
  font-weight: normal;
}
@media screen and (max-width: 599px) {
  .news-article {
    display: block;
    background: none;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .news-article__title {
    font-size: 1rem;
  }
}

.top-others h2 {
  font-weight: normal;
  text-align: center;
}
.top-others .row {
  margin-top: 40px;
}
.top-others .col + .col {
  margin-left: 37px;
}
.top-others__image {
  border-radius: 10px;
  display: block;
}
@media screen and (max-width: 599px) {
  .top-others .col + .col {
    margin-left: 0px;
    margin-top: 0px;
  }
  .top-others .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top-others h2 {
    font-size: 1rem;
  }
  .top-others .col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    margin-bottom: 26px;
  }
}

/*Service*/
.intro-service {
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .intro-service {
    padding: 0px 15px;
  }
}

.catch-service {
  margin-bottom: 170px;
}
.catch-service__title {
  width: 200px;
  margin-top: -70px;
  margin-left: 75px;
  position: relative;
  z-index: 1;
}
.catch-service__title::after {
  content: url(../img/service/target01/pic--title.png);
}
.catch-service__title .target-list__title-en {
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 599px) {
  .catch-service {
    margin-bottom: 55px;
  }
  .catch-service__title {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
  }
}

.service-target01 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-pink-lg.svg);
  top: -72px;
  width: auto;
}
.service-target01 .catch-service__title::after {
  content: url(../img/service/target01/pic--title.png);
  position: absolute;
  left: 230px;
  top: -23px;
}
.service-target01 .service-section04 .u-fr-03 {
  position: relative;
}
.service-target01 .service-section04 .u-fr-03::before {
  content: url(../img/service/target01/section04/pic--03.png);
  position: absolute;
  top: -40px;
  left: 20px;
}
.service-target01 .col + .col.other-target02 {
  border-left: none;
}
@media screen and (max-width: 599px) {
  .service-target01 .target-list__title::after {
    content: url(../img/common/mark/pic--bg-pink-sp.svg);
    top: -72px;
    width: auto;
    left: 50px;
  }
  .service-target01 .catch-service__title {
    margin-top: -25px;
  }
  .service-target01 .catch-service__title::after {
    left: auto;
    right: 0px;
    content: url(../img/service/target01/pic--title-sp.png);
    top: 35px;
  }
}

.service-target02 {
  /*.col + .col.other-target02{
  	border-left: none;
  }*/
}
.service-target02 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-blue-lg.svg);
  top: -72px;
  width: auto;
}
.service-target02 .catch-service__title::after {
  content: url(../img/service/target02/pic--title.png);
  position: absolute;
  left: 230px;
  top: -23px;
}
.service-target02 .service-section04 .u-fr-03 {
  position: relative;
}
.service-target02 .service-section04 .u-fr-03::before {
  content: url(../img/service/target02/section04/pic--03.png);
  position: absolute;
  top: -40px;
  left: 20px;
}
@media screen and (max-width: 599px) {
  .service-target02 .target-list__title::after {
    content: url(../img/common/mark/pic--bg-blue-sp.svg);
    top: -72px;
    width: auto;
    left: 50px;
  }
  .service-target02 .catch-service__title {
    margin-top: -25px;
  }
  .service-target02 .catch-service__title::after {
    left: auto;
    right: 0px;
    content: url(../img/service/target02/pic--title-sp.png);
    top: 35px;
  }
}

.service-target03 .target-list__title::after {
  content: url(../img/common/mark/pic--bg-green-lg.svg);
  top: -72px;
  width: auto;
}
.service-target03 .catch-service__title {
  width: 274px;
}
.service-target03 .catch-service__title::after {
  content: url(../img/service/target03/pic--title.png);
  position: absolute;
  left: 290px;
  top: -23px;
}
.service-target03 .service-section04 .u-fr-03 {
  position: relative;
}
.service-target03 .service-section04 .u-fr-03::before {
  content: url(../img/service/target03/section04/pic--03.png);
  position: absolute;
  top: -40px;
  left: 20px;
}
@media screen and (max-width: 599px) {
  .service-target03 .target-list__title::after {
    content: url(../img/common/mark/pic--bg-green-sp.svg);
    top: -72px;
    width: auto;
    left: 50px;
  }
  .service-target03 .catch-service__title {
    margin-top: -25px;
  }
  .service-target03 .catch-service__title::after {
    left: auto;
    right: 0px;
    content: url(../img/service/target03/pic--title-sp.png);
    top: 35px;
  }
}

.service-section01 {
  line-height: 1.5;
}
.service-section01__image {
  margin-bottom: 20px;
  border-radius: 8px;
}
.service-section01.section-layout {
  padding-bottom: 280px;
}
@media screen and (max-width: 599px) {
  .service-section01.section-layout {
    padding-bottom: 100px;
  }
  .service-section01 .row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .service-section01 .col + .col {
    margin-top: 0;
  }
}

.service-section02 {
  padding-bottom: 95px;
}
.service-section02__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -190px;
  margin-right: calc(50% - 50vw);
  padding-right: 0px;
}
.service-section02__content {
  width: 515px;
  max-width: 100%;
  padding-top: 65px;
  font-family: kinuta-maruminold-stdn, serif;
}
.service-section02__content .title-other02 {
  margin-bottom: 90px;
}
.service-section02__image {
  width: 506px;
  max-width: 100%;
  margin-left: 98px;
  margin-right: auto;
}
@media screen and (max-width: 599px) {
  .service-section02 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .service-section02__inner {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
  }
  .service-section02__content {
    padding-top: 0px;
  }
  .service-section02__content .title-other02 {
    font-weight: bold;
    margin-bottom: 45px;
  }
  .service-section02__image {
    margin-left: auto;
    margin-top: 30px;
  }
}

.service-section03 .section-layout {
  padding-bottom: 110px;
}
.service-section03 .top-point-list li {
  padding: 36px 45px;
  margin-bottom: 17px;
}
.service-section03 .top-point-list__title {
  font-size: 1.5rem;
  font-weight: bold;
  width: 460px;
  max-width: 100%;
}
.service-section03 .top-point-list__number {
  padding-top: 5px;
}
.service-section03 .top-point-list__number::before {
  top: -48px;
}
.service-section03__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 0px;
  margin-top: 114px;
}
.service-section03__content {
  width: 574px;
  max-width: 100%;
  font-family: kinuta-maruminold-stdn, serif;
}
.service-section03__image {
  width: 506px;
  max-width: 100%;
  margin-right: 38px;
  margin-left: auto;
}
@media screen and (max-width: 599px) {
  .service-section03 .u-ff-en, .service-section03 .faq-section .faq-list dd::before, .faq-section .faq-list .service-section03 dd::before, .service-section03 .faq-section .faq-list dt::before, .faq-section .faq-list .service-section03 dt::before, .service-section03 .section-contact__inner02 .tel, .section-contact__inner02 .service-section03 .tel, .service-section03 .footer-bottom .copy, .footer-bottom .service-section03 .copy, .service-section03 .page-title__en, .service-section03 .top-section__title-en, .service-section03 .title-other05, .service-section03 .title-other06, .service-section03 .title-other07, .service-section03 .title-other08, .service-section03 .post__date, .service-section03 .top-service__number, .service-section03 .top-service-menu__list li, .top-service-menu__list .service-section03 li, .service-section03 .target-list__number {
    font-size: 0.75rem;
  }
  .service-section03 .top-point-list li {
    padding: 40px 15px 0px;
  }
  .service-section03 .top-point-list__number {
    margin-left: auto;
    margin-right: auto;
  }
  .service-section03 .top-point-list__number::before {
    top: -25px;
  }
  .service-section03 .top-point-list__image {
    margin-left: auto;
    margin-right: auto;
  }
  .service-section03 .top-point-list__title {
    margin: 0px;
    font-size: 1.13rem;
  }
  .service-section03__inner {
    display: block;
    margin-top: 60px;
    margin-right: 0px;
    padding-left: 15px;
  }
  .service-section03__content {
    padding-top: 0px;
  }
  .service-section03__content .title-other02 {
    font-weight: bold;
    margin-bottom: 45px;
  }
  .service-section03__image {
    margin-left: auto;
    margin-top: 30px;
  }
}

.service-section04 .service-section04-sub {
  margin-bottom: 124px;
}
.service-section04 .service-section04-sub:last-of-type {
  margin-bottom: 0px;
}
.service-section04 .service-section04-sub .u-fr-01 {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0;
}
.service-section04__title {
  text-align: center;
  margin-bottom: 50px;
}
.service-section04__title img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.service-section04 .title-lv2 {
  margin-bottom: 80px;
}
.service-section04__lead {
  border-bottom: 1px solid #3B3B3B;
  font-family: kinuta-maruminold-stdn, serif;
}
.service-section04 .u-fr-01 {
  margin-bottom: 74px;
}
.service-section04 .u-fr-01 .row {
  margin-top: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-section04 .u-fr-01 .col + .col {
  margin: 0;
}
.service-section04 .u-fr-01 .col {
  text-align: center;
}
.service-section04 .u-fr-01 .col img {
  width: 163px;
}
.service-section04 .u-fr-01 .col strong {
  font-weight: 500;
}
.service-section04 .u-fr-01 .col .--underline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f8f8b6));
  background: linear-gradient(transparent 60%, #f8f8b6 60%);
}
.service-section04 .u-fr-03 {
  margin-top: 80px;
}
.service-section04 .u-fr-03 .row {
  margin-top: 30px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.service-section04 .u-fr-03 li {
  list-style: none;
  margin: 30px 0px;
}
.service-section04 .u-fr-03 .consulting-list__desc {
  margin-left: 140px;
}
@media screen and (max-width: 599px) {
  .service-section04 .u-ff-en, .service-section04 .faq-section .faq-list dd::before, .faq-section .faq-list .service-section04 dd::before, .service-section04 .faq-section .faq-list dt::before, .faq-section .faq-list .service-section04 dt::before, .service-section04 .section-contact__inner02 .tel, .section-contact__inner02 .service-section04 .tel, .service-section04 .footer-bottom .copy, .footer-bottom .service-section04 .copy, .service-section04 .page-title__en, .service-section04 .top-section__title-en, .service-section04 .title-other05, .service-section04 .title-other06, .service-section04 .title-other07, .service-section04 .title-other08, .service-section04 .post__date, .service-section04 .top-service__number, .service-section04 .top-service-menu__list li, .top-service-menu__list .service-section04 li, .service-section04 .target-list__number {
    font-size: 0.75rem;
  }
  .service-section04 .u-fr-01 .col + .col {
    margin-left: 0px;
  }
  .service-section04 .u-fr-01 .col img {
    width: 100%;
  }
  .service-section04 .u-fr-03 .consulting-list__desc {
    margin-left: 0px;
    margin-top: 90px;
  }
  .service-section04 .title-other03 {
    display: block;
    text-align: center;
  }
}

.free-counseling {
  background: url(../img/common/bgi/bgi--sitename.svg) top right no-repeat, url(../img/common/bgi/bgi--gradation01.png) top center no-repeat, url(../img/common/bgi/bgi--wcw.jpg) top center no-repeat;
  padding: 50px 100px 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 80px;
  margin-bottom: 180px;
}
.free-counseling .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.free-counseling__content {
  width: 465px;
  max-width: 100%;
}
.free-counseling__content .title-lv2 {
  margin-bottom: 56px;
}
.free-counseling__image {
  width: 300px;
  max-width: 100%;
}
.free-counseling__image img {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
.free-counseling .btn {
  font-size: 0.88rem;
  font-weight: bold;
  margin-top: 20px;
  background: #fff;
}
@media screen and (max-width: 599px) {
  .free-counseling {
    padding: 30px 15px;
    border-radius: 30px;
    margin-bottom: 100px;
  }
}

.other-service .col {
  text-align: center;
}
.other-service .col + .col {
  margin-left: 0px;
  border-left: 1px solid #dedede;
}
.other-service .target-list__title.target-01::after {
  content: url(../img/common/mark/pic--bg-pink.svg);
  top: 0px;
}
.other-service .target-list__title.target-02::after {
  content: url(../img/common/mark/pic--bg-blue.svg);
  top: 0px;
}
.other-service .target-list__title.target-03::after {
  content: url(../img/common/mark/pic--bg-green.svg);
  top: 0px;
}
.other-service .target-list__desc {
  width: 320px;
  max-width: 100%;
}
.other-service .target-list__desc::before {
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 599px) {
  .other-service .col + .col {
    border-left: none;
    margin-top: 100px;
  }
  .other-service .target-list__title.target-01::after, .other-service .target-list__title.target-02::after, .other-service .target-list__title.target-03::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .other-service .target-list__desc::before {
    top: -5px;
  }
}

.service-index .catch-service .target-list__title::after {
  content: url(../img/service/index/pic--bg.svg);
  top: -72px;
  width: auto;
  left: 0px;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.service-index .catch-service__title {
  width: auto;
}
.service-index .catch-service__title::after {
  content: url(../img/service/index/pic--title.png);
  position: absolute;
  left: 422px;
  top: -23px;
}
.service-index .service-section01.section-layout {
  padding-bottom: 57px;
}
.service-index .other-service {
  margin-bottom: 124px;
}
.service-index .other-service .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 25px;
}
.service-index .other-service .row .target-list__desc {
  width: auto;
}
.service-index .other-service .col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-index .other-service .col + .col {
  border-left: none;
}
.service-index .bg-gra02 {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
.service-index .bg-gra02 .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.service-index .bg-gra02::before {
  content: "";
  position: absolute;
  height: 55px;
  width: 100%;
  background: url(../img/common/bgi/bgi--pen.png) center bottom repeat-x;
  top: -50px;
  left: 0px;
  background-size: contain;
}
@media screen and (max-width: 599px) {
  .service-index .catch-service__title::after {
    content: url(../img/service/index/pic--title-sp.png);
    left: auto;
    right: 0px;
    top: 50px;
  }
  .service-index .catch-service .target-list__title::after {
    content: url(../img/service/index/pic--bg-sp.svg);
    top: -40px;
  }
  .service-index .other-service .row {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .service-index .other-service .col {
    padding-left: 20px;
    padding-right: 20px;
  }
  .service-index .other-service .col + .col {
    margin-left: 0px;
  }
}

.section-faq {
  padding: 85px 0px;
}
.section-faq .faq-list {
  margin-top: 35px;
  margin-bottom: 50px;
}
.section-faq .faq-list dt {
  margin-top: 18px;
  border: 1px solid #000;
  border-radius: 10px;
  background: url(../img/common/mark/ico--plus.svg) center right 24px no-repeat, #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 35px 15px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: none;
  -webkit-box-shadow: 0px 1px 0px #000;
          box-shadow: 0px 1px 0px #000;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.section-faq .faq-list dt:hover {
  -webkit-box-shadow: 5px 5px 0px #000;
          box-shadow: 5px 5px 0px #000;
}
.section-faq .faq-list dt.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-box-shadow: 5px 5px 0px #000;
          box-shadow: 5px 5px 0px #000;
  background: url(../img/common/mark/ico--minus.svg) center right 24px no-repeat, #fff;
}
.section-faq .faq-list dd {
  background: #fff;
  display: none;
  border: 1px solid #000;
  border-top: none;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-box-shadow: 5px 5px 0px #000;
          box-shadow: 5px 5px 0px #000;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section-faq .faq-cat {
  border: 1px solid #000000;
  border-top-right-radius: 5px;
  height: 25px;
  font-size: 0.75rem;
  padding: 0px 15px;
  margin-right: 26px;
  position: relative;
  display: inline-block;
}
.section-faq .faq-cat::after {
  content: url("../img/common/mark/pic--balloon.svg");
  position: absolute;
  bottom: -19px;
  right: 20px;
}
@media screen and (max-width: 599px) {
  .section-faq .faq-list dt {
    display: block;
  }
}

.section-flow {
  background: #ebebeb;
  padding: 50px 0px;
  text-align: center;
}
.section-flow .btn-square {
  margin: 24px auto;
}

.section-contact {
  padding: 125px 0px;
}
.section-contact .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 80px;
}
.section-contact__inner01 {
  width: 510px;
  max-width: 100%;
}
.section-contact__inner02 {
  width: 290px;
  max-width: 100%;
  text-align: center;
}
.section-contact__inner02 .btn {
  font-size: 0.88rem;
  font-weight: bold;
  font-weight: bold;
  margin-top: 24px;
  background: #fff;
}
.section-contact__inner02 .btn-black {
  background-color: #0B0B0B;
}
.section-contact__inner02 .tel,
.section-contact__inner02 .tel:hover,
.section-contact__inner02 .tel:link {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, #d8faf1));
  background: linear-gradient(transparent 80%, #d8faf1 80%);
  font-size: 2.5rem;
  line-height: 1;
  display: inline-block;
}
.section-contact + .top-others {
  padding-top: 50px;
}
@media screen and (max-width: 599px) {
  .section-contact {
    padding: 40px 15px;
  }
  .section-contact .row {
    margin-top: 40px;
  }
  .section-contact__inner02 {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .section-contact + .top-others {
    padding-top: 0px;
  }
}

/*Seminar*/
.seminar-info .seminar-info-inner {
  background: #fff;
  border-radius: 8px;
  padding: 75px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.seminar-info .seminar-info-inner .btn {
  margin-top: 30px;
}
.seminar-info__title {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.88rem;
  line-height: 1.5;
  margin-bottom: 44px;
}
.seminar-info__desc {
  font-family: kinuta-maruminold-stdn, serif;
  line-height: 1.5;
}
.seminar-info__date {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.88rem;
  line-height: 1.5;
  margin-bottom: 44px;
}
.seminar-info__place {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.62rem;
  line-height: 1.5;
}
.seminar-info hr {
  background-color: #343434;
  height: 2px;
  border: none;
  margin: 28px 0px 44px;
}
@media screen and (max-width: 599px) {
  .seminar-info .seminar-info-inner {
    padding: 30px 15px;
  }
}

.seminar-program__title {
  background: url(../img/common/mark/pic--circle-pink.svg) top left no-repeat;
  padding-top: 36px;
  padding-left: 36px;
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.69rem;
}
.seminar-program.section-layout-brown {
  background: #fffffc;
}
.seminar-program .list-style-03 li {
  padding: 30px;
}
@media screen and (max-width: 599px) {
  .seminar-program {
    margin-bottom: 0px;
  }
}

.seminar-program-inner {
  margin-top: 120px;
  margin-left: calc(50% - 50vw);
  padding-left: 0px;
}
.seminar-program-inner__image {
  width: 506px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 66px;
  position: relative;
}
.seminar-program-inner__image img {
  display: block;
  position: absolute;
  top: 60px;
}
.seminar-program-inner__content {
  width: 546px;
  max-width: 100%;
  font-family: kinuta-maruminold-stdn, serif;
}
.seminar-program-inner__content .title-other02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .seminar-program-inner {
    margin-left: 0px;
    padding-left: 0px;
  }
  .seminar-program-inner__image {
    margin-right: 0px;
  }
  .seminar-program-inner__image img {
    position: relative;
    top: 0px;
    margin-bottom: 30px;
  }
}

.section-voice {
  padding: 72px 0px 140px;
  position: relative;
}
.section-voice .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-voice__title {
  font-family: kinuta-maruminold-stdn, serif;
  position: relative;
  z-index: 1;
}
.section-voice::before {
  content: "";
  background: url(../img/service/seminar/voice/tit--01.svg) no-repeat;
  width: 546px;
  height: 237px;
  background-size: contain;
  position: absolute;
  top: -105px;
  left: calc(50vw - 435px);
}
.section-voice__slider {
  margin-top: 140px;
}
.section-voice__link {
  background: #fff;
  width: 257px;
  height: 313px;
  text-align: center;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.section-voice__type {
  border: 1px solid #343434;
  border-radius: 5px;
  width: 100%;
  padding: 5px 0px;
  margin-top: 18px;
}
.section-voice .col-4 {
  -ms-flex-preferred-size: 260px;
      flex-basis: 260px;
}
.section-voice .col-8 {
  -ms-flex-preferred-size: 550px;
      flex-basis: 550px;
  font-family: kinuta-maruminold-stdn, serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
}
.section-voice .slick-prev,
.section-voice .slick-next {
  width: 40px;
  height: 15px;
}
.section-voice .slick-next {
  right: -70px;
}
.section-voice .slick-next::before {
  content: url(../img/common/mark/pic--arrow-r.svg);
}
.section-voice .slick-prev {
  left: -70px;
}
.section-voice .slick-prev::before {
  content: url(../img/common/mark/pic--arrow-l.svg);
}
@media screen and (max-width: 599px) {
  .section-voice::before {
    width: 350px;
    height: 152px;
    left: auto;
    top: -70px;
  }
  .section-voice__slider {
    margin-top: 70px;
  }
  .section-voice__link {
    margin-bottom: 30px;
  }
  .section-voice .slick-prev,
  .section-voice .slick-next {
    top: 150px;
  }
  .section-voice .slick-next {
    right: -5px;
  }
  .section-voice .slick-prev {
    left: -5px;
  }
}

.voice-image {
  width: 100%;
  height: 290px;
  display: block;
}
.voice-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

/*解決事例*/
.case-list {
  margin-top: 200px;
  position: relative;
}
.case-list::before {
  content: "";
  background: url("../img/case/index/list/txt--case.svg") no-repeat;
  width: 690px;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: -70px;
}
.case-list.bg-gra03 {
  padding-top: 180px;
  padding-bottom: 180px;
}
.case-list .list-style-03 {
  margin-left: auto;
  margin-right: auto;
}
.case-list .list-style-03 li {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 24px;
  position: relative;
}
.case-list .list-style-03 li img {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.case-list .list-style-03 li::before {
  position: absolute;
  top: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.case-list .list-style-03 li:nth-of-type(1) {
  background: url("../img/case/index/list/bgi--01.jpg") center top 20px no-repeat, #fff;
  background-size: 210px auto;
}
.case-list .list-style-03 li:nth-of-type(1)::before {
  content: url(../img/index/consultation/txt--case01.svg);
}
.case-list .list-style-03 li:nth-of-type(2) {
  background: url("../img/case/index/list/bgi--02.jpg") center top 20px no-repeat, #fff;
  background-size: 210px auto;
}
.case-list .list-style-03 li:nth-of-type(2)::before {
  content: url(../img/index/consultation/txt--case02.svg);
}
.case-list .list-style-03 li:nth-of-type(3) {
  background: url("../img/case/index/list/bgi--03.jpg") center top 20px no-repeat, #fff;
  background-size: 210px auto;
}
.case-list .list-style-03 li:nth-of-type(3)::before {
  content: url(../img/index/consultation/txt--case03.svg);
}
.case-list .list-style-03 ul {
  border-top: 1px solid #343434;
  margin: 23px 0px 33px;
}
.case-list .list-style-03 ul li {
  list-style: none;
  padding: 5px 0px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #e8e8e8;
  font-size: 0.88rem;
  border-radius: 0px;
}
.case-list .list-style-03 ul li:nth-of-type(1), .case-list .list-style-03 ul li:nth-of-type(2), .case-list .list-style-03 ul li:nth-of-type(3) {
  background: none;
}
.case-list .list-style-03 ul li:nth-of-type(1)::before, .case-list .list-style-03 ul li:nth-of-type(2)::before, .case-list .list-style-03 ul li:nth-of-type(3)::before {
  content: "";
}
.case-list .list-style-03.row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.case-list .list-style-03 .col {
  max-width: calc(32% - 30px);
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
.case-list .list-style-03 .col + .col {
  margin-left: 50px;
}
@media screen and (max-width: 599px) {
  .case-list {
    margin-top: 100px;
  }
  .case-list::before {
    content: "";
    background-size: contain;
    width: 320px;
    height: 81px;
  }
  .case-list.bg-gra03 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .case-list .list-style-03 .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .case-list .list-style-03 .col + .col {
    margin-left: 0px;
    margin-top: 30px;
  }
}

.catch-case {
  margin-bottom: 90px;
}
.catch-case .catch__title {
  margin-top: 40px;
  margin-left: 75px;
  font-size: 1.75rem;
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .catch-case {
    margin-bottom: 30px;
  }
  .catch-case .catch__title {
    margin: 20px 10px 0px;
    font-size: 1.25rem;
  }
}

.case-others .row {
  margin-top: 75px;
  gap: 20px;
}
.case-others .col-6 {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: calc(50% - 10px);
}
.case-others .case-cat {
  background: url(../img/common/mark/pic--fr-cat.jpg) center top no-repeat;
  background-size: 100% 36.5px;
  height: 36.5px;
  font-size: 0.88rem;
  padding: 0px 10px;
  margin-right: 5px;
  margin-top: 10px;
  display: inline-block;
}
.case-others .list-style-03 {
  margin-bottom: 77px;
}
.case-others .list-style-03 li {
  padding: 15px 37px 30px;
  width: calc(50% - 10px);
}
.case-others h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 599px) {
  .case-others {
    padding-left: 15px;
    padding-right: 15px;
  }
  .case-others .col-6:nth-of-type(2n) {
    margin-left: 0px;
  }
  .case-others .col-6:nth-child(n+2) {
    margin-top: 15px;
  }
  .case-others .list-style-03 li {
    padding: 30px 15px;
    width: auto;
    max-width: none;
  }
}

.case-intro {
  margin-top: -320px;
}
.case-intro .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.case-intro__content {
  width: 540px;
  max-width: 100%;
}
.case-intro__image {
  width: 280px;
  max-width: 100%;
}
@media screen and (max-width: 599px) {
  .case-intro__image {
    width: 120px;
  }
}
@media screen and (max-width: 599px) {
  .case-intro {
    margin-top: -60px;
    padding: 0px 15px;
  }
  .case-intro__image {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.interview-intro {
  margin-bottom: 100px;
}
.interview-intro .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.interview-intro .col {
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  padding: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.interview-intro .col:nth-child(1) {
  background: #fee6e6;
  color: #b25e5e;
}
.interview-intro .col:nth-child(2) .interview-intro__name {
  margin-bottom: 19px;
}
.interview-intro__image {
  width: 190px;
  margin: 0px auto 24px;
  display: block;
}
.interview-intro__name {
  font-size: 1.38rem;
  text-align: center;
  font-family: kinuta-maruminold-stdn, serif;
  line-height: 1;
  margin-bottom: 32px;
}
.interview-intro__title {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.5;
  font-family: kinuta-maruminold-stdn, serif;
}

.case-type02 .col:nth-child(1) {
  background: #e2f5fe;
}
.case-type02 .col:nth-child(1) .interview-intro__name {
  color: #5991ac;
}
.case-type02 .col:nth-child(1) .u-font-size--small {
  color: #5991ac;
}
.case-type02 .case-intro {
  margin-top: -320px;
}
@media screen and (max-width: 599px) {
  .case-type02 .case-intro {
    margin-top: 0;
  }
}
.case-type02 .case-intro__image {
  width: 141px;
  max-width: 100%;
}
@media screen and (max-width: 599px) {
  .case-type02 .case-intro__image {
    margin-top: 20px;
    width: 80px;
  }
}
.case-type02 .interview-talk .interview-talk-l .interview-talk__balloon {
  background: #e2f5fe;
  color: #5991ac;
}
.case-type02 .interview-talk .interview-talk-l .interview-talk__balloon::before {
  border-right: 15px solid #e2f5fe;
}

.case-type03 .col:nth-child(1) {
  background: #d6ffd9;
}
.case-type03 .col:nth-child(1) .interview-intro__name {
  color: #66986a;
}
.case-type03 .col:nth-child(1) .u-font-size--small {
  color: #66986a;
}
.case-type03 .case-intro {
  margin-top: -280px;
}
@media screen and (max-width: 599px) {
  .case-type03 .case-intro {
    margin-top: 0;
  }
}
.case-type03 .case-intro__image {
  width: 148px;
  max-width: 100%;
}
@media screen and (max-width: 599px) {
  .case-type03 .case-intro__image {
    width: 90px;
    margin-top: 20px;
  }
}
.case-type03 .interview-talk .interview-talk-l .interview-talk__balloon {
  background: #d6ffd9;
  color: #66986a;
}
.case-type03 .interview-talk .interview-talk-l .interview-talk__balloon::before {
  border-right: 15px solid #d6ffd9;
}
.case-type03 .service-section04 .u-fr-03 {
  position: relative;
}
.case-type03 .service-section04 .u-fr-03::before {
  content: url(../img/service/target03/section04/pic--03.png);
  position: absolute;
  top: -40px;
  left: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media screen and (max-width: 599px) {
  .case-type03 .service-section04 .u-fr-03::before {
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.top-others .col:nth-child(1) {
  background-color: transparent;
}

.interview-talk .row {
  margin: 15px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.interview-talk__balloon {
  position: relative;
  display: inline-block;
  padding: 27px 35px;
  min-width: 120px;
  max-width: calc(100% - 180px);
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0.94rem;
}
.interview-talk__balloon::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  border: 5px solid transparent;
}
.interview-talk .interview-talk-l {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.interview-talk .interview-talk-l .interview-talk__balloon {
  margin: 1.5em 0 1.5em 25px;
  color: #b25e5e;
  background: #fee6e6;
}
.interview-talk .interview-talk-l .interview-talk__balloon::before {
  top: 50%;
  left: -20px;
  border-right: 15px solid #fee6e6;
}
.interview-talk .interview-talk-r {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.interview-talk .interview-talk-r .interview-talk__balloon {
  margin: 1.5em 25px 1.5em 0;
  color: #343434;
  background: #ededed;
  border-radius: 15px;
}
.interview-talk .interview-talk-r .interview-talk__balloon:before {
  top: 50%;
  left: 100%;
  border-left: 15px solid #ededed;
}
.interview-talk__icon {
  width: 120px;
  display: block;
}
@media screen and (max-width: 599px) {
  .interview-talk .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .interview-talk__icon {
    width: 50px;
  }
  .interview-talk__balloon {
    padding: 15px;
    max-width: calc(100% - 60px);
  }
}

.interview-section {
  margin-bottom: 122px;
}
.interview-section__title {
  font-size: 1.38rem;
  font-family: kinuta-maruminold-stdn, serif;
  margin-bottom: 40px;
}
.interview-section__image {
  background: #fff;
  border-radius: 13px;
  padding: 50px 45px;
  margin-top: 50px;
}
.interview-section:last-of-type {
  margin-bottom: 0px;
}
@media screen and (max-width: 599px) {
  .interview-section {
    margin-bottom: 60px;
  }
  .interview-section__image {
    padding: 15px;
  }
}

/*流れ*/
.flow-section {
  background: #ffffff;
  position: relative;
}
.flow-section::before {
  content: "";
  position: absolute;
  height: 158px;
  width: 100%;
  background: url(../img/service/flow/bgi--top.png) center bottom repeat-x;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: contain;
}
.flow-section::after {
  content: "";
  position: absolute;
  height: 52px;
  width: 100%;
  background: url(../img/service/flow/bgi--bottom.png) center bottom repeat-x;
  bottom: 0px;
  left: 0px;
  background-size: contain;
}
.flow-section__title {
  text-indent: -9999px;
  width: 100%;
  height: 320px;
  margin-bottom: 84px;
}
.flow-section__lede {
  display: inline-block;
  border-bottom: 4px double #343434;
  font-size: 1.81rem;
  font-family: kinuta-maruminold-stdn, serif;
  line-height: 1.5;
  margin-bottom: 46px;
}
@media screen and (max-width: 599px) {
  .flow-section {
    padding: 60px 0px;
  }
  .flow-section__title {
    height: 250px;
  }
}

.flow-section-sub {
  padding: 180px 0px;
}
@media screen and (max-width: 599px) {
  .flow-section-sub {
    padding: 90px 0px;
  }
}

.flow-section01 {
  padding-bottom: 437px;
  background: url("../img/service/flow/section01/bgi--tl.png") left calc(50vw - 708px) top 200px/470px auto no-repeat, url("../img/service/flow/section01/bgi--tr.png") right calc(50vw - 605px) top 150px/370px auto no-repeat, url("../img/service/flow/section01/bgi--bl.png") left calc(50vw - 605px) bottom 185px/170px auto no-repeat, url("../img/service/flow/section01/bgi--br.png") right calc(50vw - 636px) bottom 133px/370px auto no-repeat;
}
.flow-section01__title {
  background: url("../img/service/flow/section01/tit--01.png") center center/320px auto no-repeat;
}
.flow-section01 .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 68px;
}
.flow-section01 .u-fr-gray {
  width: 655px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 599px) {
  .flow-section01 {
    padding-bottom: 90px;
  }
  .flow-section01__title {
    background: url("../img/service/flow/section01/tit--01.png") center center/250px auto no-repeat;
  }
}

.flow-section02 {
  position: relative;
}
.flow-section02__title {
  background: url("../img/service/flow/section02/tit--01.png") center center/320px auto no-repeat;
}
.flow-section02 .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flow-section02 .list-style-03 {
  margin-top: 106px;
}
.flow-section02 .list-style-03 li {
  padding: 136px 28px 40px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}
.flow-section02 .list-style-03 li::before {
  position: absolute;
  top: -10px;
  left: 25px;
}
.flow-section02 .list-style-03 li:nth-of-type(1)::before {
  content: url("../img/service/flow/section02/pic--place01.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(2)::before {
  content: url("../img/service/flow/section02/pic--place02.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(3)::before {
  content: url("../img/service/flow/section02/pic--place03.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(4)::before {
  content: url("../img/service/flow/section02/pic--place04.svg");
}
.flow-section02 .list-style-03 li::after {
  position: absolute;
  top: 20px;
  right: 20px;
}
.flow-section02 .list-style-03 li:nth-of-type(1)::after {
  content: url("../img/service/flow/section02/pic--img01.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(2)::after {
  content: url("../img/service/flow/section02/pic--img02.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(3)::after {
  content: url("../img/service/flow/section02/pic--img03.svg");
}
.flow-section02 .list-style-03 li:nth-of-type(4)::after {
  content: url("../img/service/flow/section02/pic--img04.svg");
}
.flow-section02::after {
  content: "";
  background: url("../img/service/flow/section02/bgi--bottom.png") center/contain no-repeat;
  width: 321px;
  max-width: 100%;
  height: 571px;
  position: absolute;
  bottom: -180px;
  left: 50%;
}
@media screen and (max-width: 599px) {
  .flow-section02__title {
    background: url("../img/service/flow/section02/tit--01.png") center center/250px auto no-repeat;
  }
  .flow-section02::after {
    left: auto;
    right: 0px;
    height: 250px;
    bottom: -90px;
  }
}

.flow-section03 {
  position: relative;
}
.flow-section03__title {
  background: url("../img/service/flow/section03/pic--01.png") center left 110px/63px auto no-repeat, url("../img/service/flow/section03/tit--01.png") center center/320px auto no-repeat;
}
.flow-section03::before {
  content: "";
  background: url("../img/service/flow/section03/bgi--bottom.png") center/contain no-repeat;
  width: 574px;
  max-width: 100%;
  height: 435px;
  position: absolute;
  bottom: -265px;
  left: 20px;
}
.flow-section03::after {
  content: "";
  background: url("../img/service/flow/section03/pic--02.png") center/contain no-repeat;
  width: 153px;
  max-width: 100%;
  height: 153px;
  position: absolute;
  bottom: -100px;
  right: 30px;
}
@media screen and (max-width: 599px) {
  .flow-section03__title {
    background: url("../img/service/flow/section03/pic--01.png") center left/63px auto no-repeat, url("../img/service/flow/section03/tit--01.png") center center/250px auto no-repeat;
  }
  .flow-section03::before {
    left: 0px;
  }
}

.flow-section04 {
  position: relative;
}
.flow-section04__title {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 435px);
  padding-right: calc(50vw - 435px);
  position: relative;
  z-index: 1;
  background: url("../img/service/flow/section04//tit--01.png") center center/320px auto no-repeat, url("../img/service/flow/section04/pic--01.jpg") top left calc(50vw - 690px)/456px auto no-repeat;
}
.flow-section04::before {
  content: "";
  background: url("../img/service/flow/section04/bgi--bottom01.png") center/contain no-repeat;
  width: 574px;
  max-width: 100%;
  height: 435px;
  position: absolute;
  bottom: -240px;
  right: 0px;
}
.flow-section04::after {
  content: "";
  background: url("../img/service/flow/section04/bgi--bottom02.png") center/contain no-repeat;
  width: 63px;
  height: 123px;
  position: absolute;
  bottom: -200px;
  left: 140px;
}
@media screen and (max-width: 599px) {
  .flow-section04__title {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: url("../img/service/flow/section04//tit--01.png") center center/250px auto no-repeat;
  }
  .flow-section04::after {
    left: 0px;
  }
}

.flow-section05 {
  position: relative;
  /*&::before{
  	content:"";
  	background: url('../img/service/flow/section05/bgi--bottom.png') center/contain no-repeat;
  	width: 70px;
  	height: 254px;
  	position: absolute;
  	bottom: -180px;
  	left: calc(50% + 20px);
  	transform: translateX(-50%);

  }
  &::after{
  	content:"";
  	background: url('../img/service/flow/section05/pic--01.jpg') center/contain no-repeat;
  	width:456px;
  	max-width: 100%;
  	height: 358px;
  	position: absolute;
  	bottom: -220px;
  	right: -280px;
  }*/
}
.flow-section05__title {
  position: relative;
  z-index: 1;
  background: url("../img/service/flow/section05/tit--01.png") center center/320px auto no-repeat;
}
@media screen and (max-width: 599px) {
  .flow-section05 {
    /*&::before{
    	height: 150px;
    	bottom: -90px;
    }
    &::after{
    	right: 0px;
    	background: none;
    }*/
  }
  .flow-section05__title {
    background: url("../img/service/flow/section05/tit--01.png") center center/250px auto no-repeat;
  }
}

.flow-section06__title {
  background: url("../img/service/flow/section06/tit--01.png") center center/320px auto no-repeat;
}
@media screen and (max-width: 599px) {
  .flow-section06__title {
    background: url("../img/service/flow/section06/tit--01.png") center center/250px auto no-repeat;
  }
}

/*interview*/
.user-interview-section {
  padding: 120px 0px;
}
.user-interview-section__content {
  width: 520px;
  max-width: 100%;
}
.user-interview-section__title {
  font-size: 1.25rem;
  font-family: kinuta-maruminold-stdn, serif;
  margin-bottom: 55px;
  padding-top: 30px;
  background-size: 77px auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.user-interview-section .btn {
  background: #fff;
  margin-top: 75px;
}
.user-interview-section:nth-of-type(2n + 1) .user-interview-section__content {
  margin-right: 0px;
  margin-left: auto;
}
.user-interview-section:nth-of-type(2n + 1) .btn {
  margin-left: 195px;
  margin-right: auto;
}
.user-interview-section:nth-of-type(2n) .user-interview-section__content {
  margin-right: auto;
  margin-left: 0px;
}
.user-interview-section:nth-of-type(2n) .btn {
  margin-left: auto;
  margin-right: 195px;
}
.user-interview-section:nth-of-type(1) {
  background: url("../img/interview/index/pic--01.png") top 120px left/318px auto no-repeat, url("../img/interview/index/bgi--btm-l.png") right bottom/657px auto no-repeat;
}
.user-interview-section:nth-of-type(1) .user-interview-section__title {
  background-image: url("../img/interview/index/tit--01.svg");
}
.user-interview-section:nth-of-type(2) {
  background: url("../img/interview/index/pic--02.png") top 120px right/318px auto no-repeat, url("../img/interview/index/bgi--btm-r.png") left bottom/657px auto no-repeat;
}
.user-interview-section:nth-of-type(2) .user-interview-section__title {
  background-image: url("../img/interview/index/tit--02.svg");
}
.user-interview-section:nth-of-type(3) {
  background: url("../img/interview/index/pic--03.png") top 120px left/318px auto no-repeat;
  padding-bottom: 260px;
}
.user-interview-section:nth-of-type(3) .user-interview-section__title {
  background-image: url("../img/interview/index/tit--03.svg");
}
@media screen and (max-width: 599px) {
  .user-interview-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .user-interview-section__title {
    margin-bottom: 30px;
  }
  .user-interview-section:nth-of-type(2n + 1) .btn, .user-interview-section:nth-of-type(2n) .btn {
    margin-left: auto;
    margin-right: auto;
  }
  .user-interview-section:nth-of-type(1), .user-interview-section:nth-of-type(2), .user-interview-section:nth-of-type(3) {
    background-position: top 30px center, center bottom;
    background-size: auto 300px, 100% auto;
    padding-top: 350px;
  }
  .user-interview-section:nth-of-type(3) {
    padding-bottom: 120px;
  }
}

/*インタビュー詳細*/
.interview-article-intro {
  padding-bottom: 240px;
  padding: 0px 15px 100px;
}

.interview-article-lede {
  background: url(../img/interview/01/pic--01.png) left center/435px auto no-repeat;
  height: 538px;
  margin-bottom: 72px;
}
.interview-article-lede__content {
  width: 520px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0px;
  padding-top: 90px;
}
.interview-article-lede__title {
  font-size: 1.5rem;
  font-family: kinuta-maruminold-stdn, serif;
  padding-top: 30px;
  background-image: url("../img/interview/index/tit--01.svg");
  background-size: 90px auto;
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 5px;
}
.interview-article-lede__title.--02 {
  background-image: url("../img/interview/index/tit--02.svg");
}
@media screen and (max-width: 599px) {
  .interview-article-lede {
    height: auto;
    padding-bottom: 370px;
    background: url(../img/interview/01/pic--01.png) center bottom/auto 350px no-repeat;
  }
  .interview-article-lede__content {
    padding-top: 0px;
  }
}

.interview-article-point {
  position: relative;
  background: url(../img/interview/common/bgi--border01-t.jpg) top center/100% 1.6px no-repeat, url(../img/interview/common/bgi--border01-b.jpg) bottom center/100% 1.6px no-repeat, url(../img/interview/common/bgi--border01-s.jpg) center/100% 100% no-repeat;
}
.interview-article-point::before {
  content: url(../img/interview/common/pic--pen01.svg);
  position: absolute;
  top: -32px;
  left: 0px;
}

.interview-article-profile {
  background: url(../img/interview/common/bgi--border02-t.jpg) top center/100% 1.6px no-repeat, url(../img/interview/common/bgi--border02-b.jpg) bottom center/100% 1.6px no-repeat, url(../img/interview/common/bgi--border02-s.jpg) center/100% 100% no-repeat;
}
.interview-article-profile::before {
  content: url(../img/interview/common/pic--pen02.svg);
  position: absolute;
  bottom: -38px;
  left: 30px;
}

.interview-article-point,
.interview-article-profile {
  padding: 10px 0px 28px;
}
.interview-article-point .u-font-size--small,
.interview-article-profile .u-font-size--small {
  border-bottom: 2px dotted #000;
  padding: 5px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.interview-article-point ul,
.interview-article-profile ul {
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #000;
}
.interview-article-point ul li,
.interview-article-profile ul li {
  border-bottom: 1px solid #e8e8e8;
}
.interview-article-point .list-style-none,
.interview-article-profile .list-style-none {
  width: calc(100% - 50px);
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #000;
}
.interview-article-point .list-style-none p,
.interview-article-profile .list-style-none p {
  display: inline;
  border-bottom: 1px solid #e8e8e8;
}

.interview-article {
  padding: 50px 0px;
}
.interview-article .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.interview-article:first-of-type {
  padding-top: 0px;
}
.interview-article__title {
  display: inline-block;
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.38rem;
  margin-bottom: 40px;
}
.interview-article__title .--underline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f8f8b6));
  background: linear-gradient(transparent 60%, #f8f8b6 60%);
}
.interview-article__content {
  font-size: 0.88rem;
}
.interview-article__content p:nth-child(n+2) {
  margin-top: 30px;
}
.interview-article__image img + img {
  margin-top: 16px;
}
.interview-article.layout-ptn01 {
  position: relative;
}
.interview-article.layout-ptn01 .interview-article__content {
  width: 495px;
  max-width: 100%;
}
.interview-article.layout-ptn01 .interview-article__image {
  width: 335px;
  max-width: 100%;
}
.interview-article.layout-ptn01::before {
  content: "";
  background: url("../img/interview/01/bgi--01.png") center/contain no-repeat;
  width: 300px;
  max-width: 100%;
  height: 680px;
  position: absolute;
  bottom: -400px;
  right: 40px;
  z-index: 1;
}
.interview-article.layout-ptn02 {
  position: relative;
}
.interview-article.layout-ptn02 .interview-article__content {
  width: 580px;
  max-width: 100%;
  padding-top: 135px;
}
.interview-article.layout-ptn02 .interview-article__image {
  width: 205px;
  max-width: 100%;
  padding-top: 80px;
}
.interview-article.layout-ptn02::before {
  content: "";
  background: url("../img/interview/01/bgi--02.png") center/contain no-repeat;
  width: 63px;
  max-width: 100%;
  height: 123px;
  position: absolute;
  top: 0px;
  left: 100px;
}
.interview-article.layout-ptn03 .interview-article__image {
  width: 727px;
  max-width: 100%;
  margin-top: 70px;
}
.interview-article.layout-ptn04 .interview-article__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
  margin-top: 70px;
}
.interview-article.layout-ptn04 .interview-article__image img {
  width: calc(50% - 19px);
  margin: 0;
}
@media screen and (max-width: 599px) {
  .interview-article__title {
    font-size: 1.25rem;
    margin-bottom: 30px;
  }
  .interview-article.layout-ptn01 .interview-article__image {
    width: 100%;
  }
  .interview-article.layout-ptn01::before {
    right: 0px;
    height: 440px;
    width: 210px;
    bottom: -250px;
  }
  .interview-article.layout-ptn02 .interview-article__image {
    width: 100%;
  }
}

.interview-article-other {
  text-align: center;
}
.interview-article-other header {
  font-size: 0.88rem;
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  margin-bottom: 14px;
}
.interview-article-other__icon {
  width: 132px;
  height: auto;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}
.interview-article-other__icon img {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  -o-object-fit: cover;
     object-fit: cover;
}
.interview-article-other__title {
  text-decoration: underline;
  margin-bottom: 37px;
}
.interview-article-other .col + .col {
  margin-left: 0px;
  border-left: 1px solid #dedede;
}
@media screen and (max-width: 599px) {
  .interview-article-other {
    border-left: none;
  }
}

.interview--02 .interview-article-lede {
  background: url(../img/interview/02/pic--01.png) left center/435px auto no-repeat;
}
@media screen and (max-width: 599px) {
  .interview--02 .interview-article-lede {
    height: auto;
    padding-bottom: 370px;
    background: url(../img/interview/02/pic--01.png) center bottom/auto 350px no-repeat;
  }
  .interview--02 .interview-article-lede__content {
    padding-top: 0px;
  }
}
.interview--02 .interview-article__image {
  position: relative;
  z-index: 2;
}
.interview--02 .--m-bottom0 {
  margin-bottom: 0;
}
.interview--02 .--m-top30 {
  margin-top: 30px;
}

/*お知らせ*/
.news-list {
  border-bottom: 1px solid #343434;
}
.news-list:first-of-type {
  border-top: 1px solid #343434;
}
.news-list .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 55px 0px;
}
.news-list__content {
  width: 517px;
  max-width: 100%;
}
.news-list__image {
  width: 252px;
  height: 225px;
}
.news-list__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__title {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.5rem;
  margin-bottom: 50px;
}
.news-list__date {
  font-weight: bold;
  font-size: 1.13rem;
}
@media screen and (max-width: 599px) {
  .news-list__image {
    width: 100%;
    height: auto;
    aspect-ratio: 1.12/1;
  }
}

/*お問合せ*/
.contact-nav .col {
  text-align: center;
}
.contact-nav__title {
  font-size: 1.31rem;
  font-family: kinuta-maruminold-stdn, serif;
}

.contact-free-line__step {
  list-style: none;
}
.contact-free-line__step li {
  margin-bottom: 25px;
}
.contact-free-line__image {
  width: 294px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*よくある質問*/
.faq-section {
  padding: 80px 0px;
  position: relative;
}
.faq-section::after {
  content: "";
  position: absolute;
  height: 55px;
  width: 100%;
  background: url(../img/common/bgi/bgi--pen.png) center bottom repeat-x;
  left: 0px;
  bottom: 0px;
  background-size: contain;
}

.faq__cat {
  border: 1px solid #000000;
  border-top-right-radius: 5px;
  border-bottom: 0px;
  height: 25px;
  font-size: 0.94rem;
  padding: 10px 35px;
  margin-right: 0;
  margin-bottom: 45px;
  position: relative;
  display: inline-block;
}
.faq__cat::after {
  content: "";
  background: url("../img/common/mark/pic--balloon.png") bottom repeat-x;
  position: absolute;
  bottom: -19px;
  width: 100%;
  left: 0px;
  height: 20px;
}
@media screen and (max-width: 599px) {
  .faq {
    padding: 40px 0px;
  }
  .faq__cat {
    padding: 10px;
  }
}

.faq-section .faq-list dt {
  padding-top: 55px;
  font-size: 1.13rem;
  font-family: kinuta-maruminold-stdn, serif;
  margin-bottom: 10px;
}
.faq-section .faq-list dt::before {
  content: "Q.";
  font-size: 1.38rem;
}
.faq-section .faq-list dd {
  padding-bottom: 55px;
  padding-left: 50px;
  border-bottom: 1px dashed #707070;
  position: relative;
}
.faq-section .faq-list dd::before {
  content: "A.";
  font-size: 1.38rem;
  position: absolute;
  left: 20px;
  top: -5px;
}
.faq-section .faq-list dd:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 599px) {
  .faq-section .faq-list dt {
    padding-top: 20px;
  }
  .faq-section .faq-list dd {
    padding-left: 30px;
  }
  .faq-section .faq-list dd::before {
    left: 0;
  }
}

.faq-cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 599px) {
  .faq-cat-list {
    padding-left: 20px;
    padding-right: 20px;
    gap: 10px;
  }
}

.user-interview-section:nth-of-type(2) {
  margin-bottom: 200px;
}

.catch-intro {
  width: 60%;
}
@media screen and (max-width: 599px) {
  .catch-intro {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media screen and (max-width: 599px) {
  .company-info__inner {
    padding: 40px 15px;
  }
}
.company-info__title-jp {
  font-family: "kinuta-maruminold-stdn", serif;
}
.company-info__contact-list {
  list-style: none;
}
.company-info__business-list {
  list-style: none;
}
@media screen and (max-width: 599px) {
  .company-info__business-list {
    padding-left: 0.5rem;
    text-indent: -0.7em;
  }
}
.company-info__table {
  margin-top: 20px;
  width: 100%;
}
.company-info__table tr {
  vertical-align: text-top;
  border-bottom: 1px solid #c9c9c9;
}
@media screen and (max-width: 599px) {
  .company-info__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    vertical-align: auto;
  }
}
.company-info__table th {
  width: 20%;
}
@media screen and (max-width: 599px) {
  .company-info__table th {
    padding: 15px 0;
  }
}
.company-info__table td {
  width: 80%;
  padding: 15px 0;
}

.company-access {
  margin-top: 102px;
}
@media screen and (max-width: 599px) {
  .company-access {
    margin-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .company-access__inner {
    padding: 40px 15px;
  }
}
.company-access__title-jp {
  font-family: "kinuta-maruminold-stdn", serif;
}
.company-access__map {
  margin-top: 20px;
  width: 100%;
  height: auto;
  aspect-ratio: 870/497;
}
.company-access__map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.strong-points-catch__inner {
  margin-top: 75px;
  padding-bottom: 184px;
}
@media screen and (max-width: 599px) {
  .strong-points-catch__inner {
    padding: 40px 15px;
    margin-top: 30px;
  }
}
.strong-points-catch__title {
  font-size: 28px;
  font-family: kinuta-maruminold-stdn, serif;
}
@media screen and (max-width: 599px) {
  .strong-points-catch__title {
    font-size: 22px;
  }
}
.strong-points-catch__media {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 82px;
  margin-top: 75px;
}
@media screen and (max-width: 599px) {
  .strong-points-catch__media {
    display: block;
    margin-top: 40px;
  }
}
.strong-points-catch__media .strong-points-catch__txt-box {
  width: 59%;
}
@media screen and (max-width: 599px) {
  .strong-points-catch__media .strong-points-catch__txt-box {
    width: auto;
  }
}
.strong-points-catch__media .strong-points-catch__txt-box p:nth-child(n+2) {
  margin-top: 30px;
}
.strong-points-catch__media .strong-points-catch__img-box {
  position: absolute;
  right: -243px;
  width: 63%;
  aspect-ratio: 533/537;
  max-width: 533px;
}
@media screen and (max-width: 599px) {
  .strong-points-catch__media .strong-points-catch__img-box {
    right: 0;
    max-width: 100%;
  }
}

.strong-points-feature__inner {
  margin-top: 85px;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__inner {
    padding: 40px 15px;
    margin-top: 30px;
  }
}
.strong-points-feature__title {
  position: relative;
  text-align: center;
}
.strong-points-feature__title img {
  width: 320px;
  height: 320px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__title img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
}
.strong-points-feature__title::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% - 22px));
          transform: translate(-50%, calc(-50% - 22px));
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 1366/51;
  z-index: -1;
  background: url(../img/about/strong-points/bgi--top.webp) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__title::before {
    aspect-ratio: 366/51;
  }
}
.strong-points-feature__list {
  position: relative;
  margin-top: 60px;
}
.strong-points-feature__list::before {
  position: absolute;
  top: 20px;
  right: 0;
  -webkit-transform: translateX(35%);
          transform: translateX(35%);
  content: "";
  width: 718px;
  height: 708px;
  z-index: -1;
  background: url(../img/about/strong-points/feature_deco_01.svg) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__list::before {
    display: none;
  }
}
.strong-points-feature__list::after {
  position: absolute;
  bottom: 280px;
  left: 113px;
  content: "";
  width: 366.61px;
  height: 361.94px;
  z-index: -1;
  background: url(../img/about/strong-points/feature_deco_02.svg) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__list::after {
    display: none;
  }
}
.strong-points-feature__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__media {
    display: block;
  }
}
.strong-points-feature__media .strong-points-feature__img-box {
  width: 38%;
  height: auto;
  aspect-ratio: 333/377;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__media .strong-points-feature__img-box {
    width: 70%;
    margin: 0 auto;
  }
}
.strong-points-feature__media .strong-points-feature__txt-box {
  width: 58%;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__media .strong-points-feature__txt-box {
    width: 100%;
  }
}
.strong-points-feature__media .strong-points-feature__txt-title {
  position: relative;
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 24px;
  padding-top: 45px;
}
.strong-points-feature__media .strong-points-feature__txt-title::before {
  position: absolute;
  top: 20px;
  left: 0;
  content: "";
  width: 77.11px;
  height: 27.48px;
  background: url(../img/about/strong-points/feature_media_num01.svg) center/cover no-repeat;
}
.strong-points-feature__media .strong-points-feature__txt {
  margin-top: 20px;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__media:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.strong-points-feature__media:nth-child(n+2) {
  margin-top: 150px;
}
@media screen and (max-width: 599px) {
  .strong-points-feature__media:nth-child(n+2) {
    margin-top: 100px;
  }
}
.strong-points-feature__media:nth-of-type(2) .strong-points-feature__txt-title::before {
  background: url(../img/about/strong-points/feature_media_num02.svg) center/cover no-repeat;
}
.strong-points-feature__media:nth-of-type(3) .strong-points-feature__txt-title::before {
  background: url(../img/about/strong-points/feature_media_num03.svg) center/cover no-repeat;
}

.strong-points-tip {
  position: relative;
}
.strong-points-tip::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 100vw;
  height: 100%;
  background-color: #f4f3e6;
  z-index: -1;
}
.strong-points-tip::after {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% + 5px));
          transform: translate(-50%, calc(-100% + 5px));
  content: "";
  width: 100vw;
  height: auto;
  aspect-ratio: 1366/51;
  z-index: -1;
  background: url(../img/about/strong-points/bgi--top.webp) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-tip::after {
    aspect-ratio: 366/51;
  }
}
.strong-points-tip__inner {
  padding: 67px 0 109px 0;
  margin-top: 234px;
}
@media screen and (max-width: 599px) {
  .strong-points-tip__inner {
    padding: 67px 15px 30px 15px;
  }
}
.strong-points-tip__title {
  position: relative;
  text-align: center;
  font-family: kinuta-maruminold-stdn, serif;
  padding-top: 105px;
}
.strong-points-tip__title::before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 141.2px;
  height: 73.85px;
  background: url(../img/about/strong-points/feature_tip_ttl.svg) center/cover no-repeat;
}
.strong-points-tip__list {
  list-style: none;
  margin-top: 105px;
}
.strong-points-tip__list .strong-points-tip__media {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.strong-points-tip__list .strong-points-tip__img-box {
  position: absolute;
}
.strong-points-tip__list .strong-points-tip__txt-box {
  position: relative;
  width: 60%;
  margin: 0 auto 0 0;
  padding: 35px 25px 25px 25px;
  border-radius: 5px;
  background-color: #fdfdfd;
}
@media screen and (max-width: 599px) {
  .strong-points-tip__list .strong-points-tip__txt-box {
    width: 100%;
  }
}
.strong-points-tip__list .strong-points-tip__txt-box p {
  background: linear-gradient(to bottom, rgba(112, 112, 112, 0.2) 1px, transparent 1px) repeat-y;
  background-size: 100% 2em;
  line-height: 2em;
  font-weight: 500;
}
.strong-points-tip__list .strong-points-tip__txt-box::after {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -80%) scaleX(-1) rotate(-55deg);
          transform: translate(50%, -80%) scaleX(-1) rotate(-55deg);
  content: "";
  width: 72.79px;
  height: 32.66px;
  background: url(../img/about/strong-points/feature_tip_deco02.svg) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-tip__list .strong-points-tip__txt-box::after {
    -webkit-transform: translate(20px, -80%) scaleX(-1) rotate(-55deg);
            transform: translate(20px, -80%) scaleX(-1) rotate(-55deg);
  }
}
.strong-points-tip__list li:nth-child(n+2) {
  margin-top: 100px;
}
.strong-points-tip__list li:nth-of-type(1) .strong-points-tip__img-box {
  right: 10%;
  bottom: 0;
}
.strong-points-tip__list li:nth-of-type(2) .strong-points-tip__txt-box {
  margin: 0 0 0 auto;
}
.strong-points-tip__list li:nth-of-type(2) .strong-points-tip__txt-box::after {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -80%) rotate(15deg);
          transform: translate(-50%, -80%) rotate(15deg);
  content: "";
  width: 78px;
  height: 69px;
  background: url(../img/about/strong-points/feature_tip_deco02_left.svg) center/contain no-repeat;
}
.strong-points-tip__list li:nth-of-type(2) .strong-points-tip__img-box {
  left: 11%;
  bottom: -80px;
  z-index: 1;
}
.strong-points-tip__list li:nth-of-type(3) .strong-points-tip__txt-box {
  position: relative;
  padding-bottom: 145px;
}
.strong-points-tip__list li:nth-of-type(3) .strong-points-tip__txt-box::before {
  position: absolute;
  right: 31.2px;
  bottom: 18.4px;
  content: "";
  width: 301.3px;
  height: 90.5px;
  background: url(../img/about/strong-points/feature_tip_deco.svg) center/cover no-repeat;
}
.strong-points-tip__list li:nth-of-type(3) .strong-points-tip__img-box {
  right: 30px;
  bottom: -80px;
  z-index: 1;
}

.strong-points-mainte__inner {
  margin-top: 100px;
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__inner {
    margin-top: 0;
    padding: 67px 15px 0 15px;
  }
}
.strong-points-mainte__title {
  position: relative;
  display: inline-block;
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.81rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__title {
    font-size: 24px;
  }
}
.strong-points-mainte__title::after {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -80%) scaleX(-1) rotate(-55deg);
          transform: translate(50%, -80%) scaleX(-1) rotate(-55deg);
  content: "";
  width: 72.79px;
  height: 32.66px;
  background: url(../img/about/strong-points/feature_tip_deco02.svg) center/cover no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__title::after {
    -webkit-transform: translate(20px, -80%) scaleX(-1) rotate(-55deg);
            transform: translate(20px, -80%) scaleX(-1) rotate(-55deg);
  }
}
.strong-points-mainte__title span {
  font-size: 1rem;
}
.strong-points-mainte__media {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  padding: 59px 54px;
  border: 1px solid #000000;
  background-color: #fff;
  margin-top: 25px;
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__media {
    display: block;
    padding: 55px 15px;
  }
}
.strong-points-mainte__media::before {
  position: absolute;
  bottom: -5px;
  right: -7px;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
  background: #000;
}
.strong-points-mainte__media .strong-points-mainte__txt-box {
  width: calc(68% - 30px);
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__media .strong-points-mainte__txt-box {
    width: 100%;
  }
}
.strong-points-mainte__media .strong-points-mainte__txt-box p {
  font-size: 0.875rem;
  font-weight: 500;
}
.strong-points-mainte__media .strong-points-mainte__txt-box p:nth-child(n+2) {
  margin-top: 35px;
}
.strong-points-mainte__media .strong-points-mainte__txt-box .highlight {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #f5f524), color-stop(20%, transparent));
  background: linear-gradient(to top, #f5f524 40%, transparent 20%);
  display: inline;
}
.strong-points-mainte__media .strong-points-mainte__img-box {
  position: relative;
  height: 100%;
  max-width: 280px;
  aspect-ratio: 280/500;
}
@media screen and (max-width: 599px) {
  .strong-points-mainte__media .strong-points-mainte__img-box {
    width: 100%;
    max-width: none;
    margin-top: 60px;
  }
}
.strong-points-mainte__media .strong-points-mainte__img-box::before {
  position: absolute;
  top: -17.6px;
  left: 20.5px;
  content: "";
  width: 31.74px;
  height: 60.14px;
  background: url(../img/about/strong-points/mainte_media_deco.svg) center/contain no-repeat;
}

.strong-points-message__inner {
  margin-top: 250px;
}
@media screen and (max-width: 599px) {
  .strong-points-message__inner {
    margin-top: 0;
    padding: 67px 15px 0 15px;
  }
}
.strong-points-message__title {
  position: relative;
  display: inline-block;
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.875rem;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
.strong-points-message__title span {
  font-size: 1.75rem;
}
.strong-points-message__message-box {
  position: relative;
  width: 74.6%;
  padding-right: 25.4%;
}
@media screen and (max-width: 599px) {
  .strong-points-message__message-box {
    padding-right: 0;
    width: auto;
    padding-bottom: 150px;
  }
}
.strong-points-message__message-box p {
  background: linear-gradient(to bottom, rgba(112, 112, 112, 0.2) 1px, transparent 1px) repeat-y;
  background-size: 100% 2.5em;
  line-height: 2.5em;
  font-size: 0.937rem;
  font-weight: 500;
}
.strong-points-message__message-box .space {
  background: linear-gradient(to bottom, rgba(112, 112, 112, 0.2) 1px, transparent 1px) repeat-y;
  background-size: 100% 2.25em;
  line-height: 2.25em;
}
.strong-points-message__message-box .name {
  font-size: 1.4375rem;
}
@media screen and (max-width: 599px) {
  .strong-points-message__message-box .name {
    display: block;
    margin-top: 40px;
  }
}
.strong-points-message__message-box::before {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  content: "";
  width: 385px;
  height: 326px;
  background: url(../img/about/strong-points/message_media.webp) center/contain no-repeat;
}
@media screen and (max-width: 599px) {
  .strong-points-message__message-box::before {
    top: inherit;
    bottom: 0;
    right: -60px;
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
    background: url(../img/about/strong-points/message_media_sp.webp) center/contain no-repeat;
    z-index: 1;
  }
}

.top-others-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0 !important;
}

.news-archive-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 45px;
}
.news-archive-wrap .news-cat-list {
  list-style: none;
  padding-bottom: 55px;
}
.news-archive-wrap .news-cat-list li a {
  font-size: 14px;
}
.news-archive-wrap .news-archive-list {
  list-style: none;
}
.news-archive-wrap .sidebar {
  width: 24%;
}
.news-archive-wrap .sidebar h2 {
  font-size: 18px;
  border-bottom: 1px solid #343434;
  margin-bottom: 10px;
}
.news-archive-wrap .main-content {
  width: 70%;
}
@media screen and (max-width: 599px) {
  .news-archive-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .news-archive-wrap .sidebar {
    width: 100%;
  }
  .news-archive-wrap .main-content {
    width: 100%;
  }
}

.event-details {
  width: 82%;
  margin: 0 auto;
  margin-bottom: 60px;
}
.event-details h2 {
  font-family: kinuta-maruminold-stdn, serif;
}

/*
	サイト全体のユーティリティ設定
*/
/* 文字サイズの設定 */
.u-font-size--x-small {
  font-size: 0.81rem;
}

.u-font-size--small {
  font-size: 0.88rem;
}

.u-font-size--large {
  font-size: 1.13rem;
}

.u-font-size--x-large {
  font-size: 1.25rem;
}

.u-font-size--xx-large {
  font-size: 1.38rem;
}

.u-font-size--xxx-large {
  font-size: 1.81rem;
}

/* 文字色、装飾の設定 */
.u-font-bold {
  font-weight: bold;
}

.u-color-red {
  color: red;
}

.u-color-white {
  color: white;
}

.u-color-main {
  color: #3B3B3B;
}

.u-color-sub {
  color: #8CB826;
}

.u-ff-en, .footer-bottom .copy, .page-title__en, .page-parent .page-title__en, .top-section__title-en, .title-other05, .title-other06, .title-other07, .title-other08, .post__date, .top-service__number, .top-service-menu__list li, .target-list__number, .section-contact__inner02 .tel,
.section-contact__inner02 .tel:hover,
.section-contact__inner02 .tel:link, .faq-section .faq-list dt::before, .faq-section .faq-list dd::before {
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  letter-spacing: 0.1rem;
}

.u-font-italic {
  font-style: italic;
}

/* マーカーの設定 */
.u-marker-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D8FAF1));
  background: linear-gradient(transparent 60%, #D8FAF1 60%);
  padding: 0 2px;
  position: relative;
  behavior: url(PIE.htc);
  font-weight: bold;
}

.u-marker-gray {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #E3E3E3));
  background: linear-gradient(transparent 60%, #E3E3E3 60%);
  padding: 0 2px;
  position: relative;
  behavior: url(PIE.htc);
}

.u-marker-green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #D6FFD9));
  background: linear-gradient(transparent 60%, #D6FFD9 60%);
  padding: 0 2px;
  position: relative;
  behavior: url(PIE.htc);
}

/* 段落の設定 */
.u-txt {
  padding: 0 1px;
}

.u-paragraph {
  padding: 0 1px 0 1px;
  margin-bottom: 1em;
}

.u-txt-sub {
  font-size: 85% !important;
  color: #666;
}

.u-txt-attention {
  padding: 0 0 0 0.7em;
  text-indent: -0.7em;
  color: #C60;
}

/* 文字寄せの設定 */
.u-textalign-center {
  text-align: center;
}

.u-textalign-right {
  text-align: right;
}

.u-textalign-left {
  text-align: left;
}

/* floatの設定 */
.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-clear {
  clear: both;
}

.u-overflow-hidden {
  overflow: hidden;
}

/* 画像の寄せ */
img.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

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

/* 線の設定 */
.u-line-dashed {
  border: none;
  border-top: 1px dashed #ccc;
  height: 1px;
}

/* ポジションの設定 */
.u-position-relative {
  position: relative;
}

/* マージンボトムの設定 */
.u-margin-bottom--none {
  margin-bottom: 0px;
}

.u-margin-bottom--small {
  margin-bottom: 10px;
}

.u-margin-bottom {
  margin-bottom: 30px;
}

.u-margin-bottom--large {
  margin-bottom: 60px;
}
@media screen and (max-width: 599px) {
  .u-margin-bottom--large {
    margin-bottom: 40px;
  }
}

.u-margin-bottom--x-large {
  margin-bottom: 80px;
}
@media screen and (max-width: 599px) {
  .u-margin-bottom--x-large {
    margin-bottom: 60px;
  }
}

.u-margin-bottom--xx-large {
  margin-bottom: 120px;
}
@media screen and (max-width: 599px) {
  .u-margin-bottom--xx-large {
    margin-bottom: 80px;
  }
}

.u-margin-bottom--max {
  margin-bottom: 160px;
}
@media screen and (max-width: 599px) {
  .u-margin-bottom--max {
    margin-bottom: 120px;
  }
}

/* 改行の設定 */
.u-br-sp {
  display: none;
}
@media screen and (max-width: 599px) {
  .u-br-sp {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  .u-br-notsp {
    display: none;
  }
}

/* 親の幅を超える設定 */
.u-over-parent, .section-layout-brown, .section-layout-yellow, .section-layout-white, .bg-gra, .bg-gra02, .bg-gra03, .top-main, .section-flow, .flow-section, .flow-section01, .faq-section {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 435px);
  padding-right: calc(50vw - 435px);
}
@media screen and (max-width: 599px) {
  .u-over-parent, .section-layout-brown, .section-layout-yellow, .section-layout-white, .bg-gra, .bg-gra02, .bg-gra03, .top-main, .section-flow, .flow-section, .flow-section01, .faq-section {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.u-over-parent-lg, .layout-title, .catch, .seminar-info {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 500px);
  padding-right: calc(50vw - 500px);
}
@media screen and (max-width: 599px) {
  .u-over-parent-lg, .layout-title, .catch, .seminar-info {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.u-fr-brown {
  background: #F3EEE9;
  border-radius: 6px;
  padding: 40px 80px;
  color: #0B0B0B;
}
@media screen and (max-width: 599px) {
  .u-fr-brown {
    padding: 30px 15px;
  }
}

.u-fr-01 {
  background: #fff;
  border: 2px solid #000;
  border-radius: 11px;
  padding: 30px 140px 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-top: 60px;
  -webkit-box-shadow: 0px 5px 0px #C7C6B9;
          box-shadow: 0px 5px 0px #C7C6B9;
}
.u-fr-01::before {
  content: url(../img/service/common/consulting/dec--03.svg);
  position: absolute;
  top: -57px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 599px) {
  .u-fr-01 {
    padding: 15px;
  }
}

.u-fr-02 {
  background: #fff;
  border: 2px solid #000;
  border-radius: 36px;
  padding: 14px 74px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 0px #C7C6B9;
          box-shadow: 0px 5px 0px #C7C6B9;
  display: inline-block;
}

.u-fr-03 {
  background: #fff;
  border: 10px solid;
  border-image-source: url(../img/common/mark/pic--border.jpg);
  border-image-slice: 33%;
  border-image-repeat: repeat;
  border-image-width: 16px;
  padding: 37px 65px;
}
@media screen and (max-width: 599px) {
  .u-fr-03 {
    padding: 30px 15px;
  }
}

.u-fr-gray {
  background: #F2F2F2;
  border: 6px solid #E3E3E3;
  border-radius: 4px;
  padding: 40px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*背景*/
.u-bg-wcw, footer, .section-faq {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 435px);
  padding-right: calc(50vw - 435px);
  background: url(../img/common/bgi/bgi--wcw.jpg) top center repeat;
}
@media screen and (max-width: 599px) {
  .u-bg-wcw, footer, .section-faq {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*サムネイル*/
.thum-box__cover {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.thum-box__cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thum-box__contain {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.thum-box__contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

.rubyposition_under {
  display: inline-block;
}

.rubyposition_under ruby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: justify; /* この指定は text-align-last を IE に対応させるために必要 */
  -moz-text-align-last: justify;
       text-align-last: justify;
}

.outline {
  display: inline-block;
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000, -1px -1px 0px #000000, 1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000;
}

/* theme */
/*
	サイト全体で使う色の指定
*/
/*
	サイト全体のアイテムの設定
*/
.om-layout {
  width: 1000px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.om-layout .om-layout {
  margin-top: -133px;
}
.om-layout .layout-main-col {
  width: 730px;
  max-width: 100%;
}
.om-layout .layout-sub-col {
  width: 240px;
  padding-bottom: 100px;
}
.om-layout .free-counseling {
  padding: 100px 50px;
}
.om-layout .free-counseling__content {
  width: 360px;
}
.om-layout .free-counseling__content .title-lv2 {
  font-size: 1.38rem !important;
}
.om-layout .free-counseling__image {
  width: 250px;
}
.om-layout .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.om-layout .section-contact__inner01 {
  width: 430px;
}
.om-layout .section-contact__inner02 {
  width: 270px;
}
.om-layout .btn {
  font-size: 0.88rem;
}
@media screen and (max-width: 599px) {
  .om-layout {
    width: 100%;
  }
  .om-layout .layout-main-col,
  .om-layout .layout-sub-col,
  .om-layout .section-contact__inner01,
  .om-layout .section-contact__inner02 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .om-layout .free-counseling {
    padding: 30px 15px;
    border-radius: 30px;
    margin-bottom: 100px;
  }
  .om-layout .free-counseling__image {
    width: 100%;
  }
  .om-layout .free-counseling__image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/*カテゴリ*/
.om-category {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 80px;
  font-size: 113%;
  background: url(../img/common/bgi/bgi--pen-om.png) center top/100% 66px no-repeat;
  padding-top: 100px;
}
.om-category__title {
  margin-bottom: 15px;
  font-weight: bold;
  color: #4EADA6;
  font-size: 113%;
}
.om-category__list {
  list-style: none;
}
.om-category__list.row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.om-category__list li {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 15px;
  line-height: 1.3;
}
.om-category__list a {
  background: #EDEDED;
  display: inline-block;
  border-radius: 20px;
  text-decoration: none;
  color: #5A5A5A;
  padding: 10px 40px;
  font-size: 0.88rem;
}
.om-category.column-nav {
  font-family: kinuta-maruminold-stdn, serif;
  padding: 0px;
  background: none;
}
.om-category.column-nav .om-category__list a {
  background: none;
  font-size: 1rem;
  text-decoration: underline;
  padding: 5px;
}
@media screen and (max-width: 599px) {
  .om-category {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../img/common/bgi/bgi--pen-om.png) center top/contain no-repeat;
    padding-top: 50px;
  }
  .om-category__list li {
    margin-bottom: 0px;
  }
  .om-category__list {
    margin-bottom: 30px;
  }
}

/*検索エリア*/
.om-search {
  margin-bottom: 120px;
}
.om-search__title {
  margin-bottom: 15px;
  font-weight: bold;
  color: #4EADA6;
  font-size: 113%;
}
.om-search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.om-search .hidden-search-field {
  border: 1px solid #707070;
  border-radius: 30px;
  background: url(../img/common/mark/ico--search.svg) center left 20px no-repeat, #fff;
  height: 44px;
  padding: 0px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 5px;
  box-sizing: border-box;
  width: cacl;
}
.om-search .hidden-search-field::-webkit-input-placeholder {
  color: #5A5A5A;
}
.om-search .hidden-search-field::-moz-placeholder {
  color: #5A5A5A;
}
.om-search .hidden-search-field:-ms-input-placeholder {
  color: #5A5A5A;
}
.om-search .hidden-search-field::-ms-input-placeholder {
  color: #5A5A5A;
}
.om-search .hidden-search-field::placeholder {
  color: #5A5A5A;
}
.om-search .hidden-search-button {
  background-color: #EDEDED;
  border: none;
  color: #5A5A5A;
  width: 60px;
  height: 44px;
  font-size: 0.88rem;
  border-radius: 5px;
}

/*記事*/
.om-article {
  background: url(../img/common/bgi/bgi--pen-om.png) center top/100% 66px no-repeat;
  padding-top: 100px;
  /*記事日付エリア*/
  /*更新日*/
  /*公開日*/
}
.om-article__title-lv1 {
  font-family: century-old-style-std, kinuta-maruminold-stdn, serif;
  font-size: 1.56rem;
  color: #3B3B3B;
  letter-spacing: 0.1rem;
  font-weight: normal;
  margin-bottom: 30px;
}
.om-article__title-lv2 {
  font-family: kinuta-maruminold-stdn, serif;
  font-size: 1.63rem;
  margin-bottom: 48px;
}
.om-article__contents { /*記事内装飾*/
  padding: 0px;
}
.om-article__contents h2 {
  background: url(../img/common/bgi/bgi--pen-om.png) center bottom/100% 66px no-repeat;
  width: 100%;
  font-size: 1.76rem;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-top: 100px;
  line-height: 1.5;
}
.om-article__contents h3 {
  color: #797979;
  font-size: 1.38rem;
  margin-bottom: 37px;
}
.om-article__contents h4 {
  color: #797979;
  font-size: 1.25rem;
  margin-bottom: 25px;
  font-weight: normal;
}
.om-article__contents img {
  height: auto;
  margin-bottom: 10px;
  max-width: 100%;
}
.om-article__contents ul {
  margin: 20px;
}
.om-article__contents ul li {
  list-style: disc;
}
.om-article__date {
  font-size: 1.13rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  margin-bottom: 30px;
}
.om-article__update {
  margin-right: 18px;
  font-size: 0.88rem;
}
.om-article__update-title {
  background: #676767;
  color: #fff;
  width: 110px;
  padding: 8px 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  margin-right: 10px;
}
.om-article .om-thum-box {
  width: 100%;
  aspect-ratio: 8/4;
}
.om-article .btn {
  font-size: 0.88rem;
}
@media screen and (max-width: 599px) {
  .om-article {
    background: url(../img/common/bgi/bgi--pen-om.png) center top/contain no-repeat;
    padding-top: 50px;
  }
  .om-article__date {
    display: block;
  }
  .om-article__contents { /*記事内装飾*/
    padding: 0px;
  }
  .om-article__contents h2 {
    margin-top: 40px;
    margin-left: 0px;
    background: url(../img/common/bgi/bgi--pen-om.png) center bottom/contain no-repeat;
    height: auto;
    width: 100%;
    font-size: 1.25rem;
  }
  .om-article__contents h3, .om-article__contents h4 {
    margin-bottom: 15px;
    font-size: 1rem;
  }
}

/*執筆者*/
.om-author {
  margin-bottom: 150px;
}
.om-author__image {
  width: 170px;
}
.om-author__name {
  text-align: center;
  font-size: 1.13rem;
  font-weight: bold;
}
.om-author__title {
  border-bottom: 2px dotted #000;
  padding: 5px 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-size: 0.88rem;
}
.om-author__contents {
  position: relative;
  padding: 10px 0px 28px;
  background: url(../img/common/bgi/bgi--border-om01.jpg) top center/100% 2px no-repeat, url(../img/common/bgi/bgi--border-om01.jpg) bottom center/100% 2px no-repeat, url(../img/common/bgi/bgi--border-om02.jpg) left top/2px 100% repeat-y, url(../img/common/bgi/bgi--border-om03.jpg) right top/2px 100% repeat-y;
}
.om-author__contents::before {
  content: url(../img/interview/common/pic--pen01.svg);
  position: absolute;
  top: -32px;
  left: 0px;
}
.om-author__text {
  padding: 5px 25px;
  font-size: 0.88rem;
}
@media screen and (max-width: 599px) {
  .om-author {
    display: block;
  }
  .om-author__image {
    margin-right: auto;
    margin-left: auto;
  }
  .om-author__contents {
    margin: 1.5em 0 0 0;
    padding: 30px 15px;
  }
  .om-author__contents:before {
    top: -30px;
    left: 50%;
    margin-left: -15px;
    margin-top: 0px;
    border: 15px solid transparent;
    border-bottom: 15px solid #F8F2E9;
  }
}

/*記事リスト*/
.om-article-list {
  padding-top: 40px;
  margin-bottom: 160px;
  position: relative;
  /*記事イメージ*/
  /*記事タイトル*/
  /*2列*/
  /*3列*/
  /*記事日付エリア*/
  /*更新日*/
  /*公開日*/
}
.om-article-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.om-article-list li {
  margin-bottom: 60px;
  list-style: none;
}
.om-article-list .om-thum-box {
  height: 210px;
  margin-bottom: 10px;
}
.om-article-list .om-thum-box img {
  border-radius: 7px;
}
.om-article-list__title {
  font-size: 1.25rem;
  font-family: kinuta-maruminold-stdn, serif;
}
.om-article-list__title a {
  text-decoration: none;
}
.om-article-list__excerpt {
  font-size: 0.88rem;
  margin: 15px 0px;
}
.om-article-list a:hover {
  opacity: 0.8;
}
.om-article-list .col-2 li {
  width: 48%;
  margin-right: 4%;
}
.om-article-list .col-2 li:last-of-type {
  margin-right: 0px;
}
.om-article-list .col-2 li:nth-of-type(2n) {
  margin-right: 0px;
}
.om-article-list .col-3 li {
  width: 30%;
  margin-right: 5%;
}
.om-article-list .col-3 li:last-of-type {
  margin-right: 0px;
}
.om-article-list .col-3 li:nth-of-type(3n) {
  margin-right: 0px;
}
.om-article-list__date {
  font-size: 0.81rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.om-article-list__update {
  margin-right: 18px;
  font-size: 0.88rem;
  color: #BFBFBF;
}
.om-article-list__publish {
  margin-right: 18px;
  font-size: 0.88rem;
  color: #BFBFBF;
}
.om-article-list__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.om-article-list__cat::before {
  margin-right: 8px;
  padding-top: 5px;
  content: url(../img/common/mark/ico--book.svg);
}
.om-article-list__cat-name, .om-article-list__tag-name {
  display: inline-block;
  text-decoration: underline;
  color: #0B0B0B;
  padding: 0px 4px;
  font-size: 0.88rem;
}
.om-article-list__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.om-article-list__tag::before {
  margin-right: 8px;
  padding-top: 5px;
  content: url(../img/common/mark/ico--tag.svg);
}
.om-article-list__tag a {
  display: inline-block;
  text-decoration: underline;
  color: #0B0B0B;
  padding: 0px 4px;
  font-size: 0.88rem;
}
.om-article-list::before {
  content: url(../img/common/item/bgi-left/bgi--left-bottom.svg);
  position: absolute;
  left: 0;
  bottom: -160px;
}
.om-article-list.no-bg {
  background: none;
}
.om-article-list.no-bg::before {
  content: "";
}
@media screen and (max-width: 599px) {
  .om-article-list {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .om-article-list .col-sp-1 li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .om-article-list .col-sp-1 li:last-of-type {
    margin-right: 0px;
  }
  .om-article-list .col-sp-1 li:nth-of-type(2n) {
    margin-right: 0px;
  }
  .om-article-list .col-sp-1 li:nth-of-type(3n) {
    margin-right: 0px;
  }
  .om-article-list__cat-name {
    margin-bottom: 5px;
  }
}

/*SNS*/
.om-sns {
  /*display: flex;
  margin-top: 50px;
  &__list{
  	list-style: none;
  	margin-right: 10px;
  	&.youtube{
  		width: 96px;
  	}
  	&.facebook,
  	&.instagram{
  		width: 32px;
  	}
  }*/
}

/*ボタン*/
.om-btn {
  /*background: url(../img/owned-media/ico--arrow.svg) center right 15px no-repeat,#fff;
     border: 2px solid #D90D0D;
     display: inline-block;
     width: 307px;
     padding: 20px 0;
     color: #523A20;
     text-decoration: none;
     font-weight: normal;
     text-align: center;*/
}

/*関連記事*/
.om-relatied {
  /*.om-article-list{
  	background: none;
  	margin-bottom: 60px;
  	&::before{
  		content: "";
  	}
  }
  &__title{
  	margin-bottom: 15px;
  	font-weight: bold;
  	color: #4EADA6;
  	font-size: 113%;
  }
  @media screen and (max-width: $bp-sp) {
  	.om-article-list{
  		margin-bottom: 0px;
  	}
  }*/
}

/* ページネーションの設定 */
.om-pagination {
  position: relative;
  padding: 20px 0;
  clear: both;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*span,  a {
  	background-color: #FAFAFA;
  	display: inline-block;
  	width: 50px;
  	height: 50px;
  	margin: 2px 5px 2px 0;
  	text-align: center;
  	text-decoration: none;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	border-radius: 10px;
  	font-size: $font-size--large;
  	margin: 0px 30px;
  }
  a {
  	border: 1px solid #F0F3F5;
  	&:hover{

  	}
  }*/
}
.om-pagination .current,
.om-pagination .active,
.om-pagination .inactive {
  width: auto;
  border: none;
  background: none;
  margin: 0px 10px;
  color: #98A6B5;
}
.om-pagination li {
  margin-bottom: 0px;
}
.om-pagination .page-numbers {
  color: #98A6B5;
  margin: 0px 10px;
}
.om-pagination .page-numbers.next, .om-pagination .page-numbers.prev {
  background-color: #FAFAFA;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}
.om-pagination .page-numbers.current {
  color: #000000;
}
.om-pagination .page-numbers, .om-pagination .pagination {
  margin-bottom: 0px;
  margin-top: 0px;
}

.om-article-footer {
  margin-top: 100px;
  margin-bottom: 190px;
  text-align: center;
}
.om-article-footer .om-btn {
  background: #fff;
}
@media screen and (max-width: 599px) {
  .om-article-footer {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .om-article-footer .om-btn {
    background: #fff;
    margin-top: 20px;
  }
}

/* 記事ナビゲーション */
.om-article-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.om-article-nav__next, .om-article-nav__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.om-article-nav a {
  text-decoration: none;
}

/*目次*/
div#ez-toc-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 60px;
}

#ez-toc-container {
  width: 100%;
  border: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background: url(../img/common/bgi/bgi--wcw.jpg);
  padding-bottom: 58px;
}
#ez-toc-container ul li {
  list-style: none;
}

.ez-toc-title-container {
  margin-bottom: 10px;
}

.ez-toc-title {
  font-size: 1.25rem;
  color: #fff;
  background: #575757;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  width: 100%;
  height: 50px;
  padding-left: 30px;
  padding-top: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ez-toc-list {
  color: #000;
  list-style: decimal;
  margin-left: 60px;
  padding-top: 60px;
}

.ez-toc-heading-level-2 {
  list-style: none;
  font-size: 1.25rem;
  font-weight: 500;
}

.ez-toc-heading-level-3 {
  margin-left: 30px;
  list-style: none;
  font-size: 1rem;
  font-weight: normal;
}

@media screen and (max-width: 599px) {
  div#ez-toc-container {
    padding: 0px;
  }
  #ez-toc-container {
    border-right: 20px;
  }
  .ez-toc-title {
    padding-left: 15px;
  }
  .ez-toc-list {
    margin-left: 15px;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .ez-toc-heading-level-2 {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .ez-toc-heading-level-3 {
    font-size: 0.88rem;
    margin-left: 15px;
  }
}
/*ビデオ Youtube*/
.om-video {
  padding: 0px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  aspect-ratio: 16/9;
}
.om-video iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 599px) {
  .om-video {
    padding: 0px;
  }
}

/*概要*/
.om-description {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 48px;
  margin-bottom: 60px;
}
@media screen and (max-width: 599px) {
  .om-description {
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

/*サムネイル*/
.om-thum-box {
  margin: 0px;
  width: 100%;
  aspect-ratio: 4/3;
  display: block;
}
.om-thum-box img {
  width: 100%;
  height: 100%;
}
.om-thum-box__cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
.om-thum-box__contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.om-pickup {
  margin-bottom: 60px;
}
.om-pickup .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.om-pickup .om-thum-box {
  width: 400px;
}
.om-pickup .om-article-list__content {
  width: 300px;
}
@media screen and (max-width: 599px) {
  .om-pickup .om-thum-box,
  .om-pickup .om-article-list__content {
    width: 100%;
  }
}

.om-side .side-nav__title {
  font-family: kinuta-maruminold-stdn, serif;
  font-weight: normal;
  background: url(../img/common/bgi/bgi--line.svg) bottom center/contain no-repeat;
  padding-bottom: 10px;
  font-size: 1rem;
  margin-bottom: 10px;
}
.om-side .side-nav-list li {
  padding: 12px 0px;
  border-bottom: dashed 1px #000;
}
.om-side__cat, .om-side__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
.om-side__cat li a, .om-side__tag li a {
  text-decoration: underline;
  color: #0B0B0B;
  padding: 0px 4px;
  font-size: 0.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.om-side__cat li a::before {
  margin-right: 8px;
  padding-top: 5px;
  content: url(../img/common/mark/ico--book.svg);
}
/*# sourceMappingURL=master.css.map */