@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&family=Oswald:wght@700&display=swap");

/* ----------------------------reset ---------------------------- */

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'メイリオ', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #000;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.5;
}
li {
	list-style-type: none;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
*:focus {
outline: none;
}
strong{
	color: #000;
	font-weight: 700;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
body {
	font-size: 14px;
}
}


/* ----------------------------common ---------------------------- */

.c_nobreak {
	display: inline-block;
}
.c_onlysp{
	display: none;
}
.c_oswald{
	font-family: "Oswald", sans-serif;
}
.c_inner{
	width: min(100%, 1064px);
	margin: 0 auto;
	padding: 0 min(5.33vw, 20px);
	box-sizing: border-box;
}
.c_section{
	padding: 80px 0;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
.c_onlysp{
	display: inline;
}
.c_section{
	padding: 60px 0;
}
}


/* ----------------------------c_header ---------------------------- */

.c_header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	background: #000;
}
.c_header_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(3.13vw, 30px);
	padding: 12px 0;
}
.c_header_logo{
	width: 135px;
	flex-shrink: 0;
}
.c_header_nav{
	display: flex;
	align-items: center;
	gap: min(3.13vw, 30px);
}
.c_header_nav_txt{
	font-size: min(1.46vw, 14px);
}
.c_header_nav_txt_link{
	font-weight: 400;
	color: #ccc;
	text-decoration: underline;
}
@media (hover: hover) {
.c_header_nav_txt_link:hover{
	text-decoration: none;
}
}
.c_header_nav_btn{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.c_header_nav_btn_link{
	font-size: 14px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 9999px;
	box-sizing: border-box;
	padding: 8px 20px;
	transition: all 0.2s;
}
.c_header_nav_btn_item_login .c_header_nav_btn_link{
	border: 1px solid #fff;
	color: #fff;
}
.c_header_nav_btn_item_register .c_header_nav_btn_link{
	border: 1px solid #FABE00;
	background: #FABE00;
}
.c_header_nav_btn_link:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
}
.c_header_nav_btn_item_login .c_header_nav_btn_link:before{
	background: url("../img/ico_login.svg") no-repeat center center/contain;
}
.c_header_nav_btn_item_register .c_header_nav_btn_link:before{
	background: url("../img/ico_register.svg") no-repeat center center/contain;
}
@media (hover: hover) {
.c_header_nav_btn_item_login .c_header_nav_btn_link:hover{
	background: #fff;
	color: #000;
}
.c_header_nav_btn_item_register .c_header_nav_btn_link:hover{
	border: 1px solid #fff;
	background: #fff;
}
.c_header_nav_btn_item_login .c_header_nav_btn_link:hover:before{
	background-image: url("../img/ico_login_hover.svg");
}
}

@media only screen and (max-width: 767px) {
.c_header_inner{
	gap: min(4vw, 15px);
	padding: min(4vw, 15px) 0;
}
.c_header_logo{
	width: min(26.67vw, 100px);
}
.c_header_nav_txt{
	display: none;
}
.c_header_nav_btn{
	gap:  min(2.67vw, 10px);
}
.c_header_nav_btn_link{
	font-size: min(3.2vw, 12px);
	letter-spacing: 0.5px;
	gap: min(2.67vw, 10px);
	padding: min(2.13vw, 8px) min(4.27vw, 16px);
}
.c_header_nav_btn_link:before{
	width: min(3.73vw, 14px);
	height: min(3.73vw, 14px);
}

}


/* ----------------------------c_hero ---------------------------- */

