@charset "UTF-8";
/**====================================
 * CSS information
 * file name	: common.css
 * author		: libretto works
====================================**/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@500&display=swap');

/* body
-------------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6em;
	line-height: 2.2;
	position: relative;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	letter-spacing: 0.08em;
	color: #1a1a1a;
	width: 100%;
	min-width: 1080px;
    background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt" 1;
    font-optical-sizing: auto;
}
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}
body.fade {
    opacity: 0;
    transition: .3s;
}

/* link
-------------------------------------------------- */
a {
	color: #1a1a1a;
	text-decoration: none;
	transition: all .2s !important;
}
a._underline {
	text-decoration: underline;
}
a._blank::after {
    content: "";
	display: inline-block;
    width: 12px;
    height: 12px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="12" height="12" viewBox="0 0 12 12"><path fill-rule="evenodd" fill="rgb(26, 26, 26)" d="M11,9H3V0h9v9h-1ZM11,1H4v7h7V1ZM9,11v1H0V3h1v8h8Z"/></svg>') no-repeat center center;
    background-size: 100% auto;
    margin-left: 6px;
    transform: translateY(2px);
}
@media screen and (min-width: 768px) {
	a:hover {
		opacity: 0.7;
	}
	a.btn-cont:hover {
		opacity: 1;
	}
}

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

/* font
-------------------------------------------------- */
._min {
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
}
._nowrap {
    white-space: nowrap;
}
.ttl {
    line-height: 1.6;
}
.txt-wrap p {
    margin-top: 1.5em;
}
.txt-wrap p:first-child {
    margin-top: 0;
}

/* Responsive
-------------------------------------------------- */
.sp {
	display: none;
}

/* img
-------------------------------------------------- */
img {
	width: 100%;
	height: auto;
}
.thumb {
	display: block;
	overflow: hidden;
	position: relative;
	transition: .3s all;
}
.thumb::after {
	display: block;
	content: "";
}
.thumb img,
.thumb video,
.thumb iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s all;
}
.thumb-b-wrap {
    border: 1px solid #d9d9d9;
    padding: 8px;
}
.thumb-b {
    position: relative;
}
.thumb-b:after {
    content: "";
    display: block;
}
.thumb-b img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: contain;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
a:hover .thumb {
	transform: scale(0.96);
}
a:hover .thumb img {
	width: 115%;
	height: 115%;
	object-fit: cover;
}
}

/* svg
-------------------------------------------------- */
svg {
	display: block;
	width: 100%;
	height: auto;
}

/* bg
-------------------------------------------------- */
._bg {
    background: #f5f4f0;
}

/* align
-------------------------------------------------- */
._alignC {
    text-align: center;
}
._alignR {
    text-align: right;
}


/*/////////////////////////////////////////////////////////////////////////////


              // loading //
	  

/////////////////////////////////////////////////////////////////////////////*/
.loader {
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999999;
    pointer-events: none;
}
.loader.off {
    display: none;
}
.loader-bg {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	background: #ffffff;
    transition: opacity 1s .8s;
}
.off.loader-bg {
    opacity: 0;
}
.loader-logo {
	width: 240px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	overflow: hidden;
}
.loader-logo p {
	opacity: 0;
}
.on.loader-logo p {
    transition: 0.4s;
    opacity: 1;
}
.off.loader-logo {
    transition: 1s 0.8s;
    opacity: 0;
    filter: blur(10px);
}

/*/////////////////////////////////////////////////////////////////////////////


              // layout //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* container
-------------------------------------------------- */
#container {
    width:100%;
    box-sizing: border-box;
    opacity: 0;
}
.motion  #container {
    transition: opacity 1s;
    opacity: 1;
}

/* section
-------------------------------------------------- */
.section-wrap {
    padding-right: 5.8565%;
	padding-left: 5.8565%;
}
.section-wrap._w880 {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
}
.section-wrap._w1080 {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
}
.section-wrap._w1120 {
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
}

#contents {
    position: relative;
}
.contents-inner {
    margin-bottom: 50px;
}
.contents-inner:last-child {
    margin-bottom: 0;
}

/*/////////////////////////////////////////////////////////////////////////////


              // header //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* header  ---------------------------------------- */
.header {
	width: 100%;
    box-sizing: border-box;
    position: relative;
}
.header-logo {
	width: 230px;
    position: fixed;
    left: 2.9282%;
    top: 20px;
    transition: .2s;
    z-index: 99998;
    opacity: 0;
    box-sizing: border-box;
}
.motion .header-logo {
    opacity: 1;
}
body.on .header-logo {
    width: 200px;
    top: 10px;
}
.header-logo a {
	display: block;
}

/* header-inner  ---------------------------------------- */
.header-inner {
    height: 90px;
}

