@charset "UTF-8";
/* CSS Document */
/* ================================
   Cocoon style reset (entry only)
================================ */

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  margin: 0;
  background: transparent!important;
}

table th,
table td {
  padding: 0;
  border: none!important;
  background: transparent!important;
  font-weight: normal;
  text-align: left;
}

/* Cocoonの縞・色リセット */
table tr,
table tr:nth-child(even),
table tr:nth-child(odd) {
  background: transparent!important;
}

table.my-table-reset {
  all: unset;
  display: table;
  border-collapse: collapse;
}

table.my-table-reset th,
table.my-table-reset td {
  all: unset!important;
  display: table-cell!important;
}


/* ================================
   aリンク リセット
================================ */

a {
  color: inherit!important;
  text-decoration: none!important;
  background: none;
  border: none;
  box-shadow: none;
}

a:ha:active {
  color: inherit!important;
  text-decoration: none!important;
  background: none;
  box-shadow: none;
}

/* ================================
   aリンク Cocoon強制リセット
================================ */

.entry-content a,
.entry-content a:link,
.entry-content a:visited,
.entry-content a:hover,
.entry-content a:active,
.entry-content a:focus {
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ================================
   table Cocoon強制リセット
================================ */

.entry-content table,
.entry-content .wp-block-table table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

/* tr の縞消し */
.entry-content table tr,
.entry-content table tr:nth-child(even),
.entry-content table tr:nth-child(odd) {
  background: transparent !important;
}

/* th / td */
.entry-content table th,
.entry-content table td {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-weight: normal !important;
  color: inherit !important;
}

/* Gutenberg table wrapper */
.entry-content .wp-block-table {
  background: transparent !important;
  border: none !important;
}

/* Cocoon独自影 */
.entry-content table {
  box-shadow: none !important;
}

.entry-content .cocoon-reset,
.entry-content .cocoon-reset * {
  all: unset !important;
}



/* ================================
   見出しリセット
================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  font-weight: normal;
}


/* ================================
   リスト リセット
================================ */

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

li {
  margin: 0;
  padding: 0;
}


/* ================================
   画像・figure
================================ */

img {
  border: none;
  box-shadow: none;
}

figure {
  margin: 0;
}


/* ================================
   引用・装飾ブロック対策
================================ */

blockquote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.wp-block-table,
.wp-block-button,
.wp-block-quote {
  all: unset;
  display: block;
}


/* ------------------------------------------------------------
     5. Clearfix
   ------------------------------------------------------------ */
.cl:after{
content:"";
display: block;
clear: both;
height: 0; 
}
.cl{ display: inline-block; }
.cl{ display: block; }

div:after, ul:after,
div#header:after,
div#header #search:after,
div#header ul#header_navi:after,
div#footer:after,
div#footer ul#footer_navi:after
{content: '';
display: block;
clear: both;
height: 0; }

/*共通*/
html{
	font-size: 62.5%;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.24rem!important;
	letter-spacing: 0.03rem;
	-webkit-font-smoothing:antiliased;
	-moz-osx-font-smoothing:grayscale;
	margin: 0;
    text-align: left;
    line-break: strict;
    word-break: normal;
	background-color: #fff!important;
}

main{
  padding: 0;
	margin-bottom: 0!important;
}



.lp *{
  box-sizing: border-box;
.lp h1, .lp h2{
  all: unset;
}}

a:hover {
    opacity: 0.8;
}

a{
	color:#000;
	text-decoration: none;
	transition: opacity 0.3s ease-out;
}

.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-110 {margin-left: 110px;}
.ml-120 {margin-left: 120px;}
.ml-130 {margin-left: 130px;}
.ml-140 {margin-left: 140px;}
.ml-150 {margin-left: 150px;}
.ml-160 {margin-left: 160px;}
.ml-170 {margin-left: 170px;}
.ml-180 {margin-left: 180px;}
.ml-190 {margin-left: 190px;}
.ml-200 {margin-left: 200px;}
@media (max-width: 640px) {
    .ml-10 {margin-left:1.333333333vw;}
    .ml-20 {margin-left:2.666666667vw;}
    .ml-30 {margin-left:4vw;}
    .ml-40 {margin-left:5.333333333vw;}
    .ml-50 {margin-left:6.666666667vw;}
    .ml-60 {margin-left:8vw;}
    .ml-70 {margin-left:9.333333333vw;}
    .ml-80 {margin-left:10.66666667vw;}
    .ml-90 {margin-left:12vw;}
    .ml-100 {margin-left:13.33333333vw;}
    .ml-110 {margin-left:14.66666667vw;}
    .ml-120 {margin-left:16vw;}
    .ml-130 {margin-left:17.33333333vw;}
    .ml-140 {margin-left:18.66666667vw;}
    .ml-150 {margin-left:20vw;}
    .ml-160 {margin-left:21.33333333vw;}
    .ml-170 {margin-left:22.66666667vw;}
    .ml-180 {margin-left:24vw;}
    .ml-190 {margin-left:25.33333333vw;}
    .ml-200 {margin-left:26.66666667vw;}
}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
@media (max-width: 640px) {
    .mb-10 {margin-bottom:1.333333333vw;}
    .mb-20 {margin-bottom:2.666666667vw;}
    .mb-30 {margin-bottom:4vw;}
    .mb-40 {margin-bottom:5.333333333vw;}
    .mb-50 {margin-bottom:6.666666667vw;}
    .mb-60 {margin-bottom:8vw;}
    .mb-70 {margin-bottom:9.333333333vw;}
    .mb-80 {margin-bottom:10.66666667vw;}
    .mb-90 {margin-bottom:12vw;}
    .mb-100 {margin-bottom:13.33333333vw;}
    .mb-110 {margin-bottom:14.66666667vw;}
    .mb-120 {margin-bottom:16vw;}
    .mb-130 {margin-bottom:17.33333333vw;}
    .mb-140 {margin-bottom:18.66666667vw;}
    .mb-150 {margin-bottom:20vw;}
    .mb-160 {margin-bottom:21.33333333vw;}
    .mb-170 {margin-bottom:22.66666667vw;}
    .mb-180 {margin-bottom:24vw;}
    .mb-190 {margin-bottom:25.33333333vw;}
    .mb-200 {margin-bottom:26.66666667vw;}
}

li{
	list-style: none;
}

img{
	width:100%;
}

p{
	line-height: 1.6;
	margin: 0;
}

h1,h2,h3,h4,h5{
	margin: 0;
}

.sp{
	display: none;
}

@media screen and (max-width:750px){
	body{
		font-size: 1.4rem!important;
	}
	.pc{
		display: none!important;
	}
	.sp{
	display: block!important;
	}
}

.vs-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;	
}

