@charset "UTF-8";

/* # =================================================================
   # フォント設定
   # ================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');



/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  min-width: 320px
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  min-height: 0vw; /* Safari clamp関数対策 */
}



/* # =================================================================
   # 共通カラー / font-size
   # ================================================================= */

:root {
    --color-white: #ffffff;
    --color-gray1: #1A1A1A;
    --color-gray2: #595757;
	--color-gray3: #808080;
	--color-gray4: #c9caca;
	--color-gray5: #e5e5e5;
	--color-gray6: #f7f7f7;
	--color-red: #c30d23;
	--color-green: #4ca5a2;
}



/* # =================================================================
   # 共通設定
   # ================================================================= */
   
body {
	font-family: 'Inter','Noto Sans JP', sans-serif;
	font-display: swap;
	font-size: 16px;
	color: var(--color-gray1);
	background-color:var(--color-white);
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility
	-webkit-overflow-scrolling: touch;
}

img, svg {
  vertical-align: middle
}

ol, ul {
  list-style: none
}

body>img {
  display: block;
  height: 0!important;
  font-size: 0
}


main {width:100%;text-align:center;}



/*-----セクション幅----*/
.sec-content{width:100%;margin-left:auto;margin-right:auto;vertical-align: middle;}
.sec-content1{width:85%;margin-left:auto;margin-right:auto;vertical-align: middle;max-width:1200px;}


.inner-fv{
	height: 100vh;
	display: table-cell;
    vertical-align: middle;
	white-space: normal;
	letter-spacing: 1px;
}


.inner{
	height: 100vh;
	display: table-cell;
    vertical-align: middle;
	white-space: normal;
	letter-spacing: 1px;
}


.page-block-top{padding-top:120px;}
.page-block-btm{padding-bottom:120px;}

.space-block-top30{margin-top:30px;}
.space-block-btm30{margin-bottom:30px;}

.space-block-top50{margin-top:50px;}
.space-block-btm50{margin-bottom:50px;}

.space-block-top80{margin-top:80px;}
.space-block-btm80{margin-bottom:80px;}


.copy-l{text-align:left;}
.copy-r{text-align:right;}
.copy-c{text-align:center;}

.line200{line-height:200%;}
.line150{line-height:150%;}


/*-----改行----*/
.br-pc{display:block;}
.br-sp{display:none;}
.br-pc768{display:block;}
.br-sp768{display:none;}
.br-pc599{display:block;}
.br-sp599{display:none;}


/*-----ページ内リンク----*/
a.anchor{
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

/*-----------スマホ設定-----------------*/
@media screen and (max-width:1025px){
	.inner-fv{
		height: 100vh;
		display: table-cell;
		vertical-align: middle;
		white-space: normal;
		letter-spacing: 1px;
	}
	.inner{
		height: auto;
		display: block;
		vertical-align: middle;
		white-space: normal;
		letter-spacing: 1px;
	}
	.page-block-top{padding-top:80px;}
	.page-block-btm{padding-bottom:80px;}
	.br-pc{display:none;}
	.br-sp{display:block;}
}

@media screen and (max-width:768px){
	.sec-content1{width:90%;}
	.br-pc768{display:none;}
	.br-sp768{display:block;}
}

@media screen and (max-width:599px){
	.br-pc599{display:none;}
	.br-sp599{display:block;}
}

/* # =================================================================
   # カーソル
   # ================================================================= */
#stalker {
    pointer-events: none;
    position: fixed;
    top: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: white;
	mix-blend-mode: difference;
    border-radius: 50%;
    transform: translate(-100px,-100px);
    transition: transform 0.1s;
    transition-timing-function: ease-out;
    z-index: 999;
}

#stalker.hov_{
    top: -30px;
    left: -30px;
    width: 60px;
    height: 60px;
    transition: .15s;
    background-color: white;
}


/* # =================================================================
   # gsap
   # ================================================================= */
   
.trigger-area-load{opacity: 0;}
.trigger-area-feed{opacity: 0;}
.trigger-area-bg{opacity: 0;}
.trigger-area-txt{opacity: 0;}
.trigger-area-txt1{opacity: 0;}
.trigger-area-txt2{opacity: 0;}
.trigger-area-txt3{opacity: 0;}
.trigger-area-txt4{opacity: 0;}
.trigger-area-txt5{opacity: 0;}
.trigger-area-txt6{opacity: 0;}
.trigger-area-txt7{opacity: 0;}
.trigger-area-txt8{opacity: 0;}