/* g-nav  ---------------------------------------- */
.g-nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #ffffff;
    box-sizing: border-box;
    z-index: 99997;
    transition: .2s;
    padding-bottom: 15px;
}
.g-nav .g-nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 20px;
}
.g-nav .g-nav-list li {
    margin-right: 28px;
    transform: translateY(20px);
	opacity: 0;
}
.g-nav .g-nav-list li a {
	display: block;
	position: relative;
    font-size: 1.5rem;
    line-height: 50px;
    font-weight: 500;
    z-index: 2;
}
.g-nav .g-nav-list li a::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #773086;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
    transform-origin: center top;
	transition: .2s;
}
.g-nav .g-nav-list li.ac a::before {
	transform: scaleX(1);
}
.g-nav .g-nav-list li._contact a::before {
    display: none;
}
.motion .g-nav li:nth-child(1) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.3s;
}
.motion .g-nav li:nth-child(2) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.4s;
}
.motion .g-nav li:nth-child(3) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.5s;
}
.motion .g-nav li:nth-child(4) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.6s;
}
.motion .g-nav li:nth-child(5) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.7s;
}
.motion .g-nav li:nth-child(6) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.8s;
}
.motion .g-nav li:nth-child(7) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 0.9s;
}
.motion .g-nav li:nth-child(8) {
	animation: nav-fadeup 0.5s cubic-bezier(0.02, 0.95, 0.4, 1) forwards 1.0s;
}
@keyframes nav-fadeup {
	0% {
		transform: translateY(20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
/* hover */
@media screen and (min-width: 768px) {
    .g-nav .g-nav-list li:not(._contact) a:hover {
        opacity: 1;
    }
    .g-nav .g-nav-list li:hover a::before {
        transform: scaleX(1);
    }
}
.g-nav-contact {
    padding: 20px 40px;
    border-left: 1px solid #d9d9d9;
    transition: .2s;
}
body.on .g-nav-contact {
    padding: 5px 40px;
}
.g-nav-contact a {
    display: block;
    font-size: 1.5rem;
    line-height: 50px;
    font-weight: 500;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="18" viewBox="0 0 24 18"><path fill="rgb(119, 48, 134)" d="M-0.000,18.000 L0.002,6.942 L11.1000,12.1000 L23.1000,6.1000 L23.1000,18.000 L-0.000,18.000 ZM-0.000,5.000 L-0.000,-0.000 L23.1000,-0.000 L23.1000,5.000 L11.1000,11.001 L-0.000,5.000 Z"/></svg>') left center no-repeat;
    background-size: 24px auto;
    padding-left: 38px;
}

/* g-nav-sublist  ---------------------------------------- */
.g-nav .g-nav-sublist {
    width: 450px;
    position: absolute;
    left: 0;
    top: 40px;
    padding: 40px 20px 25px;
    box-sizing: border-box;
    opacity: 0;
	pointer-events: none;
	transition: .4s;
}
.g-nav .g-nav-sublist::before {
    content: "";
    width: 100%;
    height: calc(100% - 20px);
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 4px;
    box-shadow: #97a4aa66 -10px 10px 10px -10px;
}
.g-nav .g-nav-sublist a,
.g-nav .g-nav-sublist a p {
    color: #1a1a1a !important;
    font-weight: 500;
    line-height: 1.6;
}
.g-nav .g-nav-sublist a::before {
    display: none;
}
.g-nav .g-nav-sublist ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.g-nav .g-nav-sublist ul li {
    width: 48%;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #d9d9d9;
    transform: none;
	opacity: 1;
    animation: none !important;
}
.g-nav .g-nav-sublist ul li:last-child {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.g-nav .g-nav-sublist ul li a {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-family: "Shippori Mincho", serif;
	font-weight: 500;
    font-size: 1.4rem;
}
.g-nav .g-nav-sublist ul li a::before,
.g-nav .g-nav-sublist ul li a::after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    transition: .2s;
}
.g-nav .g-nav-sublist ul li a::before {
    background: #773086;
    border-radius: 50%;
}
.g-nav .g-nav-sublist ul li a::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="rgb(255, 255, 255)" d="M14.2,20.8c-.3,0-.5-.1-.7-.4-.3-.4-.2-1,.2-1.3l4.3-3.2-4.3-3.2c-.4-.3-.5-.9-.2-1.3.3-.4.9-.5,1.3-.2l5.2,3.9c.2.2.4.4.4.7s-.1.5-.4.7l-5.2,3.9c-.2.1-.4.2-.5.2Z"/></svg>') center center no-repeat;
    background-size: 100% auto;
}
.header .g-nav::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.20);
    pointer-events: none;
    opacity: 0;
    transition: .35s;
}
.ddhovered .header .g-nav::before {
    opacity: 1;
}

/* hover */
@media screen and (min-width: 768px) {
	.dd-nav-btn:hover > .g-nav-sublist {
		opacity: 1;
		pointer-events: auto;
	}
    .g-nav .g-nav-sublist ul li a:hover {
        opacity: 0.7 !important;
    }
}

/* header-fix-nav  ---------------------------------------- */
.header-fix-nav {
    position: fixed;
    right: 0;
    top: 90px;
    z-index: 99998;
    transition: opacity .3s .1s;
    opacity: 0;
    transition: .2s;
}
.motion .header-fix-nav {
    opacity: 1;
}
body.on .header-fix-nav {
    top: 60px;
}
.header-fix-nav a {
    display: block;
    width: 300px;
    font-size: 1.5rem;
    line-height: 1.4;
    background: #773086 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="20" viewBox="0 0 30 20"><path fill="rgb(255, 255, 255)" d="M-0.006,20.004 L-0.006,-0.000 L30.008,-0.000 L30.008,20.004 L-0.006,20.004 ZM30.004,3.112 C26.954,3.112 24.251,3.889 22.416,4.864 C20.581,3.889 18.046,3.112 14.997,3.112 C11.947,3.112 9.413,3.889 7.577,4.864 C5.742,3.889 3.044,3.112 -0.005,3.112 L-0.005,4.864 C1.797,4.864 3.985,5.208 5.702,5.970 C3.847,7.236 2.013,9.156 2.013,11.579 C2.013,14.780 4.682,17.225 7.577,17.225 C10.472,17.225 13.012,14.780 13.012,11.579 C13.012,9.156 11.308,7.236 9.453,5.970 C11.169,5.208 13.194,4.864 14.997,4.864 C16.800,4.864 18.824,5.208 20.540,5.970 C18.686,7.236 16.981,9.156 16.981,11.579 C16.981,14.780 19.522,17.225 22.416,17.225 C25.311,17.225 27.940,14.780 27.940,11.579 C27.940,9.156 26.147,7.236 24.292,5.970 C26.009,5.208 28.201,4.864 30.004,4.864 L30.004,3.112 ZM22.533,15.471 C20.887,15.471 18.844,14.185 18.844,11.535 C18.844,9.477 20.839,7.832 22.533,6.850 C24.228,7.832 26.222,9.477 26.222,11.535 C26.222,14.185 24.180,15.471 22.533,15.471 ZM7.536,15.516 C5.890,15.516 3.845,14.232 3.845,11.579 C3.845,9.522 5.841,7.878 7.536,6.895 C9.230,7.878 11.225,9.522 11.225,11.579 C11.225,14.232 9.182,15.516 7.536,15.516 Z"/></svg>') left 30px center no-repeat;
    background-size: 30px auto;
    color: #ffffff;
    border-radius: 4px 0 0 4px;
    padding: 8px 0 12px 80px;
    box-sizing: border-box;
}
.header-fix-nav a .tel {
    font-size: 2.8rem;
}