.p_absolute{
	position: absolute;
	top:0;
	left: 0;
}

.p_relative{
	position: relative;
}

.t_center{
	text-align: center;
}

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

.zindex1{
	z-index: 1;
	position: relative;
}
.zindex2{
	z-index: 2;
	position: relative;
}
.zindex3{
	z-index: 3!important;
	position: relative;
}

.lineheight0{
	line-height: 0!important;
}

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


/*ヘッダー*/

header{
	background-color: #fff;
	width:100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 100;
	padding-top: 1em;
	padding-bottom: 1em;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.topheader{
	opacity: 0;
    transform: translateY(-100%);
	background-color: #f9f8f1;
}

.topheader.is-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.header_inner{
	width:80%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.header_inner a{
	margin-right: 4em;
}

.header_inner a:first-child{
	margin-right: auto;
	margin-left: 0;
	width:160px;
}


body.is-top .topheader.is-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

body.is-sub .topheader {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


.header_inner a:last-child{
	width:110px;
	margin-right: 0;
}

#fv {
  position: relative;
  height: 500vh;
  z-index: 10;
}

#fv > * {
  position: fixed;
  inset: 0;
}

/* 空 */
.sky {
  background: url("../img/251219/Clovia Hand_MV1.webp") center / cover no-repeat;
  z-index: 1;
}

/* 手 */
.hands {
  z-index: 2;
  position: relative;
	transition: opacity 0.1s linear;
	height: 100vh!important;
}

.toparrow {
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  width:60px;
}

.toparrowwrap{
	width:100%!important;
	height: 100vh!important;
	position: relative;
	z-index: 10;
}

.toparrow img {
  display: block;
  margin: 0 auto;
}

.toparrow div:last-child {
  animation: arrowBounce 1.6s infinite ease-in-out;
}

@keyframes arrowBounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(8px); }
  60%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.toparrow.is-hide {
  opacity: 0;
  visibility: hidden;
}


.hand {
  width: 100%;
  opacity: 0;
  transform: scale(1);
}

.hand1{
  position: absolute;
  top:0;
  left:0;
}

.hand3,.hand4{
  position: absolute;
  top:15%;
  left:0;
}

@media screen and (max-width:750px){
	.hand3,.hand4{
	  top:40%;
	}
}

.hand2,.hand5{
  position: absolute;
  bottom:-5em;
  left:0;
}

.intro {
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  transition: none;
}

.intro.is-static {
  position: relative;
  top: auto;
  transform: translateY(0) !important;
}

.clogo1 {
  width: 200px;
  margin-bottom: 20px;
}

.clogo1 {
  width: 200px;
  margin-bottom: 20px;
}

.intro-text {
  font-size: 2rem;
  color: #fff;
}

/* 通常コンテンツ */

.content {
  position: relative;
  z-index: 20;       
  background: #fff;
  margin-top: -100vh!important;
}

.top1_1{
	width:300px;
	margin-bottom: 3em;
}

