@charset "UTF-8";
/*※注意 メディアクエリについて
各セレクタ、都度振り分けるパターンと各下部にまとめてる場合があります*/
/* ---------------------------------------------------------------------------
** 01utils start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 01utils var
--------------------------------------------------------------------------- */
/* color*/
/* breakpoint */
/* ---------------------------------------------------------------------------
** 01utils mixin
--------------------------------------------------------------------------- */
/* breakpoint */
/* 背景 */
/* 上下中央 */
/* box-sizing */
/* ====== Animation Setting ====== */
.animation { visibility: hidden; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* 下からスラインドイン */
@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInUp, .slideInUp02, .slideInUp03, .slideInUp04, .slideInUp05 { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

.slideInUp02 { -webkit-animation-delay: .2s; animation-delay: .2s; /* 開始時間 */ }

.slideInUp03 { -webkit-animation-delay: .4s; animation-delay: .4s; /* 開始時間 */ }

.slideInUp04 { -webkit-animation-delay: .6s; animation-delay: .6s; /* 開始時間 */ }

.slideInUp05 { -webkit-animation-delay: .8s; animation-delay: .8s; /* 開始時間 */ }

/* 左からスラインドイン */
@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInLeft, .slideInLeft02, .slideInLeft03, .slideInLeft04, .slideInLeft05 { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

.slideInLeft02 { -webkit-animation-delay: .2s; animation-delay: .2s; /* 開始時間 */ }

.slideInLeft03 { -webkit-animation-delay: .4s; animation-delay: .4s; /* 開始時間 */ }

.slideInLeft04 { -webkit-animation-delay: .6s; animation-delay: .6s; /* 開始時間 */ }

.slideInLeft05 { -webkit-animation-delay: .8s; animation-delay: .8s; /* 開始時間 */ }

/* 右からスラインドイン */
@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; } }

.slideInRight, .slideInRight02, .slideInRight03, .slideInRight04, .slideInRight05 { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

.slideInRight02 { -webkit-animation-delay: .2s; animation-delay: .2s; /* 開始時間 */ }

.slideInRight03 { -webkit-animation-delay: .4s; animation-delay: .4s; /* 開始時間 */ }

.slideInRight04 { -webkit-animation-delay: .6s; animation-delay: .6s; /* 開始時間 */ }

.slideInRight05 { -webkit-animation-delay: .8s; animation-delay: .8s; /* 開始時間 */ }

/* ズームイン */
@-webkit-keyframes ZoomIn { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible; } }

@keyframes ZoomIn { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible; } }

.ZoomIn, .ZoomIn02, .ZoomIn03, .ZoomIn04, .ZoomIn05 { -webkit-animation-name: ZoomIn; animation-name: ZoomIn; }

.ZoomIn02 { -webkit-animation-delay: .2s; animation-delay: .2s; /* 開始時間 */ }

.ZoomIn03 { -webkit-animation-delay: .4s; animation-delay: .4s; /* 開始時間 */ }

.ZoomIn04 { -webkit-animation-delay: .6s; animation-delay: .6s; /* 開始時間 */ }

.ZoomIn05 { -webkit-animation-delay: .8s; animation-delay: .8s; /* 開始時間 */ }

/* バウンス */
@-webkit-keyframes ZoomInBounce { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible; } }

@keyframes ZoomInBounce { 0% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); }
  75% { -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% { -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible; } }

.ZoomInBounce, .ZoomInBounce02, .ZoomInBounce03, .ZoomInBounce04, .ZoomInBounce05 { -webkit-animation-name: ZoomInBounce; animation-name: ZoomInBounce; }

.ZoomInBounce02 { -webkit-animation-delay: .2s; animation-delay: .2s; /* 開始時間 */ }

.ZoomInBounce03 { -webkit-animation-delay: .4s; animation-delay: .4s; /* 開始時間 */ }

.ZoomInBounce04 { -webkit-animation-delay: .6s; animation-delay: .6s; /* 開始時間 */ }

.ZoomInBounce05 { -webkit-animation-delay: .8s; animation-delay: .8s; /* 開始時間 */ }

/* ---------------------------------------------------------------------------
** 02base start
--------------------------------------------------------------------------- */
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

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

caption { width: 100%; }

a { outline: none; }

/*clearfix*/
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }

.cf:after { clear: both; }

.cf { zoom: 1; }

