@charset "utf-8";


/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td,input,a,textarea,select,span,nav,section,header
{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input,
textarea {
	margin: 0;
	font-size: 100%;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: none;
}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: 500;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}




/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}



/* link
------------------------------------------------ */
a {
	color: #111111;
	text-decoration:none;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}


.op,
.op a,
.op img,
.op input {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
@media (max-width: 767px) {
a:hover {
	opacity: 1;
}
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
}



/* !fs
------------------------------------------------ */
.visible-pc {
	display: block !important;
}
.visible-tab {
	display: none !important;
}
.visible-ts {
	display: none !important;
}
.visible-pc-only {
	display: block !important;
}


@media (max-width: 1024px) {
.visible-tab {
	display: block !important;
}
.visible-pc-only {
	display: none!important;
}
}
@media (max-width: 767px) {
.visible-pc {
	display: none !important;
}
.visible-ts {
	display: block !important;
}
}


/* !fonts
------------------------------------------------ */
.fwb {
	font-weight: 600;
}
.fwm {
	font-weight: 500;
}

.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}



/* !ff
------------------------------------------------ */
.ff_notosans {
	font-family: "Noto Sans JP", sans-serif;
}

.ff_googlesans {
	font-family: "Google Sans Flex", sans-serif;
}



/* !fc
------------------------------------------------ */
.fc_orange {
	color: #f28601;
}



/* !anchor
------------------------------------------------ */
.anchor {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

/* !slick
------------------------------------------------ */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}



/* service_kintone
----------------------------------------------- */
.service_kintone {
	background: #fff;
	font-family: "BIZ UDPGothic", sans-serif;
	color: #111111;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
	overflow: hidden;
}
@media (max-width: 767px) {
.service_kintone {
	font-size: 13px;
}
}

.inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}



/* fix
----------------------------------------------- */
.serkin_fix {
	position: fixed;
	right: 0;
	top: 80%;
	transform: translateY(-50%);
	padding: 30px 18px 18px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	-webkit-border-radius: 35px 0 0 35px;
	-moz-border-radius: 35px 0 0 35px;
	-ms-border-radius: 35px 0 0 35px;
	-o-border-radius: 35px 0 0 35px;
	border-radius: 35px 0 0 35px;
	-webkit-box-shadow: 0 0 20px rgba(103,103,103,0.2);
	-moz-box-shadow: 0 0 20px rgba(103,103,103,0.2);
	-ms-box-shadow: 0 0 20px rgba(103,103,103,0.2);
	-o-box-shadow: 0 0 20px rgba(103,103,103,0.2);
	box-shadow: 0 0 20px rgba(103,103,103,0.2);
	z-index: 99;
}
.serkin_fix .fix_list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.serkin_fix .fix_list a {
	display: block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.serkin_fix .fix_list a:hover {
	color: #f28601;
}
.serkin_fix .fix_btn {
	margin: 10px 0 0;
}
.serkin_fix .fix_btn a {
	background: #f28601;
	width: 125px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

@media (max-width: 767px) {
.serkin_fix {
	display: none;
}
}



/* H
----------------------------------------------- */
.serkin_hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.06em;
}
.serkin_hdl .hdl_sml {
	font-size: 22px;
}
.serkin_hdl .hdl_lar {
	font-size: 38px;
	line-height: 1.37;
}

@media (max-width: 767px) {
.serkin_hdl .hdl_sml {
	font-size: 16px;
}
.serkin_hdl .hdl_lar {
	font-size: 26px;
}
}


/* main
----------------------------------------------- */
.serkin_main {
	background: #f7f8ff;
	padding: 160px 20px 100px;
	position: relative;
	z-index: 1;
}
.serkin_main:before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/circle_main01.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	width: min(210px,15vw);
	height: min(210px,15vw);
	z-index: 0;
}
.serkin_main:after {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/circle_main02.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
	top: 0;
	width: min(762px,54.43vw);
	height: min(903px,64.5vw);
	z-index: 0;
}
.serkin_main .main_box {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	z-index: 1;
}
.serkin_main .main_cont {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 0 40px;
	width: 54%;
}
.serkin_main .main_cap {
	position: relative;
	padding: 0 15px;
	text-align: center;
	font-size: min(24px,1.72vw);
	line-height: 1.2;
	font-weight: 900;
	color: #171c61;
	letter-spacing: 0.22em;
}
.serkin_main .main_cap .ff_googlesans {
	letter-spacing: 0.16em;
	font-weight: 800;
}
.serkin_main .main_cap:before,
.serkin_main .main_cap:after {
	position: absolute;
	content: "";
	background: #171c61;
	width: 100vw;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	z-index: 0;
}
.serkin_main .main_cap:before {
	right: 100%;
}
.serkin_main .main_cap:after {
	left: 100%;
}
.serkin_main .main_hd {
	margin: 25px 0 0;
	font-size: min(42px,3vw);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}