/* # =================================================================
   # gsap 画像
   # ================================================================= */
.curtain {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.curtain::after {
  background-color: var(--color-gray1);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2;
  -webkit-transition: left 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s, width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: left 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.4s, width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.curtain.is-active::after {
  left: 100%;
  width: 100%;
}

.curtain img {
  opacity: 0;
  -webkit-transition: opacity 0s 0.4s;
  transition: opacity 0s 0.4s;
}

.curtain.is-active img {
  opacity: 1;
}



/* # =================================================================
   # header
   # ================================================================= */

header{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.head-fix-logo-mark{
	position:fixed;
	top:15px;
	left:20px;
	z-index:10;
}

.head-fix-logo-txt{
	position:fixed;
	top:25px;
	left:80px;
	z-index:10;
	mix-blend-mode: difference;
}

.head-fix-logo-mark img{height:50px;}
.head-fix-logo-txt img{height:30px;}

.head-menu-fix{
	position:fixed;
	top:0;
	right:64px;
	z-index:10;
}



.head-menu-top{
    display:flex;
    align-items: center;
	justify-content: center;
	color:var(--color-white);
	background-color:var(--color-gray1);
	font-size: clamp(10px, 1.2vw, 14px);
	font-weight:700;
	vertical-align:  middle;
	height:64px;
}



.head-menu-top-link{
	color:var(--color-white);
	padding:0 30px;
	transition: all .3s;
}
.head-menu-top-link:hover{
	color:var(--color-white);
	cursor: pointer;
	cursor: hand;
}



/*-----------スマホ設定-----------------*/

@media screen and (max-width:599px){
.head-menu-fix{display:none;}
}






/* # =================================================================
   # footer index
   # ================================================================= */
   
.footer {
	position:fixed;
	bottom:30px;
	left:50px;
	z-index:10;
	mix-blend-mode: difference;
}


.footer-copy{
	font-size:12px;
	color:var(--color-white);
	text-align:left;
}

/*-----------スマホ設定-----------------*/
@media screen and (max-width:1025px){
.footer {
	position: static;
	mix-blend-mode: normal;
	background-color:var(--color-gray1);
	padding:15px;
}
.footer-copy{
	font-size:12px;
	color:var(--color-white);
	text-align:center;
}
}

/* # =================================================================
   # footer subpage
   # ================================================================= */
.footer-sub {
	padding-bottom: 150px;
	color:var(--color-gray1);
	background-color:var(--color-gray1);
}

.flex-footer{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.flex-footer-box{
	width:50%;
}


.flex-footer-box a{
	color:var(--color-gray1);
	text-decoration:none;
	transition: all .5s;
}

.flex-footer-box a:hover{
	color:var(--color-gray3);
	text-decoration:none;
}


.footer-logo img{width:300px;}

.footer-txt{
	line-height:180%;
	text-align:left;
}

.footer-sub-copy{
	background-color:var(--color-gray1);
	padding:15px;
	font-size:12px;
	color:var(--color-white);
	text-align:center;
}


#footer-subpage .follow-flex-bana{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	column-gap: 10px;
}

#footer-subpage .follow-flex-bana-box{
	width:30%;
}

#footer-subpage .follow-flex-bana-box img{
	width:100%;
	border:solid 1px var(--color-gray5);
	margin:0 5px;
}


/*-----------スマホ設定-----------------*/
@media screen and (max-width:768px){
	.flex-footer-box{width:100%;}
	#footer-subpage .follow-flex-bana{justify-content: space-between;column-gap: 0;}
	#footer-subpage .follow-flex-bana-box{width:48.5%;}
}

@media screen and (max-width:599px){
	.footer-logo{margin-bottom:30px;}
	.footer-logo img{width:250px;}
}



/* # =================================================================
   # CTA index
   # ================================================================= */

.section-follow{
	width:500px;
	text-align:left;
	padding:50px 150px 50px 100px;
	background-color:var(--color-gray6);
}



.follow-logo img{width:300px;}

.follow-txt{
	font-size:14px;
	line-height:180%;
	color:var(--color-gray1);
	text-align:left;
	margin:40px 0;
}

#follow-index .follow-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left:auto;
	margin-right:auto;
}

#follow-index .follow-flex-box{
	width:100%;
}

#follow-index .follow-flex-bana{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

#follow-index .follow-flex-bana-box{
	width:100%;
}