.c_main{
	padding-top: 60px;
}
.c_hero {
	background: url("../img/bg_hero_pc.jpg") no-repeat center center/cover;
}
.c_hero .c_inner{
	position: relative;
}
.c_hero .c_inner:after{
	content: "";
	display: inline-block;
	width: min(57.3vw, 550px);
	height: min(60.22vw, calc(100% - 24px));
	background: url("../img/hero_img.png") no-repeat center top/100% auto;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: min(3.13vw, 30px);
	
}
.c_hero_content{
	padding: min(5.21vw, 50px) 0;
	position: relative;
	z-index: 2;
}
.c_hero_content_inner{
	width: min(40.94vw, 393px);
}
.c_hero_label{
	display: flex;
	gap: 10px;
}
.c_hero_label_item{
	width: min(8.33vw, 80px);
}
.c_hero_head{
	margin-top: min(2.5vw, 24px);
	width: 98%;
}
.c_hero_moc{
	position: absolute;
	bottom: min(5.21vw, 50px);
	right: 0;
	width: min(18.54vw, 178px);
}
.c_hero_moc img{
	filter: drop-shadow(9px 9px 30px rgba(0, 0, 0, 0.1));
}
.c_hero_cta{
	margin-top: min(4.35vw, 40px);
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}
.c_hero_cta_balloon{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	text-align: center;
}
.c_hero_cta_balloon_item{
	width: calc(50% - 5px);
}
.c_hero_cta_balloon_shoulder{
	font-size: 12px;
	line-height: 1.35;
	padding: 3px 11px;
	border-radius: 9999px;
	min-width: 120px;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.c_hero_cta_balloon_item_sukedachi .c_hero_cta_balloon_shoulder{
	background: #000;
	color: #FABE00;
}
.c_hero_cta_balloon_item_shain .c_hero_cta_balloon_shoulder{
	background: #DD6522;
	color: #fff;
}
.c_hero_cta_balloon_main{
	padding: 16px min(2.08vw, 20px) 12px;
	background: #fff;
	border-radius: 9999px;
	font-size: min(1.67vw, 16px);
	line-height: 1.5;
	display: block;
	margin-top: -11px;
	position: relative;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
}
.c_hero_cta_balloon_main:after{
	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
	
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
}
.c_hero_cta_balloon_item_sukedachi .c_hero_cta_balloon_main:after{
	right: 30px;
	transform: scaleX(-1);
}
.c_hero_cta_balloon_item_shain .c_hero_cta_balloon_main:after{
	left: 30px;
}
.c_hero_cta_btn{
	margin-top: 20px;
}
.c_hero_cta_btn_link{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 6px;
	background: #000;
	padding: 15px min(5.21vw, 50px) 18px min(5.21vw, 50px);
	color: #fff;
	border-radius: 9999px;
	position: relative;
	transition: all 0.2s;
}
.c_hero_cta_btn_link:after{
	content: "";
	display: inline-block;
	width: min(1.46vw, 14px);
	height: min(1.25vw, 12px);
	background: url("../img/arrow_w.svg") no-repeat center center/contain;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: min(3.75vw, 36px);
}
.c_hero_cta_btn_link_shoulder{
	font-size: min(1.46vw, 14px);
	color: #FABE00;
}
.c_hero_cta_btn_link_main{
	display: flex;
	align-items: center;
	gap: min(1.25vw, 12px);
	line-height: 1.3;
	padding-right:  min(1.04vw, 10px);
}
.c_hero_cta_btn_link_main_label{
	padding: 3px min(1.14vw, 11px);
	background: #FABE00;
	color: #000;
	font-size: min(1.46vw, 14px);
	font-weight: 400;
	border-radius: 9999px;
	flex-shrink: 0;
}
.c_hero_cta_btn_link_main_txt{
	font-size: min(2.08vw, 20px);
	letter-spacing: 0.5px;
}
@media (hover: hover) {
.c_hero_cta_btn_link:hover{
	background: #fff;
	color: #000;
}
.c_hero_cta_btn_link:hover:after{
	background-image: url("../img/arrow_b.svg");
}
}


@media only screen and (max-width: 767px) {
.c_main{
	padding-top: min(16.8vw, 63px);
}
.c_hero {
	background-image: url("../img/bg_hero_sp.jpg");
	overflow: hidden;
}

.c_hero .c_inner:after{
	width: 110vw;
	height:122.4vw;
	background: url("../img/hero_img.png") no-repeat center bottom/100% auto;
	bottom: 0;
	right: -8.27vw;
	
}
.c_hero_content{
	padding: 6.4vw 0;
}
.c_hero_content_inner{
	width: 100%;
}
.c_hero_head_wrap{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.c_hero_label{
	flex-direction: column;
	gap: 2.13vw;
}
.c_hero_label_item{
	width: 14.93vw;
}
.c_hero_head{
	margin-top: 0;
	width: calc(100% - 20.27vw);
}
.c_hero_moc{
	margin-top: 6.4vw;
	position: relative;
	bottom: auto;
	right: auto;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.c_hero_moc img{
	width: 24vw;
}
.c_hero_cta{
	margin-top: 2.67vw;
}
.c_hero_cta_balloon_shoulder{
	font-size: 2.67vw;
	padding: 0.8vw 2.67vw;
	min-width: 27.2vw;
}
.c_hero_cta_balloon_main{
	padding: 3.73vw 12px 2.67vw;
	font-size: 3.73vw;
	margin-top: -2.4vw;
}
.c_hero_cta_balloon_main:after{
    bottom: -1.87vw;
    border-left: 1.87vw solid #fff;
    border-bottom: 1.87vw solid transparent;
}
.c_hero_cta_balloon_item_sukedachi .c_hero_cta_balloon_main:after{
	right: 6.4vw;
}
.c_hero_cta_balloon_item_shain .c_hero_cta_balloon_main:after{
	left: 6.4vw;
}
.c_hero_cta_btn{
	margin-top: 4.27vw;
}
.c_hero_cta_btn_link{
	gap: 4px;
	padding: 3.2vw 10.13vw 4vw 10.13vw;
}
.c_hero_cta_btn_link:after{
	width: 3.2vw;
	height: 2.67vw;
	right: 8.53vw;
}
.c_hero_cta_btn_link_shoulder{
	font-size: 3.2vw;
}
.c_hero_cta_btn_link_main{
	gap: 2.67vw;
	padding-right: 5.33vw;
}
.c_hero_cta_btn_link_main_label{
	padding: 0.8vw 2.67vw;
	font-size: 3.2vw;
}
.c_hero_cta_btn_link_main_txt{
	font-size: 4.53vw;
}
}

/* ----------------------------c_anchor ---------------------------- */

.c_anchor{
	padding: 50px 0;
}
.c_anchor_article_wrap{
	display: flex;
	justify-content: space-between;
	gap: 16px;
}
.c_anchor_article{
	width: calc(50% - 8px);
	display: flex;
	flex-direction: column;
    flex: 1;
}
.c_anchor_head_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 16px 24px;
	border-radius: 12px 12px 0 0;
}
@media only screen and (max-width: 1064px) {
.c_anchor_head_wrap{
	flex-direction: column;
	gap: 6px;
}
}

.c_anchor_article_sukedachi .c_anchor_head_wrap{
	background: #FABE00;
}
.c_anchor_article_shain .c_anchor_head_wrap{
	background: #DD6522;
	color: #fff;
}
.c_anchor_head{
	font-size: 20px;
}
.c_anchor_head_label{
    font-size: 12px;
    line-height: 1.35;
    padding: 3px 11px;
    border-radius: 9999px;
    display: inline-block;
	background: #fff;
}
.c_anchor_article_sukedachi .c_anchor_head_label{
	color: #000;
}
.c_anchor_article_shain .c_anchor_head_label{
	color: #DD6522;
}
.c_anchor_body{
	padding: 24px;
	border-radius: 0 0 12px 12px;
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}
.c_anchor_article_sukedachi .c_anchor_body{
	background: #FFF6D6;
}
.c_anchor_article_shain .c_anchor_body{
	background: #FDEEE4;
}
.c_anchor_achieve_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
@media only screen and (max-width: 1064px) {
.c_anchor_achieve_wrap{
	flex-direction: column;
	gap: 20px;
}
}

.c_anchor_achieve_logo img{
	height: 24px;
	width: auto;
}
.c_anchor_achieve{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 16px;
	background: #fff;
	border-radius: 6px;
	padding: 8px 16px 10px;
}
.c_anchor_achieve_shoulder{
	font-size: min(1.5vw, 12px);
	line-height: 1.5;
}
.c_anchor_achieve_main{
	font-size: min(2.5vw, 20px);
}
.c_anchor_achieve_main_num{
	font-size: min(5.25vw, 42px);
	line-height: 1;
	position: relative;
    bottom: -2px;
	padding: 0 4px;
}
.c_anchor_article_sukedachi .c_anchor_achieve_main_num{
	color: #F5B800;
}
.c_anchor_article_shain .c_anchor_achieve_main_num{
	color: #D9601A;
}
.c_anchor_list{
	margin-top: 24px;
	padding-left: 20px;
	position: relative;
}
.c_anchor_list:before{
	content: "";
	display: inline-block;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 9999px;
}
.c_anchor_article_sukedachi .c_anchor_list:before{
	background: #FABE00;
}
.c_anchor_article_shain .c_anchor_list:before{
	background: #DD6522;
}
.c_anchor_item{
	font-size: 14px;
	display: flex;
	gap: 12px;
}
.c_anchor_item + .c_anchor_item{
	margin-top: 5px;
}
.c_anchor_item:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 22px;
	flex-shrink: 0;
}
.c_anchor_article_sukedachi .c_anchor_item:before{
	background: url("../img/ico_check_sukedachi.svg") no-repeat center center/contain;
}
.c_anchor_article_shain .c_anchor_item:before{
	background: url("../img/ico_check_shain.svg") no-repeat center center/contain;
}
.c_anchor_btn_link{
	display: block;
	width: 100%;
	padding: 12px 60px;
	border-radius: 9999px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	transition: all 0.2s;
}
.c_anchor_article_sukedachi .c_anchor_btn_link{
	background: #FABE00;
}
.c_anchor_article_shain .c_anchor_btn_link{
	background: #DD6522;
	color: #fff;
}
@media (hover: hover) {
.c_anchor_article_sukedachi .c_anchor_btn_link:hover{
	background: #fff;
}
.c_anchor_article_shain .c_anchor_btn_link:hover{
	background: #fff;
	color: #DD6522;
}
}
.c_anchor_btn_link:after{
	content: "";
	display: inline-block;
	width: 22px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 25px;
}
.c_anchor_article_sukedachi .c_anchor_btn_link:after{
	background: url("../img/arrow_anchor_b.svg") no-repeat center center/contain;
}
.c_anchor_article_shain .c_anchor_btn_link:after{
	background: url("../img/arrow_anchor_w.svg") no-repeat center center/contain;
}
@media (hover: hover) {
.c_anchor_article_shain .c_anchor_btn_link:hover:after{
	background-image: url("../img/arrow_anchor_o.svg");
}
}
.c_aside{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding: 18px 24px;
	border: 1px solid #E6E6E6;
	border-radius: 12px;
}
.c_anchor .c_aside{
	margin-top: 20px;
}
.c_aside_btn_link{
	display: block;
	font-size: 14px;
	line-height: 1.3;
	border-radius: 9999px;
	border: 1px solid #999;
    padding: 8px 20px;
    transition: all 0.2s;
}
@media (hover: hover) {
.c_aside_btn_link:hover{
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
}



@media only screen and (max-width: 767px) {
.c_anchor{
	padding: 30px 0;
}
.c_anchor_article_wrap{
	flex-direction: column;
	gap: 20px;
}
.c_anchor_article{
	width: 100%;
}
.c_anchor_head_wrap{
	padding: 12px 24px;
	border-radius: 8px 8px 0 0;
}
.c_anchor_head{
	font-size: 17px;
}
.c_anchor_body{
	padding: 24px 20px;
	border-radius: 0 0 8px 8px;
}
.c_anchor_achieve{
	gap: min(4.27vw, 16px);
	padding:  6px min(4.27vw, 16px) 8px;
}
.c_anchor_achieve_shoulder{
	font-size: min(3.2vw, 12px);
}
.c_anchor_achieve_main{
	font-size: min(5.33vw, 20px);
}
.c_anchor_achieve_main_num{
	font-size: min(11.2vw, 42px);
    bottom: -2px;
	padding: 0 4px;
}


.c_anchor_btn_link:after{
	width: 18px;
	height: 12px;
	right: 22px;
}
.c_aside{
	padding: 24px 20px;
	border-radius: 8px;
}
}

/* ----------------------------c_service ---------------------------- */

.c_sukedachi{
	background: #F9F8F5;
}
.c_service_head_wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}
.c_service_head_logo{
	padding-right: min(4vw, 40px);
	flex-shrink: 0;
}
.c_service_head_logo img{
	height: min(4vw, 40px);
	width: auto;
}
.c_service_head{
	padding-left: min(4vw, 40px);
	border-left: 1px solid #E6E6E6;
}
.c_service_head_label {
    font-size: 12px;
    line-height: 1.35;
    padding: 3px 11px;
    border-radius: 9999px;
    display: inline-block;
}
.c_sukedachi .c_service_head_label {
    background: #FABE00;
}
.c_shain .c_service_head_label {
    background: #DD6522;
	color: #fff;
}
.c_service_head_shoulder{
	margin-top: 16px;
}
.c_service_head_main{
	margin-top: 16px;
	font-size: min(4.5vw, 36px);
	font-weight: 800;
	line-height: 1.4;
}
.c_service_article + .c_service_article{
	margin-top: 80px;
}
.c_service_article_head_wrap{
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 50px;
}
.c_service_article_head_ico{
	width: 80px;
	flex-shrink: 0;
}
.c_service_article_head{
	font-size: 28px;
	line-height: 1.4;
}
.c_service_step{
	display: flex;
	gap: 50px;
}
.c_service_step_item{
	width: calc((100% - 100px) / 3);
	padding-bottom: 24px;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
}
.c_service_step_item:not(:first-child):before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 24px;
	position: absolute;
	top: 63px;
	left: -31px;
	background: url("../img/arrow_step.svg") no-repeat center center/contain;
}
.c_service_step_img{
	text-align: center;
}
.c_service_step_img img{
	height: 150px;
	width: auto;
}
.c_service_step_content{
	margin-top: 24px;
}
.c_service_step_head_wrap{
	display: flex;
	gap: min(3vw, 24px);
	margin-bottom: 16px;
}
.c_service_step_head_num{
	padding-top: 4px;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 4px;
	line-height: 1;
	flex-shrink: 0;
}
.c_sukedachi .c_service_step_head_num {
    color: #F5B800;
}
.c_service_step_head_num_main{
	font-size:  min(4vw, 32px);
}
.c_service_step_head{
	font-size: min(2.5vw, 20px);
	letter-spacing: 0.5px;
}
.c_service_step_txt{
	font-size: 14px;
}