/*baseline*/
body { color: #5a5a5a; font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif'; line-height: 1.6; font-weight: 300; /* Media Queries pc */ }

@media screen and (max-width: 1040px) { body body { width: 100%; } }

strong { font-weight: bold; }

img { vertical-align: bottom; max-width: 100%; /* Media Queries pc */ }

@media screen and (max-width: 1040px) { img img { height: auto; } }

a.alpha:hover img { opacity: 0.70; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.70; -moz-opacity: 0.70; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a { text-decoration: underline; color: #015678; }

a:hover { text-decoration: none; color: #015678; }

/* Media Queries pc */
@media screen and (max-width: 1040px) { a.btn { padding: 2% 3%; } }

/* Media Queries pc */
@media screen and (max-width: 1040px) { /*横サイズ変更時の文字拡大禁止*/
  /* body {-webkit-text-size-adjust: 100%; font-size:80%;} */
  /* ios formのフォーム解除 ====================================================== */
  /* インプットのみ */
  input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: none; } }

/* 電話番号リンク(スマホのみ)
====================================================== */
/* Media Queries minsp */
@media screen and (min-width: 600px) { a[href^="tel:"] { pointer-events: none; text-decoration: none; } }

/*IE6,7の警告*/
#IE6Att { width: 1000px; margin: 10px auto; padding: 10px; font-size: 0.82em; border: 2px solid #F00; background: #FFC; clear: both; }

/* ---------------------------------------------------------------------------
** 02base Common
--------------------------------------------------------------------------- */
.product01 { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fcedf5)); background: linear-gradient(transparent 60%, #fcedf5 0%); }

a.link01 { background-color: #d25520; color: #fff; padding: 0.88em 3em; text-decoration: none; font-weight: 500; font-size: 1.25em; letter-spacing: 0.06em; display: inline-block; /* Media Queries sp */ }

@media screen and (max-width: 600px) { a.link01 { font-size: 1.06em; } }

a.link01:hover { background-color: #fff; color: #d25520; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.link02 { background-color: #fff; border: 3px solid #015678; color: #015678; font-size: 1.44em; padding: 1em 4em; text-decoration: none; font-weight: 500; display: inline-block; margin: 3em 0 1em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* Media Queries sp */ }

@media screen and (max-width: 600px) { a.link02 { width: 90%; font-size: 1.13em; padding: 1em; } }

a.link02:after { content: "▶"; font-size: 0.75em; margin: 0 0 0 1em; vertical-align: top; line-height: 2.2; }

a.link02:hover { background-color: #015678; color: #fff; border: 3px solid #015678; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.link03 { background-color: #d25520; border: 2px solid #d25520; color: #fff; padding: 0.75em 3.75em 0.5em; text-decoration: none; font-weight: 400; font-size: 0.88em; letter-spacing: 0.06em; display: inline-block; }

a.link03:hover { background-color: #fff; color: #d25520; border: 2px solid #d25520; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/* テキストリンク */
p.t-link01 { text-align: right; margin: 0.31em 0 0; }

p.t-link01:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 0.25em; font-size: 1.19em; color: #015678; }

a.btn { background-color: #fabf2e; border: 2px solid #fabf2e; font-size: 1.13em; margin: 0 auto; padding: 0.5em 15px; text-align: center; text-decoration: none; display: block; width: 250px; color: #fff; font-weight: 400; border-radius: 3px; }

a.btn:hover { background-color: #fff; color: #444; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.widelink { display: block; }

/* ▼img hover 効果▼ */
.box_img { margin: 0; padding: 0; overflow: hidden; }

img.scale { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }

a:hover img.scale { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* ▲img hover 効果▲ */
/* ---------------------------------------------------------------------------
** 02base Margin/Padding
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 02base Attention
--------------------------------------------------------------------------- */
.att001 { color: #C00; font-weight: 500; }

.att002 { color: #015678; font-weight: 500; }

.att003 { color: #C00; }

.attbox01 { border: 1px solid #ddd; padding: 1em; position: relative; margin: 1.25em 0 1em; }

.attbox01 h5 { background-color: #fff; font-size: 1.06em; font-weight: 400; padding: 0.5em 0.75em 0.5em 0.75em; position: absolute; top: -1.25em; margin-left: -0.25em; }

.attbox01 p { font-size: 0.94em; margin-top: 0.5em; line-height: 1.75; }

.attbox02 { position: relative; padding: .5em .75em; background-color: #fff8e5; border-radius: 6px; margin: 20px 0 20px; font-weight: 400; }

.attbox02:after { position: absolute; bottom: 100%; left: 30px; content: ''; width: 0; height: 0; border: 10px solid transparent; border-bottom: 15px solid #fff8e5; }

.attbox03 { background-color: #f6f6f6; border: 1px solid #f0f0f0; padding: 10px; }

/* ---------------------------------------------------------------------------
** 02base Layout
--------------------------------------------------------------------------- */
/*PCとスマホ表示分岐*/
.Box-pc { display: block !important; }

.Box-pc_inline { display: inline-block !important; }

.Box-sp { display: none !important; }

.left { float: left; }

.right { float: right; }

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

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

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

.imgleft { float: left; margin: 0 15px 10px 0; }

.imgright { float: right; margin: 0 0 10px 15px; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /*PCとスマホ表示分岐*/
  .Box-pc { display: none !important; }
  .Box-pc_inline { display: none !important; }
  .Box-sp { display: block !important; }
  /* padding・borderを枠のサイズに含める ====================================================== */
  * { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  img { max-width: 100%; height: auto; } }

/* ---------------------------------------------------------------------------
** 03fonts start
--------------------------------------------------------------------------- */
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansCJKjp-Thin.eot"); src: url("../fonts/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 300; src: url("../fonts/NotoSansCJKjp-Light.eot"); src: url("../fonts/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 350; src: url("../fonts/NotoSansCJKjp-DemiLight.eot"); src: url("../fonts/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: url("../fonts/NotoSansCJKjp-Regular.eot"); src: url("../fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url("../fonts/NotoSansCJKjp-Medium.eot"); src: url("../fonts/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSansCJKjp-Bold.eot"); src: url("../fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url("../fonts/NotoSansCJKjp-Black.eot"); src: url("../fonts/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"); }

/* webfont */
.Oswald { font-weight: 400; font-family: 'Oswald', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; }

.wf-sawarabimincho { font-family: 'Sawarabi Mincho', sans-serif; }

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }

.Noto { font-family: 'Noto Sans Japanese', sans-serif; }

/* ---------------------------------------------------------------------------
** 04layout start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 04layout header
--------------------------------------------------------------------------- */
/*loader*/
.loading { width: 100%; height: 100%; background: white; position: fixed; top: 0; left: 0; z-index: 20000; }

.loading .spinner { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 9998; position: absolute !important; }

.loading .timer-loader:not(:required) { position: absolute; border: 6px solid #ccc; }

.loading .timer-loader:not(:required):before, .loading .timer-loader:not(:required):after { background: #ccc; }

header { position: fixed; height: 100px; width: 100%; z-index: 9999; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { header { height: 65px; } }

@media screen and (max-width: 600px) { header { height: 65px; } }

header.fixed { position: fixed; height: 80px; background-color: white; border-bottom: none; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { header.fixed { height: 65px; } }

@media screen and (max-width: 600px) { header.fixed { height: 65px; } }

#headdata { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 2%; margin: 0 auto; height: 100px; position: relative; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 1040px) { #headdata { padding: 0 0 0 2%; } }

@media screen and (max-width: 900px) { #headdata { height: 65px; } }

@media screen and (max-width: 600px) { #headdata { height: 65px; padding: 0; } }

.fixed #headdata { height: 80px; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { .fixed #headdata { height: 65px; } }

@media screen and (max-width: 600px) { .fixed #headdata { height: 65px; padding: 0; } }

#headdata h1 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; margin: 0 auto 0 0; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { #headdata h1 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 65px; } }

@media screen and (max-width: 600px) { #headdata h1 { margin: 0 auto 0 3%; } }

#headdata h1 img { height: auto; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; width: 305px; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { #headdata h1 img { width: 200px; } }

@media screen and (max-width: 600px) { #headdata h1 img { width: 200px; } }

#headdata .navwrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /* 吸着 */
  /* 吸着ナビドロワー */
  .menufixed { width: 100%; /* height: 100%; */ overflow: hidden; }
  /************************************ スマホナビ */
  #mobile-menu { margin: 0.5em 0.25em 0 0; }
  #mobile-menu .slicknav_nav { /* left:0; */ /* padding:5px 0; */ /* top: 107%; */ width: 100%; } }

/* --------------------------------------------------------------------------- 04layout nav --------------------------------------------------------------------------- */
.hvr-underline-from-center:before { height: 1px !important; background: #b5b3c3 !important; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { .hvr-underline-from-center:before { display: none; } }

.hvr-underline-from-center:hover:before { left: 10% !important; right: 10% !important; }

/* グローバルメニュー 基本レイアウト 始め */
#navwrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-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; -ms-justify-content: center; -webkit-justify-content: center; height: 100px; margin: 0 0 0 auto; -ms-flex-line-pack: center; align-content: center; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { #navwrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 65px; margin: 0; } }

#navwrap #menu-hnav { height: 100%; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { #navwrap #menu-hnav { display: none; } }

#navwrap #menu-hnav #menu-headnav { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; height: 100px; margin: auto; justify-content: flex-end; -ms-flex-pack: end; -webkit-box-pack: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Media Queries pc */ /* Media Queries tab */ }

@media screen and (max-width: 1040px) { #navwrap #menu-hnav #menu-headnav { margin: 0 auto 0; } }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav { height: 65px; } }

#navwrap #menu-hnav #menu-headnav li { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0.5em 0; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li { margin-top: 0; padding: 0; } }

#navwrap #menu-hnav #menu-headnav li:first-child a:before { content: ''; position: absolute; height: 60%; top: 0; bottom: 0; margin: auto; color: #fff; left: 0; }

#navwrap #menu-hnav #menu-headnav li.icon { padding: 0; margin-top: 0; }

#navwrap #menu-hnav #menu-headnav li.icon a { padding: 0; height: 80px; width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1.5em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* Media Queries tab */ /* Media Queries sp */ }

#navwrap #menu-hnav #menu-headnav li.icon a:hover { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0.75; }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li.icon a { height: 65px; width: 65px; } }

@media screen and (max-width: 600px) { #navwrap #menu-hnav #menu-headnav li.icon a { margin-right: 0.5em; } }

#navwrap #menu-hnav #menu-headnav li.icon a.icon_fb { background-color: #015678; }

#navwrap #menu-hnav #menu-headnav li.icon a.icon_hoken { background-color: #5a5a5a; font-size: 1.18em; padding: 0 1em; width: auto; pointer-events: none; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1040px) { #navwrap #menu-hnav #menu-headnav li.icon a.icon_hoken { font-size: 1em; padding: 0 1.25em; width: auto; word-break: keep-all; } }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li.icon a.icon_hoken { font-size: 0.88em; padding: 0 0.5em; word-break: inherit; text-align: center; line-height: 1.4; }
  #navwrap #menu-hnav #menu-headnav li.icon a.icon_hoken span { display: block; } }

#navwrap #menu-hnav #menu-headnav li.icon .text { display: none; }

#navwrap #menu-hnav #menu-headnav li:last-of-type { /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li:last-of-type { margin-left: 0.5em; } }

#navwrap #menu-hnav #menu-headnav li:last-of-type a { color: #fff; display: block; margin-left: 0.75em; background-color: #d25520; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* Media Queries tab-up */ /* Media Queries sp */ }

#navwrap #menu-hnav #menu-headnav li:last-of-type a:hover { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0.7; }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li:last-of-type a { height: 65px; padding: 0 3em; } }

@media screen and (max-width: 600px) { #navwrap #menu-hnav #menu-headnav li:last-of-type a { height: 65px; } }

#navwrap #menu-hnav #menu-headnav li a { font-family: 'Noto Serif JP', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; color: #000; text-decoration: none; padding: 0.75em 0.75em; font-size: 1em; font-weight: bold; color: #015678; position: relative; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; letter-spacing: 0.13em; /* Media Queries pc */ /* Media Queries tab */ }

@media screen and (max-width: 1040px) { #navwrap #menu-hnav #menu-headnav li a { padding: 0.75em; } }

@media screen and (max-width: 900px) { #navwrap #menu-hnav #menu-headnav li a { font-size: 0.88em; padding: 0.75em; letter-spacing: 0.06em; } }

#navwrap #menu-hnav #menu-headnav li a:after { content: ''; position: absolute; height: 60%; top: 0; bottom: 0; margin: auto; color: #fff; right: 0; }

.concept #menu-hnav ul li#menu1 a:after, .choice #menu-hnav ul li#menu2 a:after, .course #menu-hnav ul li#menu3 a:after, .archive #menu-hnav ul li#menu4 a:after, .system #menu-hnav ul li#menu5 a:after, .qa #menu-hnav ul li#menu6 a:after, .staff #menu-hnav ul li#menu7 a:after, .access #menu-hnav ul li#menu8 a:after { content: ""; position: absolute; right: 0; top: 0; left: 0; width: 0px; height: 0px; margin: auto; z-index: 1; opacity: 1; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 10px 10px 0 10px; }

/* ２階層以降 滞在 */
/*---------------------------------------------------------
レスポンシブ&２階層目表示 始め
---------------------------------------------------------*/
.mobile-nav { display: none; }

/*---------------------------------------------------------
SlickNav 始め
---------------------------------------------------------*/
/*SlickNav*/
.slicknav_menu { display: none; }

/* Media Queries sp */
@media screen and (max-width: 600px) { #menu-headnav { display: none; }
  .slicknav_menu { display: block; }
  #mobile-menu { float: right; margin: 0; }
  #mobile-menu .slicknav_menu { background: inherit; line-height: 2; border-radius: 3px; padding: 0 10px 3px !important; }
  .slicknav_btn { background-color: #fff !important; padding: 0.438em 0.5em !important; }
  .slicknav_menu .slicknav_icon-bar { background-color: #015678 !important; }
  #mobile-menu .slicknav_nav { width: 100%; position: absolute; top: 65px; left: 0%; padding: 0 0 0 0.13em; background: rgba(255, 255, 255, 0.9); z-index: 9999; max-height: 480px; height: auto; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); }
  #mobile-menu .slicknav_nav.open { opacity: 1; display: block; position: fixed !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; }
  #mobile-menu .slicknav_nav.open ul { margin: 0; }
  #mobile-menu .slicknav_nav ul { margin: 0; }
  #mobile-menu .slicknav_nav li { border-bottom: 1px dotted #ccc; margin-bottom: 0.13em; }
  #mobile-menu .slicknav_nav li .fab { margin-right: 0.25em; display: none; }
  #mobile-menu .slicknav_nav li.hvr-underline-from-center { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; }
  #mobile-menu .slicknav_nav li img { width: 45px; height: auto; margin: 2px 5px 0 5px; float: left; vertical-align: middle; }
  #mobile-menu .slicknav_nav .spnavibtn .spcontact a, #mobile-menu .slicknav_nav .spnavibtn .sptaiken a, #mobile-menu .slicknav_nav .spnavibtn .sphosyu a { color: #fff; }
  #mobile-menu .slicknav_nav .spnavibtn { padding: 5px 0; }
  #mobile-menu .slicknav_nav .spnavibtn .spcontact a { background-color: #015678; }
  #mobile-menu .slicknav_nav .spnavibtn .sptaiken a { background-color: #d25520; }
  #mobile-menu .slicknav_nav .spnavibtn .sphosyu a { background-color: #d25520; }
  #mobile-menu .slicknav_nav a { padding: 6px 20px 6px 10px; color: #333; font-weight: 400; position: relative; }
  #mobile-menu .slicknav_nav a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; position: absolute; right: 10px; }
  #mobile-menu .slicknav_nav .slicknav_row { padding: 0; }
  #mobile-menu .slicknav_nav a.sublink { /* margin: 5px 0; */ }
  #mobile-menu .slicknav_nav .slicknav_row:hover { background: #fff; color: #015678; text-decoration: none; }
  #mobile-menu .slicknav_nav .slicknav_row:hover a { color: #015678; text-decoration: none; }
  #mobile-menu .slicknav_nav a:hover { background: #fff; color: #015678; text-decoration: none; }
  .slicknav_nav .slicknav_arrow { font-size: 1.13em !important; }
  .slicknav_nav .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_arrow:after { content: "\f056"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  /* ボタン */
  .slicknav_btn, .slicknav_btn span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .slicknav_btn { position: relative; height: 26px; width: 32px; margin: 5px 0 6px 5px !important; }
  .slicknav_btn .slicknav_icon span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #015678 !important; border-radius: 4px; -webkit-box-shadow: none !important; box-shadow: none !important; }
  .slicknav_btn .slicknav_icon span:nth-of-type(1) { top: 0; }
  .slicknav_btn .slicknav_icon span:nth-of-type(2) { top: 9px; }
  .slicknav_btn .slicknav_icon span:nth-of-type(3) { bottom: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(1) { -webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(2) { opacity: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(3) { -webkit-transform: translateY(-10.5px) rotate(45deg); transform: translateY(-10.5px) rotate(45deg); } }

/* ---------------------------------------------------------------------------
** 04layout footer
--------------------------------------------------------------------------- */
footer { background-color: #015678; padding: 5em 0; margin-top: 17.5em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { footer { margin-top: 10em; } }

@media screen and (max-width: 600px) { footer { padding: 2em 0; } }

.fc footer { margin-top: 0; }

footer p.copyright { text-align: center; color: #fff; font-weight: bold; letter-spacing: 0.13em; font-size: 0.88em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { footer p.copyright { font-size: 0.75em; } }

/* ---------------------------------------------------------------------------
** 04layout Main
--------------------------------------------------------------------------- */
.c_wrap { margin: 0 auto 0; max-width: 1000px; }

/* Media Queries pc */
@media screen and (max-width: 1040px) { #wrap { max-width: 1000px; /*margin: 36px 90px 0;*/ margin: 36px 0 0; padding: 0 2.5%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .home #wrap { max-width: 100%; padding: 0; }
  .c_wrap { max-width: 100%; padding: 0 2%; } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { #wrap { width: 100%; margin: inherit; padding: 0 3.5%; }
  #main { float: none; position: relative; width: 100%; }
  .c_wrap { margin: 0 auto 7em; padding: 0 4%; }
  .archive #wrap, .single #wrap { width: 100%; margin: 2em auto 7em; } }

/* ---------------------------------------------------------------------------
** 05modules start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 05modules H tag
--------------------------------------------------------------------------- */
/* h2 */
/* h3 */
/* h4 */
/* h5 */
/* ---------------------------------------------------------------------------
** 05modules ul List
--------------------------------------------------------------------------- */
.ul_style01 { margin: 0.5em 0 0.5em 0.5em; }

.ul_style01 li { line-height: 2; }

.ul_style01 li:before { content: " "; display: inline-block; margin: 0 auto; vertical-align: top; background: url(../img/icon_paint.png) no-repeat scroll 0 0/contain; height: 25px; width: 20px; }

/* 汎用　単純なリストパターン */
.ul_list01 { margin: 0.5em 0 0.5em 0; }

.ul_list01 li { padding-left: 1.13em; text-indent: -1.13em; margin-top: 3px; }

.ul_list01 li:first-child { margin-top: 0; }

.ul_check { margin: 0.5em 0 0.5em 0.5em; }

.ul_check li { padding-left: 1.44em; text-indent: -1.44em; margin-top: 0.5em; text-align: left; line-height: 1.2; }

.ul_check li:first-child { margin-top: 0; }

.ul_check li:before { color: #0099cc; font-size: 1.25em; vertical-align: middle; margin-right: 0.44em; content: "\f14a"; font-family: FontAwesome; }

ul.notes li { padding-left: 1.0em; text-indent: -1.0em; font-weight: 500; }

/* ---------------------------------------------------------------------------
** 05modules Table
--------------------------------------------------------------------------- */
table { background-color: #aaa; border-collapse: separate; margin: 1em auto; text-indent: 0; width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.06em; letter-spacing: 0.18em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { table { font-size: 0.94em; letter-spacing: 0; } }

table.table_basic01 { border-spacing: 1px; /* background-color:#f6f6f6;  */ }

table.table_basic01.MT { margin-top: 50px; }

table.table_basic01 th { background-color: #fff; font-weight: 500; padding: 0.75em 1.5em; text-align: left; /* Media Queries sp */ }

@media screen and (max-width: 600px) { table.table_basic01 th { padding: 0.25em 0.5em; } }

table.table_basic01 th.title01 { text-align: center; }

table.table_basic01 th.title02 { text-align: center; background-color: #EEF7EA; padding: 5px 10px; font-weight: bold; color: #53B500; font-size: 110%; }

table.table_basic01 td { text-align: left; background-color: #fff; padding: 0.75em 1.5em; line-height: 1.3; font-weight: 500; /* Media Queries sp */ }

@media screen and (max-width: 600px) { table.table_basic01 td { padding: 0.25em 0.5em; } }

table.table_basic01 td.ta_l { text-align: left; white-space: inherit; }

table.table_basic01 td.img { text-align: center; padding: 10px 10px; }

table.table_basic01 td span { font-size: 0.88em; }

table.table_basic02 { border-spacing: 1px; width: 100%; margin: 15px auto 25px; }

table.table_basic02 th { border-bottom: 1px dotted #ddd; padding: 1em; text-align: left; font-weight: 400; }

table.table_basic02 th.title01 { text-align: center; padding: 1em 5px; font-weight: bold; font-size: 110%; }

table.table_basic02 td { line-height: 1.3; padding: 1em 10px; text-align: left; border-bottom: 1px dotted #ddd; }

table.table_basic02 tr:nth-child(odd) td { line-height: 1.3; padding: 0.7em 10px; text-align: left; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { table { font-size: 0.94em; }
  table.table_basic01 th, table.table_basic01 td { white-space: nowrap; }
  div.outer { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  div.outer { width: 100%; overflow-x: auto; }
  div.outer::-webkit-scrollbar { height: 5px; }
  div.outer::-webkit-scrollbar-track { border-radius: 5px; background: #eee; }
  div.outer::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }
  div.outer:before { content: "横にスクロールします。"; font-size: 0.81em; margin: 5px 0; display: block; } }

/* ---------------------------------------------------------------------------
** 05modules dl List
--------------------------------------------------------------------------- */
dl.dl_basic01 { border-bottom: 1px dotted #AFDBFF; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; font-size: 0.94em; line-height: 1.45; }

dl.dl_basic01 dt { color: #0066a5; float: left; width: 6em; }

dl.dl_basic01 dd { padding-left: 6em; font-weight: normal; }

dl.dl_basic01 dd img { vertical-align: middle; }

dl.dl_basic01 dd a { color: #333; text-decoration: underline; }

dl.dl_basic01 dd a:hover { color: #333; text-decoration: none; }

.dl_style01 { border: 1px solid #ccc; padding: 0 0.5em 0.75em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.dl_style01 dl { font-size: 1em; line-height: 1.45; display: table; border-top: 1px dotted #9e9e9f; width: 100%; margin-top: 0.75em; padding-top: 0.75em; }

.dl_style01 dl:first-of-type { margin-top: 0; border-top: none; }

.dl_style01 dl dt { width: 7em; display: table-cell; vertical-align: middle; padding: 0.44em 1em; text-align: center; }

.dl_style01 dl dd { display: table-cell; padding: 0.44em 1em; border-left: 4px solid #9e9e9f; word-break: break-all; }

/* ---------------------------------------------------------------------------
** 05modules columm
--------------------------------------------------------------------------- */
/* 2カラム */
.col2 .col-item { float: left; margin: 0 0 0 4%; text-align: center; width: 48%; }

.col2 .col-item:nth-child(odd) { margin-top: 0; margin-left: 0; clear: both; }

/* 3カラム */
.col3 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 32%; }

.col3 .col-item:nth-child(3n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 4カラム */
.col4 .col-item { float: left; margin: 0 2% 0; text-align: center; width: 21%; }

.col4 .col-item:nth-child(4n+1) { clear: both; }

/* 5カラム */
.col5 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 18.4%; }

.col5 .col-item:nth-child(5n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 6カラム */
.col6 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 15%; }

.col6 .col-item:nth-child(6n+1) { margin-top: 0; margin-left: 0; clear: both; }

/* 7カラム */
.col7 .col-item { float: left; margin-top: 0; margin-left: 2%; text-align: center; width: 12.57143%; }

.col7 .col-item:nth-child(7n+1) { margin-top: 0; margin-left: 0; clear: both; }

.col2 .col-item img, .col3 .col-item img, .col4 .col-item img, .col5 .col-item img, .col5 .col-item img, .col6 .col-item img, .col6 .col-item img { width: 100%; height: auto; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /* 2カラム */
  .col2 .col-item { float: none; margin: 0 0 1em; text-align: center; width: 100%; }
  /* 3カラム */
  .col3 .col-item { float: none; margin: 0 1% 2%; text-align: center; width: 100%; }
  /* 4カラム */
  .col4 { margin-bottom: 1.5%; }
  .col4 .col-item { float: left; margin: 0.75em 0 0 4%; text-align: center; width: 48%; }
  .col4 .col-item:nth-child(odd) { margin-top: 0.75em; margin-left: 0; clear: both; }
  /* 5カラム */
  .col5 .col-item { float: none; margin-top: 0.5em; margin-left: 0; text-align: center; width: 100%; }
  .col5 .col-item:nth-child(5n+1) { margin-top: 0.5em; margin-left: 0; clear: both; }
  /* 6カラム */
  .col6 .col-item { float: left; margin-top: 1%; margin-left: 1%; text-align: center; width: 32%; }
  .col6 .col-item:nth-child(6n+1) { margin-top: 1%; margin-left: 1%; clear: both; }
  .col6 .col-item:nth-child(3n+1) { margin-top: 1%; margin-left: 0; clear: both; } }

/* ---------------------------------------------------------------------------
** 05modules common
--------------------------------------------------------------------------- */
/* 文字スクロール */
.block-revealer__element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; pointer-events: none; opacity: 0; }

/* イメージ */
/* アニメーション /jquery.inview/common.js/ */
/* 背景 */
.bg01 { background-color: #f6f6f6; padding: 0.5em; }

/* パララックス用 */
.parallax-window { background: transparent; width: 100%; }

.paraimg01 { height: 500px; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /* アニメーション /jquery.inview/common.js/ */
  /* パララックス用 */
  .parallax-window { background: transparent; width: 100%; }
  .paraimg01 { height: 700px; } }

/* 各ページ */
/* 共通 */
.c_box { margin-bottom: 30px; }

.c_box .textbox { width: 510px; }

.c_box .textbox02 { width: 580px; }

.c_box .textbox p { margin-bottom: 1em; }

.c_box .textbox .btn { border-color: #0152ab; margin-top: 15px; }

.c_box .photo_fh, .c_box .photo_fw { width: 400px; height: 250px; overflow: hidden; position: relative; background-color: #f6f6f6; }

.c_box .photo_fh.ver02, .c_box .photo_fw.ver02 { width: 100%; height: auto; padding-bottom: 61.6%; overflow: hidden; position: relative; background-color: #f6f6f6; }

.c_box .photo_fw img, .c_box .photo_fh img { /* 写真サイズに依存されず中央センタリング */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.c_box .photo_fh img { height: 100%; width: auto; }

/* 高さにFIX */
.c_box .photo_fw img { width: 100%; height: auto; }

/* 横にFIX */
/*Media Queries pc*/
@media screen and (max-width: 1040px) { .c_box .photo_fh, .c_box .photo_fw { max-width: 37.5%; overflow: hidden; position: relative; background-color: #f6f6f6; height: auto; padding-top: 24%; }
  .c_box .textbox { width: 60%; } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { .c_box { margin-bottom: 1em; }
  .c_box .photo_fh, .c_box .photo_fw { max-width: 100%; width: 100%; padding-top: 63%; }
  .c_box .textbox { width: 100%; } }

/* ---------------------------------------------------------------------------
** 06pages start
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
** 06pages front-page
--------------------------------------------------------------------------- */
/* 共通 */
section .wrap { max-width: 1000px; margin: 0 auto; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 1040px) { section .wrap { max-width: 100%; padding: 0 2.5%; } }

@media screen and (max-width: 600px) { section .wrap { padding: 0 4%; } }

/* セクション共通 */
section { padding: 9em 0 13em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section { padding: 7em 0 10em; } }

section:last-of-type { padding-bottom: 0; }

@media screen and (max-width: 600px) { section { padding: 4.5em 0; } }

section .area_cat { background-color: #d25520; color: #fff; text-align: center; display: block; width: 6em; margin: 0 auto 0.5em; font-size: 1.31em; font-weight: bold; letter-spacing: 0.13em; line-height: 1; padding: 0.31em 0; }

section h2 { color: #015678; font-size: 1.88em; letter-spacing: 0.13em; position: relative; font-weight: 500; margin: 0 auto 2.5em; text-align: center; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section h2 { font-size: 1.55em; } }

section h2:before { background-color: #015678; position: absolute; bottom: -2.75em; height: 1px; width: 4em; content: ""; top: 0; left: 0; right: 0; margin: auto; /* Media Queries sp */ }

section .mainphoto { width: 100%; height: auto; margin-top: 50px; margin-bottom: 1.25em; }

section .tel_link { text-align: center; margin: 7em auto 0; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section .tel_link { width: 85%; } }

section p.ta_text { line-height: 2; letter-spacing: 0.06em; font-size: 0.94em; text-align: center; }

section .t_catch { line-height: 2; letter-spacing: 0.06em; font-size: 0.94em; text-align: center; }

section .descbox { padding: 0.5em; }

/* スライダー */
.flexslider-container { padding-top: 100px; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { .flexslider-container { padding-top: 65px; } }

@media screen and (max-width: 600px) { .flexslider-container { padding-top: 65px; } }

.flexslider { border: none !important; }

.flexslider.flextop { margin: 0 !important; }

.flex-direction-nav a:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 40px !important; display: inline-block !important; color: rgba(255, 255, 255, 0.8) !important; text-shadow: none !important; line-height: 1; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .flex-direction-nav a:before { font-size: 30px !important; } }

.flex-direction-nav a.flex-next:before { content: "\f054" !important; }

.flex-direction-nav a.flex-prev:before { content: "\f053" !important; }

.flexslider .flex-direction-nav .flex-prev { left: 10px !important; }

.flexslider .flex-direction-nav .flex-next { right: 10px !important; }

.flexslider .flex-control-nav { bottom: 0px !important; z-index: 10; }

.flexslider .flex-control-paging li a { background: rgba(255, 255, 255, 0.5) !important; }

.flexslider .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 0.9) !important; }

/* トップページ */
.catch { padding-top: 80px; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { .catch { padding-top: 65px; } }

.catch img.photo { width: 100%; height: auto; }

.catch .bg { padding: 21.22% 0; background: url("../img/main.jpg") no-repeat center center/cover; position: relative; }

.catch .bg .text { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 9998; width: auto; top: 1vh; height: 32.5vw; right: 18.5vw; left: inherit; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .catch .bg .text { width: inherit; top: 0; right: 15vw; left: inherit; } }

/* インスタ */
.insta .instashow { margin-top: 2em !important; }

.insta .instashow-gallery-view, .insta .instashow-gallery-media { padding: 0 !important; -webkit-transform: scale(1.01) !important; transform: scale(1.01) !important; }

.insta .instashow-gallery .instashow-gallery-media-cover { background: rgba(0, 0, 0, 0.75) !important; }

.insta .linkbtn { text-align: center; }

.insta .linkbtn a.link02 { font-size: 1.25em; padding: 0.88em 4em; }

.insta .linkbtn a.link02:after { display: none; }

/* ---------------------------------------------------------------------------
** 06pages form
--------------------------------------------------------------------------- */
form { margin-top: 3em; width: 600px; margin: 3em auto 7em; }

form dl { margin-bottom: 1.5em; }

form dl dt { margin-bottom: 0.25em; }

form dl.privacy dd { font-size: 0.88em; }

form dl dd span { font-size: 0.81em; }

form dl dd a { color: #273f67; }

form dl dd [type=text], form dl dd textarea { width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0.5em; background-color: #e8f1f4; text-shadow: none; border: 1px solid #e8f1f4; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; }

form dl dd select { width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0.5em; background-color: #e8f1f4; text-shadow: none; border: 1px solid #e8f1f4; }

form dl.zip dd [type=text] { width: 7em; }

.submit { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 3px solid #d3d3d3; font-size: 1em; margin: 0 10px; padding: 5px 40px; cursor: inherit; background-color: #d3d3d3; color: #fff; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .submit { width: 100%; margin: 0.75em auto 0; display: block; padding: 0.5em 0; } }

.submit:enabled:hover { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 3px solid #000; font-size: 1em; margin: 0 10px; padding: 5px 40px; background-color: #000; cursor: pointer; color: #fff; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .submit:enabled:hover { width: 100%; margin: 0.75em auto 0; display: block; padding: 0.5em 0; } }

/* Media Queries sp */
@media screen and (max-width: 600px) { section.form01 .inner { padding: 2em 0 3em; width: 100%; margin: 0 auto; text-align: center; }
  section.form01 .inner .tel { margin: 2.5em 0; }
  section.form01 .inner .tel p a { text-decoration: underline; }
  section.form01 form { padding: 0; width: 100%; margin: 3em auto 7em; }
  section.form01 form dl { margin-bottom: 1em; }
  section.form01 form dl dt { float: none; text-align: left; width: 100%; }
  section.form01 form dl dd { padding-left: 0; width: 100%; }
  section.form01 form dl dd [type="text"], section.form01 form dl dd textarea { width: 100%; float: none; }
  section.form01 form dl.zip dd [type=text] { width: 7em; }
  section.form01 form dl dd span { font-size: 0.81em; display: block; text-align: left; }
  section.form01 form dl.privacy dd { text-align: left; } }

/* ---------------------------------------------------------------------------
** 06pages page
--------------------------------------------------------------------------- */
/* ページメイン画像 */
.page .mainphoto { padding-top: 100px; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { .page .mainphoto { padding-top: 68px; } }

.page .mainphoto img { width: 100%; height: auto; }

/* 各セクションを調整 */
/*
- 新着情報 / topics
- 新着情報02 / topics02
- アクセス / access
- 事業内容 / about
- 〇〇について / about02
- 情報 / info
- 情報02 / info02
- コース / course
- ギャラリー / gallery
- プロデュース/ produce
- スタッフ紹介/ staff
- 流れ/ flow
- 案件調整/ other
*/
/* 新着情報 */
/* 新着情報 ver.01*/
section.topics .wrap { width: 900px; margin: 0 auto; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.topics .wrap { width: 100%; padding: 0 4%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

section.topics dl { font-weight: 400; padding: 1em; border-bottom: 1px dashed #ccc; letter-spacing: 0.13em; font-size: 0.88em; font-family: "Sawarabi Gothic"; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.topics dl { padding: 1.14em 0; } }

section.topics dl dt.date { float: left; width: 10em; color: #979797; /* Media Queries tab */ }

@media screen and (max-width: 600px) { section.topics dl dt.date { width: 100%; float: none; } }

section.topics dl dd.title { line-height: 1.5; padding-left: 8.5em; font-size: 1em; font-weight: 500; letter-spacing: 0.19em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.topics dl dd.title { padding-left: 0; line-height: 1.8; } }

section.topics dl dd.title a { color: #000; }

section.topics dl dd.title a:hover { text-decoration: none; }

section.topics .linkbtn { text-align: center; margin-top: 2em; }

/* 新着情報 ver.02*/
section.topics02 { margin: 0 auto 0; position: relative; }

section.topics02 .link { padding: 1.5em 1.75em; text-decoration: none; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-justify-content: start; -webkit-justify-content: start; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: relative; border-bottom: 1px solid #7e7e7e; /* Media Queries sp */ }

section.topics02 .link:last-of-type { border-bottom: none; }

@media screen and (max-width: 600px) { section.topics02 .link { padding: 1em 1em; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

section.topics02 .link:hover { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background-color: rgba(241, 241, 241, 0.65); }

section.topics02 dl { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.topics02 dl { margin-left: 0; } }

section.topics02 dl .cat { background-color: #d25520; color: #fff; font-size: 0.75em; text-align: center; width: 5em; padding: 0.25em 0.25em; line-height: 1; font-weight: bold; float: left; }

section.topics02 dl .time { font-weight: bold; font-size: 0.75em; float: left; margin: 0 0 0 1em; color: #d25520; }

section.topics02 dl .title { letter-spacing: 0.06em; display: block; clear: both; margin-top: 1.5em; color: #5a5a5a; font-weight: bold; margin-top: 2em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.topics02 dl .title { font-size: 0.88em; text-align: justify; } }

section.topics02 dl .text { letter-spacing: 0.06em; color: #5a5a5a; text-align: justify; font-size: 0.81em; font-weight: 500; margin-top: 0.5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.topics02 dl .text { padding-right: 1.5em; text-align: justify; } }

/* アクセス */
/*アクセス ver.01*/
section.access { /* Media Queries sp */ }

section.access .data { margin-bottom: 7em; }

section.access .data p { margin-bottom: 1.88em; line-height: 2; text-align: justify; letter-spacing: 0.06em; }

section.access .shopmain img { width: 100%; height: auto; }

section.access #gmap { position: relative; width: 100%; height: 0; padding-top: 33.07%; overflow: hidden; margin-top: 3.5em; }

section.access #gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { section.access #gmap { height: 40vh; padding-top: 0; }
  section.access #gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

/*アクセス ver.02*/
section.access02 { /* Media Queries tab */ /* Media Queries sp */ /* Media Queries sp */ }

section.access02 .ptbox { display: flex; 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; }

section.access02 .textbox { width: 50%; padding-left: 3em; padding: 1.75em 0 1.5em 3em; }

section.access02 .photobox { width: 50%; background: url(../../img/shop.jpg) no-repeat center center/cover; }

@media screen and (max-width: 900px) { section.access02 .ptbox { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; }
  section.access02 .textbox { width: 100%; padding: 0 2.5% 1.5em; }
  section.access02 .photobox { width: 100%; padding-top: 31.25%; background: url(../../img/shop.jpg) no-repeat center center/100% auto; } }

section.access02 .data p { margin-bottom: 1em; line-height: 2; text-align: justify; letter-spacing: 0.06em; }

section.access02 .data p strong { font-weight: bold; }

section.access02 #gmap { position: relative; width: 100%; height: 0; padding-top: 31.25%; overflow: hidden; }

section.access02 #gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { section.access02 #gmap { height: 40vh; padding-top: 0; }
  section.access02 #gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

section.access02 h2 { text-align: left; /* Media Queries sp */ }

section.access02 h2 img { width: 70px; height: 30px; display: inline-block; margin: 0 5px 6px 0; vertical-align: middle; }

@media screen and (max-width: 600px) { section.access02 h2 { text-align: center; }
  section.access02 h2 img { width: 60px; height: 26px; display: block; margin: 0 auto 0.88em; vertical-align: inherit; } }

/* 事業内容 */
/* 事業内容 ver.01*/
section.about { background-color: #ffffff; padding-bottom: 2em; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.about { padding-bottom: 8em; } }

@media screen and (max-width: 600px) { section.about { padding-bottom: 4.5em; } }

section.about .ptbox { position: relative; margin: 7em auto 10em; /* Media Queries tab */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.about .ptbox { margin: 3em auto 3em; } }

section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { background-color: #fff; border-radius: 10px; padding: 6.5%; text-align: justify; width: 34%; position: absolute; z-index: 10; height: 85%; top: -8.5%; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-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; -ms-justify-content: center; -webkit-justify-content: center; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { border-radius: 0; padding: 3%; width: 100%; height: auto; position: relative; top: inherit; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 600px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { padding: 1em 1.5em; } }

section.about .ptbox .tbox_left h3, section.about .ptbox .tbox_right h3 { font-size: 1.75em; letter-spacing: 0.13em; font-weight: normal; margin-bottom: 0.5em; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.about .ptbox .tbox_left h3, section.about .ptbox .tbox_right h3 { font-size: 1.5em; margin-bottom: 0.25em; } }

section.about .ptbox .tbox_left p, section.about .ptbox .tbox_right p { margin-bottom: 1em; line-height: 1.8; }

section.about .ptbox .tbox_left p:last-of-type, section.about .ptbox .tbox_right p:last-of-type { margin-bottom: 0; }

section.about .ptbox .tbox_left { left: 3%; }

section.about .ptbox .tbox_right { right: 3%; }

@media screen and (max-width: 900px) { section.about .ptbox .tbox_left, section.about .ptbox .tbox_right { left: inherit; right: inherit; } }

section.about .ptbox .photo img { width: 100%; height: auto; }

/* 事業内容 ver.02*/
section.about02 { background-color: #002037; color: #fff; text-align: center; }

section.about02 h2 { color: #fff; margin-bottom: 1.75em; }

section.about02 h2:before { background-color: #fff; }

section.about02 .text { font-size: 1.13em; font-weight: 500; line-height: 1.8; letter-spacing: 0.06em; margin-bottom: 2em; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.about02 .text { font-size: 1em; letter-spacing: 0; } }

/* 情報 */
/* 情報 ver.01*/
section.info { padding-bottom: 7em; }

section.info .flex_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }

section.info .flex_col2 .item { margin: 2.5% 0; -ms-flex-preferred-size: 45%; flex-basis: 45%; max-width: 45%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.info .flex_col2 .item { margin: 5% 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } }

section.info .flex_col2 .item a { text-decoration: none; }

section.info .flex_col2 .item img { width: 100%; height: auto; }

section.info .card { -webkit-box-shadow: 0px 0px 5px 1px #ddd; box-shadow: 0px 0px 5px 1px #ddd; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

section.info .card:hover { cursor: pointer; -webkit-box-shadow: 0px 0px 7px 2px #bbb; box-shadow: 0px 0px 7px 2px #bbb; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; transform: translateY(-5px); -webkit-transform: translateY(-5px); }

section.info .card .text { padding: 2em; text-align: justify; letter-spacing: 0.13em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.info .card .text { padding: 1em 1.5em; } }

section.info .card .text p.title { font-weight: bold; font-size: 1.25em; margin: 0 0 0.25em; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif'; }

section.info .card .text p { line-height: 1.8; font-size: 1em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.info .card .text p { line-height: 1.7; font-size: 0.9em; } }

/* 情報 ver.02*/
section.info02 .infowrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.info02 .infowrap { display: block; } }

section.info02 .infowrap .col-item { font-weight: 500; letter-spacing: 0.06em; }

section.info02 .infowrap .col-item.infobox01 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.info02 .infowrap .col-item.infobox01 { max-width: 100%; margin-bottom: 2em; } }

section.info02 .infowrap .col-item.infobox01 img { max-width: 570px; margin-bottom: 1em; }

section.info02 .infowrap .col-item.infobox01 ul.notes li { font-size: 0.88em; }

section.info02 .infowrap .col-item.infobox02 { -ms-flex-preferred-size: 42%; flex-basis: 42%; max-width: 42%; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.info02 .infowrap .col-item.infobox02 { max-width: 100%; } }

section.info02 .infowrap .col-item.infobox02 .infologo img { margin-bottom: 1em; max-width: 275px; }

section.info02 .infowrap .col-item.infobox02 .address { /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.info02 .infowrap .col-item.infobox02 .address { font-size: 0.88em; } }

section.info02 .infowrap .col-item.infobox02 .tel { font-size: 1.56em; font-weight: 500; color: #5a5a5a; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.info02 .infowrap .col-item.infobox02 .tel { font-size: 1.25em; } }

/* コース */
/*コース ver.01*/
section.course .coursewrap { padding: 0 7% 7%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.course .coursewrap { padding: 0 3% 7%; } }

section.course .coursewrap h3 { font-weight: bold; font-size: 1.13em; margin-top: 2.25em; margin-bottom: 0.5em; letter-spacing: 0.06em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.course .coursewrap h3 { margin-top: 1.5em; } }

section.course .coursewrap h3 .num { font-size: 1.75em; margin-right: 0.25em; }

section.course .coursewrap .time { font-weight: normal; font-size: 0.88em; margin-left: 1em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.course .coursewrap .time { display: block; margin-left: 2em; line-height: 1; margin-bottom: 1em; } }

section.course .coursewrap p { font-size: 0.94em; text-align: justify; }

section.course .attention { width: 900px; margin: 9em auto 0; letter-spacing: 0.13em; /* Media Queries tab */ /* Media Queries sp */ }

section.course .attention:first-of-type { margin-top: 7em; }

section.course .attention:last-of-type { margin-bottom: 7em; }

@media screen and (max-width: 900px) { section.course .attention { width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 5%; } }

@media screen and (max-width: 600px) { section.course .attention { margin: 5em auto 0; }
  section.course .attention:first-of-type { margin-top: 5em; }
  section.course .attention:last-of-type { margin-bottom: 10em; } }

section.course .attention h3 { font-size: 1.13em; }

section.course .attention p { margin-top: 1.25em; line-height: 1.7; }

/* ギャラリー */
/* ギャラリー ver.01*/
section.gallery .col4 .col-item { margin-top: 4em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.gallery .col4 .col-item { width: 100%; margin: 2.5em auto 0; }
  section.gallery .col4 .col-item:nth-child(odd) { margin-top: 2.5em; } }

section.gallery .col4 .col-item .photo img { max-width: 150px; height: auto; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.gallery .col4 .col-item .photo img { max-width: 60%; } }

section.gallery .col4 .col-item .icon img { width: 22px; height: 27px; }

section.gallery .col4 .col-item .desc { text-align: center; }

section.gallery .col4 .col-item .desc .f_name { font-size: 0.94em; line-height: 1.3; margin: 1em auto 0; }

section.gallery .col4 .col-item .desc .f_name span { display: block; font-size: 0.81em; margin-top: 0.25em; }

section.gallery .col4 .col-item .desc .price { font-family: 'Noto Sans Japanese'; font-weight: 700; font-size: 1.25em; }

section.gallery .col4 .col-item .desc .price span { font-size: 0.75em; margin-left: 0.13em; }

.graycolor { color: #BFB9AB; }

.gray2color { color: #CBAFB0; }

.gray3color { color: #E1DBC0; }

.gray4color { color: #C4DBC3; }

.gray5color { color: #B5CBDD; }

/* プロデュース */
section.produce { margin-top: 1em; padding-bottom: 2em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.produce { margin-top: 0; padding-top: 0; } }

section.produce .titlewrap { background-color: #ebe8e1; }

section.produce .titlewrap .c_wrap { /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.produce .titlewrap .c_wrap { margin: 0; } }

section.produce .titlebox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 3em 0; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.produce .titlebox { display: block; } }

section.produce .titlebox .title { -ms-flex-preferred-size: 52%; flex-basis: 52%; max-width: 52%; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.produce .titlebox .title { max-width: 100%; display: block; } }

section.produce .titlebox .title img { max-width: 390px; height: auto; }

section.produce .titlebox .text { -ms-flex-preferred-size: 48%; flex-basis: 48%; max-width: 48%; text-align: justify; line-height: 1.6; font-size: 0.81em; font-weight: bold; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.produce .titlebox .text { max-width: 100%; margin-top: 1.25em; } }

section.produce .titlebox .text span { display: block; font-size: 1.5em; font-weight: bold; }

section.produce .pwrap { flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.produce .pwrap { display: block; } }

section.produce .pwrap .cbox { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; height: 750px; position: relative; -webkit-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; cursor: pointer; overflow: hidden; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.produce .pwrap .cbox { height: 450px; max-width: 100%; } }

section.produce .pwrap .cbox:before { content: ''; background: inherit; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; }

section.produce .pwrap .cbox:after { border: 1px solid #fff; position: absolute; content: ''; height: 85%; width: 80%; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; margin: auto; opacity: 0; -webkit-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.produce .pwrap .cbox:after { height: 90%; width: 90%; } }

section.produce .pwrap .cbox:hover:before { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 1; }

section.produce .pwrap .cbox:hover:after { opacity: 1; -webkit-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }

section.produce .pwrap .cbox .bgfilter { position: relative; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; height: 100%; }

section.produce .pwrap .cbox .bgfilter:before { background-color: rgba(0, 0, 0, 0.3); position: absolute; content: ''; height: 100%; width: 100%; z-index: 0; }

section.produce .pwrap .cbox.box01 { background: url("../img/img_top_p01.jpg") no-repeat center center/cover; }

section.produce .pwrap .cbox.box02 { background: url("../img/img_top_p02.jpg") no-repeat center center/cover; }

section.produce .pwrap .cbox.box03 { background: url("../img/img_top_p03.jpg") no-repeat center center/cover; }

section.produce .pwrap .cbox .tbox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-justify-content: start; -webkit-justify-content: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; position: relative; z-index: 1; max-width: 300px; width: 300px; height: 200px; margin: auto; }

section.produce .pwrap .cbox .tbox .title { width: 300px; height: auto; }

section.produce .pwrap .cbox .tbox .subtitle { margin: 0.75em auto 1.25em; font-size: 1.31em; text-align: center; font-weight: bold; }

section.produce .pwrap .cbox .tbox .text { text-align: justify; font-size: 0.81em; font-weight: bold; margin-top: 1.5em; }

/* スタッフ紹介 */
section.staff .staffbox { position: relative; margin-bottom: 8em; }

section.staff .staffbox:first-of-type { margin-top: 8em; }

section.staff .staffbox:last-of-type { margin-bottom: 8em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.staff .staffbox:last-of-type { margin-bottom: 0; } }

section.staff .staffbox .mainphoto { width: 210px; position: absolute; left: 0; top: -100px; z-index: 10; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.staff .staffbox .mainphoto { width: 160px; right: 0; top: -80px; margin: auto; } }

section.staff .staffbox .mainphoto img { border-radius: 50%; width: 100%; height: auto; }

section.staff .staffbox .metabox { position: relative; right: 0; padding: 3em 5em 3.5em 6.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: #e9eef1; top: 0; margin-left: 165px; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.staff .staffbox .metabox { padding: 6em 8% 2em; margin-left: 0; } }

section.staff .staffbox .metabox .position { font-family: 'Noto Serif JP', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; letter-spacing: 0.06em; margin-bottom: 0; font-weight: 500; }

section.staff .staffbox .metabox .name { font-family: 'Noto Serif JP', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; font-size: 2em; margin: 0 0 0.5em; letter-spacing: 0.13em; color: #383838; font-weight: 500; }

section.staff .staffbox .metabox .subcaption { text-align: justify; line-height: 1.8; font-weight: 700; font-size: 0.88em; }

/* 流れ */
section.flow { background-color: #e3e3e3; padding: 7em 0 20em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.flow { padding: 0em 0 7em; } }

@media screen and (max-width: 600px) { section.flow { padding: 0em 0 4.5em; } }

section.flow .ptbox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.flow .ptbox { display: block; margin-bottom: 1.5em; } }

section.flow .ptbox .icon { width: 245px; margin-right: 3em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.flow .ptbox .icon { width: 180px; margin-right: 2.5em; } }

@media screen and (max-width: 600px) { section.flow .ptbox .icon { margin: 0 auto 1em; } }

section.flow .ptbox .text { color: #015678; font-size: 1.31em; text-align: justify; line-height: 1.8; font-weight: 500; letter-spacing: 0.06em; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.flow .ptbox .text { font-size: 1.13em; } }

@media screen and (max-width: 600px) { section.flow .ptbox .text { font-size: 1em; } }

/* 案件調整 other */
section.other { background-color: #e3e3e3; padding-top: 14em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.other { padding-top: 7em; } }

@media screen and (max-width: 600px) { section.other { padding-top: 4.5em; } }

section.other img { margin: 0 auto; max-width: 100%; }

section.other .slider { margin: 5.5em auto 1.5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.other .slider { margin: 2em auto 1em; } }

section.other .slider li { margin: 0 3vw; }

section.other .slider .slick-disabled { display: none !important; }

section.other .slider .slick-prev, section.other .slider .slick-next { top: 45% !important; }

section.other .slider .slick-prev:before, section.other .slider .slick-next:before { content: "" !important; width: 20px !important; height: 20px !important; border-right: 2px solid #fff !important; border-top: 2px solid #fff !important; -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; display: block !important; opacity: 1 !important; }

section.other .slider .slick-prev:before { -webkit-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important; }

section.other .slider .slick-next:before { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }

section.other .slider .slick-next { right: 15vw !important; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.other .slider .slick-next { right: 4.25vw !important; } }

section.other .slider .slick-prev { left: 15vw !important; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.other .slider .slick-prev { left: 4.25vw !important; } }

section.other .notes { color: #015678; font-size: 1.38em; text-align: center; font-weight: 500; letter-spacing: 0.06em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.other .notes { font-size: 0.94em; text-align: justify; line-height: 1.3; text-indent: -1em; padding-left: 1em; display: block; margin: 0 5vw; } }

section.bosyu { background-color: #2d343a; padding-bottom: 18em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu { padding-bottom: 7em; } }

@media screen and (max-width: 600px) { section.bosyu { padding-bottom: 4.5em; } }

section.bosyu .title { max-width: 990px; margin: 0 auto 12em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .title { margin: 0 auto 7em; } }

@media screen and (max-width: 600px) { section.bosyu .title { margin: 0 auto 4em; } }

section.bosyu .pmbox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; /* Media Queries tab-up */ }

@media screen and (max-width: 900px) { section.bosyu .pmbox { display: block; } }

section.bosyu .pmbox .tbox .subtitle { margin-bottom: 2.75em; max-width: 415px; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.bosyu .pmbox .tbox .subtitle { margin-bottom: 2em; max-width: 75vw; } }

section.bosyu .pmbox .tbox .text { line-height: 1.85; font-size: 1.06em; letter-spacing: 0.13em; font-weight: 500; text-align: justify; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .pmbox .tbox .text .Box-pc { display: none !important; } }

@media screen and (max-width: 600px) { section.bosyu .pmbox .tbox .text { font-size: 1em; } }

section.bosyu .pmbox .map { width: 440px; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .pmbox .map { margin: 3em auto 3em; } }

@media screen and (max-width: 600px) { section.bosyu .pmbox .map { margin: 2em auto 3em; width: 80vw; } }

section.bosyu .list01 { background-color: #fff; border: 9px solid #d25520; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 7em auto 0; padding: 2.13em 13em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .list01 { padding: 2.13em 2.5em; } }

@media screen and (max-width: 600px) { section.bosyu .list01 { padding: 1em 1.5em; border-width: 6px; margin-top: 2.5em; } }

section.bosyu .list01 li { font-size: 1.25em; font-weight: bold; letter-spacing: 0.18em; margin-bottom: 1em; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .list01 li { font-size: 1.18em; } }

@media screen and (max-width: 600px) { section.bosyu .list01 li { font-size: 1em; text-indent: -1.56em; padding-left: 1.25em; margin-bottom: 0.5em; } }

section.bosyu .list01 li:last-of-type { margin-bottom: 0; }

section.bosyu .list01 li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; color: #d25520; font-size: 110%; margin-right: 0.68em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { section.bosyu .list01 li:before { margin-right: 0.25em; } }

section.bosyu .linkbtn { margin-top: 6.25em; text-align: center; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 900px) { section.bosyu .linkbtn { margin-top: 5em; } }

@media screen and (max-width: 600px) { section.bosyu .linkbtn { margin-top: 2.5em; } }

/* FCオーナー募集 */
body.fc .flexslider { margin: 0 0 0; }

body.fc table.table_basic01 th, body.fc table.table_basic01 td { white-space: inherit; }

body.fc .form01 { padding-top: 0; padding-bottom: 10em; }

body.fc .form01 .att001 { font-size: 1.13em; margin-left: 0.5em; }

body.fc .form01 select.is-empty { color: #757575; }

body.fc .form01 form dl { display: flow-root; }

body.fc .form01 form dl dd [type="text"], body.fc .form01 form dl dd textarea { padding: 1.25em 1em; font-size: 1em; }

body.fc .form01 form dl.zip dd [type="text"] { padding: 0.5em 0.75em; }

body.fc .form01 .privacy { text-align: center; margin-bottom: 1.5em; }

body.fc .form01 .privacy a { color: inherit; }

body.fc .form01 .selectbox { position: relative; }

body.fc .form01 .selectbox.col2 { width: 30%; float: left; margin-right: 1.5em; }

body.fc .form01 .selectbox.col2:after { right: 10%; }

body.fc .form01 .selectbox select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1.25em 1em; font-size: 1em; }

body.fc .form01 .selectbox select:invalid { color: #757575; }

body.fc .form01 .selectbox:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 5%; top: 40%; border-bottom: #aaa 2px solid; border-right: #aaa 2px solid; -webkit-transform: rotate(45deg) translateY(-30%); transform: rotate(45deg) translateY(-30%); }

body.fc .form01 .submit { font-size: 1em; padding: 1em 40px; font-weight: bold !important; }

body.fc .form01 .submit:enabled:hover { border: 3px solid #015678; padding: 1em 40px; background-color: #015678; color: #fff; font-weight: bold !important; }

/*  */
/* プライバシーポリシー privacy_policy */
.privacy_policy h3.title02 { text-align: left; margin: 1.5em 0 0.5em; }

/* ---------------------------------------------------------------------------
** 06pages sitemap
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
sp
--------------------------------------------------------------------------- */
/*# sourceMappingURL=style.css.map */