/* menu-trigger  ---------------------------------------- */
.menu-trigger {
    display: none;
}

/* fixed-nav  ---------------------------------------- */
.fixed-nav {
    position: fixed;
    left: 0;
    top: 0;
	opacity: 0;
    pointer-events: none;
}

/*/////////////////////////////////////////////////////////////////////////////


              // footer //
	  

/////////////////////////////////////////////////////////////////////////////*/
.footer {
    padding: 80px 0 60px;
    position: relative;
}
.footer-col2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}
.ft-cont {
    width: calc(100% - 400px);
}
.ft-cont-info dt {
    width: 230px;
    margin-bottom: 20px;
}
.ft-cont-info dd {
    font-size: 1.5rem;
}
.ft-cont-nav ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 32px;
}
.ft-cont-nav ul li {
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 24px 18px 0;
}
.ft-cont-nav ul._sub {
    margin-top: 24px;
}
.ft-cont-nav ul._sub li {
    font-size: 1.2rem;
}
.ft-side {
    width: 380px;
    padding: 10px 0 0;
}
.ft-area {
    font-size: 1.4rem;
    border: 1px solid #cccccc;
    padding: 30px 30px 26px;
    border-radius: 4px;
    position: relative;
}
.ft-area .ttl {
    font-size: 2.2rem;
    line-height: 1;
    display: inline-block;
    background: #ffffff;
    position: absolute;
    top: -10px;
    left: 15px;
    padding: 0 15px;
}
.copyright {
    font-size: 1.2rem;
}

/*/////////////////////////////////////////////////////////////////////////////


              // ctaArea //
	  

/////////////////////////////////////////////////////////////////////////////*/
.ctaArea {
    padding: 100px 0 110px;
    color: #ffffff;
    position: relative;
}
.ctaArea-fig {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ctaArea-fig::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(42,44,46,0.70);
    position: absolute;
    left: 0;
    top: 0;
}
.ctaArea-fig .thumb {
    height: 100%;
}
.ctaArea-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 16px;
    margin-top: 40px;
    position: relative;
}
.ctaArea-list li {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 0;
}
.ctaArea-list li:first-child {
    border-right: 1px solid #babdbe;
}
.ctaArea-list li a {
    color: #ffffff;
}
.ctaArea-list li .ttl {
    font-size: 2.2rem;
    padding-bottom: 16px;
}
.ctaArea-list li .tel a {
    display: inline-block;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1;
    padding: 0 0 8px 60px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="20" viewBox="0 0 30 20"><path fill="rgb(255, 255, 255)" d="M-0.006,20.004 L-0.006,-0.000 L30.008,-0.000 L30.008,20.004 L-0.006,20.004 ZM30.004,3.112 C26.954,3.112 24.251,3.889 22.416,4.864 C20.581,3.889 18.046,3.112 14.997,3.112 C11.947,3.112 9.413,3.889 7.577,4.864 C5.742,3.889 3.044,3.112 -0.005,3.112 L-0.005,4.864 C1.797,4.864 3.985,5.208 5.702,5.970 C3.847,7.236 2.013,9.156 2.013,11.579 C2.013,14.780 4.682,17.225 7.577,17.225 C10.472,17.225 13.012,14.780 13.012,11.579 C13.012,9.156 11.308,7.236 9.453,5.970 C11.169,5.208 13.194,4.864 14.997,4.864 C16.800,4.864 18.824,5.208 20.540,5.970 C18.686,7.236 16.981,9.156 16.981,11.579 C16.981,14.780 19.522,17.225 22.416,17.225 C25.311,17.225 27.940,14.780 27.940,11.579 C27.940,9.156 26.147,7.236 24.292,5.970 C26.009,5.208 28.201,4.864 30.004,4.864 L30.004,3.112 ZM22.533,15.471 C20.887,15.471 18.844,14.185 18.844,11.535 C18.844,9.477 20.839,7.832 22.533,6.850 C24.228,7.832 26.222,9.477 26.222,11.535 C26.222,14.185 24.180,15.471 22.533,15.471 ZM7.536,15.516 C5.890,15.516 3.845,14.232 3.845,11.579 C3.845,9.522 5.841,7.878 7.536,6.895 C9.230,7.878 11.225,9.522 11.225,11.579 C11.225,14.232 9.182,15.516 7.536,15.516 Z"/></svg>') left center no-repeat;
    background-size: 40px auto;
}
.ctaArea-list li .mail a {
    display: block;
    width: 340px;
    margin: 8px auto 0;
    border: 1px solid #ffffff;
    border-radius: 4px;
}
.ctaArea-list li .mail a span {
    display: inline-block;
    line-height: 70px;
    padding-left: 40px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="18" viewBox="0 0 24 18"><path fill="rgb(255, 255, 255)" d="M-0.000,18.000 L0.002,6.942 L11.1000,12.1000 L23.1000,6.1000 L23.1000,18.000 L-0.000,18.000 ZM-0.000,5.000 L-0.000,-0.000 L23.1000,-0.000 L23.1000,5.000 L11.1000,11.001 L-0.000,5.000 Z"/></svg>') left center no-repeat;
    background-size: 24px auto;
}

/*/////////////////////////////////////////////////////////////////////////////


              // common parts //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* ==================================================
    breadcrumb
================================================== */
.breadcrumb {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 120px 0 20px;
    position: relative;
}
.breadcrumb li {
    font-size: 1.3rem;
    position: relative;
    padding-right: 16px;
    margin-right: 10px;
}
.breadcrumb li:last-child::after {
    display: none;
}
.breadcrumb li::after {
    content: "";
    width: 5px;
    height: 6px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="5" height="6" viewBox="0 0 5 6"><path fill="rgb(26, 26, 26)" d="M.8,6l-.6-.8,3-2.2L.2.8l.6-.8,4,3L.8,6Z"/></svg>') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-30%);
}
.breadcrumb li a {
    text-decoration: underline;
}

/* ==================================================
    title
================================================== */