.c_service_feature{
	display: flex;
	gap: 20px;
}
.c_service_feature_item{
	width: calc((100% - 40px) / 3);
	position: relative;
	padding-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
}
.c_service_feature_num{
	font-size: min(4vw, 32px);
	line-height: 1;
	position: absolute;
	top: max(-2.25vw, -18px);
	left: 20px;
}
.c_shain .c_service_feature_num {
    color: #DD6522;
}
.c_service_feature_content{
	margin-top: 24px;
	padding-right: 20px;
}
.c_service_feature_head{
    font-size: min(2.5vw, 20px);
	margin-bottom: 16px;
}
.c_service_feature_txt{
	font-size: 14px;
}

.c_service_company_item{
	display: flex;
}
.c_service_company_item_link{
	display: flex;
	flex-direction: column;
	flex: 1;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	transition: all 0.2s;
}
.slick-active .c_service_company_item_link{
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
}
.c_service_company_img{
	aspect-ratio: 328/150;
}
.c_service_company_img img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
}
@media (hover:hover) {
.c_service_company_item_link:hover .c_service_company_img img {
transform: scale(1.045);
opacity: 0.95;
}
}
.c_service_company_content{
	padding: 24px;
	flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	gap: 20px;
}
.c_service_company_head{
	font-size: 20px;
	margin-bottom: 16px;
}
.c_service_company_info{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.c_service_company_info_item{
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.c_service_company_info_item:before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;

}
.c_service_company_info_item.c_service_company_info_item_industry:before{
	background: url("../img/ico_industry.svg") no-repeat center center/contain;
}
.c_service_company_info_item.c_service_company_info_item_place:before{
	background: url("../img/ico_place.svg") no-repeat center center/contain;
}
.c_service_company_more{
	text-align: right;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
.c_shain .c_service_company_more{
	color: #DD6522;
}
.c_service_company_more:after{
	content: "";
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url("../img/arrow_b.svg") no-repeat center center/contain;
	transform: rotate(-45deg);
}
.c_shain .c_service_company_more:after{
	background-image: url("../img/arrow_o.svg");
}
.c_service_voice_link{
	display: flex;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
}
.c_service_voice_img{
	width: 50%;
	overflow: hidden;
}
.c_service_voice_img img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
}
@media (hover:hover) {
.c_service_voice_link:hover .c_service_voice_img img {
transform: scale(1.03);
opacity: 0.95;
}
}
.c_service_voice_content{
	width: 50%;
	padding: min(5vw, 40px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}
.c_service_voice_head{
	margin-bottom: 16px;
}
.c_service_voice_head_name{
	font-size: 20px;
}
.c_service_voice_tag{
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.c_service_voice_tag_item{
	font-size: 12px;
    line-height: 1.35;
    padding: 3px 11px;
    border-radius: 9999px;
    display: inline-block;
	border: 1px solid #999;
}
.c_service_voice_txt{
	margin-top: 16px;
	font-size: 14px;
}
.c_service_voice_more{
	text-align: right;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
.c_shain .c_service_voice_more{
	color: #DD6522;
}
.c_service_voice_more:after{
	content: "";
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url("../img/arrow_b.svg") no-repeat center center/contain;
	transform: rotate(-45deg);
}
.c_shain .c_service_voice_more:after{
	background-image: url("../img/arrow_o.svg");
}
.c_service_cta{
	margin-top: 80px;
	display: flex;
	justify-content: center;
}
.c_cta_link{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: min(3.13vw, 30px) min(5.21vw, 50px) min(3.13vw, 30px) min(5.21vw, 50px);
    border-radius: 9999px;
    position: relative;
    transition: all 0.2s;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
	background: #FABE00;
}
.c_shain .c_cta_link{
    background: #DD6522;
	color: #fff;
}
@media (hover:hover) {
.c_cta_link:hover{
    background: #fff;
}
.c_shain .c_cta_link:hover{
    background: #fff;
	color: #DD6522;
}
}
.c_cta_link:after{
	content: "";
	display: inline-block;
	width: min(1.46vw, 14px);
    height: min(1.25vw, 12px);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: min(3.75vw, 36px);
	background: url("../img/arrow_b.svg") no-repeat center center/contain;
}
.c_shain .c_cta_link:after{
    background-image: url("../img/arrow_w.svg");
}
@media (hover:hover) {
.c_shain .c_cta_link:hover:after{
     background-image: url("../img/arrow_o.svg");
}
}
.c_cta_link_inner{
	display: flex;
	align-items: center;
	gap: 12px;
	line-height: 1.3;
	padding-right: 20px;
}
.c_cta_link_label{
	padding: 3px min(1.14vw, 11px);
	font-size: min(1.46vw, 14px);
	font-weight: 400;
	border-radius: 9999px;
	background: #000;
	color: #fff;
	flex-shrink: 0;
}
.c_shain .c_cta_link_label{
	background: #fff;
	color: #DD6522;
}
@media (hover:hover) {
.c_shain .c_cta_link:hover .c_cta_link_label{
	background: #DD6522;
	color: #fff;
}
}
.c_cta_link_txt{
	font-size: min(2.08vw, 20px);
}


@media only screen and (max-width: 767px) {
.c_service_head_wrap{
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	margin-bottom: 60px;
}
.c_service_head_logo{
	padding-right: 0;
}
.c_service_head_logo img{
	height: 40px;
}
.c_service_head{
	padding-left: 0;
	border-left: none;
}
.c_service_head_main{
	margin-top: 10px;
	font-size: min(6.93vw, 26px);
}
.c_service_article + .c_service_article{
	margin-top: 60px;
}
.c_service_article_head_wrap{
	gap: 16px;
	margin-bottom: 40px;
}
.c_service_article_head_ico{
	width: 56px;
}
.c_service_article_head{
	font-size: 20px;
}
.c_service_step{
	flex-direction: column;
	gap: 52px;
}
.c_service_step_item{
	width: 100%;
	padding-bottom: 0;
	border-bottom: none;
	display: flex;
	gap: 20px;
}
.c_service_step_item:not(:first-child):before{
	top: -38px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(90deg);
}
.c_service_step_img{
	width: 100px;
	flex-shrink: 0;
}
.c_service_step_img img{
	height: auto;
	width: 100%;
}
.c_service_step_content{
	margin-top: 0;
}
.c_service_step_head_wrap{
	gap: min(5.33vw, 20px);
	margin-bottom: 10px;
}
.c_service_step_head_num{
	gap: 1px;
}
.c_service_step_head_num_shouolder{
	font-size: min(3.6vw, 13.5px);
}
.c_service_step_head_num_main{
	font-size: min(6.93vw, 26px);
}
.c_service_step_head{
	font-size: min(4.53vw, 17px);
}
.c_service_feature{
	flex-direction: column;
	gap: 40px;
}
.c_service_feature_item{
	width: 100%;
	padding-bottom: 0;
    border-bottom: none;
}
.c_service_feature_num{
	font-size: min(8.53vw, 32px);
	top: max(-4.27vw, -16px);
	left: 12px;
}
.c_service_feature_content{
	margin-top: 20px;
	padding-right: 0;
}
.c_service_feature_head{
    font-size: 17px;
	margin-bottom: 10px;
}
	
.c_service_company_item_link{
	border-radius: 8px;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
}

.c_service_company_content{
	padding: 24px 20px;
}
.c_service_company_head{
	font-size: 17px;
}
.c_service_voice_link{
	flex-direction: column;
	border-radius: 8px;
}
.c_service_voice_img{
	width: 100%;
	aspect-ratio: 335/188;
}

.c_service_voice_content{
	width: 100%;
	padding: 24px 20px;
	gap: 20px;
}
.c_service_voice_head_name{
	font-size: 17px;
}
.c_service_cta{
	margin-top: 60px;
}
.c_cta_link{
	width: 100%;
	min-height: 44px;
	padding: 12px min(13.33vw, 50px) 12px min(8vw, 30px);
}
.c_cta_link:after{
	width: 12px;
    height: 10px;
	right: min(8.8vw, 33px);
}
.c_cta_link_inner{
	gap: min(3.2vw, 12px);
	padding-right: min(2.67vw, 10px);
}
.c_cta_link_label{
	padding: 3px min(2.93vw, 11px);
	font-size: min(3.73vw, 14px);
}

.c_cta_link_txt{
	font-size: min(4.53vw, 17px);
	letter-spacing: 0.5px;
}

}


/* ----------------------------c_faq ---------------------------- */

.c_faq{
	background: #F9F8F5;
}
.c_section_head{
	font-size: 36px;
	font-weight: 800;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 50px;
}
.c_faq_item {
	background: #fff;
    border-radius: 12px;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1));
}
.c_faq_item + .c_faq_item{
	margin-top: 20px;
}
.c_faq_head {
    padding: 40px;
    display: flex;
    gap: 24px;
    cursor: pointer;
}
.c_faq_head:before, .c_faq_body_inner:before {
	font-family: "Oswald", sans-serif;
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}
.c_faq_head:before {
    content: "Q.";
	color: #F5B800;
}
.c_faq_body_inner:before {
    content: "A.";
}
.c_faq_head_inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    font-size: 20px;
    padding-top: 2px;
    transition: color 0.2s;
}
@media (hover: hover) {
.c_faq_head:hover .c_faq_head_inner{
	color: #F5B800;
}
}
.c_faq_head_inner:after {
    content: "";
    display: inline-block;
    background: url("../img/arrow_accordion.svg") no-repeat center center / contain;
    width: 22px;
    height: 12px;
    flex-shrink: 0;
}
.c_faq_head.c_open .c_faq_head_inner:after {
    transform: rotate(180deg);
}
.c_faq_body {
    padding: 0 40px 40px;
    display: none;
}
.c_faq_body_inner{
	display: flex;
    gap: 24px;
}
.c_faq_body_txt{
	padding-top: 7px;
}
.c_faq_body_txt_link{
	text-decoration: underline;
}
@media (hover: hover) {
.c_faq_body_txt_link:hover{
	text-decoration: none;
}
}

@media only screen and (max-width: 767px) {
.c_section_head{
	font-size: 26px;
	margin-bottom: 40px;
}
.c_faq_item {
    border-radius: 8px;
}
.c_faq_head {
    padding: 30px 20px;
    gap: 12px;
}
.c_faq_head:before, .c_faq_body_inner:before {
    font-size: 22px;
}
.c_faq_head_inner {
    gap: 20px;
    font-size: 17px;
    padding-top: 1px;
}
.c_faq_head_inner:after {
    width: 18px;
    height: 10px;
}
.c_faq_body {
    padding: 0 20px 30px;
}
.c_faq_body_inner{
    gap: 12px;
}
.c_faq_body_txt{
	padding-top: 1px;
}

}

/* ----------------------------c_cta ---------------------------- */

.c_cta{
	background: url("../img/bg_cta_pc.jpg") no-repeat center center / cover;
}
.c_cta_content{
	padding: min(10vw, 80px) 0;
	position: relative;
}
.c_cta_content_inner{
	width: min(60vw, 480px);
	position: relative;
	z-index: 2;
}
.c_cta_head{
	font-size: min(3.75vw, 30px);
	margin-bottom: 20px;
}
.c_cta_btn{
	margin-top: 24px;
	display: flex;
}
.c_cta_img{
	width: min(46.25vw, 370px);
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
}

@media only screen and (max-width: 767px) {
.c_cta{
	background: url("../img/bg_cta_sp.jpg") no-repeat center center / cover;
}
.c_cta_content{
	padding: 40px 0;
}
.c_cta_content_inner{
	width: 100%;
}
.c_cta_head{
	font-size: 20px;
	margin-bottom: 16px;
}
.c_cta_btn{
	margin-top: 72.53vw;
}
.c_cta_img{
	display: none;
}
	
}	

/* ----------------------------c_aside_wrap ---------------------------- */

.c_aside_wrap{
	padding: 50px 0;
}

@media only screen and (max-width: 767px) {
.c_aside_wrap{
	padding: 40px 0;
}
}

/* ----------------------------c_footer ---------------------------- */

.c_footer{
	background: #F9F8F5;
	padding: 50px 0;
}
.c_footer_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px;
}
.c_footer_nav_list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.c_footer_nav_item_link{
	font-size: 12px;
	font-weight: 400;
	color: #999;
	text-decoration: underline;
}
@media (hover: hover) {
.c_footer_nav_item_link:hover{
	text-decoration: none;
}
}
.c_footer_copy{
	font-size: 12px;
	font-weight: 400;
	color: #999;
}
@media only screen and (max-width: 767px) {
.c_footer{
	padding: 40px 0;
}
}