#follow-index .follow-flex-bana-box img{width:100%;margin-top:10px;border:solid 1px var(--color-gray5);}


#follow-index .ctabtn {
	display:block;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	line-height:150%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding:15px 15px;
	border:solid 1px var(--color-gray1);
	background-color:var(--color-gray1);
	width:100%;
	position: relative;
	overflow: hidden;
	transition: ease .2s;
}

#follow-index .ctabtn span{
	position: relative;
	display:block;
	background-image: url("../img/yaji_white.svg");
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: right 20px center;
	color: var(--color-white);
	z-index: 2;
}

#follow-index .ctabtn:hover span{
	background-image: url("../img/yaji_bk.svg");
	color: var(--color-gray1); !important;
	text-decoration:none;
	cursor: pointer;
}

#follow-index .ctabtn-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color:var(--color-white);
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
#follow-index .ctabtn-bg:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}



		

/*-----------スマホ設定-----------------*/
@media screen and (max-width:1025px){
	.section-follow{
		width:100%;
		text-align:left;
		padding:100px 50px;
		background-color:var(--color-gray6);
	}
#follow-index .follow-flex-bana{justify-content: center;}
#follow-index .follow-flex-bana-box{
	width:35%;
	margin-top:0;
	margin-left:5px;
	margin-right:5px;
	}
}

@media screen and (max-width:599px){
.follow-txt{margin:40px 0 0 0;}
.section-follow{padding:100px 30px;}
.follow-logo img{width:250px;}
#follow-index .follow-flex-bana{justify-content: space-between;}
#follow-index .follow-flex-bana-box{width:48%;margin:0;}
}


/* # =================================================================
   # CTA subpage
   # ================================================================= */

#follow {
	width: 100%;
	background: var(--color-gray1);
	padding:60px 0;
}


#follow p{
	font-size:18px;
	font-weight:700;
	line-height:180%;
	letter-spacing:1px;
	color:var(--color-white);
	text-align:center;
	margin-bottom:30px;
}

#follow p span{
	color:var(--color-green);
}

#follow .follow-flex{
	display: flex;
	justify-content: space-between;
	width:80%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

#follow .follow-flex-box{
	width:47%;
}


#follow .ctabtn {
	display:block;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	line-height:150%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	border:solid 1px var(--color-white);
	width:100%;
	position: relative;
	overflow: hidden;
	transition: ease .2s;
}

#follow .ctabtn span{
	position: relative;
	display:block;
	background-image: url("../img/yaji_white.svg");
	background-repeat: no-repeat;
	background-size: 8px;
	background-position: right 20px center;
	color: var(--color-white);
	z-index: 2;
}

#follow .ctabtn:hover span{
	background-image: url("../img/yaji_bk.svg");
	color: var(--color-gray1); !important;
	text-decoration:none;
	cursor: pointer;
}

#follow .ctabtn-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color:#fff;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
#follow .ctabtn-bg:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

		
		
/*-----------スマホ設定-----------------*/
@media screen and (max-width:768px){
	#follow .follow-flex{width: 100%;flex-wrap:wrap;}
}
@media screen and (max-width:599px){
	#follow p{margin-top:15px;font-size: 16px;}
	#follow .follow-flex-box{width: 100%;}
	#follow .ctabtn {width: 100%;margin-bottom:15px;}
}



/* # =================================================================
   # div link
   # ================================================================= */

.linkbox {
    position: relative;
	cursor: pointer;
}

.linkbox .divlink{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
	z-index:2;
}







/* # =================================================================
   # 共通見出し
   # ================================================================= */

.titleTop__block{display:block;}
.titleTop__block__sp{display:block;}


/* index */
.titleTop {
  font-family: 'Inter', sans-serif;
  font-size: 55px;
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align:left;
  text-transform:capitalize;
}


.titleTop-bk{color: var(--color-gray1);}
.titleTop-wh{color: var(--color-white);}

.titleMain-en {
		display: flex;
      justify-content: start;
      align-items: baseline;
      flex-wrap: wrap;
    }

.titleMain_en_bk {
  display: inline-block;
  position: relative;
  height: 50px;
  overflow: hidden;
}

.titleMain_en_bk::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-gray1);
}

.titleMain_en_wh {
  display: inline-block;
  position: relative;
  height: 50px;
  overflow: hidden;
}

.titleMain_en_wh::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-white);
}


/* subpage */
.sub-titleTop {
  font-family: 'Inter', sans-serif;
  font-size: 70px;
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align:left;
  text-transform:capitalize;
}