/* page-ttl  ---------------------------------------- */
.page-ttl {
    padding: 40px 0 0;
    position: relative;
}
.page-ttl .wave {
    position: absolute;
    left: 0;
    top: 80px;
}
.page-ttl-inner {
    padding: 32px 5.8565% 0;
    text-align: center;
    position: relative;
}
.page-ttl-inner > .ttl {
    font-size: 4.4rem;
    padding: 42px 0 0;
    position: relative;
    text-shadow:  0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
.page-ttl-inner > .ttl::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="26" height="26" viewBox="0 0 26 26"><path fill="rgb(119, 48, 134)" d="M12.966,0.016 C5.825,0.016 0.016,5.826 0.016,12.967 C0.016,20.108 5.825,25.918 12.966,25.918 C20.108,25.918 25.918,20.108 25.918,12.967 C25.918,5.826 20.108,0.016 12.966,0.016 ZM24.699,12.967 C24.699,13.803 24.609,14.619 24.442,15.406 L21.948,15.406 C21.627,13.666 21.448,11.803 21.662,9.976 C22.482,11.107 23.514,12.045 24.692,12.718 C24.694,12.801 24.699,12.884 24.699,12.967 ZM1.492,15.406 C1.325,14.619 1.235,13.803 1.235,12.967 C1.235,12.825 1.241,12.685 1.246,12.545 C2.478,11.908 3.562,10.986 4.430,9.859 C4.620,11.731 4.436,13.637 4.122,15.406 L1.492,15.406 ZM4.043,7.770 C3.342,8.850 2.538,9.831 1.482,10.571 C1.821,8.943 2.501,7.440 3.439,6.135 C3.689,6.667 3.888,7.214 4.043,7.770 ZM8.109,8.830 C8.437,9.144 8.785,9.429 9.150,9.680 L9.150,15.406 L8.054,15.406 L8.109,8.830 ZM10.593,10.465 C11.134,10.685 11.699,10.838 12.282,10.916 L12.282,15.406 L10.593,15.406 L10.593,10.465 ZM13.651,10.962 C14.167,10.926 14.671,10.834 15.158,10.687 L15.158,15.406 L13.651,15.406 L13.651,10.962 ZM16.600,10.073 C16.981,9.859 17.348,9.614 17.696,9.335 L17.929,15.406 L16.600,15.406 L16.600,10.073 ZM22.694,6.416 C23.554,7.688 24.169,9.138 24.476,10.698 C23.507,9.939 22.756,8.971 22.092,7.918 C22.250,7.408 22.450,6.907 22.694,6.416 ZM17.419,2.115 L17.612,7.156 C16.371,8.178 14.907,8.791 13.304,8.791 C11.384,8.791 9.571,7.912 8.128,6.503 L8.164,2.267 C9.631,1.606 11.256,1.235 12.966,1.235 C14.542,1.235 16.045,1.550 17.419,2.115 ZM7.985,23.585 L8.015,19.979 L18.104,19.979 L18.236,23.444 C16.650,24.243 14.861,24.698 12.966,24.698 C11.186,24.698 9.498,24.297 7.985,23.585 Z"/></svg>') center top no-repeat;
    background-size: 26px auto;
    filter: drop-shadow(0px 0px 10px #ffffff) drop-shadow(0px 0px 10px #ffffff) drop-shadow(0px 0px 10px #ffffff) drop-shadow(0px 0px 10px #ffffff); 
}
.page-ttl-inner > .ttl .sub {
    font-size: 1.8rem;
}
.page-ttl .lead {
    font-size: 1.8rem;
    margin: 22px 0 0;
}
.page-ttl-fig {
    padding: 80px 20px 0;
}
.page-ttl-fig .thumb {
    border-radius: 4px;
}
.page-ttl-fig .thumb::after {
    padding-top: 36.2%;
}

/* page-ttl-col2  ---------------------------------------- */
.page-ttl-col2 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.page-ttl-col2._plan {
    align-items: stretch;
}
.page-ttl-col2-fig {
    width: 50%;
}
.page-ttl-col2-fig .thumb {
    height: 866px;
    border-radius: 0 4px 4px 0;
}
.page-ttl-col2-fig._plan .thumb {
    height: 100%;
}
.page-ttl-col2 .page-ttl-inner {
    width: 50%;
    padding: 90px 0 0;
    position: relative;
    box-sizing: border-box;
}
.page-ttl-col2-fig-sp {
    display: none;
}
.page-ttl-col2 .vertical-ttl {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 90px 0 10px;
}
.page-ttl-col2 .vertical-ttl p {
    font-size: 2.8rem;
    letter-spacing: 0.18em;
    writing-mode: vertical-rl;
    text-align: left;
}
.page-ttl-col2-inner-fig {
    display: flex;
    justify-content: flex-end;
    padding-top: 60px;
}
.page-ttl-col2-inner-fig .thumb {
    width: 32.2108%;
    border-radius: 4px 0 0 4px;
}
.page-ttl-col2-inner-fig .thumb::after {
    padding-top: 75%;
}
.page-ttl-col3-inner-fig {
    display: none;
}

/* anchor-link  ---------------------------------------- */
.anchor-link {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.anchor-link li {
    width: 220px;
    margin: 0 10px;
}
.anchor-link li a {
    display: block;
    font-size: 1.8rem;
    position: relative;
    border-bottom: 1px solid #cccccc;
    padding: 14px 0;
}

/* sec-ttl  ---------------------------------------- */
.sec-ttl {
    position: relative;
    text-align: center;
}
.sec-ttl._left {
    text-align: left;
}
.sec-ttl .ttl {
    font-size: 3.6rem;
    letter-spacing: 0.12em;
    padding: 40px 0 0;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="26" height="26" viewBox="0 0 26 26"><path fill="rgb(119, 48, 134)" d="M12.966,0.016 C5.825,0.016 0.016,5.826 0.016,12.967 C0.016,20.108 5.825,25.918 12.966,25.918 C20.108,25.918 25.918,20.108 25.918,12.967 C25.918,5.826 20.108,0.016 12.966,0.016 ZM24.699,12.967 C24.699,13.803 24.609,14.619 24.442,15.406 L21.948,15.406 C21.627,13.666 21.448,11.803 21.662,9.976 C22.482,11.107 23.514,12.045 24.692,12.718 C24.694,12.801 24.699,12.884 24.699,12.967 ZM1.492,15.406 C1.325,14.619 1.235,13.803 1.235,12.967 C1.235,12.825 1.241,12.685 1.246,12.545 C2.478,11.908 3.562,10.986 4.430,9.859 C4.620,11.731 4.436,13.637 4.122,15.406 L1.492,15.406 ZM4.043,7.770 C3.342,8.850 2.538,9.831 1.482,10.571 C1.821,8.943 2.501,7.440 3.439,6.135 C3.689,6.667 3.888,7.214 4.043,7.770 ZM8.109,8.830 C8.437,9.144 8.785,9.429 9.150,9.680 L9.150,15.406 L8.054,15.406 L8.109,8.830 ZM10.593,10.465 C11.134,10.685 11.699,10.838 12.282,10.916 L12.282,15.406 L10.593,15.406 L10.593,10.465 ZM13.651,10.962 C14.167,10.926 14.671,10.834 15.158,10.687 L15.158,15.406 L13.651,15.406 L13.651,10.962 ZM16.600,10.073 C16.981,9.859 17.348,9.614 17.696,9.335 L17.929,15.406 L16.600,15.406 L16.600,10.073 ZM22.694,6.416 C23.554,7.688 24.169,9.138 24.476,10.698 C23.507,9.939 22.756,8.971 22.092,7.918 C22.250,7.408 22.450,6.907 22.694,6.416 ZM17.419,2.115 L17.612,7.156 C16.371,8.178 14.907,8.791 13.304,8.791 C11.384,8.791 9.571,7.912 8.128,6.503 L8.164,2.267 C9.631,1.606 11.256,1.235 12.966,1.235 C14.542,1.235 16.045,1.550 17.419,2.115 ZM7.985,23.585 L8.015,19.979 L18.104,19.979 L18.236,23.444 C16.650,24.243 14.861,24.698 12.966,24.698 C11.186,24.698 9.498,24.297 7.985,23.585 Z"/></svg>') center top no-repeat;
    background-size: 26px auto;
}
.sec-ttl._left  .ttl {
    padding: 0 0 0 50px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="26" height="26" viewBox="0 0 26 26"><path fill="rgb(119, 48, 134)" d="M12.966,0.016 C5.825,0.016 0.016,5.826 0.016,12.967 C0.016,20.108 5.825,25.918 12.966,25.918 C20.108,25.918 25.918,20.108 25.918,12.967 C25.918,5.826 20.108,0.016 12.966,0.016 ZM24.699,12.967 C24.699,13.803 24.609,14.619 24.442,15.406 L21.948,15.406 C21.627,13.666 21.448,11.803 21.662,9.976 C22.482,11.107 23.514,12.045 24.692,12.718 C24.694,12.801 24.699,12.884 24.699,12.967 ZM1.492,15.406 C1.325,14.619 1.235,13.803 1.235,12.967 C1.235,12.825 1.241,12.685 1.246,12.545 C2.478,11.908 3.562,10.986 4.430,9.859 C4.620,11.731 4.436,13.637 4.122,15.406 L1.492,15.406 ZM4.043,7.770 C3.342,8.850 2.538,9.831 1.482,10.571 C1.821,8.943 2.501,7.440 3.439,6.135 C3.689,6.667 3.888,7.214 4.043,7.770 ZM8.109,8.830 C8.437,9.144 8.785,9.429 9.150,9.680 L9.150,15.406 L8.054,15.406 L8.109,8.830 ZM10.593,10.465 C11.134,10.685 11.699,10.838 12.282,10.916 L12.282,15.406 L10.593,15.406 L10.593,10.465 ZM13.651,10.962 C14.167,10.926 14.671,10.834 15.158,10.687 L15.158,15.406 L13.651,15.406 L13.651,10.962 ZM16.600,10.073 C16.981,9.859 17.348,9.614 17.696,9.335 L17.929,15.406 L16.600,15.406 L16.600,10.073 ZM22.694,6.416 C23.554,7.688 24.169,9.138 24.476,10.698 C23.507,9.939 22.756,8.971 22.092,7.918 C22.250,7.408 22.450,6.907 22.694,6.416 ZM17.419,2.115 L17.612,7.156 C16.371,8.178 14.907,8.791 13.304,8.791 C11.384,8.791 9.571,7.912 8.128,6.503 L8.164,2.267 C9.631,1.606 11.256,1.235 12.966,1.235 C14.542,1.235 16.045,1.550 17.419,2.115 ZM7.985,23.585 L8.015,19.979 L18.104,19.979 L18.236,23.444 C16.650,24.243 14.861,24.698 12.966,24.698 C11.186,24.698 9.498,24.297 7.985,23.585 Z"/></svg>') top 20px left no-repeat;
    background-size: 26px auto;
}
.sec-ttl .lead {
    font-size: 1.8rem;
    margin-top: 20px;
}
.sec-ttl._wht {
    color: #ffffff;
}
.sec-ttl._wht .ttl {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="26" height="26" viewBox="0 0 26 26"><path fill="rgb(255, 255, 255)" d="M12.966,0.016 C5.825,0.016 0.016,5.826 0.016,12.967 C0.016,20.108 5.825,25.918 12.966,25.918 C20.108,25.918 25.918,20.108 25.918,12.967 C25.918,5.826 20.108,0.016 12.966,0.016 ZM24.699,12.967 C24.699,13.803 24.609,14.619 24.442,15.406 L21.948,15.406 C21.627,13.666 21.448,11.803 21.662,9.976 C22.482,11.107 23.514,12.045 24.692,12.718 C24.694,12.801 24.699,12.884 24.699,12.967 ZM1.492,15.406 C1.325,14.619 1.235,13.803 1.235,12.967 C1.235,12.825 1.241,12.685 1.246,12.545 C2.478,11.908 3.562,10.986 4.430,9.859 C4.620,11.731 4.436,13.637 4.122,15.406 L1.492,15.406 ZM4.043,7.770 C3.342,8.850 2.538,9.831 1.482,10.571 C1.821,8.943 2.501,7.440 3.439,6.135 C3.689,6.667 3.888,7.214 4.043,7.770 ZM8.109,8.830 C8.437,9.144 8.785,9.429 9.150,9.680 L9.150,15.406 L8.054,15.406 L8.109,8.830 ZM10.593,10.465 C11.134,10.685 11.699,10.838 12.282,10.916 L12.282,15.406 L10.593,15.406 L10.593,10.465 ZM13.651,10.962 C14.167,10.926 14.671,10.834 15.158,10.687 L15.158,15.406 L13.651,15.406 L13.651,10.962 ZM16.600,10.073 C16.981,9.859 17.348,9.614 17.696,9.335 L17.929,15.406 L16.600,15.406 L16.600,10.073 ZM22.694,6.416 C23.554,7.688 24.169,9.138 24.476,10.698 C23.507,9.939 22.756,8.971 22.092,7.918 C22.250,7.408 22.450,6.907 22.694,6.416 ZM17.419,2.115 L17.612,7.156 C16.371,8.178 14.907,8.791 13.304,8.791 C11.384,8.791 9.571,7.912 8.128,6.503 L8.164,2.267 C9.631,1.606 11.256,1.235 12.966,1.235 C14.542,1.235 16.045,1.550 17.419,2.115 ZM7.985,23.585 L8.015,19.979 L18.104,19.979 L18.236,23.444 C16.650,24.243 14.861,24.698 12.966,24.698 C11.186,24.698 9.498,24.297 7.985,23.585 Z"/></svg>') center top no-repeat;
    background-size: 26px auto;
}

/* bd-ttl  ---------------------------------------- */
.bd-ttl {
    font-size: 1.8rem;
}
.bd-ttl span {
    display: inline-block;
    position: relative;
    padding-right: 120px;
}
.bd-ttl span::after {
    content: "";
    width: 80px;
    height: 1px;
    background: #cccccc;
    position: absolute;
    right: 0;
    top: 50%;
}

/* cont-ttl  ---------------------------------------- */
.cont-ttl {
    text-align: center;
}
.cont-ttl .ttl {
    display: inline-block;
    position: relative;
    font-size: 3.4rem;
    letter-spacing: 0.12em;
    padding: 0 110px;
}
.cont-ttl .ttl span._gold {
    color: #8d6f1e;
}
.cont-ttl .ttl::before,
.cont-ttl .ttl::after {
    content: "";
    width: 80px;
    height: 5px;
    box-sizing: border-box;
    border-top: 1px solid #a98e47;
    border-bottom: 1px solid #a98e47;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cont-ttl .ttl::before {
    left: 0;
}
.cont-ttl .ttl::after {
    right: 0;
}
.cont-ttl .lead {
    font-size: 1.8rem;
    margin: 16px 0 0;
}
.cont-ttl._left {
    text-align: left;
}
.cont-ttl._left .ttl {
    text-align: left;
    padding: 0 0 24px;
}
.cont-ttl._left .ttl::before {
    top: inherit;
    bottom: 0;
    transform: none;
}
.cont-ttl._left .ttl::after {
    display: none;
}

/* g-ttl  ---------------------------------------- */
.g-ttl {
    font-size: 2.8rem;
    line-height: 1.6;
    letter-spacing: 0.28em;
    color: #8d6f1e;
    text-align: center;
    margin-top: 32px;
}

/* sub-ttl  ---------------------------------------- */
.sub-ttl {
    font-size: 2.4rem;
    line-height: 1.6;
    margin-bottom: 8px;
}

/* ===============================================
    btn
=============================================== */

/* btn  ---------------------------------------- */
.btn {
    margin-top: 32px;
    position: relative;
    z-index: 1;
}
.btn a {
    display: inline-block;
    width: 320px;
    position: relative;
    font-family: "Shippori Mincho", serif;
	font-weight: 500;
    padding: 14px 30px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #1a1a1a;
    border-radius: 4px;
    box-sizing: border-box;
}
.btn a::before,
.btn a::after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s;
}
.btn a::before {
    background: #773086;
    border-radius: 50%;
}
.btn a::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="rgb(255, 255, 255)" d="M14.2,20.8c-.3,0-.5-.1-.7-.4-.3-.4-.2-1,.2-1.3l4.3-3.2-4.3-3.2c-.4-.3-.5-.9-.2-1.3.3-.4.9-.5,1.3-.2l5.2,3.9c.2.2.4.4.4.7s-.1.5-.4.7l-5.2,3.9c-.2.1-.4.2-.5.2Z"/></svg>') center center no-repeat;
    background-size: 100% auto;
}