/* ----------------------------fmtv ---------------------------- */


.fmtv-modal {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fmtv-modal[hidden] {
  display: none;
}
.fmtv-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
.fmtv-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(90vw, 900px);
}
.fmtv-modal__close {
  position: absolute;
  top: -40px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #fff;
}
.fmtv-modal__video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}
.fmtv-modal__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.fmtv-banner {
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 1;
}
.fmtv-banner__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(3.13vw, 30px);
  padding: 15px 20px;
}
.fmtv-banner__ftv-logo {
  flex-shrink: 0;
  width: min(12.5vw, 120px);
  height: auto;
  display: block;
}
.fmtv-banner__text {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 800;
  font-size: min(1.88vw, 18px);
  line-height: 1.3;
  color: #01A33E;
  text-align: center;
}
.fmtv-banner__card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 17px 6px 6px;
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: opacity 0.2s;
  flex-shrink: 0;
}
.fmtv-banner__card:hover {
  opacity: 0.75;
}
.fmtv-banner__card-thumb {
  width: 100px;
  height: 56px;
  object-fit: cover;
  border-radius: 7px;
  display: block;
  flex-shrink: 0;
}
.fmtv-banner__card-title {
  font-weight: 800;
  font-size: min(1.67vw, 16px);
  line-height: 1.3;
}
.fmtv-banner__card-play {
  flex-shrink: 0;
  width: 25px;
  height: 18px;
}