.sub-titleMain_en_bk {
  display: inline-block;
  position: relative;
  height: 63px;
  overflow: hidden;
}

.sub-titleMain_en_bk::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-gray1);
}

.sub-titleMain_en_wh {
  display: inline-block;
  position: relative;
  height: 63px;
  overflow: hidden;
}

.sub-titleMain_en_wh::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-white);
}



.titleMain_subJp{
	font-size:18px;
	line-height:180%;
	font-weight: 700;
	text-align:left;
	margin-top:30px;
}

.titleMain_subJp-wh{color: var(--color-white);}
.titleMain_subJp-bk{color: var(--color-bk);}

/*-----------スマホ設定-----------------*/
@media screen and (max-width:1025px){
	.titleTop__block__sp{display:none;}
	.titleTop, .sub-titleTop {font-size: 60px;}
	.titleMain_en_bk, .sub-titleMain_en_bk{height: 55px;}
	.titleMain_en_wh, .sub-titleMain_en_wh {height: 55px;}
	.titleMain_subJp{margin-bottom:60px;}
}

@media screen and (max-width:599px){	
	.titleTop, .sub-titleTop {font-size: 38px;}
	.titleMain_en_bk, .sub-titleMain_en_bk {height: 35px;}
	.titleMain_en_wh, .sub-titleMain_en_wh {height: 35px;}
}



/* # =================================================================
   # 共通button
   # ================================================================= */
   
/* ボタン黒 */
.linkNextBlock-R {
	margin-top: 50px;
	text-align:right;
}

.linkNextBlock-L {
	margin-top: 50px;
	text-align:left;
}


.linkNext {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0 75px 0 0;
	height: 60px;
	color: #1A1A1A;
	font-size: 16px;
	font-weight: 600;
	text-decoration:none;
}
.linkNext .linkNextIcon {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background: #1A1A1A;
	background-image: url("../img/yaji_white.svg");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	transition: all .3s;
}