/* hover */
@media screen and (min-width: 768px) {
    .btn a:hover {
        opacity: 1;
        color: #ffffff;
        background: #773086;
        border: 1px solid #773086;
    }
    .btn a:hover::before,
    .btn a:hover::after {
        right: 10px;
    }
}

/* btn-txt  ---------------------------------------- */
.btn-txt a,
.btn-txt span {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    font-family: "Shippori Mincho", serif;
	font-weight: 500;
}
.btn-txt a::before,
.btn-txt span::before,
.btn-txt a::after,
.btn-txt span::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-43%);
    transition: .2s;
}
.btn-txt a::before,
.btn-txt span::before {
    background: #773086;
    border-radius: 50%;
}
.btn-txt a::after,
.btn-txt span::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" viewBox="0 0 32 32"><path fill="rgb(255, 255, 255)" d="M14.2,20.8c-.3,0-.5-.1-.7-.4-.3-.4-.2-1,.2-1.3l4.3-3.2-4.3-3.2c-.4-.3-.5-.9-.2-1.3.3-.4.9-.5,1.3-.2l5.2,3.9c.2.2.4.4.4.7s-.1.5-.4.7l-5.2,3.9c-.2.1-.4.2-.5.2Z"/></svg>') center center no-repeat;
    background-size: 100% auto;
}