@media only screen and (max-width: 767px) {
  .fmtv-banner__inner {
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 25px;
    gap: 12px;
    height: auto;
  }
  .fmtv-banner__ftv-logo {
    width: 100px;
  }
  .fmtv-banner__text {
    font-size: 18px;
    letter-spacing: 0.25px;
    white-space: normal;
  }
  .fmtv-banner__text br {
    display: none;
  }
  .fmtv-banner__card {
    width: 100%;
    max-width: 350px;
  }
  .fmtv-banner__card-title {
    font-size: 15px;
    line-height: 1.3;
  }
}


.fmtv-section {
  background: #000;
  overflow: hidden;
  padding-bottom: 80px;
  position: relative;
}
.fmtv-section__bg-deco {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24%;
  height: auto;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.fmtv-section__title-block {
  text-align: center;
  padding: 50px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.fmtv-section__title-img {
  max-width: 710px;
  width: 100%;
  height: auto;
  display: inline-block;
}
.fmtv-section__title {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 800;
  font-size: min(4.69vw, 45px);
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  position: relative;
  isolation: isolate;
}
.fmtv-sp-br {
  display: none;
}
.fmtv-title-line {
  display: contents;
}
.fmtv-section__title::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 17px;
  background: #FABE00;
  border-radius: 2px;
  z-index: -1;
}

.fmtv-section__logo-band {
  background: #fff;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: min(3.13vw, 30px);
  padding: 30px min(2.08vw, 20px);
  min-height: auto;
  position: relative;
  z-index: 1;
}
.fmtv-section__ftv-logo {
  width: min(19.48vw, 187px);
  display: block;
  flex-shrink: 0;
}
.fmtv-section__logo-x {
  width: 38px;
  display: block;
  flex-shrink: 0;
  margin: 0 20px;
}
.fmtv-section__sukedachi-logo {
  width: 240px;
  display: block;
  flex-shrink: 0;
}
.fmtv-section__body {
  font-weight: 400;
  font-size: min(3.13vw, 16px);
  padding: 0 20px;
  max-width: 900px;
  letter-spacing: -0.0144em;
}
.fmtv-section__body strong {
  font-weight: 800;
}

.fmtv-section__card {
  position: relative;
  z-index: 1;
  margin: 40px auto 0;
  max-width: 1024px;
  width: calc(100% - 40px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.fmtv-section__card-header {
  background: #FABE00;
  padding: 10px 24px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.fmtv-section__badge {
  background: #000;
  color: #FABE00;
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
  border-radius: 70px;
  padding: 6px 14px;
  white-space: nowrap;
  flex-shrink: 0;
}
.fmtv-section__card-subtitle {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 800;
  font-size: 30px;
  color: #000;
}
.fmtv-section__card-body {
  padding: min(2.92vw, 28px) min(4.17vw, 40px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(4.17vw, 40px);
}
.fmtv-section__comments {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fmtv-section__comment-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.fmtv-section__comment-img {
  width: min(21.25vw, 204px);
  object-fit: cover;
  border-radius: 12px;
  flex-shrink: 0;
  display: block;
  background: #ddd;
}
.fmtv-section__comment-name {
  font-weight: 700;
  font-size: min(1.67vw, 16px);
  margin-bottom: 4px;
}
.fmtv-section__comment-text {
  font-weight: 400;
  font-size: min(1.46vw, 14px);
}


.fmtv-section__video-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
}
.fmtv-section__video-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

@media only screen and (max-width: 767px) {
.fmtv-section {
    padding-bottom: 60px;
}
  .fmtv-section__title-block {
    padding: 36px 20px 0;
  }
  .fmtv-section__title-img {
    width: 72%;
  }
  .fmtv-sp-br {
    display: inline;
  }
  .fmtv-section__title {
    display: block;
    font-size: min(6.13vw, 23px);
    line-height: 1.6;
    isolation: auto;
  }
  .fmtv-section__title::after {
    display: none;
  }
  .fmtv-title-line {
    display: inline;
    background: linear-gradient(transparent 72%, #FABE00 72%);
    padding-bottom: 2px;
  }
  .fmtv-section__logo-band {
    flex-direction: column;
    gap: 16px;
    padding: 16px 20px;
    min-height: auto;
    margin-top: 30px;
  }
  .fmtv-section__ftv-logo {
    width: 150px;
  }
  .fmtv-section__logo-x {
    width: 24px;
    margin: 0 10px;
  }
  .fmtv-section__sukedachi-logo {
    width: 140px;
  }
.fmtv-section__body {
    font-size: 14px;
    text-align: center;
	padding: 0;
  }
  .fmtv-section__card {
    width: calc(100% - 40px);
	border-radius: 8px;
    margin-top: 28px;
  }
  .fmtv-section__card-header {
    gap: 10px;
    padding: 12px min(4.27vw, 16px);
    min-height: auto;
  }
  .fmtv-section__badge {
    font-size: min(3.73vw, 14px);
    padding: 4px 10px;
    line-height: 1;
  }
  .fmtv-section__card-subtitle {
    font-size: min(5.33vw, 20px);
  }
  .fmtv-section__card-body {
    grid-template-columns: 1fr;
    padding: 20px 16px;
    gap: 20px;
  }
  .fmtv-section__comment-item {
    flex-direction: column;
  }
  .fmtv-section__comment-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
.fmtv-section__comment-name {
    font-size: 16px;
}
.fmtv-section__comment-text {
    font-size: 14px;
}
  .fmtv-section__video-wrap {
    width: 100%;
    margin: 0;
  }
  .fmtv-section__bg-deco {
    width: 50%;
  }
}

/* ----------------------------s63 ---------------------------- */

.s63-ho-s3 {
  background-image: url("../img/bg-02-pc.webp");
  background-position: center;
  background-size: cover;
  background-color: #f4b800;
  padding-top: 55px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .s63-ho-s3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.s63-ho-s3-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s63-ho-s3-title {
  color: #121212;
  text-align: center;
  font-weight: 900;
  font-size: min(5.87vw, 22px);
  line-height: 1.4;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .s63-ho-s3-title {
    font-size: min(4.23vw, 45px);
    line-height: 1.4;
    display: flex;
    align-items: center;
  }
  .s63-ho-s3-title::before {
    content: "";
    background-image: url("../img/slash-left.svg");
    width: min(6.39vw, 68px);
    height: min(10.34vw, 110px);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: min(5.55vw, 59px);
  }
  .s63-ho-s3-title::after {
    content: "";
    background-image: url("../img/slash-right.svg");
    width: min(6.39vw, 68px);
    height: min(10.34vw, 110px);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: min(5.55vw, 59px);
  }
}

.s63-ho-s3-logos {
  margin-top: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 20px 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .s63-ho-s3-logos {
    margin-top: 40px;
	border-radius: 12px;
    padding: 16px 0 16px;
  }
}
.s63-ho-s3-logos__img {
  width: 323px;
  height: 169px;
}
@media screen and (min-width: 768px) {
  .s63-ho-s3-logos__img {
    width: 1149px;
    height: 264px;
  }
}
