/*common_css*/
/* Box sizingの定義 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* デフォルトのpaddingを削除 */
ul[class],
ol[class] {
  padding: 0;
}

/* デフォルトのmarginを削除 */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* bodyのデフォルトを定義 */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* class属性を持つul、ol要素のリストスタイルを削除 */
ul[class],
ol[class] {
  list-style: none;
}

/* classを持たない要素はデフォルトのスタイルを取得 */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* img要素の扱いを簡単にする */
img {
  max-width: 100%;
  height:auto;
  vertical-align: top;
}

/* article要素内の要素に自然な流れとリズムを定義 */
article > * + * {
  margin-top: 1em;
}

/* inputやbuttonなどのフォントは継承を定義 */
input,
button,
textarea,
select {
  font: inherit;
}
/***基本設定***/
html {
    font-size: 62.5%;
}

@media screen and (max-width: 1550px) {
    html {
        font-size: 41.66%;
    }
}

/*パーツ内ではremで余白やフォントサイズの指定を行うため、この数値*/

body {
    background: #fff;
    background:#fafafa;
    color: #000;
    color:#333333;
    font-family:Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 1.8;
    font-size: 2.4rem;
}
@media screen and (max-width: 1550px) {
    body {
        font-size: ;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-size:3.125vw;
    }
}

/***幅指定***/
[data-w-width] {
    max-width: 100%;
}

/*コンテンツ幅での設置*/
[data-w-width="1"]{
    width: 1170px;
    width:1500px;
    margin: 0 auto;
}

@media (max-width: 1550px) {
    
    [data-w-width="1"] ,
    .-w-wrapper {
        padding-left: 2vw !important;
        padding-right: 2vw !important;
    }
}
@media (max-width: 768px) {
    [data-w-width="1"] {
        width: 100%;
    } 
}

/*ウィンドウ幅での設置*/
[data-w-width="0"] {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}

/***見出し設定　※ここは案件個別で設定してOK！以下は例***/
.-x-title-xl {
    position: relative;
    font-size: 4.0rem;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    margin: 0 auto 33px;
}
.-x-title-xl span,
.-x-title-l span{
    width:100%;
    display: block;
    position: relative;
}
.-x-title-xl span:before,
.-x-title-l span:before {
    position: absolute;
    content:"";
    width:230px;
    bottom:-14px;
    left:0;
    right:0;
    height:6px;
    margin: 0 auto;
    background : #a52a2a;
}
.-w-lower .-x-title-xl.-x-underline {
    border-bottom : 6px solid#a52a2a;
    text-align: left;
}
.-w-lower .-x-title-xl.-w-center {
    text-align: center;
    border-bottom: 0;
}
.-x-title-l {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 900;
    margin: 0 auto 35px;
}
.-x-title-m {
    font-size: 22px;
    font-size: 2.2rem;
}
.-x-title-s {
    font-size: 20px;
    font-size: 2rem;
}
.-x-title-xs {
    font-size: 18px;
    font-size: 1.8rem;
}
/*
@media screen and (max-width: 1550px) {
    .-x-title-xl {
        font-size: 2.2vw;
    }
    .-x-title-l {
        font-size: 2.0vw;
    }
    .-x-title-m {
        font-size: 1.8vw;
    }
    .-x-title-s {
        font-size: 1.7vw;
    }
    .-x-title-xs {
        font-size: 1.6vw;
    }
}
*/
@media screen and (max-width: 768px) {
    .-x-title-xl {
        font-size: 7.0vw;
    }
    .-x-title-l {
        font-size: 6.5vw;
    }
    .-x-title-m {
        font-size: 4.0vw;
    }
    .-x-title-s {
        font-size: 3.5vw;
    }
    .-x-title-xs {
        font-size: 3.0vw;
    }
}/*widget:2a5fe760-f816-4700-aede-66d16669c39a*/[data-lib="2156"]{position: relative;
	overflow: hidden;}[data-lib="2156"]:before{position: fixed;
	content: '';
	top:0;
	left:0;
	z-index:-1;
	width:100vw;
	height:100vh;
	background:url(/_img/ja/cms/896/img/___/session/) no-repeat;
	background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	background-position: bottom center;}[data-lib="2156"] header{position: absolute;
	top: 30px;
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	z-index: 999;}[data-lib="2156"] header .logo a{display: flex;
	align-items: flex-end;
	color: #a52a2a;
	letter-spacing: 0.1em;}[data-lib="2156"] header .logo a img{width: 100%;
	max-width: 250px;
	margin-right: 10px;}[data-lib="2156"] header .logo a p{line-height: 1em;
	position: relative;
	bottom: 8px;
	font-size: 18px;}[data-lib="2156"] header .link a{display: block;
	background-color: #fff;
	padding: 10px 20px;
	letter-spacing: 0.12em;
	line-height: 1em;
	min-width: 230px;
	text-align: center;
	transition: 0.4s;}[data-lib="2156"] header .link a span{position: relative;
	padding-right: 15px;}[data-lib="2156"] header .link a span:after{top: 6px;
	right: 0;
	position: absolute;
	content: '';
	display: inline-block;
	background: url(/_img/ja/cms_parts_library/2211/image/_/) no-repeat;
	width: 12px;
	height: 15px;
	background-size: contain;}[data-lib="2156"] header .link a:hover{opacity: 0.7;}[data-lib="2156"] .top{width: 100%;
	height: 100vh;
	width: 100%;
	position: relative;}[data-lib="2156"] .top .top_title{text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;}[data-lib="2156"] .top .top_title span{font-size: 80px;}[data-lib="2156"] .top .top_title h1{font-size: 30px;
	font-weight: 500;
	margin-top: 20px;
	letter-spacing: 0.295em;}[data-lib="2156"] /* .one{display: none;}[data-lib="2156"] */