.top1_2 p{
	font-family: "Sawarabi Gothic", sans-serif;
	font-size:123%;
	text-align: center;
	line-height: 1.9!important;
	letter-spacing: 0.1em;
}

.topc_wrap{
	width:65%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 6em;
}

#top2_6 .topc_wrap{
	padding-bottom: 4em;
}

.topcw_l{
	width:33%;
}

.topcw_r{
	width:66%;
	margin-top: -0.3em;
}

.top_heading{
	height:25px;
	width:auto;
	max-width: 100%;
}

.top_heading img{
	max-width: 100%!important;
}

.top_heading2{
	height:50px;
	width:auto;
	max-width: 100%;
}

.top_heading3{
	height:61px;
	width:auto;
	max-width: 100%;
}

#top2_1{
	height: 420px;
	background-image: url("../img/251219/top2_1back2.webp");
	background-repeat: no-repeat;
	background-size: contain;
}

#top2_2,#top2_3{
	width:100%;
	background-color: #f9f8f1;
}

#top2_2 .topc_wrap{
	border-bottom: solid 1px #b7b9b8;
}

#top2_2 .topcw_r{
	display: flex;
}

#top2_3{
	padding-bottom: 6em;
}

.top2_2_l{
	width:64%;
}

.top2_2_r{
	width: 36%;
	padding-right: -2em;
	padding-left: 1em;
}

.top2_2_r img{
	width:110%;
}

.top2_2_l_2{
	width:63.2%;
	margin: 0 0 0 auto;
}

.top2_2_l_2 p{
	font-size: 80%;
}

.top2_3wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2em;
}

.top2_3wrapc{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 0;
	width:47%;
}

.top2_3wrap::after{
	display: none;
}

.top2_3wrapc::after{
	display: none;
}

.top2_3_l{
	width:50%;
}

.top2_3_c{
	width:70%;
}

.top2_3_c p span{
	font-size:120%;
}

.top2_3_r{
	width:30px;
}

#top2_4{
	background-image: url("../img/251219/top2_4back.webp");
	background-repeat: no-repeat;
	background-size: contain;
}

.top2_4buttonwrap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 6em;
}

.top2_4buttonwrap div{
	width:47%;
}

#sbi_load{
	width:100%;
	display: flex;
	justify-content: space-between;
	float:none;
}

.sbi_load_btn {
  background-image: url(../img/251219/button_insta1.webp)!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: contain!important;
  width: 47%; 
  background-color: transparent!important; 
  aspect-ratio:40 / 7;
  color: transparent!important; 
  font-size: 0!important;
  border: none!important;
  box-shadow: none!important;
	margin: 0!important;
}

.sbi_follow_btn{
  background-image: url(../img/251219/button_insta2.webp)!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: contain!important;
  width: 47%; 
  background-color: transparent!important; 
  aspect-ratio:40 / 7;
  color: transparent!important; 
  font-size: 0!important;
  border: none!important;
  box-shadow: none!important;
  display: block;
	margin: 0!important;
}

#sb_instagram .sbi_follow_btn a{
	background-color: transparent!important;
	display: block;
	width:100%;
	height: 100%;
}

#sb_instagram .sbi_follow_btn a:hover{
	background-color: transparent!important;
	box-shadow: none!important;
}

#top2_4 h4{
	font-size: 150%;
	color:#f0150f;
	font-family: "Sawarabi Gothic", sans-serif;
	margin-bottom: 0.6em;
}

#top2_4 h5{
	color:#f0150f;
	font-size: 120%;
	margin-bottom: 6px;
}

.instawrap{
	border-top:solid 1px #b7b9b8;
	width:100%;
	padding-top: 5px;
	margin-bottom: 7em;
}

#top2_5{
	background-image: url("../img/251219/top2_5back.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #f9f8f1; 
}


#top2_5 .topc_wrap,#top2_6 .topc_wrap{
	border-bottom: solid 1px #b7b9b8;
}

.company_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
}

.company_table tr{
	border-top: 1px solid #b7b9b8;
}

.company_table th,
.company_table td {
  border-top: 1px solid #b7b9b8;
  padding: 0 1px;
  vertical-align: top;
}

.company_table th {
  width: 25%;
  text-align: left;
  color:#858585;
  font-weight: 500;
}

.company_table td {
  width: 75%;
}

.company_table a {
  text-decoration: underline;
}

.chr{
  border-bottom: 1px dotted#b7b9b8;	
}

#top2_6{
	background-color: #f9f8f1; 
	background-image: url("../img/251219/top2_6back.webp");
	background-repeat: no-repeat;
	background-size: contain;
}

#top2_6 .company_table tr{
	border-top: none;
}

#top2_6 .company_table th {
  width: 20%;
  color:#000;
}

#top2_6 .company_table th,
#top2_6 .company_table td {
  border-top: none!important;
}