.linkNext .linkNext_line {
	background: linear-gradient(#1A1A1A, #1A1A1A) 100% 100% / 0 1px no-repeat;
	transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.linkNext:hover .linkNext_line {
	background: linear-gradient(#1A1A1A, #1A1A1A) 100% 100% / 0 1px no-repeat;
	background-position: 0 100%;
	background-size: 100% 1px;
}

.linkNext:hover .linkNextIcon {
	background-position: right 20px center;
}


/* ボタン白 */
.linkNextBlockW-R {
	margin-top: 50px;
	text-align:right;
}

.linkNextBlockW-L {
	margin-top: 50px;
	text-align:left;
}

.linkNextW {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0 75px 0 0;
	height: 60px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration:none;
}
.linkNextW .linkNextIcon {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	background: #ffffff;
	background-image: url("../img/yaji_bk.svg");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	transition: all .3s;
}


.linkNextW .linkNext_line {
	background: linear-gradient(#ffffff, #ffffff) 100% 100% / 0 1px no-repeat;
	transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.linkNextW:hover .linkNext_line {
	background: linear-gradient(#ffffff, #ffffff) 100% 100% / 0 1px no-repeat;
	background-position: 0 100%;
	background-size: 100% 1px;
}

.linkNextW:hover .linkNextIcon {
	background-position: right 20px center;
}

/* ボタン小白*/
.link-sub-NextBlock {
	margin-top: 30px;
	text-align:right;
}

.link-sub-Next {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0 45px 0 0;
	height: 35px;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-decoration:none;
}
.link-sub-Next .link-sub-NextIcon {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background: var(--color-white);
	background-image: url("../img/yaji_bk.svg");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	transition: all .3s;
}


.link-sub-Next .link-sub-Next_line {
	background: linear-gradient(var(--color-white), var(--color-white)) 100% 100% / 0 2px no-repeat;
	transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.link-sub-Next:hover .link-sub-Next_line {
	background: linear-gradient(var(--color-white), var(--color-white)) 100% 100% / 0 2px no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px;
}

.link-sub-Next:hover .link-sub-NextIcon {
	background-position: left 15px center;
}


/* ボタン小黒*/
.link-sub-bk-NextBlock {
	margin-top: 30px;
	text-align:right;
}

.link-sub-bk-Next {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0 45px 0 0;
	height: 35px;
	color: var(--color-gray1);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-decoration:none;
}
.link-sub-bk-Next .link-sub-bk-NextIcon {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background: var(--color-gray1);
	background-image: url("../img/yaji_white.svg");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	transition: all .3s;
}


.link-sub-bk-Next .link-sub-bk-Next_line {
	background: linear-gradient(var(--color-gray1), var(--color-gray1)) 100% 100% / 0 2px no-repeat;
	transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.link-sub-bk-Next:hover .link-sub-bk-Next_line {
	background: linear-gradient(var(--color-gray1), var(--color-gray1)) 100% 100% / 0 2px no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px;
}

.link-sub-bk-Next:hover .link-sub-bk-NextIcon {
	background-position: left 15px center;
}



@media screen and (max-width: 768px) {
	.linkNextBlock, .linkNextBlockW {margin-top: 50px;}
	.linkNext, .linkNextW {
		padding: 0 50px 0 0;
		height: 40px;
	}
	.linkNext .linkNext_line, .linkNextW .linkNext_line {
		font-size: 14px;
	}
	.linkNext .linkNextIcon, .linkNextW .linkNextIcon {
		background-size: 8px;
		width: 40px;
		height: 40px;
	}
	.linkNext:hover .linkNextIcon, .linkNextW:hover .linkNextIcon {background-position: center;}
}




/* # =================================================================
   # ぱんくず
   # ================================================================= */

.Breadcrumb {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:12px;
	padding: 1em;
}
.Breadcrumb-ListGroup {
	display: flex;
	align-items:center;
	justify-content: flex-end;
	width:85%;
	margin-right: auto;
	margin-left:auto;
	margin-top:30px;
	margin-bottom:10px;
}
.Breadcrumb-ListGroup-Item-Link[href]:hover {
	color:var(--color-blue);
	text-decoration:none;
}
.Breadcrumb-ListGroup > * + * {
	margin-left: 0.5em;
}
.Breadcrumb-ListGroup > * + *::before {
	content: ">";
	margin-left: 0.75em;
	margin-right: 0.75em;
}

.Breadcrumb a{
	color:var(--color-gray1);
}

@media screen and (max-width:768px){
	.Breadcrumb {
		overflow-x: scroll;
		word-break: keep-all;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.Breadcrumb::-webkit-scrollbar{display:none;}
	.Breadcrumb-ListGroup {width:90%;justify-content: flex-start;}
}



/* # =================================================================
   # form
   # ================================================================= */
   
.form-box-ul{
	list-style: square !important;
}

.form-box-ul li{
	text-align:left;
	font-weight:700;
	padding:10px 0;
}

.form-box-ul li span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-weight:700;
}


   
.policy-box {
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.policy-box .scrollbox {
	overflow-y: scroll;
	height: 250px;
	padding: 10px 20px 10px 20px;
	background-color: var(--color-gray6);
}
.policy-box .scrollbox::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.policy-box .scrollbox::-webkit-scrollbar-track {
	background: rgba(255,255,255,0.1);
	border-radius: 3px;
}
.policy-box .scrollbox::-webkit-scrollbar-thumb {
	background: var(--color-gray1);
	border-radius: 3px;
}



table.form-tbl {
  border-collapse: collapse;
  width: 100%;
}
table.form-tbl th,
table.form-tbl td {
  padding: 10px;
  border: 1px solid var(--color-gray4);
  line-height:150%;
  font-size:14px;
}
table.form-tbl th {
  background-color: var(--color-gray6);
  text-align: center;
  vertical-align:middle;
  width: 30%;
}

table.form-tbl td {
  text-align: left;
}


.form-hissu{
	display: inline-block;
	font-size:12px;
	background-color: var(--color-red);
	color:var(--color-white);
	padding:0 5px;
	border-radius: 5px;
	margin-left:5px;
}


.forbu{width:200px;margin:0 auto;}



@media screen and (max-width: 768px) {
  table.form-tbl {
   border-top: 1px solid var(--color-gray3);
  }
  table.form-tbl td {
    display: block;
    text-align: left;
  }
  table.form-tbl th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}


/* # =================================================================
   # thanks
   # ================================================================= */

.thanks-txt1{
	font-size:25px;
	font-weight:700;
	line-height:180%;
	color:var(--color-blue1);
	padding-bottom:60px;
	text-align:left;
}

.thanks-txt2{
	line-height:180%;
	text-align:left;
}

.thanks-txt2 span{color:var(--color-red);}


/* # =================================================================
   # ポリシー
   # ================================================================= */

.policy-title{font-weight:700;}