.textzoom{animation: Textzoom 8s 0s forwards;}[data-lib="2156"] .text{text-align: center;
	width: 100%;
	padding: 0 7% 200px;}[data-lib="2156"] .text h2{line-height: 1.7em;
	letter-spacing: 0.295em;
	margin-bottom: 40px;}[data-lib="2156"] .text p{line-height: 2.5em;}[data-lib="2156"] .tem-list{display: flex;
	justify-content: center;}[data-lib="2156"] #loading{background-color: #fff;
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 999999;
	transition: 300ms;}[data-lib="2156"] #loading #count_text{position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);}[data-lib="2156"] #loading #count_text span{font-size: 80px;}[data-lib="2156"] .close{z-index: -9999 !important;}@media (max-width: 1000px){[data-lib="2156"] .top .top_title span{font-size: 45px;}[data-lib="2156"] .top .top_title h1{font-size: 23px;
	margin-top: 10px;}[data-lib="2156"] header .logo a img{max-width: 200px;}[data-lib="2156"] header .logo a p{font-size: 15px;}[data-lib="2156"] #loading #count_text span{font-size: 50px;}}@media (max-width: 768px){[data-lib="2156"]:before{position:fixed;
	content: '';
	top:0;
	left:0;
	z-index:-1;
	width:100vw;
	height:100vh;
	background:url(/_img/ja/cms_parts_library/2258/image/_/) no-repeat;
	background-size: cover;
	margin: 0 auto;
	overflow: hidden;
	background-position: bottom center;}[data-lib="2156"] .text{padding: 0 4% 200px;}}@media (max-width: 400px){[data-lib="2156"] header .logo a{display: block;}[data-lib="2156"] header .logo a p{line-height: 1.2em;
	margin-top: 10px;}}/*widget:2919e8a5-ad68-4d75-a637-db0ee9adc149*/[data-lib="2162"]{pointer-events: none;}[data-lib="2162"] .sample-slider{width:100%;}[data-lib="2162"] .sample-slider img{width: 100%;}[data-lib="2162"] .sample-slider .swiper-wrapper{transition-timing-function: linear;}/*widget:86d46732-3949-4d43-b708-84a98915544d*/[data-lib="2173"]{background-color: #fff;}[data-lib="2173"] .contents{max-width: 1400px;
	margin: 0 auto;}[data-lib="2173"] .content{overflow: hidden;}[data-lib="2173"] .flex{display: flex;
	justify-content: space-between;}[data-lib="2173"] .flex .left{width: calc(60% - 20px);}[data-lib="2173"] .flex .left .name{margin-top: 10px;}[data-lib="2173"] .flex .left .link_btn{margin-top: 30px;}[data-lib="2173"] .flex .left .link_btn a{margin: 0 auto 0 0;}[data-lib="2173"] .flex .right{width: calc(40% - 20px);}[data-lib="2173"] .md-inner{width: 100%;
	text-align: center;
	position: relative;
	max-width: 800px;
	margin: 0 auto;}[data-lib="2173"] .md-inner iframe{max-width: 800px;
	width: 100%;
	height: 450px;}[data-lib="2173"] .md-btn{display: block;
	background-color: #a52a2a;
	max-width: 480px;
	margin: 30px auto 0 0;
	text-align: center;
	padding: 10px;
	color: #fff;
	transition: 0.4s;
	cursor: pointer;}[data-lib="2173"] .md-btn:hover{background-color: #7c2121;}[data-lib="2173"] .md-overlay{display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	background: #fff;
	opacity: .7;
	z-index: 9999;
	cursor: pointer;}[data-lib="2173"] .md-contents{display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	/* overflow: hidden;
	*/
    transform: translate(-50%,-50%);
	z-index: 10000;
	max-width: 800px;}[data-lib="2173"] .md-xmark{position: absolute;
	top: -30px;
	right: 2px;
	width: 25px;
	height: 22px;
	z-index: 9999;
	cursor: pointer;}[data-lib="2173"] .md-xmark span{height: auto;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #333;
	border-radius: 4px;}[data-lib="2173"] .md-xmark span:nth-of-type(1){top: 0;
	transform: translateY(10px) rotate(-45deg);}[data-lib="2173"] .md-xmark span:nth-of-type(2){bottom: 0;
	transform: translateY(-10px) rotate(45deg);}@media (max-width: 1000px){[data-lib="2173"] .md-inner iframe{height: 54vw;}}@media (max-width: 768px){[data-lib="2173"] .flex{flex-wrap: wrap;}[data-lib="2173"] .flex .left{width: 100%;
	margin-top: 30px;
	order: 2;}[data-lib="2173"] .flex .right{width: 100%;
	order: 1;
	margin: 0 auto;
	text-align: center;}[data-lib="2173"] .md-contents{padding: 0 4%;}[data-lib="2173"] .md-xmark{right: 4%;}}/*widget:cabd1eb0-13a8-4d80-aaf8-1fde930a1f0a*/[data-lib="2177"]{background-color: #E8E8E8;}[data-lib="2177"] .movie{width: 100%;
	text-align: center;}[data-lib="2177"] .movie iframe{max-width: 800px;
	width: 100%;
	height: 450px;}@media (max-width: 1000px){[data-lib="2177"] .movie iframe{height: 54vw;}}/*widget:d1bd6963-0eb3-45b3-9d7d-f1ee34d9d9b8*/[data-lib="2179"]{text-align: center;
	background-color: #fff;}[data-lib="2179"] .ayumi{max-width: 1400px;
	margin: 0 auto;
	padding: 0 7%;
	padding-top: 150px;}[data-lib="2179"] .sb_title span{letter-spacing: 0.2em;}[data-lib="2179"] .block{background: linear-gradient(#1E63CA00,#1E63CA37);}[data-lib="2179"] .block .block_in{max-width: 1400px;
	margin: 0 auto;
	padding: 100px 7% 150px;}[data-lib="2179"] .block .block_in .slide02{margin: 50px 0;}[data-lib="2179"] .block .block_in h2{padding-top: 100px;
	line-height: 1.6em;
	color: #a52a2a;
	font-size: 38px;}[data-lib="2179"] .block .block_in .line{position: relative;}[data-lib="2179"] .block .block_in .line:after{position: absolute;
	content: '';
	display: inline-block;
	top: 20px;
	left: 50%;
	width: 1px;
	height: 50px;
	background-color: #000;}[data-lib="2179"] .slide02{width:100%;}[data-lib="2179"] .sample-slider img{width: 100%;}[data-lib="2179"] .swiper-slide-active .swiper-img,[data-lib="2179"] 
.swiper-slide-duplicate-active .swiper-img,[data-lib="2179"] 
.swiper-slide-prev .swiper-img{animation: zoomUp 7s linear 0s normal both;}[data-lib="2179"] .swiper-slide img{height: auto;
	width: 100%;}[data-lib="2179"] /* .box{display: flex;
	justify-content: center;
	align-items:center;
	font-size: 30px;}[data-lib="2179"] */


/*左から右テキストエフェクト*/
.leftAnime{opacity: 0;
	overflow: hidden;
	display: inline-block;}[data-lib="2179"] .leftAnimeInner{display: inline-block;}[data-lib="2179"] .slideAnimeLeftRight{animation-name:slideTextX100;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity: 0;}[data-lib="2179"] .slideAnimeRightLeft{animation-name:slideTextX-100;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity: 0;}[data-lib="2179"] .md-inner{width: 100%;
	text-align: center;
	position: relative;
	max-width: 800px;
	margin: 0 auto;}[data-lib="2179"] .md-inner iframe{max-width: 800px;
	width: 100%;
	height: 450px;}[data-lib="2179"] .md-btn{display: block;
	background-color: #a52a2a;
	max-width: 480px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	color: #fff;
	transition: 0.4s;
	cursor: pointer;}[data-lib="2179"] .md-btn:hover{background-color: #7c2121;}[data-lib="2179"] .md-overlay{display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	background: #fff;
	opacity: .7;
	z-index: 9999;
	cursor: pointer;}[data-lib="2179"] .md-contents{display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	/* overflow: hidden;
	*/
    transform: translate(-50%,-50%);
	z-index: 10000;
	max-width: 800px;}[data-lib="2179"] .md-xmark{position: absolute;
	top: -30px;
	right: 2px;
	width: 25px;
	height: 22px;
	z-index: 9999;
	cursor: pointer;}[data-lib="2179"] .md-xmark span{height: auto;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #333;
	border-radius: 4px;}[data-lib="2179"] .md-xmark span:nth-of-type(1){top: 0;
	transform: translateY(10px) rotate(-45deg);}[data-lib="2179"] .md-xmark span:nth-of-type(2){bottom: 0;
	transform: translateY(-10px) rotate(45deg);}@media (max-width: 768px){[data-lib="2179"] .block .block_in{padding: 100px 4% 150px;}[data-lib="2179"] .block .block_in h2{font-size: 30px;}}/*widget:b6b24332-5303-48fb-8af0-d86a46a4584e*/[data-lib="2185"]{position: relative;
	background-color: #fff;}[data-lib="2185"] .footer_in{padding: 50px 6%;}[data-lib="2185"] .logo a{display: flex;
	align-items: flex-end;
	color: #a52a2a;
	letter-spacing: 0.1em;}[data-lib="2185"] .logo a img{width: 100%;
	max-width: 250px;
	margin-right: 10px;}[data-lib="2185"] .logo a p{line-height: 1em;
	position: relative;
	bottom: 8px;
	font-size: 18px;}[data-lib="2185"] p{letter-spacing: 0.1em;}[data-lib="2185"] .text{margin-top: 20px;
	text-align: left;}[data-lib="2185"] .link{position: absolute;
	top: 50px;
	right: 6%;}[data-lib="2185"] .link a{display: block;
	background-color: #fff;
	padding: 10px 20px;
	letter-spacing: 0.12em;
	line-height: 1em;
	min-width: 230px;
	text-align: center;
	transition: 0.4s;}[data-lib="2185"] .link a span{position: relative;
	padding-right: 15px;}[data-lib="2185"] .link a span:after{top: 6px;
	right: 0;
	position: absolute;
	content: '';
	display: inline-block;
	background: url(/_img/ja/cms_parts_library/2212/image/_/) no-repeat;
	width: 12px;
	height: 15px;
	background-size: contain;}[data-lib="2185"] .link a:hover{opacity: 0.7;}[data-lib="2185"] #copyright{background: #261914;
	color: #ffffff;
	text-align: center;
	padding:10px 0;}[data-lib="2185"] #copyright p{font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;}[data-lib="2185"] #-w-pagetop{position: absolute;
	right: 2rem;
	bottom: 2rem;
	text-align: center;
	z-index: 99;}[data-lib="2185"] #-w-pagetop img{transition: 2s;}[data-lib="2185"] #-w-pagetop:hover img{transform: rotateZ( 360deg );}@media (max-width: 1000px){[data-lib="2185"] .footer_in{padding: 50px 3%;}[data-lib="2185"] .logo a img{max-width: 200px;}[data-lib="2185"] .logo a p{font-size: 15px;}}@media (max-width: 768px){[data-lib="2185"] .link.sp{position: unset;
	margin-top: 20px;
	display: flex;}[data-lib="2185"] #-w-pagetop{bottom: 100px;}}@media (max-width: 400px){[data-lib="2185"] .logo a{display: block;}[data-lib="2185"] .logo a p{line-height: 1.2em;
	margin-top: 10px;}}/*layout:81*/body {
    font-family: 'Noto Serif JP', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 2em;
    letter-spacing: 0.295em;
    background-color: #fafafa;
    color: #000;
    /* overflow: hidden; */
}
a {
    text-decoration: none;
    color: #000;
}
.contents {
    padding: 150px 7%;
    background-color: #fff;
}
.title_block {
    text-align: center;
    margin-bottom: 80px;
}
.title_block span {
    display: block;
    color: #B27120;
    letter-spacing: 0.1em;
}
.link_btn a {
    display: block;
    background-color: #a52a2a;
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    color: #fff;
    transition: 0.4s;
}
.link_btn a:hover {
    background-color: #7c2121;
}
.element {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
    .contents {
        padding: 150px 4%;
    }
}