.pt0{
  padding-top: 0!important;	
}

#top2_7{
	background-image: url("../img/251219/top2_7back.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #f9f8f1; 
	padding-bottom: 6em;
}

#top2_7 .topcw_r p span{
	font-size: 120%;
	font-weight: 600;
}

.iframewrap{
	width:100%;
	border-radius: 16px!important;
	overflow: hidden; 
}

.iframewrap iframe {
  display: block;   
  width: 100%;
  height: 300px;
  border: 0;
}

#top2_8{
	background-image: url("../img/251219/top2_8back.webp");
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 10em;
}

#top2_8 h3{
	font-family: "Kiwi Maru", serif;
	font-size:225%;
	text-align: center;
	padding-top: 4em;
	margin-bottom: 0.4em;
}

.top2_8buttonwrap{
	display: flex;
	justify-content: space-between;
	width:62%;
	max-width:1200px;
	margin: 0 auto 2em;
	flex-wrap: wrap;
}

.top2_8buttonwrap div{
	width:48%;
	margin-bottom: 1em;
}

.button_oubo{
	width:23%;
	max-width:450px;
	margin: 0 auto 4em;
}

.wborder{
	border-bottom: solid 1px #fff;
	width:62%;
	max-width:1200px;
	margin: 0 auto;
}

.top2_8buttonwrap2{
	display: flex;
	justify-content: space-between;
	width:50%;
	max-width:960px;
	margin: 0 auto 1.8em;
}

.top2_8buttonwrap2 div{
	width:47%;
}

.top2_8ptadjust{
	padding-top: 2em!important;
}

.top2_8buttonwrap3{
	width:47%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.t8bw_c{
	width:44%;
}

.t8bw_c h4{
	color:#f0150f;
	font-weight: 500;
}

.t8bw3_innerw{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: solid 1px #b7b9b8;
	width:100%;
}

.t8bw3_innerw div:first-child{
	padding-left: 10px;
}

.toparrow3{
	width:20px;
}

.gm_ub{
	text-decoration: underline!important;
}

#clv_footer{
	position: relative;
	width:100%;
	background-color: #f9f8f1;
	z-index: 12;
}

.footerwrap{
	display: flex;
	justify-content: space-between;
	width:59%;
	max-width:1140px;
	margin: 0 auto;
	padding-top: 2em;
}

.fw_l{
	width:33%;
}

.fw_l img{
	width:100px!important;
}

.fw_r{
	width:66%;
}

.fw_r1{
  width:100%;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #b7b9b8;
  padding-bottom: 1.4em;
}

.fw_r1 a {
  display: flex;             
  align-items: center;
  text-decoration: none;
  color: inherit;
  line-height: 1;
  margin-right: 4em;
}

.fw_r1 a:last-child{
  margin-left: auto; 
  margin-right: 0;
}

.fw_r1 img{
	width:110px!important;
	display: block; 
}

.fw_r2{
	display: flex;
	border-bottom: solid 1px #b7b9b8;
	padding-bottom: 1em;
}

.fw_r2 p{
	margin-top: 1em;
	font-weight: 600;
	line-height: 1.4;
}

.fw_r2_r{
	margin-left: auto;
	margin-right: 0;
}

.info_table {
  width: 100%;
  border-collapse: collapse;
}

.info_table th {
  width: 4em;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  padding: 0.3em 0;
  white-space: nowrap;
}

.info_table td {
  padding: 0.3em 0;
  line-height: 1.6;
}

.info_table a {
  color: inherit;
  text-decoration: none;
}

.fw_r3{
	display: flex;
	padding-bottom: 2em;
	padding-top: 0.6em;
	align-items: center;
}

.fw_r3 p{
	margin-left: auto;
	margin-right: 0;
	color:#858585;
	font-size:80%;
}


/*01.html*/

#cl1{
	background-color: #f9f8f1;
}

#cl2{
	background-color: #fff;
}

#cl2 #top2_4,#cl2 #top2_7{
	background-image: none!important;
	background-color: #fff;
}

#cl2 #top2_4 .topc_wrap{
	border-bottom: solid 1px #b7b9b8;
}

#cl_top{
	width:100%;
	position: relative;
	margin-top: 50px;
}

#cl1_1 .topc_wrap{
	width:83%;
	margin: -1em 0 0 auto;
}

.topcw_r_inner{
	width:71%;
}

.topcw_r_inner h4{
	font-size: 150%;
	color:#f0150f;
	letter-spacing: 0.1em;
	font-family: "Sawarabi Gothic", sans-serif;
	margin-bottom: 0.6em;
}

.topcw_r_inner p{
	margin-bottom: 1.4em;
}

.cl1_toptext{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 115%;
}

.cl1_toptext h2{
	font-size: 140%;
	font-weight: 400;
	margin-bottom: 2em;
}