/* btn-pdf  ---------------------------------------- */
.btn-pdf {
    text-align: center;
    margin-top: 24px;
}
.btn-pdf a {
    display: inline-block;
    position: relative;
    font-family: "Shippori Mincho", serif;
	font-weight: 500;
    padding: 0 48px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #1a1a1a;
    border-radius: 4px;
    box-sizing: border-box;
}
.btn-pdf a span {
    display: inline-block;
    padding: 10px 0 10px 40px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="60" height="75" viewBox="0 0 60 75"><path fill-rule="evenodd" fill="rgb(119, 48, 134)" d="M47.630,74.987 L12.372,74.987 C5.550,74.987 0.001,69.345 0.001,62.409 L0.001,23.528 L0.001,21.599 L1.343,20.235 L19.890,1.376 L21.231,0.012 L23.130,0.012 L47.630,0.012 C54.450,0.012 59.999,5.654 59.999,12.591 L59.999,62.409 C59.999,69.345 54.450,74.987 47.630,74.987 ZM55.419,12.591 C55.419,8.216 51.932,4.669 47.630,4.669 L23.130,4.669 L23.130,16.928 C23.130,20.575 20.222,23.528 16.638,23.528 L4.581,23.528 L4.581,62.409 C4.581,66.784 8.068,70.331 12.372,70.331 L47.630,70.331 C51.932,70.331 55.419,66.784 55.419,62.409 L55.419,12.591 ZM48.410,38.658 L42.712,38.658 C42.617,38.658 42.571,38.707 42.571,38.802 L42.571,42.241 C42.571,42.337 42.617,42.385 42.712,42.385 L47.253,42.385 C48.269,42.385 48.859,43.009 48.859,43.898 C48.859,44.789 48.269,45.414 47.253,45.414 L42.712,45.414 C42.617,45.414 42.571,45.462 42.571,45.557 L42.571,50.221 C42.571,51.351 41.837,52.097 40.845,52.097 C39.829,52.097 39.095,51.351 39.095,50.221 L39.095,37.168 C39.095,36.231 39.664,35.606 40.609,35.606 L48.410,35.606 C49.379,35.606 50.019,36.255 50.019,37.145 C50.019,38.009 49.380,38.658 48.410,38.658 ZM29.092,51.953 L25.285,51.953 C24.339,51.953 23.773,51.351 23.773,50.413 L23.773,37.168 C23.773,36.231 24.340,35.606 25.285,35.606 L29.092,35.606 C32.519,35.606 34.649,36.712 35.499,39.380 C35.806,40.318 35.973,41.447 35.973,43.778 C35.973,46.111 35.806,47.240 35.499,48.178 C34.649,50.847 32.519,51.953 29.092,51.953 ZM32.167,40.605 C31.763,39.308 30.606,38.755 28.997,38.755 L27.390,38.755 C27.295,38.755 27.247,38.802 27.247,38.899 L27.247,48.659 C27.247,48.755 27.295,48.803 27.390,48.803 L28.997,48.803 C30.606,48.803 31.763,48.250 32.167,46.953 C32.332,46.399 32.449,45.437 32.449,43.780 C32.449,42.120 32.332,41.160 32.167,40.605 ZM15.472,46.111 L12.611,46.111 C12.516,46.111 12.467,46.160 12.467,46.255 L12.467,50.221 C12.467,51.351 11.735,52.097 10.741,52.097 C9.725,52.097 8.994,51.351 8.994,50.221 L8.994,37.168 C8.994,36.231 9.560,35.606 10.506,35.606 L15.472,35.606 C18.994,35.606 21.075,37.745 21.075,40.870 C21.075,43.947 18.970,46.111 15.472,46.111 ZM15.258,38.658 L12.611,38.658 C12.516,38.658 12.467,38.707 12.467,38.802 L12.467,42.914 C12.467,43.009 12.516,43.057 12.611,43.057 L15.258,43.057 C16.724,43.057 17.599,42.192 17.599,40.870 C17.599,39.548 16.724,38.658 15.258,38.658 Z"/></svg>') no-repeat left center;
    background-size: 24px auto;
}