.serkin_main .main_txt {
	text-align: center;
	margin: 30px 0 0;
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0.08em;
	max-width: 690px;
}
.serkin_main .main_point {
	margin: 30px 0 0;
	display: flex;
	align-items: stretch;
	align-self: flex-start;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.serkin_main .main_point .point_item {
	width: 200px;
	color: #171c61;
	font-weight: 900;
	line-height: 1.65;
	font-size: 17px;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0 20px 20px;
	position: relative;
}
.serkin_main .main_point .point_item .item_num {
	font-family: "Google Sans Flex", sans-serif;
	line-height: 1;
	margin: 0 0 10px;
}
.serkin_main .main_point .point_item .item_txt {
	font-family: "Noto Sans JP", sans-serif;
}
.serkin_main .main_point .point_item:before,
.serkin_main .main_point .point_item:after {
	position: absolute;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	width: 36px;
	height: 86px;
	z-index: 0;
}
.serkin_main .main_point .point_item:before {
	background-image: url("../images/kintone/left_grass.png");
	left: 0;
}
.serkin_main .main_point .point_item:after {
	background-image: url("../images/kintone/right_grass.png");
	right: 0;
}
.serkin_main .main_img {
	width: 564px;
	max-width: 45%;
}

@media (max-width: 1024px) {
.serkin_main .main_box {
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.serkin_main .main_cont {
	width: auto;
}
}
@media (max-width: 767px) {
.serkin_main {
	padding: 80px 20px 50px;
}
.serkin_main .main_box {
	gap: 30px;
}
.serkin_main .main_cont {
	padding: 0;
}
.serkin_main .main_cap {
	padding: 0 10px;
	text-align: center;
	font-size: 16px;
}
.serkin_main .main_hd {
	margin: 15px 0 0;
	font-size: min(22px,5.8vw);
}
.serkin_main .main_txt {
	margin: 20px 0 0;
	max-width: none;
	text-align: left;
}
.serkin_main .main_point {
	margin: 20px 0 0;
	gap: 15px;
}
.serkin_main .main_point .point_item {
	width: 165px;
	font-size: 14px;
	padding: 0 15px 20px;
}
.serkin_main .main_img {
	width: auto;
	max-width: 70%;
}
}



/* problem
----------------------------------------------- */
.serkin_problem {
	position: relative;
	padding: 100px 0 70px;
	background: linear-gradient(to bottom, #f7f8ff 0%, #f7f8ff 50%, #f7f8ff 50%, #fff 100%);
}
.serkin_problem .serkin_hdl {
	margin: 0 0 65px;
}
.serkin_problem .problem_box {
	padding: 0 0 40px;
	background-image: url("../images/kintone/bg_problem.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1070px;
	margin: 0 auto;
	gap: 214px 32px;
}
.serkin_problem .problem_box li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-height: 147px;
	gap: 10px;
	padding: 25px 10px;
	background: #fff;
	width: calc((100% - 64px)/3);
	border: 8px rgba(147,149,216,0.44) solid;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}
.serkin_problem .problem_box .box_tit {
	position: relative;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.04em;
	font-family: "Noto Sans JP", sans-serif;
}
.serkin_problem .problem_box .box_tit:before {
	position: absolute;
	content: "";
	background: #e1e3f5;
	width: 100%;
	height: 15px;
	left: 0;
	bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	z-index: 0;
}
.serkin_problem .problem_box .box_tit .tit_in {
	display: block;
	padding: 0 5px 2px;
	position: relative;
	z-index: 1;
}
.serkin_problem .problem_box .box_txt {
	font-weight: 700;
	line-height: 1.625;
}
.serkin_problem .problem_cap {
	text-align: center;
	margin: 65px 0 0;
	line-height: 2.25;
	letter-spacing: 0.1em;
	font-weight: 700;
}
.serkin_problem .problem_det {
	text-align: center;
	margin: 30px 0 0;
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	font-weight: 700;
}
.serkin_problem .problem_det .det_line {
	position: relative;
	padding: 0 0 5px;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffefdc 0%) repeat scroll 0 0;
}

@media (max-width: 1024px) {
.serkin_problem .problem_box .box_tit {
	font-size: 16px;
}
.serkin_problem .problem_box .box_txt {
	font-size: 13px;
}
}
@media (max-width: 767px) {
.serkin_problem {
	padding: 50px 0 35px;
}
.serkin_problem .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_problem .problem_box {
	padding: 0 0 180px;
	background-size: 100% auto;
	justify-content: center;
	gap: 20px 10px;
}
.serkin_problem .problem_box li {
	min-height: inherit;
	padding: 10px;
	width: 100%;
	border: 4px rgba(147,149,216,0.44) solid;
}
.serkin_problem .problem_box .box_tit:before {
	width: 100%;
	height: 8px;
}
.serkin_problem .problem_box .box_tit .tit_in {
	padding: 0 2px 2px;
}
.serkin_problem .problem_box .box_txt {
	font-size: 14px;
}
.serkin_problem .problem_cap {
	margin: 30px 0 0;
}
.serkin_problem .problem_det {
	margin: 20px 0 0;
	font-size: 15px;
}
}



/* function
----------------------------------------------- */
.serkin_function {
	padding: 70px 0 65px;
	position: relative;
}
.serkin_function .function_frame {
	padding: 120px 20px 100px;
	background: linear-gradient(to bottom left, #d1d2ed, #e7e8f3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_function .serkin_hdl {
	margin: 0 0 45px;
}
.serkin_function .function_det {
	text-align: center;
	line-height: 2;
	letter-spacing: 0.08em;
	font-weight: 700;
}
.serkin_function .function_det .det_line {
	position: relative;
	padding: 0 0 5px;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #fff 0%) repeat scroll 0 0;
}
.serkin_function .function_box {
	max-width: 960px;
	margin: 75px auto 0;
	gap: 40px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.serkin_function .function_box .box_item {
	width: calc((100% - 40px)/2);
	background: #fff;
	padding: 35px 40px 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_function .function_box .box_img {
	text-align: center;
	margin: 0 0 30px;
}
.serkin_function .function_box .box_img img {
	width: 192px;
}
.serkin_function .function_box .box_tit {
	text-align: center;
	font-size: 20px;
	color: #f28601;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	letter-spacing: 0.04em;
	margin: 0 0 20px;
}
.serkin_function .function_box .box_txt {
	line-height: 1.75;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
}
.serkin_function .function_box .box_cont {
	background: #ffefdc;
	padding: 25px 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serkin_function .function_box .box_cont li {
	position: relative;
	padding: 0 0 0 25px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.serkin_function .function_box .box_cont li:before {
	position: absolute;
	content: "";
	background: #f28601;
	width: 16px;
	height: 16px;
	left: 0;
	top: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}

@media (max-width: 1024px) {
.serkin_function .function_box {
	gap: 20px;
}
.serkin_function .function_box .box_item {
	width: calc((100% - 20px)/2);
	background: #fff;
	padding: 35px 30px 40px;
}
}
@media (max-width: 767px) {
.serkin_function .function_det {
	text-align: left;
}
.serkin_function {
	padding: 35px 0 30px;
}
.serkin_function .function_frame {
	padding: 60px 20px 50px;
}
.serkin_function .serkin_hdl {
	margin: 0 0 45px;
}
.serkin_function .function_box {
	margin: 40px auto 0;
	gap: 30px;
	flex-direction: column;
}
.serkin_function .function_box .box_item {
	width: 100%;
	padding: 30px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serkin_function .function_box .box_img {
	margin: 0 0 20px;
}
.serkin_function .function_box .box_tit {
	font-size: 18px;
}
.serkin_function .function_box .box_cont {
	padding: 20px 15px;
}
.serkin_function .function_box .box_cont li {
	padding: 0 0 0 20px;
}
.serkin_function .function_box .box_cont li:before {
	width: 12px;
	height: 12px;
	top: 3px;
}
}



/* reason
----------------------------------------------- */
.serkin_reason {
	padding: 65px 0 75px;
	background: linear-gradient(to bottom, #fff, #fff 70%, #edeef6);
	position: relative;
}
.serkin_reason .serkin_hdl {
	margin: 0 0 70px;
}
.serkin_reason .reason_box {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 55px 35px;
}
.serkin_reason .reason_box li {
	width: calc((100% - 70px)/3);
}
.serkin_reason .reason_box .box_tit {
	padding: 0 35px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
	color: #171c61;
	position: relative;
}
.serkin_reason .reason_box .box_tit:before,
.serkin_reason .reason_box .box_tit:after {
	position: absolute;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 36px;
	height: 86px;
	bottom: 0;
	z-index: 0;
}
.serkin_reason .reason_box .box_tit:before {
	background-image: url("../images/kintone/left_grass.png");
	left: 0;
}
.serkin_reason .reason_box .box_tit:after {
	background-image: url("../images/kintone/right_grass.png");
	right: 0;
}
.serkin_reason .reason_box .box_tit .tit_num {
	font-family: "Google Sans Flex", sans-serif;
	font-size: 17px;
	font-weight: 900;
	line-height: 1;
}
.serkin_reason .reason_box .box_tit .tit_in {
	font-size: 20px;
	font-weight: 900;
	line-height: 1.75;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.04em;
}
.serkin_reason .reason_box .box_txt {
	margin: 25px 0 0;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.serkin_reason .reason_box .box_txt .txt_line {
	color: #f28601;
	font-weight: 700;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ffefdc 0%) repeat scroll 0 0;
}

@media (max-width: 1024px) {
.serkin_reason .reason_box li {
	width: calc((100% - 35px)/2);
}
}
@media (max-width: 767px) {
.serkin_reason {
	padding: 30px 0 35px;
}
.serkin_reason .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_reason .reason_box {
	flex-direction: column;
	gap: 30px;
}
.serkin_reason .reason_box li {
	width: 100%;
}
.serkin_reason .reason_box .box_tit {
	max-width: 360px;
	margin: 0 auto;
}
.serkin_reason .reason_box .box_tit .tit_num {
	font-size: 14px;
}
.serkin_reason .reason_box .box_tit .tit_in {
	font-size: 16px;
}
}



/* business
----------------------------------------------- */
.serkin_business {
	padding: 75px 0 140px;
	background: linear-gradient(to bottom, #edeef6, #e7e8f3);
	position: relative;
}
.serkin_business .serkin_hdl {
	margin: 0 0 50px;
}
.serkin_business .serkin_hdl .hdl_lar {
	line-height: 1.58;
}
.serkin_business .business_box {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 40px;
}
.serkin_business .business_box .box_item {
	width: calc((100% - 80px)/3);
	background: #fff;
	padding: 35px 40px 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.serkin_business .business_box .box_ico01 {
	position: absolute;
	width: 68px;
	right: 40px;
	top: -15px;
	z-index: 0;
}
.serkin_business .business_box .box_ico02 {
	position: absolute;
	width: 68px;
	right: 40px;
	top: -15px;
	z-index: 0;
}
.serkin_business .business_box .box_ico03 {
	position: absolute;
	width: 51px;
	right: 40px;
	top: -6px;
	z-index: 0;
}
.serkin_business .business_box .box_ico04 {
	position: absolute;
	width: 57px;
	right: 40px;
	top: -6px;
	z-index: 0;
}
.serkin_business .business_box .box_ico05 {
	position: absolute;
	width: 48px;
	right: 40px;
	top: -6px;
	z-index: 0;
}
.serkin_business .business_box .box_tit {
	padding: 0 70px 0 0;
	font-size: 20px;
	font-weight: 900;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0 0 25px;
}
.serkin_business .business_box .box_type {
	margin: 0 0 30px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.serkin_business .business_box .box_type:before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/arrow_business.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 11px;
	width: 100%;
	height: 11px;
	left: 0;
	top: calc(100% + 10px);
	z-index: 0;
}
.serkin_business .business_box .box_type li {
	width: calc((100% - 10px)/2);
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	background: #ffefdc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.serkin_business .business_box .box_type li.full {
	width: 100%;
}
.serkin_business .business_box .box_check {
	background: #ffefdc;
	padding: 20px 20px 20px 28px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.serkin_business .business_box .box_check li {
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0 0 0 28px;
	position: relative;
}
.serkin_business .business_box .box_check li+li {
	margin: 10px 0 0;
}
.serkin_business .business_box .box_check li:before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/check_yl.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 14px;
	height: 11px;
	left: 0;
	top: 5px;
	z-index: 0;
}
.serkin_business .business_box .box_other {
	width: calc((100% - 80px)/3);
}
.serkin_business .business_box .other_cont {
	background: #fff;
	padding: 30px 20px 35px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #171c61;
	line-height: 1.86;
	letter-spacing: 0.1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.serkin_business .business_box .other_cont:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 22px;
	height: 11px;
	left: 50%;
	top: calc(100% - 1px);
	clip-path: polygon(0 0,100% 0,50% 100%);
	z-index: 0;
}
.serkin_business .business_box .other_img {
	margin: -27px 0 0;
	text-align: center;
	position: relative;
}
.serkin_business .business_box .other_img img {
	width: 210px;
}

@media (max-width: 1024px) {
.serkin_business .business_box .box_item {
	width: calc((100% - 40px)/2);
}
.serkin_business .business_box .box_other {
	width: calc((100% - 40px)/2);
}
}
@media (max-width: 767px) {
.serkin_business {
	padding: 35px 0 70px;
}
.serkin_business .serkin_hdl {
	margin: 0 0 40px;
}
.serkin_business .business_box {
	gap: 40px;
}
.serkin_business .business_box .box_item {
	width: 100%;
	padding: 30px 20px;
}
.serkin_business .business_box .box_ico01 {
	right: 20px;
}
.serkin_business .business_box .box_ico02 {
	right: 20px;
}
.serkin_business .business_box .box_ico03 {
	right: 20px;
}
.serkin_business .business_box .box_ico04 {
	right: 20px;
}
.serkin_business .business_box .box_ico05 {
	right: 20px;
}
.serkin_business .business_box .box_tit {
	font-size: 16px;
}
.serkin_business .business_box .box_type li {
	font-size: 14px;
}
.serkin_business .business_box .box_check {
	padding: 20px;
}
.serkin_business .business_box .box_check li {
	padding: 0 0 0 25px;
}
.serkin_business .business_box .box_check li+li {
	margin: 10px 0 0;
}
.serkin_business .business_box .box_check li:before {
	top: 3px;
}
.serkin_business .business_box .box_other {
	width: 100%;
}
.serkin_business .business_box .other_cont {
	padding: 30px 20px;
}
.serkin_business .business_box .other_img {
	margin: -20px 0 0;
}
.serkin_business .business_box .other_img img {
	width: 160px;
}
}



/* flow
----------------------------------------------- */
.serkin_flow {
	padding: 140px 0 65px;
	position: relative;
}
.serkin_flow .serkin_hdl {
	margin: 0 0 50px;
}
.serkin_flow .serkin_frame {
	padding: 110px 20px 100px;
	background: linear-gradient(to bottom right, #d8d9ef, #e7e8f3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_flow .flow_box {
	display: flex;
	flex-direction: column;
	gap: 55px;
	max-width: 960px;
	margin: 0 auto;
}
.serkin_flow .flow_box .box_item {
	background: #fff;
	padding: 20px 0;
	display: flex;
	align-items: stretch;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.serkin_flow .flow_box .box_item:not(:last-child):before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/arrow_flow.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 15px;
	left: 50%;
	top: calc(100% + 20px);
	transform: translateX(-50%);
	z-index: 0;
}
.serkin_flow .flow_box .box_mess {
	flex-shrink: 0;
	width: 290px;
	border-right: 4px #f28601 dotted;
	padding: 7px 20px 7px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	font-weight: 900;
}
.serkin_flow .flow_box .box_cap {
	color: #f28601;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-family: "Google Sans Flex", sans-serif;
}
.serkin_flow .flow_box .box_tit {
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-family: "Noto Sans JP", sans-serif;
}
.serkin_flow .flow_box .box_cont {
	display: flex;
	align-items: center;
	padding: 7px 20px 7px 45px;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.1em;
}

@media (max-width: 767px) {
.serkin_flow {
	padding: 70px 0 30px;
}
.serkin_flow .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_flow .serkin_frame {
	padding: 50px 20px;
}
.serkin_flow .flow_box .box_item {
	flex-direction: column;
	padding: 20px;
}
.serkin_flow .flow_box .box_mess {
	width: auto;
	border-right: none;
	border-bottom: 2px #f28601 dotted;
	padding: 0 0 15px;
}
.serkin_flow .flow_box .box_cap {
	font-size: 12px;
}
.serkin_flow .flow_box .box_tit {
	font-size: 16px;
}
.serkin_flow .flow_box .box_cont {
	padding: 15px 0 0;
}
}



/* price
----------------------------------------------- */
.serkin_price {
	padding: 65px 0 140px;
	position: relative;
}
.serkin_price .serkin_hdl {
	margin: 0 0 35px;
}
.serkin_price .price_det {
	text-align: center;
	margin: 0 0 50px;
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.serkin_price .price_box {
	display: flex;
	gap: 40px;
}
.serkin_price .price_box li {
	width: calc((100% - 80px)/3);
}
.serkin_price .price_box .box_tit {
	background: #e7e8f3;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #171c61;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	letter-spacing: 0.04em;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	position: relative;
}
.serkin_price .price_box .box_tit:before,
.serkin_price .price_box .box_tit:after {
	position: absolute;
	content: "";
	border: 6px #c2c4e7 solid;
	width: 46px;
	height: 100%;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 0;
}
.serkin_price .price_box .box_tit:before {
	left: 0;
	border-right: none;
	-webkit-border-radius: 40px 0 0 40px;
	-moz-border-radius: 40px 0 0 40px;
	-ms-border-radius: 40px 0 0 40px;
	-o-border-radius: 40px 0 0 40px;
	border-radius: 40px 0 0 40px;
}
.serkin_price .price_box .box_tit:after {
	right: 0;
	border-left: none;
	-webkit-border-radius: 0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
	-ms-border-radius: 0 40px 40px 0;
	-o-border-radius: 0 40px 40px 0;
	border-radius: 0 40px 40px 0;
}
.serkin_price .price_box .box_txt {
	margin: 30px 0 0;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.serkin_price .price_cost {
	margin: 70px auto 0;
	max-width: 940px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.serkin_price .price_cost .cost_tit {
	position: relative;
	padding: 0 15px;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0 0 5px;
	text-align: center;
}
.serkin_price .price_cost .cost_tit:before,
.serkin_price .price_cost .cost_tit:after {
	position: absolute;
	content: "";
	background: #ffefdd;
	width: 25px;
	height: 6px;
	top: 50%;
	margin-top: -3px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	z-index: 0;
}
.serkin_price .price_cost .cost_tit:before {
	right: 100%;
}
.serkin_price .price_cost .cost_tit:after {
	left: 100%;
}
.serkin_price .price_cost .cost_cap {
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: 700;
	margin: 0 0 25px;
}
.serkin_price .price_cost .cost_box {
	display: flex;
	align-items: stretch;
	width: 100%;
	gap: 20px;
	margin: 0 0 35px;
}
.serkin_price .price_cost .cost_item {
	width: calc((100% - 20px)/2);
	background: #ffefdd;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_price .price_cost .cost_item .item_cap {
	background: #f28806;
	width: 160px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
	letter-spacing: 0.04em;
	margin: 0 0 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_price .price_cost .cost_item .item_num {
	font-size: 20px;
	line-height: 1;
	font-weight: 900;
	margin: 0 0 15px;
}
.serkin_price .price_cost .cost_item .item_num .num_in {
	font-weight: 600;
	font-size: 60px;
	line-height: 1;
	font-family: "Google Sans Flex", sans-serif;
}
.serkin_price .price_cost .cost_item .item_txt {
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.1em;
}
.serkin_price .price_cost .cost_note {
	text-align: center;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

@media (max-width: 767px) {
.serkin_price {
	padding: 30px 0 70px;
}
.serkin_price .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_price .price_det {
	margin: 0 0 30px;
	text-align: left;
}
.serkin_price .price_box {
	flex-direction: column;
	gap: 30px;
}
.serkin_price .price_box li {
	width: 100%;
}
.serkin_price .price_box .box_tit {
	height: 60px;
	font-size: 16px;
}
.serkin_price .price_box .box_tit:before,
.serkin_price .price_box .box_tit:after {
	border: 4px #c2c4e7 solid;
	width: 36px;
}
.serkin_price .price_box .box_tit:before {
	border-right: none;
}
.serkin_price .price_box .box_tit:after {
	border-left: none;
}
.serkin_price .price_box .box_txt {
	margin: 20px 0 0;
}
.serkin_price .price_cost {
	margin: 40px auto 0;
}
.serkin_price .price_cost .cost_tit {
	padding: 0 10px;
	font-size: 18px;
}
.serkin_price .price_cost .cost_cap {
	font-size: 13px;
}
.serkin_price .price_cost .cost_box {
	gap: 10px;
}
.serkin_price .price_cost .cost_item {
	width: calc((100% - 10px)/2);
	padding: 20px 10px;
}
.serkin_price .price_cost .cost_item .item_cap {
	width: 95%;
	height: 32px;
	letter-spacing: 0.04em;
	font-size: min(14px,3.74vw);
}
.serkin_price .price_cost .cost_item .item_num {
	font-size: 16px;
}
.serkin_price .price_cost .cost_item .item_num .num_in {
	font-size: 40px;
}
.serkin_price .price_cost .cost_item .item_txt {
	font-size: 12px;
}
.serkin_price .price_cost .cost_note {
	font-size: 12px;
}
}



/* case
----------------------------------------------- */
.serkin_case {
	background: linear-gradient(to bottom left, #616594, #444981);
	padding: 130px 0 140px;
	position: relative;
}
.serkin_case .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_case .serkin_hdl span{
	color: #fff;
}
.serkin_case .case_ico {
	position: absolute;
	left: 0;
	bottom: -230px;
	width: 131px;
	z-index: 0;
}
.serkin_case .case_det {
	text-align: center;
	color: #fff;
	line-height: 2;
	letter-spacing: 0.08em;
	margin: 0 0 70px;
	font-weight: 700;
}
.serkin_case .case_box {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 40px;
	margin: 0 0 75px;
}
.serkin_case .case_box .box_item {
	width: calc((100% - 40px)/2);
	background: #fff;
	display: flex;
	align-items: stretch;
	overflow: hidden;
	justify-content: space-between;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_case .case_box .box_img {
	width: 33%;
}
.serkin_case .case_box .box_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.serkin_case .case_box .box_cont {
	width: 67%;
	padding: 40px 8% 30px;
}
.serkin_case .case_box .box_cap {
	font-size: 15px;
	color: #4b4b4b;
	letter-spacing: 0.04em;
	margin: 0 0 5px;
}
.serkin_case .case_box .box_tit {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.04em;
	font-family: "Noto Sans JP", sans-serif;
	margin: 0 0 15px;
}
.serkin_case .case_box .box_txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.66;
	letter-spacing: 0.1em;
	margin: 0 0 15px;
}
.serkin_case .case_box .box_type {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}
.serkin_case .case_box .box_type li {
	width: calc((100% - 10px)/2);
	background: #e7e8f3;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 10px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.serkin_case .case_box .box_type li.full {
	width: 100%;
}
.serkin_case .case_note {
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.1em;
	margin: 0 0 20px;
}
.serkin_case .case_btn {
	display: flex;
	justify-content: center;
}
.serkin_case .case_btn a {
	width: 224px;
	height: 66px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #f28601;
	border: 2px #fff solid;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}

@media (max-width: 1024px) {
.serkin_case .case_box .box_item {
	width: 100%;
}
}
@media (max-width: 767px) {
.serkin_case {
	padding: 65px 0 70px;
}
.serkin_case .case_ico {
	bottom: -110px;
	width: 80px;
}
.serkin_case .case_det {
	margin: 0 0 30px;
	text-align: left;
}
.serkin_case .case_box {
	gap: 30px;
	margin: 0 0 40px;
}
.serkin_case .case_box.case_slider {
	display: block;
}
.serkin_case .case_box.case_slider .slick-list {
	overflow: visible;
}
.serkin_case .case_box.case_slider .slick-slide {
	width: 80vw;
	margin: 0 5px;
}
.serkin_case .case_box.case_slider .slick-dots {
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 40px 0 0;
	width: calc(100% - 20px);
	background: #fff;
	height: 2px;
}
.serkin_case .case_box.case_slider .slick-dots li {
	flex: 1;
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 100%;
}
.serkin_case .case_box.case_slider .slick-dots li button {
	width: 100%;
	height: 100%;
	font-size: 0;
	background: #d1dde1;
	padding: 0;
	cursor: pointer;
	outline: none;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.serkin_case .case_box.case_slider .slick-dots li.slick-active button {
	background: #000;
}
.serkin_case .case_box .box_cont {
	padding: 15px 10px;
}
.serkin_case .case_box .box_cap {
	font-size: 13px;
}
.serkin_case .case_box .box_tit {
	font-size: 16px;
	margin: 0 0 10px;
}
.serkin_case .case_box .box_txt {
	font-size: 12px;
}
.serkin_case .case_box .box_type {
	gap: 5px;
}
.serkin_case .case_box .box_type li {
	width: calc((100% - 5px)/2);
	font-size: 10px;
	word-break: break-all;
	padding: 5px 2px;
}
.serkin_case .case_note {
	font-size: 13px;
}
.serkin_case .case_btn a {
	width: 200px;
	height: 50px;
}
}



/* faq
----------------------------------------------- */
.serkin_faq {
	padding: 140px 0 70px;
	position: relative;
}
.serkin_faq .faq_frame {
	background: #e7e8f3;
	padding: 110px 20px 100px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_faq .serkin_hdl {
	margin: 0 0 50px;
}
.serkin_faq .faq_box {
	display: flex;
	flex-direction: column;
	max-width: 960px;
	margin: 0 auto;
	gap: 20px;
}
.serkin_faq .faq_item {
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_faq .faq_item .q_box {
	padding: 30px 80px 30px 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	position: relative;
}
.serkin_faq .faq_item .q_box:before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/arrow_faq.png");
	background-position: center center;
	width: 18px;
	height: 12px;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.serkin_faq .faq_item .q_box.on:before {
	transform: translateY(-50%) rotate(180deg)
}
.serkin_faq .faq_item .q_txt {
	font-size: 18px;
	font-weight: 900;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.04em;
}
.serkin_faq .faq_item .faq_ico {
	font-family: "Google Sans Flex", sans-serif;
	width: 110px;
	display: flex;
	align-items: flex-end;
	color: #f28601;
	font-weight: 900;
	line-height: 1;
	font-size: 16px;
	gap: 10px;
	flex-shrink: 0;
}
.serkin_faq .faq_item .faq_ico .faq_eng {
	font-size: 40px;
}
.serkin_faq .faq_item .a_box {
	padding: 0 80px 30px 50px;
	display: none;
}
.serkin_faq .faq_item .a_txt {
	line-height: 2;
	letter-spacing: 0.1em;
	font-weight: 700;
}

@media (max-width: 767px) {
.serkin_faq {
	padding: 70px 0 35px;
}
.serkin_faq .faq_frame {
	padding: 50px 20px;
}
.serkin_faq .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_faq .faq_item .q_box {
	padding: 20px 40px 20px 15px;
}
.serkin_faq .faq_item .q_box:before {
	right: 15px;
}
.serkin_faq .faq_item .q_txt {
	font-size: 15px;
}
.serkin_faq .faq_item .faq_ico {
	width: 50px;
	font-size: 12px;
	gap: 2px;
}
.serkin_faq .faq_item .faq_ico .faq_eng {
	font-size: 24px;
}
.serkin_faq .faq_item .a_box {
	padding: 0 40px 20px 20px;
}
}



/* installation
----------------------------------------------- */
.serkin_install {
	position: relative;
	padding: 70px 0 60px;
}
.serkin_install .serkin_hdl {
	margin: 0 0 40px;
}
.serkin_install .install_det {
	text-align: center;
	margin: 0 0 50px;
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.serkin_install .install_box {
	display: flex;
	align-items: stretch;
	gap: 40px;
	margin: 0 0 50px;
}
.serkin_install .install_box .box_item {
	padding: 15px 0;
	width: calc((100% - 80px)/3);
}
.serkin_install .install_box .box_item.box_spec {
	padding: 0;
	border: 2px #f28601 solid;
	position: relative;
	overflow: hidden;
	background: #ffefdc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_install .install_box .box_inner {
	height: 100%;
	border: 2px #e7e8f3 solid;
	background: #e7e8f3;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_install .install_box .box_cap {
	position: absolute;
	left: 50%;
	top: 0;
	background: #e7e8f3;
	width: 135px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transform: translateX(-50%);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	z-index: 1;
}
.serkin_install .install_box .box_item.box_spec .box_cap {
	background: #f28601;
	color: #fff;
}
.serkin_install .install_box .box_mess {
	padding: 60px 10px 35px;
	background: #fff;
}
.serkin_install .install_box .box_tit {
	text-align: center;
	margin: 0 0 10px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	letter-spacing: 0.04em;
	font-weight: 900;
}
.serkin_install .install_box .box_txt {
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.serkin_install .install_box .box_check {
	padding: 25px 10px 10px;
}
.serkin_install .install_box .box_check .check_list {
	display: flex;
	flex-direction: column;
	padding: 0 20px 0 45px;
	gap: 10px;
}
.serkin_install .install_box .box_check .check_list li {
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0 0 0 26px;
	position: relative;
}
.serkin_install .install_box .box_check .check_list li:before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/check_bl.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 8px;
	width: 14px;
	height: 11px;
	z-index: 0;
}
.serkin_install .install_box .box_item.box_spec .check_list li:before {
	background-image: url("../images/kintone/check_yl.png");
}
.serkin_install .install_box .box_note {
	margin: 25px 0 0;
	text-align: center;
	font-size: 13px;
	color: #717171;
	letter-spacing: 0.04em;
}
.serkin_install .install_txt {
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 40px;
}
.serkin_install .install_imp {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
.serkin_install .install_imp .imp_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #ffefdc 0%) repeat scroll 0 0;
	padding: 0 0 5px;
}
.serkin_install .install_imp .imp_orange {
	color: #f28601;
}

@media (max-width: 1024px) {
.serkin_install .install_box {
	gap: 20px;
}
.serkin_install .install_box .box_item {
	width: calc((100% - 40px)/3);
}
.serkin_install .install_box .box_check .check_list {
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.serkin_install {
	padding: 35px 0 60px;
}
.serkin_install .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_install .install_det {
	margin: 0 0 30px;
	text-align: left;
}
.serkin_install .install_box {
	flex-direction: column;
	gap: 30px;
	margin: 0 0 30px;
}
.serkin_install .install_box .box_item {
	padding: 0;
	width: 100%;
}
.serkin_install .install_box .box_cap {
	font-size: 13px;
}
.serkin_install .install_box .box_mess {
	padding: 50px 10px 20px;
}
.serkin_install .install_box .box_tit {
	font-size: 18px;
}
.serkin_install .install_box .box_txt {
	font-size: 13px;
}
.serkin_install .install_box .box_check {
	padding: 20px 10px;
}
.serkin_install .install_box .box_check .check_list {
	padding: 0 20px;
}
.serkin_install .install_box .box_check .check_list li {
	padding: 0 0 0 20px;
}
.serkin_install .install_box .box_check .check_list li:before {
	top: 6px;
	width: 10px;
	height: 8px;
}
.serkin_install .install_box .box_note {
	margin: 20px 0 0;
	font-size: 12px;
}
.serkin_install .install_txt {
	margin: 0 0 20px;
}
.serkin_install .install_imp {
	font-size: 16px;
}
}



/* support
----------------------------------------------- */
.serkin_support {
	padding: 60px 0 140px;
	background: linear-gradient(to bottom, #fff, #e7e8f3);
	position: relative;
}
.serkin_support .support_hd {
	background: #e7e8f3;
	max-width: 380px;
	height: 100px;
	margin: 0 auto 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #171c61;
	letter-spacing: 0.1em;
	position: relative;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}
.serkin_support .support_hd:before {
	position: absolute;
	content: "";
	background: #e7e8f3;
	width: 22px;
	height: 10px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	clip-path: polygon(0 0,100% 0,50% 100%);
	z-index: 0;
}
.serkin_support .support_det {
	text-align: center;
	margin: 0 0 50px;
	line-height: 2;
	letter-spacing: 0.08em;
	font-weight: 700;
}
.serkin_support .support_type {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 30px;
}
.serkin_support .support_type li {
	width: 280px;
	padding: 15px 35px 20px;
	color: #171c61;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	position: relative;
}
.serkin_support .support_type li:before,
.serkin_support .support_type li:after {
	position: absolute;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	width: 36px;
	height: 86px;
	z-index: 0;
}
.serkin_support .support_type li:before {
	background-image: url("../images/kintone/left_grass.png");
	left: 0;
}
.serkin_support .support_type li:after {
	background-image: url("../images/kintone/right_grass.png");
	right: 0;
}
.serkin_support .support_step {
	display: flex;
	align-items: stretch;
	gap: 0 100px;
	margin: 0 0 60px;
}
.serkin_support .support_step .step_item {
	width: 200px;
	height: 350px;
	position: relative;
}
.serkin_support .support_step .step_item:not(:last-child) {
	width: 220px;
}
.serkin_support .support_step .step_item:not(:last-child):before {
	position: absolute;
	content: "";
	background-image: url("../images/kintone/arrow_support.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 100px;
	height: 18px;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
.serkin_support .support_step .step_tit {
	text-align: center;
	letter-spacing: 0.04em;
	font-weight: 900;
	font-family: "Noto Sans JP", sans-serif;
}
.serkin_support .support_step .step_txt {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 10px 0 0;
}
.serkin_support .support_step .step_cap {
	text-align: center;
	font-size: 13px;
	color: #929292;
	margin: 10px 0 0;
}
.serkin_support .support_step .step_one,
.serkin_support .support_step .step_three {
	width: 100%;
	height: 100%;
	padding: 35px 10px 10px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serkin_support .support_step .step_one {
	background-image: url("../images/kintone/img_support01.png");
}
.serkin_support .support_step .step_three {
	background-image: url("../images/kintone/img_support03.png");
}
.serkin_support .support_step .step_four {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
}
.serkin_support .support_step .step_four li {
	background: #fff;
	width: 100%;
	height: calc((100% - 50px)/6);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.04em;
	font-weight: 900;
	font-family: "Noto Sans JP", sans-serif;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serkin_support .support_step .step_two {
	display: flex;
	gap: 10px;
	flex-direction: column;
	height: 100%;
}
.serkin_support .support_step .step_two .two_inner {
	background: #fbfbfd;
	width: 100%;
	padding: 40px 10px 10px;
	height: calc((100% - 10px)/2);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.serkin_support .support_step .step_two .two_img {
	position: absolute;
	left: 0;
	bottom: -44px;
	width: 100%;
	text-align: center;
	z-index: 1;
}


@media (max-width: 1024px) {
.serkin_support .support_step {
	gap: 0 40px;
}
.serkin_support .support_step .step_item:not(:last-child):before {
	background-position: right center;
	width: 40px;
	height: 18px;
}
}
@media (max-width: 767px) {
.serkin_support {
	padding: 30px 0 70px;
}
.serkin_support .support_hd {
	max-width: 300px;
	height: 70px;
	font-size: 16px;
}
.serkin_support .support_det {
	margin: 0 0 30px;
	text-align: left;
}
.serkin_support .support_type {
	gap: 50px 10px;
}
.serkin_support .support_type li {
	width: calc((100% - 10px)/2);
	padding-top: 0;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 35px 25px;
}
/* .serkin_support .support_type li:first-child {
	width: 50%;
} */
.serkin_support .support_type li:last-child {
	width: 70%;
}
.serkin_support .support_step {
	flex-direction: column;
	align-items: center;
	gap: 50px;
}
.serkin_support .support_step .step_item {
	width: 220px;
}
.serkin_support .support_step .step_item:not(:last-child) {
	width: 220px;
}
.serkin_support .support_step .step_item:not(:last-child):before {
	background-image: url("../images/kintone/arrow_support_sp.png");
	background-size: cover;
	width: 9px;
	height: 29px;
	left: 50%;
	top: calc(100% + 10px);
	transform: translateX(-50%);
}
.serkin_support .support_step .step_txt {
	font-size: 13px;
}
.serkin_support .support_step .step_cap {
	font-size: 12px;
}
.serkin_support .support_step .step_four li {
	font-size: 13px;
}
.serkin_support .support_step .step_two {
	display: flex;
	gap: 10px;
	flex-direction: column;
	height: 100%;
}
.serkin_support .support_step .step_item:last-child {
	width: 100%;
	height: auto;
}
.serkin_support .support_step .step_four {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	height: auto;
}
.serkin_support .support_step .step_four li {
	width: calc((100% - 10px)/2);
	height: auto;
	padding: 10px;
}
}



/* cta
----------------------------------------------- */
.serkin_cta {
	position: relative;
	padding: 135px 0 140px;
	background-image: url("../images/kintone/bg_cta.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.serkin_cta .serkin_hdl {
	margin: 0 0 35px;
}
.serkin_cta .serkin_hdl span {
	color: #fff;
}
.serkin_cta .cta_det {
	text-align: center;
	color: #fff;
	line-height: 2;
	letter-spacing: 0.08em;
	margin: 0 0 55px;
}
.serkin_cta .cta_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.serkin_cta .cta_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px #e7e8f3 solid;
	width: 280px;
	height: 60px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
	position: relative;
}
.serkin_cta .cta_btn a.btn_one {
	background: #f28601;
}
.serkin_cta .cta_btn a.btn_three {
	padding: 0 20px 0 0;
}
.serkin_cta .cta_btn .btn_ico {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
.serkin_cta .cta_btn a:before {
}
.serkin_cta .cta_btn a:hover:before {
	transform: translateY(-50%) rotate(360deg);
}
.serkin_cta .cta_btn a.btn_three:before {
	background-image: url("../images/kintone/ico_cta02.png");
}

.serkin_cta .cta_btn .btn_ico {
	overflow: hidden;
	display: block;
	position: absolute;
	right: 18px;
	top: 50%;
	width: 28px;
	height: 28px;
	transform: translateY(-50%);
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.serkin_cta .cta_btn .btn_ico:before,
.serkin_cta .cta_btn .btn_ico:after{
	position: absolute;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.2s !important;
	-moz-transition: all 0.2s !important; /* Firefox */
	-webkit-transition: all 0.2s !important; /* Chrome&Safari */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.serkin_cta .cta_btn a:hover .btn_ico:before {
	transform: translateY(-100%);
}
.serkin_cta .cta_btn a:hover .btn_ico:after {
	transform: translateY(0);
}
.serkin_cta .cta_btn .btn_ico:after {
	transform: translateY(100%);
}
.serkin_cta .cta_btn a.btn_two .btn_ico:before,
.serkin_cta .cta_btn a.btn_two .btn_ico:after {
	background-image: url("../images/kintone/ico_cta01.png");
}
.serkin_cta .cta_btn a.btn_three .btn_ico:before,
.serkin_cta .cta_btn a.btn_three .btn_ico:after {
	background-image: url("../images/kintone/ico_cta02.png");
}


@media (max-width: 767px) {
.serkin_cta {
	padding: 70px 0;
}
.serkin_cta .serkin_hdl {
	margin: 0 0 30px;
}
.serkin_cta .cta_det {
	margin: 0 0 30px;
}
}

@media (max-width: 1024px) {

}
@media (max-width: 767px) {

}

/* パンくず非表示 */
.page-template-page-kinton .mywidth {
	display: none;
}