.cl1_toptext h2 span{
	font-size: 136%;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.pairslidewrap{
	display: flex!important;
	justify-content: space-between;
}

.pairslidewrap div{
	width:45%!important;
}

.slide2 {
	position: relative;
}

.slide2 .slick-list {
  padding-right: 20%;
}

.slide2 .slick-prev:before,
.slide2 .slick-next:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 50;
	position: relative;
}

.slide2 .slick-next:before{
    background-image: url("../img/251219/arrow_01_r.webp")!important;
}

.slide2 .slick-prev:before{
    background-image: url("../img/251219/arrow_01_l.webp")!important;

}

.slide2 .slick-prev,.slide2 .slick-next {
  position: absolute;
  top: 46%;
  z-index: 10;
}

.slide2 .slick-next{
	margin-right: 26.5%;
}

.slide2 .slick-prev{
	margin-left: 10px;
}

.spslide{
	display: none!important;
}

@media screen and (max-width:750px){
	.spslide{
		display: block!important;
	}
}

.c01_1button1{
	width:71%;
}

.c_2_2wrap{
	display: flex;
	justify-content: space-between;
}

.c_2_2winner{
	display: flex;
}

.c_2_2w_c{
	width:44%;
}


.c_2_2w_r{
	width:44%;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);

  /* 非表示状態 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: opacity 0.4s ease;
  z-index: 999;
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal_inner {
  position: relative;
	width:40%;
  max-width: 1000px;
  transform: translateY(10px) scale(0.98);
  opacity: 0;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.modal.is-open .modal_inner {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.modal_image {
  width: 100%;
  height: auto;
  display: block;
}

.modal_close {
  position: absolute;
  top: -52px;
  right: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.modal_close img {
  width: 32px;
}

.cl1_toptext_sp{
	display: none!important;
}

#cl2{
	padding-bottom: 5em;
}

.cl2_toptext{
	text-align: center;
	margin: 90px auto 100px;
}

.cl2_toptext h3{
	font-family: "Sawarabi Gothic", sans-serif;
	color:#f0150f;
	font-size: 150%;
	margin-bottom: 0.3em;
	letter-spacing: 0.05em;
}

.cl2_toptext p{
	
}

.cl2_wrap{
	width:65%;
	max-width: 1260px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.cl2_wrap h4{
	font-family: "Sawarabi Gothic", sans-serif;
	color:#f0150f;
	font-size: 140%;
}

.cl2_wrap p span{
	color:#f0150f;
}

.cl2_wrap div:first-child{
	width:33.3%;
}

.cl2_wrap div:last-child{
	width:65%;
}

.cl2_wrap::before,
.cl2_wrap::after {
  content: none !important;
}

.cl2border{
	width:65%;
	margin: 0 auto;
	text-align: center;
}

/*topblog*/
.top-blog-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.top-blog-item {
  border-bottom: 1px solid #b7b9b8;
	padding-bottom: 1.4em;
	margin-top: 1.4em;
}

.top-blog-date {
  display: block;
  margin-left: 0;
	font-size: 80%!important;
	color:#f0150f!important;
	padding-bottom: 0.4em;
}

.top-blog-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.top-blog-link:hover {
  text-decoration: underline;
}

.newswrap{
	border-bottom: 1px solid #b7b9b8;
	padding-bottom: 1.4em;
	margin-top: 1.4em;
}

.newsdate{
	margin-left: 0;
	font-size: 80%!important;
	color:#f0150f!important;
	padding-bottom: 0.4em;
}

.newsmorewrap{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 2em 0 4em;
}

.newsmorewrap img{
	width:30px!important;
}



/*blog一覧ページ*/
.blogpagewrap{
	display: flex;
	justify-content: space-between;
	width:65%;
	max-width: 1260px;
	margin: 200px auto 0;
}

.blog_l{
	width:32%;
	position: relative;
	background-image: url("../img/251219/b_lback.webp");
	background-repeat: no-repeat;
	background-size: cover;
}

.blog_r{
	width:67%;
}

#blog .entry-card-thumb,#blog .admin-pv,#blog .fa-clock-o:before,#blog .entry-card-content h2{
	display: none;
}

#blog .entry-card-content{
	margin-left: 0;
}

#blog .related-entry-card-meta, .entry-card-meta{
	left:0!important;
	top:0;
	right:auto;
}

#blog .e-card-info{
	justify-content: flex-start; 
}

#blog .entry-date{
	margin-left: 0;
	font-size: 140%!important;
	color:#f0150f;
}

#blog .entry-card-content{
	padding-top: 1.4em;
}

#blog .entry-card-snippet{
	font-size: 140%;
}

#blog .admin-pv{
	display: none;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0;
}

.pagination .page-numbers {
  font-size: 100%;
  color: #000;
  text-decoration: none;
  border: none;
}

.pagination .page-numbers.current {
  font-weight: bold;
  background-color: transparent;
}