/* ===============================================
    parallax
=============================================== */
.parallax01,
.parallax02,
.parallax03 {
    position: relative;
}
.parallax-inner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.parallax-img {
	transition: none !important;
	position: relative;
}
.parallax-img span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: none !important;
}
.parallax-img.thumb img {
	height: 110%;
}
/* ===============================================
    table
=============================================== */
dl.table {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d7d8;
}
dl.table dt {
	width: 20%;
	border-top: 1px solid #d6d7d8;
	padding: 20px 0;
}
dl.table dd {
	width: 75%;
	border-top: 1px solid #d6d7d8;
	padding: 20px 0 10px 5%;
    position: relative;
}
dl.table dd p {
	padding-bottom: 10px;
}
dl.table .list li {
    display: flex;
    justify-content: flex-start;
}
dl.table .list li p {
    width: 82%;
}
dl.table .list li p:nth-child(1) {
    width: 18%;
}

/* ===============================================
    list-disc 
=============================================== */
.list-disc-ttl {
	margin-bottom: 5px;
}
.list-disc > li {
    position: relative;
    line-height: 1.5;
	padding: 5px 0 5px 20px;
}
.list-disc > li::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #cbbb91;
    position: absolute;
    left: 0;
    top: 0.7em;
    border-radius: 50%;
}
.list-note > li {
	text-indent: -1.5em;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 4px 0 4px 1.5em;
}
.list-note > li::before {
	content: "※ ";
}
.list-note > li ul {
    padding: 4px 0 4px 1.5em;
}
.list-note > li ul li {
    padding: 4px 0;
}
.list-note > li ul li .dot {
    color: #8e9294;
}