.pagination .prev {
  display: none;
}

.pagination .next {
  margin-left: auto;
  width: 30px;
  height: 30px;
  background-image: url("../img/251219/arrow1.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
}

/*リクルートボタン*/

.pagination .next:hover {
  opacity: 0.8;
}

.pagination-next{
	display: none;
}

.recruit-btn.is-inactive {
  opacity: 0.4;
  pointer-events: none;
}

.recruit-btn img {
  display: block;
}

/*フォーム*/

.recruit-form {
  max-width: 900px;
  margin: 0 auto;
  margin: 10em auto;
  width:47%;
}

.form-row {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.align_center{
	align-items: center;
}

.form-row div:first-child{
	width:30%;
}


.form-row div:last-child{
	width:62%;
}

.form-row label {
  display: block;
  align-items: center!important;
}

.form-row > div:first-child label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.required {
  color: #fff;
  background-color: #f0150f;
  padding:2px 8px;
}

.any {
  color: #fff;
  background-color: #bdbdbd;
  padding:2px 8px;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="tel"],
.form-row textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.form-row textarea {
  min-height: 120px;
}

.agree {
  font-size: 14px;
}

.form-row.submit {
  text-align: center;
}

.form-row input[type="submit"] {
  padding: 14px 40px;
  font-size: 16px;
}

.form-row input[type="submit"]:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.bosyuwrap{
  margin-top: 80px;
}

.bosyu_top{
	width:100%;
	position: relative;
}

.bosyu_toptext{
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.bosyu_toptext h1{
	font-family: "Kiwi Maru", serif;
	font-size:173%;
	letter-spacing: 0.1em;
	margin-bottom: 0.6em;
}

::placeholder {
	color:#bdbdbd!important;
}

.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], .form-row textarea{
	border:1px solid #bdbdbd;
	border-radius: 30px;
}

.name-split {
  display: flex;
  gap: 16px;
	padding: 0;
}

.name-split div {
  flex: 1;
}

.name-split::after{
	display: none;
}

.wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 6px; 
  margin-right: 10px;
}

.wpcf7-list-item input[type="radio"] {
  margin: 0;
}

.wpcf7-form-control-wrap{
	line-height: 2.2;
}

input[type="radio"],
input[type="checkbox"] {
  accent-color: #f0150f; 
}

.formborder{
	width:100%;
	border-bottom: 1px solid #bdbdbd;
}

.checkboxwrap{
	width:73%;
	margin: 5em auto 7em;
	display: flex;
	justify-content: space-between;
}

.submit input[type="submit"] {
	display: block!important;
  width: 50%;
  max-width: 550px;
  margin: 0 auto;
  background-image: url("../img/251219/bosyu_button_b.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  text-indent: -9999px; 
  cursor: not-allowed;
	background-color: transparent!important;
}

.submit input[type="submit"]:not(:disabled) {
  background-image: url("../img/251219/bosyu_button_a.webp");
  cursor: pointer;
	background-color: transparent!important;
}

.wpcf7-not-valid-tip{
	font-size:73%!important;
	margin-left: 1em!important;
}

.agree a {
  color: #f0150f!important;
  text-decoration: underline!important;
  font-size: 80%;
	margin-left: 3em;
}

.form-row.agree a:hover {
  opacity: 0.7;
}

.bosyuhr{
	height: 1px;
	background-color: #bdbdbd;
}

.acceptwrap{
	width:50%;
	max-width: 900px;
	margin: 8em auto 10em;
}

.acceptwrap h2{
	font-size: 150%;
	font-family: "Sawarabi Gothic", sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 1.2em;
}

.acceptwrap p{
	font-size: 90%;
}

#policy{
	width:100%;
	background-image: url("../img/251219/policy_back.webp");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	padding-bottom: 6em;
	padding-top: 6em;
}

#policy h1{
	font-size: 150%;
	font-family: "Sawarabi Gothic", sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 1.2em;
	line-height: 1.5;
}

#policy h1 span{
	font-size: 66%;
}

.spheader{
	height: 60px;
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	background-color: #f9f8f1;
	z-index: 10002;
}

.splogo{
	height: 46px;
	width:auto!important;
	position: absolute;
	left:20px;
	top:50%;
	transform: translateY(-50%);
}

/* hb */
.hb-open {
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 10001;
	cursor: pointer;
}

.cb_hb {
	position: fixed;
	inset: 0;
	background: #f9f8f1;
	z-index: 10000;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.4s ease;
	padding-top: 60px;
}

.cb_hb.is-open {
	opacity: 1;
	pointer-events: auto;
}

.hb-trigger {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 45px;
	height: 18px;
	z-index: 10001;
	cursor: pointer;
}

.hb-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f0150f; 
	transition:
		transform 0.6s cubic-bezier(.68,-0.55,.27,1.55),
		opacity 0.3s ease,
		top 0.4s ease;
}

.hb-trigger span:nth-child(1) { top: 0; }
.hb-trigger span:nth-child(2) { top: 9px; }
.hb-trigger span:nth-child(3) { top: 18px; }

.hb-trigger.is-open span:nth-child(1) {
	top: 10px;
	transform: rotate(20deg);
}

.hb-trigger.is-open span:nth-child(2) {
	opacity: 0;
}

.hb-trigger.is-open span:nth-child(3) {
	top: 10px;
	transform: rotate(-20deg);
}






@media screen and (max-width:750px){

	/*ヘッダー*/
	.topheader{
		display: none;
	}

	#fv {
	  height: 700vh;
	}

	.toparrow {
	  bottom: 70px;
	  width:50px;
	}

	.hands {
	  top:60px;
	}

	.clogo1 {
	  width: 27%;
	  margin-bottom: 15px;
	}

	/* 通常コンテンツ */
	
	.content {
	  margin-top: -180vh!important;
	}

	.top1_1{
		width:44.5%;
		margin-bottom: 3em;
	}

	.top1_2 p{
		font-size:90%;
	}

	.topc_wrap{
		width:85.3%;
		padding-top: 6em;
		display: block;
	}

	.topcw_l{
		width:100%;
		margin-bottom: 3em;
	}

	.topcw_r{
		width:100%;
	}

	.top_heading{
		height:21px;
	}

	.top_heading2{
		height:47px;
	}

	.top_heading3{
		height:62px;
	}

	#top2_1{
		height: 550px;
		background-image: url("../img/251219/top2_1back2_sp.webp");
	}

	#top2_2 .topcw_r{
		display: block;
	}

	#top2_3{
		padding-bottom: 4em;
	}

	.top2_2_l{
		width:100%;
	}

	.top2_2_r{
		width: 87%;
		padding-right: 0;
		padding-left: 0;
		margin:0 auto 3em;
	}

	.top2_2_r img{
		width:100%;
	}

	.top2_2_l_2{
		width:48.5%;
	}

	.top2_2_l_2 p{
		font-size: 87%;
	}

	.top2_3wrap{
		display: block;
	}
	
	.top2_3wrapc{
		width:100%;
	}

	.top2_3_l{
		width:100%;
		margin-bottom: 0.6em;
	}

	.top2_3_c{
		width:100%;
	}

	#top2_4{
		background-image: url("../img/251219/top2_4back_sp.webp");
	}

	.top2_4buttonwrap{
		display: block;
		margin-bottom: 5em;
	}

	.top2_4buttonwrap div{
		width:100%;
	}

	#sbi_load{
		display: block!important;
		float:none!important;
	}

	.sbi_load_btn {
	  width: 100%; 
	  margin-bottom: 1em!important;
	  margin-top: 0!important;
	  font-size:100%!important;
	}

	.sbi_follow_btn{
	  width: 100%; 
	}

	#top2_4 h4{
		font-size: 140%;
		margin-bottom: 0.3em;
	}

	#top2_4 h5{
		font-size: 100%;
		margin-bottom: 12px;
	}
	
	#sbi_images{
		gap:6px!important;
	}

	#top2_5{
		background-image: url("../img/251219/top2_5back_sp.webp");
	}
	
	#top2_5 .top2_4buttonwrap div:first-child{
		margin-bottom: 0.6em;
	}

	.company_table {
	  margin-bottom: 1em;	  
	}
	
	table th, table td{
		font-size: 100%!important;
	}

	.company_table th {
	  width: 41%;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.company_table td {
	  width: 58%;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	#top2_6{
		background-image: url("../img/251219/top2_6back_sp.webp");
	}

	#top2_6 .company_table th {
	  width: 32.6%;
	}

	#top2_7{
		background-image: url("../img/251219/top2_7back_sp.webp");
		padding-bottom: 0;
		overflow: hidden;
	}

	.iframewrap{
		width:120%;
		transform: translateX(-8%);
		border-radius: 0!important;
		overflow: visible;
		margin-bottom: 2em;
	}

	.iframewrap iframe {
	  height: 180px;
	}

	#top2_8{
		background-image: url("../img/251219/top2_8back_sp.webp");
		padding-bottom: 4em;
	}

	#top2_8 h3{
		font-size:166%;
		padding-top: 2em;
		margin-bottom: 0;
	}

	.top2_8buttonwrap{
		width:85.3%;
	}

	.button_oubo{
		width:85.3%;
	}

	.wborder{
		width:85.3%;
	}

	.top2_8buttonwrap2{
		display: block;
		width:85.3%;
	}

	.top2_8buttonwrap2 div{
		width:100%;
	}
	
	.top2_8buttonwrap2 div:first-child{
		margin-bottom: 1.4em;
	}

	.top2_8buttonwrap3{
		width:85.3%;
		display: block;
	}

	.t8bw_c{
		width:100%;
		margin-bottom: 2em;
	}

	.footerwrap{
		display: block;
		width:85.3%;
	}

	.fw_l{
		width:100%;
		text-align: center;
	}

	.fw_l img{
		width:38.5%!important;
		margin: 0 auto 2em;
	}

	.fw_r{
		width:100%;
	}

	.fw_r1{
	  display: none;
	}
	
	.fw_r2{
		display: block;
		padding-bottom: 1em;
	}


	/*01.html*/

	#cl_top{
		margin-top: 60px;
	}

	#cl1_1 .topc_wrap{
		width:85.3%;
		margin: 0 auto;
	}

	.topcw_r_inner{
		width:100%;
	}

	.topcw_r_inner h4{
		font-size: 133%;
	}

	.cl1_toptext{
		width:90%;
	}

	.cl1_toptext h2{
		font-size: 106%;
		margin-bottom: 0;
	}

	.cl1_toptext h2 span{
		font-size: 125%;
	}
	
	.cl1_toptext_sp{
		display: block;
		width:90%;
		margin: 0 auto;
		text-align: center;
	}
		#cl1{
		padding-top: 3em;
		margin-top: -1em;
	}


	.slide2 .slick-list img{
		 padding-right: 2em!important;
	}

	.slide2 .slick-next{
		margin-right: 20px;
	}

	.c01_1button1{
		width:100%;
	}

	.c_2_2wrap{
		display: block;
	}
	
	.c_2_2winner{
		margin-bottom: 0.4em;
	}

	.c_2_2w_c{
		width:100%;
	}

	.c_2_2w_r{
		width:100%;
	}

	.modal_inner {
		width:75%;
	}

	.modal_close img {
	  width: 26px;
	}

	#cl1_3{
		padding-bottom: 3em;
	}

	.cl2_toptext{
		text-align: center;
		margin: 90px auto 100px;
	}
	

	.instawrap{
		margin-bottom: 4em;
	}
	
	#top2_7 .topc_wrap{
		padding-top: 4em;
	}

	.cl2_toptext h3{
		font-size: 133%;
	}

	.cl2_wrap{
		width:85.3%;
		display: block;
	}

	.cl2_wrap h4{
		font-size: 133%;
		line-height: 1.5;
	}

	.cl2_wrap div:first-child{
		margin-bottom: 1em;
		width:100%;
	}

	.cl2_wrap div:last-child{
		width:100%;
	}

	.cl2border{
		width:85.3%;
		margin: 1.6em auto;
	}

	/*topblog*/

	.top-blog-date {
		font-size: 86%!important;
	}

	.newswrap{
		padding-bottom: 1em;
		margin-top: 1em;
	}

	.newsdate{
		font-size: 86%!important;
	}

	/*blog一覧ページ*/
	.blogpagewrap{
		display: block;
		width:85.3%;
		margin: 140px auto 0;
	}

	.blog_l{
		width:100%;
		background-image: url("../img/251219/b_lback_sp.webp");
		margin-bottom: 2em;
	}

	.blog_r{
		width:100%;
	}

	#blog .entry-card-snippet{
		font-size: 120%;
	}

	/*フォーム*/

	.recruit-form {
	  margin: 5em auto;
	  width:85.3%;
	}

	.form-row {
	  margin-bottom: 20px;
	  display: block;
	}

	.form-row div:first-child{
		width:100%;
		margin-bottom: 0.2em;
	}


	.form-row div:last-child{
		width:100%;
	}

	.required {
	  margin-right: 50%;
	  padding:0 8px;
	}

	.any {
		margin-right: 50%;
		 padding:0 8px;
	}

	.bosyuwrap{
	  margin-top: 60px;
	}
	
	.bosyu_toptext{
		width:100%;
	}

	.bosyu_toptext h1{
		font-size:150%;
	}

	.checkboxwrap{
		width:85.3%;
		margin: 3em auto 3em 0;
		display: block;
	}

	.submit input[type="submit"] {
	  width: 100%;
	  background-image: url("../img/251219/bosyu_button_b_sp.webp");
	  height: 65px;
	}

	.submit input[type="submit"]:not(:disabled) {
	  background-image: url("../img/251219/bosyu_button_a_sp.webp");
		height: 65px;
	}

	.acceptwrap{
		width:85.3%;
		max-width: 900px;
		margin: 4em auto 4em;
	}

	.acceptwrap h2{
		font-size: 133%;
	}

	#policy{
		background-image: url("../img/251219/policy_back_sp.webp");
		padding-bottom: 4em;
		padding-top: 4em;
	}

	#policy h1{
		font-size: 133%;
	}

	#policy h1 span{
		font-size: 75%;
	}
}

@media screen and (max-width: 480px) {
    .no-sp-snippet .entry-card-snippet {
        display: block!important;
    }
}