/*/////////////////////////////////////////////////////////////////////////////


              // Slider //
	  

/////////////////////////////////////////////////////////////////////////////*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next {   
    position:  absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	overflow: hidden;
	font-size: 0;
    line-height: 0;
	display: block;
	cursor: pointer;
    border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px auto;
    background-color: #ffffff;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8" height="12" viewBox="0 0 8 12"><path fill="rgb(26, 26, 26)" d="M.9,11.9l-.6-.8,6.2-5.1L.2.9.9.1l6.7,5.5c.1,0,.2.2.2.4s0,.3-.2.4L.9,11.9Z"/></svg>');
	z-index: 999;
	transition: .2s;
	border-radius: 50%;
    box-sizing: border-box;
    margin-top: -22px;
}
.slick-prev {
    left:16px;
    transform: rotate(180deg);
}
.slick-next {
    right: 16px;
}
.slick-prev:active,
.slick-prev:focus,
.slick-next:active,
.slick-next:focus,
.slick-slide a {
    outline: none;
}
.slick-next.slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    position: absolute;
    bottom: 15px;
    left: 71.3102%;
    display: block;
    width: auto;
    padding: 0;
    margin: 0 0 0 140px;
    list-style: none;
    text-align: left;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 7px 0 0 !important;
    padding: 0 !important;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 5px;
    height: 5px;
	padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #1f2a30;
	border-radius: 50%;
    opacity: 0.4;
}
.slick-dots li.slick-active button {
    opacity: 1;
}



/*/////////////////////////////////////////////////////////////////////////////


              // motion //
	  

/////////////////////////////////////////////////////////////////////////////*/

/* ef txtef
-------------------------------------------------- */
.txtef-wrap {
	display: block;
	overflow: hidden;
}
.txtef {
	display: block;
	transform: translateY(100%);
}
.sec-ttl.on .txtef-wrap .txtef,
.sec-ttl-bd.on .txtef-wrap .txtef,
.ef.on .txtef-wrap:nth-child(1) .txtef {
    transition: 0.7s cubic-bezier(0.04, 0.8, 0.35, 1) .28s;
    transform: translateY(0);
}
.ef.on .txtef-wrap:nth-child(2) .txtef {
    transition: 0.7s cubic-bezier(0.04, 0.8, 0.35, 1) .38s;
    transform: translateY(0);
}
.ef.on .txtef-wrap:nth-child(3) .txtef {
    transition: 0.7s cubic-bezier(0.04, 0.8, 0.35, 1) .48s;
    transform: translateY(0);
}
.ef.on .txtef-wrap:nth-child(4) .txtef {
    transition: 0.7s cubic-bezier(0.04, 0.8, 0.35, 1) .58s;
    transform: translateY(0);
}

/* ttl-overlay
-------------------------------------------------- */
@keyframes ttl-overlay {
	0% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}

/* ttl-fadeup
-------------------------------------------------- */
@keyframes ttl-fadeup {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}

/* fade
-------------------------------------------------- */
.mf {
	opacity:0;
}
.mf.on {
	transition: opacity 1s !important;
	opacity: 1;
}
@-webkit-keyframes fade {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; }
}
@keyframes fade {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; }
}

/* fade up
-------------------------------------------------- */
.mfu {
	opacity:0;
	transform:translateY(80px);
}
span.mfu {
	display: block;
}
.mfu.on {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
    opacity: 1;
    transform: translateY(0);
}

/* fade up list
-------------------------------------------------- */
.mful li {
	opacity: 0;
	transform: translateY(80px);
}
.mful.on li:nth-child(1) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(2) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) .2s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(3) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) .4s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(4) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) .6s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(5) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) .8s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(6) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) 1.0s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(7) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) 1.2s;
    opacity: 1;
    transform: translateY(0);
}
.mful.on li:nth-child(8) {
    transition: 2s cubic-bezier(0.075, 0.82, 0.165, 1) 1.4s;
    opacity: 1;
    transform: translateY(0);
}
@-webkit-keyframes ef-fadeup {
	0% {
		opacity:0;
		transform:translateY(80px); }
	100% {
		opacity:1;
		transform:translateY(0%); }
}
@keyframes ef-fadeup {
	0% {
		opacity:0;
		transform:translateY(80px); }
	100% {
		opacity:1;
		transform:translateY(0%); }
}

/* fade down
-------------------------------------------------- */
.mfd {
	opacity:0;
	-webkit-transform:translateY(-80px);
	transform:translateY(-80px);
}
span.mfd {
	display: block;
}
.mfd.on {
	-webkit-animation: ef-fadedown 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
	animation: ef-fadedown 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
@-webkit-keyframes ef-fadedown {
	0% {
		opacity:0;
		transform:translateY(-80px); }
	100% {
		opacity:1;
		transform:translateY(0%); }
}
@keyframes ef-fadedown {
	0% {
		opacity:0;
		transform:translateY(-80px); }
	100% {
		opacity:1;
		transform:translateY(0%); }
}

/* fade left
-------------------------------------------------- */
.mfl {
	opacity: 0;
	transform: translateX(-40px);
}
.mfl.on {
	animation: ef-fadeleft 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
@keyframes ef-fadeleft {
	0% {
		opacity: 0;
		transform: translateX(-40px); }
	100% {
		opacity: 1;
		transform: translateY(0%); }
}

/* fade right
-------------------------------------------------- */
.mfr {
	opacity: 0;
	transform: translateX(40px);
}
.mfr.on {
	animation: ef-faderight 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}
@keyframes ef-faderight {
	0% {
		opacity: 0;
		transform: translateX(40px); }
	100% {
		opacity: 1;
		transform: translateY(0%); }
}

/* ef txtef mask
-------------------------------------------------- */
.mtm {
	display: inline-block;
	position: relative;
}
.mtm::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.80);
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: right center;
}
.mtm._gry::after {
	background: rgba(248,248,248,0.80);
}
.mtm._blk::after {
	background: rgba(42,44,46,0.80);
}
.mtm.on::after  {
	animation: ef-scaleX 1.4s cubic-bezier(0.04, 0.8, 0.35, 1) forwards;
}

/* ef scaleX
-------------------------------------------------- */
.ef .thumb::before {
	content: "";
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	position: absolute;
	left: 0;
	top: 0;
	background: #FFFFFF;
	z-index: 2;
	transform-origin: right center;
}
.ef._gry .thumb::before {
    background: #53595d;
}
.ef.on .thumb::before {
    transition: 0.70s cubic-bezier(0.76, 0.09, 0.215, 1);
    transform: scaleX(0);
}
@keyframes ef-scaleX {
	0% {
		transform: scaleX(1); }
	100% {
		transform: scaleX(0); }
}