@charset "utf-8";

html {
	font-size: 10px;
}

body {
	margin: 0;
	padding: 0;
	color: #30333f;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .1em;
	font-feature-settings : "palt";
	text-align: left;
	background-color: #fff;
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
@media screen\0 {
	body {
		letter-spacing: normal;
		font-family: "YakuHanJP", 'Noto Sans JP', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
}
@media print {
	body {
		zoom: 0.68;
		-webkit-print-color-adjust: exact;
	}
}
/* IE10以上 */
@media print and (-ms-high-contrast: none) {
	/* @pageの指定いらないかも */
	@page {
		size: A4;
		margin: 12.7mm 9.7mm;
	}

	body {
		zoom: 1.8;
		width: 1200px;
		transform: scale(0.5);
		transform-origin: 0 0;
	}
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, select, p, blockquote, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	text-align: left;
}
main {
	display: block;
}
table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, 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:normal;
	letter-spacing: .1em;
}
p {
	letter-spacing: .1em;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
input,
button {
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
input[type="radio"],input[type="checkbox"],label,button,input[type="submit"] {
	cursor: pointer;
}
input[type="submit"] {
	cursor: pointer;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="date"], input[type="number"] {
	height: 5rem;
	padding: .5rem 1rem;
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .07em;
	border: .3rem solid #dddddd;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-text-size-adjust: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
select {
	height: 5rem;
	padding: .5rem 1rem;
	color: #30333f;
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .07em;
	border: .3rem solid #dddddd;
	background: #fff;
	box-sizing: border-box;
	border-radius: 0;
}
textarea {
	height: 15rem;
	padding: 1rem 1rem;
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: .07em;
	border: .3rem solid #dddddd;
	box-sizing: border-box;
	border-radius: 0;
	vertical-align: top;
}
/* Webkit */
::-webkit-input-placeholder {
	color: #b8b8b8;
	opacity: 1;
}
/* Firefox 18 以前 */
:-moz-placeholder {
	color: #b8b8b8;
}
/* Firefox 19 以降 */
::-moz-placeholder {
	color: #b8b8b8;

	/* Firefox 19 以降のデフォルトでは */
	/* color ではなく opacity で色合いを調整しているため */
	/* 文字色を指定する場合、opacity を 1 にする必要がある */
	opacity: 1;
}
/* IE 10 以降 */
:-ms-input-placeholder {
	color: #b8b8b8 !important;
}
/* CSS4では以下のような名前の擬似クラスになるらしい */
/* おそらく今のところ対応ブラウザはない */
:placeholder-shown {
	color: #b8b8b8;
}
/* Android chrome対策 */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, select, p, blockquote, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	max-height:999999px;
}

.clear {
	clear: both;
}
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
a {
	text-decoration: none;
}
a:link {
	color: #30333f;
}
a:visited {
	color: #30333f;
}
a.normal:link {
	color: #30333f;
}
a.normal:visited {
	color: #30333f;
}
a:hover {
	text-decoration: none;
}
a:active {
}
a.noline {
	text-decoration: none;
}
a.reverse {
	text-decoration: none;
}
a.reverse:hover {
	text-decoration: underline;
}
body {
	text-align: center;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
	-webkit-backface-visibility: hidden;
}
a { /* FireFox リンク選択時の点線を消す　*/
    /*overflow: hidden;*/
    outline: none;
}
.ov {
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ov:hover {	
	opacity:0.7;
}
.ovImg:hover img {	
	opacity:0.7;
}
.nowrap {
	white-space: nowrap;
}
.mincho {
	font-family: "YakuHanMP", YuMincho, '游明朝', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN','メイリオ',"HGS明朝E", 'MS P 明朝', 'MS PMincho', serif;
}
.gothic {
	font-family: "YakuHanJP", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.Lato {
	font-family: "YakuHanJP", 'Lato', sans-serif;
}
.Oswald {
	font-family: "YakuHanJP", 'Oswald', sans-serif;
}
.Barlow {
	font-family: "YakuHanJP", 'Barlow', sans-serif;
}
* {
	box-sizing: border-box;
}



@media screen and (max-width:1279px){
	html {
		font-size: .78125vw;
	}
}

@media screen and (max-width:767px){
	html {
		font-size: 2.66666667vw;
		/*font-size: 10px;*/
	}
	body {
		font-size: 1.4rem;
	}
	input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="date"], input[type="number"] {
		height: 4.4rem;
		padding: .5rem 1rem;
		font-size: 1.4rem;
		border: .2rem solid #dddddd;
	}
	select {
		height: 4.4rem;
		padding: .5rem 1rem;
		font-size: 1.4rem;
		border: .2rem solid #dddddd;
	}
	textarea {
		height: 34.6666666vw;
		padding: .5rem 1rem;
		font-size: 1.4rem;
		border: .2rem solid #dddddd;
	}
}


/**********************************

 general

***********************************/
.imgMax {
	max-width: none;
	width: 100%;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.alignL {
	text-align: left;
}
.veralignT {
	vertical-align: top;
}
.veralignM {
	vertical-align: middle;
}
.veralignB {
	vertical-align: bottom;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.bold {
	font-weight: bold;
}
.white {
	color: #fff;
}
.red {
	color: #ff3f00;
}
.blue {
	color: #2c3991;
}
.yellow {
	color: #ffff00;
}
.bgYellow {
	background-color: #fff100;
}
.marker {
	background: linear-gradient(transparent 70%, #ffff00 70%);
}
.underline {
	text-decoration: underline;
}

@media screen and (min-width:768px){
	.sp {
		display: none !important;
	}
}
@media screen and (max-width:767px){
	.pc {
		display: none !important;
	}
}

/**********************************

 parts

***********************************/
.define_wrap {
	padding: 0 5rem;
}

.define_inner {
	max-width: 100%;
	width: 118rem;
	margin: 0 auto;
}


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

	.define_wrap {
		padding: 0 4.66666667%;
	}
}

/**********************************

 anime-text-link

***********************************/
.anime-text-link {
}

.anime-text-link .wrap {
	display: inline-block;
	line-height: 1.6;
	position: relative;
	overflow: hidden;
}

.anime-text-link .main,
.anime-text-link .sub {
	display: inline-block;
	vertical-align: top;
	transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.anime-text-link .sub {
	inset: 0;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
}

@media screen and (min-width:768px){

	.anime-text-link:not(.is-active):hover .main {
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
	}

	.anime-text-link:not(.is-active):hover .sub {
		transform: none;
		-webkit-transform: none;
	}
}

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

	.anime-text-link .sub {
		display: none;
	}
}

/**********************************

 layout

***********************************/
body {
	height: auto !important;
}
body.is-fixed {
	position: fixed;
	width: 100%;
	/*height: 100%;*/
}
.l-wrap {
	position: relative;
	overflow: hidden;
}

.l-wrap.is-noneActive .l-main,
.l-wrap.is-noneActive .l-footer {
	pointer-events: none;
}

.l-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	background-color: #fff;
	pointer-events: none;
	opacity: 0;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-cover.is-active {
	opacity: 1;
	pointer-events: auto;
}

.l-main {
}

.l-pageTop {
	display: none;
	width: 6.2rem;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 5;
}

.l-pageTop a {
	display: block;
}

@media screen and (min-width:768px){
	.l-cover {
		display: none !important;
	}

	.l-pageTop a {
		transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
}

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

	.l-wrap.top {
		padding-bottom: 5rem;
	}

	.l-pageTop {
		width: 3.2rem;
		bottom: 0;
		right: 0;
	}

	.l-wrap.top .l-pageTop {
		bottom: 5rem;
	}
}


/**********************************

 l-humberger

***********************************/
@media screen and (max-width:767px){

	.l-humberger {
		width: 7rem;
		height: 7rem;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 25;
	}

	.l-humberger a {
		display: block;
		width: 7rem;
		height: 7rem;
		overflow: visible;
		transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-humberger a.is-active {
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 7rem;
		height: 7rem;
	}
	.menu-trigger span {
		position: absolute;
		left: 2.1rem;
		width: 100%;
		height: .2rem;
		background-color: #30353f;
	}
	.menu-trigger.is-active span {
		background-color: #30353f;
	}
	.menu-trigger span:nth-of-type(1) {
		width: 2.3rem;
		top: 2.55rem;
	}
	.menu-trigger span:nth-of-type(2) {
		width: 1.3rem;
		top: 3.4rem;
	}
	.menu-trigger span:nth-of-type(3) {
		width: 1.9rem;
		bottom: 2.55rem;
	}

	.menu-trigger.is-active span:nth-of-type(1) {
		width: 2.3rem;
		-webkit-transform: translateY(.8rem) rotate(-45deg);
		transform: translateY(.8rem) rotate(-45deg);
	}
	.menu-trigger.is-active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.is-active span:nth-of-type(3) {
		width: 2.3rem;
		-webkit-transform: translateY(-.9rem) rotate(45deg);
		transform: translateY(-.9rem) rotate(45deg);
	}
}


/**********************************

 l-drawerMenu

***********************************/
@media screen and (max-width:767px){

	.l-drawerMenu {
		display: block;
		width: 100%;
		height: 100dvh;
		padding: 0 5.75rem;
		/*background-color: rgba(0,0,0,.9);*/
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		/*transform: translateX(105%);*/
		/*-webkit-transform: translateX(105%);*/
		pointer-events: none;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-drawerMenu.is-active {
		opacity: 1;
		pointer-events: auto;
		/*transform: none;*/
		/*-webkit-transform: none;*/
	}

	.l-drawerMenu__inner {
		padding-top: 7rem;
	}

	.l-drawerMenu__inner ul {
		font-size: 2.1rem;
		font-weight: bold;
		line-height: 1.6;
	}

	.l-drawerMenu__inner ul li {
		margin-top: 2rem;
	}

	.l-drawerMenu__inner ul li:first-child {
		margin-top: 0;
	}

	.l-drawerMenu__inner ul li a {
		text-decoration: none;
	}

	.l-drawerMenu__inner .btn-area {
		margin-top: 3rem;
	}

	.l-drawerMenu__inner .btn-area .download {
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		letter-spacing: .12em;
	}

	.l-drawerMenu__inner .btn-area .download a {
		display: block;
		padding: 1.4rem 1rem;
		color: #fff;
		text-align: center;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
		background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
		position: relative;
		z-index: 1;
		vertical-align: top;
		overflow: hidden;
		transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-drawerMenu__inner .btn-area .download a .txt01 {
		padding-left: 3.2rem;
		position: relative;
		z-index: 2;
	}

	.l-drawerMenu__inner .btn-area .download a .txt01:before {
		content: "";
		display: block;
		width: 2rem;
		height: 2rem;
		background: url(../images/icon_download01.png) no-repeat center / contain;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-drawerMenu__inner .btn-area .case {
		margin-top: 2.5rem;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		letter-spacing: .12em;
	}

	.l-drawerMenu__inner .btn-area .case a {
		display: block;
		padding: 1.4rem 1rem;
		color: #fff;
		text-align: center;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b3f95+0,276abf+50,2b3f95+100 */
		background: linear-gradient(to right,  rgba(43,63,149,1) 0%,rgba(39,106,191,1) 50%,rgba(43,63,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
		position: relative;
		z-index: 1;
		vertical-align: top;
		overflow: hidden;
		transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.l-drawerMenu__inner .btn-area .case a .bg {
		display: block;
		width: 150%;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: -160%;
		z-index: -1;
	}

	.l-drawerMenu__inner .btn-area .case a .txt01 {
		padding-left: 3.2rem;
		position: relative;
		z-index: 2;
	}

	.l-drawerMenu__inner .btn-area .case a .txt01:before {
		content: "";
		display: block;
		width: 2.1rem;
		height: 2.4rem;
		background: url(../images/icon_case01.png) no-repeat center / contain;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
}



/**********************************

 l-header

***********************************/
.l-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 11rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.l-header__logo {
	width: 22.2rem;
}

.l-header__right {
	display: flex;
	align-items: center;
}

.l-header__right ul {
	display: flex;
	gap: 0 3.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: .12em;
}

.l-header__right ul li {

}

.l-header__right .download {
	margin-left: 4.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}

.l-header__right .download a {
	display: block;
	padding: .8rem 1.5rem;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
	background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: .8rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-header__right .download a:hover {
	color: #bd1921;
}

.l-header__right .download a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.l-header__right .download a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-header__right .download a .txt01 {
	position: relative;
	z-index: 2;
}

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

	.l-header {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 7rem;
	}

	.l-header__logo {
		width: 13.4rem;
	}

	.l-header__right {
		display: none;
	}
}

/**********************************

 l-fixed-contents

***********************************/
.l-fixed-contents {
	display: flex;
	width: 100%;
	height: 5rem;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.l-fixed-contents .download {
	width: 50%;
	font-size: 1.5rem;
	font-weight: bold;
}

.l-fixed-contents .download a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5rem;
	color: #fff;
	background: linear-gradient(to right, rgba(189, 25, 33, 1) 0%, rgba(237, 57, 17, 1) 50%, rgba(189, 25, 33, 1) 100%);
}

.l-fixed-contents .download a span {
	padding-left: 2.6rem;
	position: relative;
	z-index: 2;
}

.l-fixed-contents .download a span:before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_download01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.l-fixed-contents .case {
	width: 50%;
	font-size: 1.5rem;
	font-weight: bold;
}

.l-fixed-contents .case a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5rem;
	color: #fff;
	background: linear-gradient(to right, rgba(43, 63, 149, 1) 0%, rgba(39, 106, 191, 1) 50%, rgba(43, 63, 149, 1) 100%);
}

.l-fixed-contents .case a span {
	padding-left: 2.9rem;
	position: relative;
	z-index: 2;
}

.l-fixed-contents .case a span:before {
	content: "";
	display: block;
	width: 2.1rem;
	height: 2.4rem;
	background: url(../images/icon_case01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

/**********************************

 l-footer

***********************************/
.l-footer {

}

.l-footer__inner {
	width: 100rem;
	padding-top: 9rem;
	padding-bottom: 11rem;
}

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

.l-footer__top-left {

}

.l-footer__top-left .logo {
	width: 22.2rem;
}

.l-footer__top-left .desc {
	margin-top: 1.5rem;
	font-size: 1.2rem;
	font-weight: bold;
}

.l-footer__top-right {
	display: flex;
	gap: 0 6.5rem;
}

.l-footer__top-right-sec {

}

.l-footer__top-right-sec .ttl {
	color: #2c3991;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8;
}

.l-footer__top-right-sec ul {
	margin-top: 2rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.l-footer__top-right-sec ul li {
	margin-top: .8em;
}

.l-footer__top-right-sec ul li:first-child {
	margin-top: 0;
}

.l-footer__bottom {
	padding-top: 6.5rem;
	margin-top: 6rem;
	border-top: .1rem solid #dddddd;
}

.l-footer__bottom .copy {
	color: #c0c1c5;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: .05em;
	text-align: center;
}

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

	.l-footer {

	}

	.l-footer__inner {
		width: auto;
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}

	.l-footer__top {
		display: block;
	}

	.l-footer__top-left {

	}

	.l-footer__top-left .logo {
		width: 13.4rem;
		margin: 0 auto;
	}

	.l-footer__top-left .desc {
		margin-top: 1rem;
		font-size: .9rem;
		text-align: center;
	}

	.l-footer__top-right {
		display: flex;
		justify-content: center;
		gap: 0 2.5rem;
		margin-top: 2.5rem;
	}

	.l-footer__top-right-sec {

	}

	.l-footer__top-right-sec .ttl {
		font-size: 1.4rem;
	}

	.l-footer__top-right-sec ul {
		margin-top: 1rem;
		font-size: 1.1rem;
	}

	.l-footer__top-right-sec ul li {
		margin-top: .8em;
	}

	.l-footer__bottom {
		padding-top: 3.25rem;
		margin-top: 3rem;
		border-top: .1rem solid #dddddd;
	}

	.l-footer__bottom .copy {
		font-size: .9rem;
	}
}

/**********************************

 c-title01

***********************************/
.c-title01 {
	background: url(../images/ttl_bg01_pc.png) no-repeat center bottom / 192rem auto;
}

.c-title01__inner {
	padding: 2.5rem 0 6.5rem;
}

.c-title01__txt01 {
	padding-top: 4rem;
	color: #fff;
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	position: relative;
	z-index: 1;
}

.c-title01__txt01:before {
	content: "";
	display: block;
	width: 3.7rem;
	height: 3.7rem;
	background: url(../images/icon_ttl01.png) no-repeat center center / contain;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

@media screen and (min-width:1921px){

	.c-title01 {
		background-size: 100% auto;
	}

}

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

	.c-title01 {
		background: url(../images/ttl_bg01_sp.png) no-repeat center bottom / cover;
	}

	.c-title01__inner {
		padding: 1.25rem 0 3.25rem;
	}

	.c-title01__txt01 {
		padding-top: 2rem;
		font-size: 2.1rem;
	}

	.c-title01__txt01:before {
		width: 1.85rem;
		height: 1.85rem;
	}
}

/**********************************

 c-title02

***********************************/
.c-title02 {
	padding-top: 5.5rem;
	font-size: 4.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	position: relative;
	z-index: 1;
}

.c-title02:before {
	content: "";
	display: block;
	width: 3.7rem;
	height: 3.7rem;
	background: url(../images/icon_ttl01.png) no-repeat center center / contain;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

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

	.c-title02 {
		padding-top: 2.75rem;
		font-size: 2.1rem;
	}

	.c-title02:before {
		width: 1.85rem;
		height: 1.85rem;
	}
}

/**********************************

 c-sub-hero

***********************************/
.c-sub-hero {
	background: url(../images/sub_hero_bg01_pc.png) no-repeat center bottom / 192rem auto;
}

.c-sub-hero__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40.5rem;
	padding-bottom: 3rem;
}

.c-sub-hero__ttl {
	font-size: 4.2rem;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.5;
	text-align: center;
}

@media screen and (min-width:1921px){

	.c-sub-hero {
		background-size: cover;
	}
}

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

	.c-sub-hero {
		background: url(../images/sub_hero_bg01_sp.png) no-repeat center bottom / cover;
	}

	.c-sub-hero__inner {
		height: 18.25rem;
		padding-top: 1rem;
		padding-bottom: 0;
	}

	.c-sub-hero__ttl {
		font-size: 1.8rem;
	}
}

/**********************************

 c-btn01

***********************************/
a.c-btn01 {
	display: inline-block;
	padding: 2.15rem 4rem;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .12em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
	background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: .8rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	vertical-align: top;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.c-btn01:hover {
	color: #bd1921;
}

a.c-btn01 .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

a.c-btn01:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

a.c-btn01 .txt01 {
}


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

	a.c-btn01 {
		display: block;
		padding: 1.4rem 1rem;
		font-size: 1.6rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	a.c-btn01:hover {
		color: #fff;
	}

	a.c-btn01 .bg {
		display: none;
	}

	a.c-btn01 .txt01 {
	}
}

/**********************************

 c-form

***********************************/
.c-form {
}

.c-form:before {
}

.c-form__content {
	margin-bottom: 3rem;
}

.c-form__content dl {
	display: table;
	width: 100%;
	padding: 3rem 0;
	border-bottom: 1px solid #dddddd;
}

.c-form__content dl dt {
	display: table-cell;
	width: 26.5rem;
	padding-right: 2.5rem;
	vertical-align: middle;
	border-right: 1px solid #dddddd;
}

.c-form__content dl dt .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	line-height: 1.5;
}

.c-form__content dl dt .inner .name {
	font-size: 1.8rem;
	font-weight: bold;
}

.c-form__content dl dt .inner .require,
.c-form__content dl dt .inner .any {
	padding: .2rem .5rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: .4rem;
}

.c-form__content dl dt .inner .require {
	background-color: #f33d0e;
}

.c-form__content dl dt .inner .any {
	background-color: #2d3a92;
}

.c-form__content dl dd {
	display: table-cell;
	padding-left: 2.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	vertical-align: middle;
	position: relative;
}

.c-form__content dl dd .name-box {
	display: flex;
	justify-content: space-between;
}

.c-form__content dl dd .name-box__block {
	display: flex;
	align-items: center;
	width: calc(50% - 1rem);
}

.c-form__content dl dd .name-box__block p {
	margin-right: .5em;
}

.c-form__content dl dd .name-box__block .entry {
	flex: 1;
}

.c-form__content dl dd .company {
	background: transparent;
}

.c-form__content dl dd .wfull {
	width: 100%;
}

.c-form__content dl dd .list {
	margin: 0;
}

.c-form__content dl dd .list li {
	margin: .25em 0;
}

.c-form__privacy {
}

.c-form__privacy-txt01 {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.c-form__privacy-content {
	padding: 2rem 0 2rem 2.9rem;
	margin-bottom: 3.5rem;
	border: 1px solid #dddddd;
}

.c-form__privacy-content-scroll {
	height: 15rem;
	padding-right: 2.9rem;
	overflow-y: scroll;
}

.c-form__privacy-content-scroll section {
	margin-bottom: 3rem;
}

.c-form__privacy-content-scroll section:last-child {
	margin-bottom: 0;
}

.c-form__privacy-content-scroll .ttl {
	margin-bottom: 0;
	font-size: 1.6rem;
}

.c-form__privacy-content-scroll p {
	font-size: 1.6rem;
}

.c-form__privacy input {
	margin-right: .5em;
}

.c-form__submit {
	width: 34rem;
	max-width: 100%;
	margin: 5rem auto 0;
}

.c-form__submit button,
.c-form__submit input,
.c-form__confirmBtn__btn .submit {
	display: block;
	width: 100%;
	padding: 2.5rem 1.5rem;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	letter-spacing: .12em;
	border-radius: .8rem;
	background: linear-gradient(to right, rgba(189, 25, 33, 1) 0%, rgba(237, 57, 17, 1) 50%, rgba(189, 25, 33, 1) 100%);
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-form__submit button:hover,
.c-form__submit input:hover,
.c-form__confirmBtn__btn .submit:hover {
	color: #bd1921;
}

.c-form__submit button .bg,
.c-form__submit input .bg,
.c-form__confirmBtn__btn .submit .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-form__submit button:hover .bg,
.c-form__submit input:hover .bg,
.c-form__confirmBtn__btn .submit:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-form__confirmBtn {
	display: flex;
	justify-content: center;
	margin-top: 5rem;
}

.c-form__confirmBtn__btn {
	width: 34rem;
}

.c-form__confirmBtn__btn:first-child {
	margin-right: 3rem;
}

.c-form__confirmBtn__btn .back {
	display: block;
	width: 100%;
	padding: 2.5rem 1.5rem;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	letter-spacing: .12em;
	border-radius: .8rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+0,999999+51,666666+100 */
	background: linear-gradient(to right,  rgba(102,102,102,1) 0%,rgba(153,153,153,1) 51%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-form__confirmBtn__btn .back:hover {
	color: #333;
}

.c-form__confirmBtn__btn .back .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-form__confirmBtn__btn .back:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media screen and (max-width:767px){
	.c-form {
	}

	.c-form__content {
		margin-bottom: 2rem;
	}

	.c-form__content dl {
		display: block;
		width: auto;
		padding: 1.5rem 0 2rem;
	}

	.c-form__content dl dt {
		display: block;
		width: auto;
		padding: 0;
		margin-bottom: 1.5rem;
		border-right: none;
	}

	.c-form__content dl dt .inner {
		display: block;
		width: auto;
		position: relative;
	}

	.c-form__content dl dt .inner .name {
		font-size: 1.4rem;
		text-align: center;
	}

	.c-form__content dl dt .inner .require,
	.c-form__content dl dt .inner .any {
		padding: .3rem .5rem;
		font-size: .9rem;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.c-form__content dl dd {
		display: block;
		padding: 0;
		font-size: 1.4rem;
	}

	.c-form__content dl dd .name-box {
		display: block;
	}

	.c-form__content dl dd .name-box__block {
		display: flex;
		align-items: center;
		width: auto;
		margin-bottom: 1.5rem;
	}

	.c-form__content dl dd .name-box__block:last-child {
		margin-bottom: 0;
	}

	.c-form__content dl dd .name-box__block p {
		margin-right: .5em;
	}

	.c-form__content dl dd .name-box__block .entry {
		flex: 1;
	}

	.c-form__content dl dd .list {
		margin: 0;
	}

	.c-form__content dl dd .list li {
		display: block;
		margin: 0 0 .5em 0;
	}

	.c-form__content dl dd .list li:last-child {
		margin-bottom: 0;
	}

	.c-form__privacy {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 0;
	}

	.c-form__privacy-content {
		padding: 1rem 0 1rem 1.5rem;
		margin-bottom: 0;
		border: 1px solid #dddddd;
	}

	.c-form__privacy-content-scroll {
		height: 7.5rem;
		padding-right: 1.5rem;
		overflow-y: scroll;
	}

	.c-form__privacy-content-scroll section {
		margin-bottom: 2.5rem;
	}

	.c-form__privacy-content-scroll section:last-child {
		margin-bottom: 0;
	}

	.c-form__privacy-content-scroll .ttl {
		margin-bottom: 0;
		font-size: 1.2rem;
	}

	.c-form__privacy-content-scroll p {
		font-size: 1.2rem;
		line-height: 1.8;
	}

	.c-form__privacy-txt01 {
		margin-top: 1.5rem;
		margin-bottom: 0;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
	}

	.c-form__privacy input {
		margin-right: .5em;
	}

	.c-form__submit {
		width: 26rem;
		margin: 2rem auto 0;
	}

	.c-form__submit button,
	.c-form__submit input,
	.c-form__confirmBtn__btn .submit {
		padding: 1.8rem 1rem;
		font-size: 1.6rem;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-form__submit button:hover,
	.c-form__submit input:hover,
	.c-form__confirmBtn__btn .submit:hover {
		color: #fff;
	}

	.c-form__submit button .bg,
	.c-form__submit input .bg,
	.c-form__confirmBtn__btn .submit .bg {
		display: none;
	}

	.c-form__confirmBtn {
		justify-content: space-between;
		margin-top: 2rem;
	}

	.c-form__confirmBtn__btn {
		width: 47.5%;
	}

	.c-form__confirmBtn__btn:first-child {
		margin-right: 0;
	}

	.c-form__confirmBtn__btn .back {
		padding: 1.8rem 1rem;
		font-size: 1.6rem;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-form__confirmBtn__btn .back:hover {
		color: #fff;
	}

	.c-form__confirmBtn__btn .back .bg {
		display: none;
	}
}


/**********************************

 c-faq-list

***********************************/
.c-faq-list {
}

.c-faq-list dl {
	margin-bottom: 6rem;
}

.c-faq-list dl:last-child {
	margin-bottom: 0;
}

.c-faq-list dl dt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 3rem;
}

.c-faq-list dl dt .icon {
	width: 6.8rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 6.8rem;
	background-color: #2b536a;
	border-radius: .5rem;
}

.c-faq-list dl dt .ttl {
	flex: 1;
	min-height: 6.8rem;
	padding: 1.4rem 2.9rem;
	margin-left: 1.2rem;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 1.5;
	border: 1px solid #e7e7eb;
	background-color: #fff;
	border-radius: .5rem;
}

.c-faq-list dl dd {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.c-faq-list dl dd .icon {
	width: 6.8rem;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 6.8rem;
	background-color: #4481a5;
	border-radius: .5rem;
}

.c-faq-list dl dd .cont {
	flex: 1;
	min-height: 6.8rem;
	padding: 1.9rem 2.9rem;
	margin-left: 1.2rem;
	font-size: 1.6rem;
	line-height: 1.5;
	border: 1px solid #e7e7eb;
	background-color: #fff;
	border-radius: .5rem;
}

.c-faq-list dl dd .cont p {
}

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

	.c-faq-list {
	}

	.c-faq-list dl {
		margin-bottom: 3rem;
	}

	.c-faq-list dl dt {
		margin-bottom: 2rem;
	}

	.c-faq-list dl dt .icon {
		width: 4rem;
		font-size: 1.6rem;
		line-height: 4rem;
		border-radius: .4rem;
	}

	.c-faq-list dl dt .ttl {
		flex: 1;
		min-height: 4rem;
		padding: .7rem 1.2rem;
		margin-left: 1rem;
		font-size: 1.6rem;
		border-radius: .4rem;
	}

	.c-faq-list dl dd .icon {
		width: 4rem;
		font-size: 1.6rem;
		line-height: 4rem;
		border-radius: .4rem;
	}

	.c-faq-list dl dd .cont {
		min-height: 4rem;
		padding: .7rem 1.2rem;
		margin-left: 1rem;
		border-radius: .4rem;
	}

	.c-faq-list dl dd .cont p {
	}

}


/**********************************

 c-faq-list-acc

***********************************/
.c-faq-list-acc {
	width: 100rem;
	max-width: 100%;
	margin: 4.5rem auto 0;
}

.c-faq-list-acc dl {
	padding-left: 3rem;
	border-bottom: 1px solid #dddddd;
}

.c-faq-list-acc dl:first-child {
	border-top: 1px solid #dddddd;
}

.c-faq-list-acc dl dt {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	cursor: pointer;
}

.c-faq-list-acc dl dt .icon {
	color: #2c3a91;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
}

.c-faq-list-acc dl dt .ttl {
	flex: 1;
	padding-right: 10rem;
	margin-left: 2rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: .07em;
	position: relative;
	z-index: 1;
}

.c-faq-list-acc dl dt .ttl:before {
	content: "";
	display: block;
	width: 1.8rem;
	height: .2rem;
	margin: 1.9rem 3rem 0 0;
	background-color: #2c3a91;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.c-faq-list-acc dl dt.is-active .ttl:before {
}

.c-faq-list-acc dl dt .ttl:after {
	content: "";
	display: block;
	width: .2rem;
	height: 1.8rem;
	margin: 1.1rem 3.8rem 0 0;
	background-color: #2c3a91;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-faq-list-acc dl dt.is-active .ttl:after {
	opacity: 0;
}

.c-faq-list-acc dl dd {
	display: none;
}

.c-faq-list-acc dl dd .inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-bottom: 2.5rem;
	position: relative;
	z-index: 1;
}

.c-faq-list-acc dl dd .icon {
	color: #999999;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
}

.c-faq-list-acc dl dd .cont {
	flex: 1;
	margin-left: 2rem;
	font-size: 1.6rem;
	line-height: 1.8;
}

.c-faq-list-acc dl dd .cont p {
	padding-right: 7rem;
	letter-spacing: .07em;
}

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

	.c-faq-list-acc {
		width: 88.23529412%;
		max-width: 100%;
		margin: 2.5rem auto 0;
	}

	.c-faq-list-acc dl {
		padding-left: 0;
		border-bottom: 1px solid #dddddd;
	}

	.c-faq-list-acc dl dt {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.c-faq-list-acc dl dt .icon {
		font-size: 1.6rem;
		line-height: 1.4;
	}

	.c-faq-list-acc dl dt .ttl {
		flex: 1;
		padding-right: 3.5rem;
		margin-left: .5rem;
		font-size: 1.4rem;
	}

	.c-faq-list-acc dl dt .ttl:before {
		width: 1.2rem;
		height: .2rem;
		margin: 1.2rem 1rem 0 0;
	}

	.c-faq-list-acc dl dt.is-active .ttl:before {
	}

	.c-faq-list-acc dl dt .ttl:after {
		width: .2rem;
		height: 1.2rem;
		margin: .7rem 1.5rem 0 0;
	}

	.c-faq-list-acc dl dd .inner {
		padding-bottom: 1rem;
	}

	.c-faq-list-acc dl dd .icon {
		font-size: 1.6rem;
		line-height: 1.4;
	}

	.c-faq-list-acc dl dd .cont {
		margin-left: .5rem;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.c-faq-list-acc dl dd .cont p {
		padding-right: 0;
	}

}


/**********************************

 c-table-style01

***********************************/
.c-table-style01 {

}

.c-table-style01 dl {
	display: flex;
	padding: 4rem 0;
	font-size: 1.8rem;
	border-bottom: .1rem solid #dddddd;
}

.c-table-style01 dl:first-child {
	border-top: .1rem solid #dddddd;
}

.c-table-style01 dl.is-top-line-none {
	border-top: none;
}

.c-table-style01 dl dt {
	display: flex;
	align-items: center;
	width: 29rem;
	padding-right: 4rem;
	font-weight: bold;
	border-right: .1rem solid #dddddd;
}

.c-table-style01 dl dd {
	flex: 1;
	padding-left: 4rem;
}

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

	.c-table-style01 dl {
		display: block;
		padding: 2rem 0;
		font-size: 1.4rem;
	}

	.c-table-style01 dl dt {
		width: auto;
		padding-right: 0;
		margin-bottom: .5em;
		border-right: none;
	}

	.c-table-style01 dl dd {
		padding-left: 0;
	}
}

/**********************************

 c-2column-list

***********************************/
.c-2column-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 7rem;
}

.c-2column-list-sec {
	width: 47rem;
	padding: 3rem 3rem 2.5rem;
	margin-top: 6.3rem;
	background: #fff;
	box-shadow: 0 .3rem 0 rgba(0,0,0,0.1);
	border-radius: 1.5rem;
	position: relative;
	z-index: 1;
}

.c-2column-list-sec:nth-child(1),
.c-2column-list-sec:nth-child(2) {
	margin-top: 0;
}

.c-2column-list-sec .num {
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background: #1f6d50;
	border-radius: .8rem;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.c-2column-list-sec .pic {
	text-align: center;
}

.c-2column-list-sec .ttl {
	margin-top: 1.5rem;
	color: #1f6c50;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.c-2column-list-sec .txt01 {
	margin-top: 1rem;
}

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

	.c-2column-list {
		display: block;
		padding: 0 5.88235294%;
		margin-top: 4rem;
	}

	.c-2column-list-sec {
		width: auto;
		padding: 2.5rem 1.5rem 1.5rem;
		margin-top: 3.9rem;
		box-shadow: 0 .15rem 0 rgba(0,0,0,0.1);
		border-radius: 1rem;
	}

	.c-2column-list-sec:nth-child(2) {
		margin-top: 3.9rem;
	}

	.c-2column-list-sec .num {
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.2rem;
		border-radius: .6rem;
	}

	.c-2column-list-sec .pic {
		text-align: center;
	}

	.c-2column-list-sec .pic img {
		width: 100%;
		max-width: none;
	}

	.c-2column-list-sec .ttl {
		margin-top: .8rem;
		font-size: 1.6rem;
	}

	.c-2column-list-sec .txt01 {
		margin-top: .6rem;
	}
}




/**********************************

 c-3column-list

***********************************/
.c-3column-list {
	display: flex;
	justify-content: space-between;
	margin-top: 7rem;
}

.c-3column-list-sec {
	width: 30rem;
	padding: 3.7rem 3rem 2.5rem;
	background: #fff;
	box-shadow: 0 .3rem 0 rgba(0,0,0,0.05);
	border-radius: 1rem;
	position: relative;
	z-index: 1;
}

.c-3column-list-sec .num {
	width: 3.6rem;
	height: 3.6rem;
	line-height: 3.6rem;
	font-size: 1.5rem;
	font-weight: 900;
	text-align: center;
	background: #ffdf00;
	border-radius: .8rem;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.c-3column-list-sec .pic {
	text-align: center;
}

.c-3column-list-sec .ttl {
	margin-top: 1.5rem;
	color: #0e6eb8;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.c-3column-list-sec .txt01 {
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	border-top: 1px solid #dddddd;
}

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

	.c-3column-list {
		display: block;
		margin-top: 4rem;
	}

	.c-3column-list-sec {
		width: auto;
		padding: 2.5rem 1.5rem 2rem;
		margin-bottom: 4.6rem;
		box-shadow: 0 .15rem 0 rgba(0,0,0,0.05);
		border-radius: 1rem;
	}

	.c-3column-list-sec:last-child {
		margin-bottom: 0;
	}

	.c-3column-list-sec .num {
		width: 2.8rem;
		height: 2.8rem;
		line-height: 2.8rem;
		font-size: 1.4rem;
		border-radius: .6rem;
	}

	.c-3column-list-sec .pic {
		text-align: center;
	}

	.c-3column-list-sec .ttl {
		margin-top: 1rem;
		font-size: 1.6rem;
	}

	.c-3column-list-sec .txt01 {
		padding-top: 1rem;
		margin-top: 1rem;
	}
}



/**********************************

 c-completeSec

***********************************/
.c-completeSec {

}

.c-completeSec__inner {
	padding: 8rem 0 9rem;
}

.c-completeSec__inner .intro {
	font-size: 1.8rem;
	font-weight: bold;
}

.c-completeSec__inner .back {
	margin-top: 5rem;
	text-align: center;
}


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

	.c-completeSec__inner {
		padding: 4rem 0 4rem;
	}

	.c-completeSec__inner .intro {
		font-size: 1.4rem;
	}

	.c-completeSec__inner .back {
		margin-top: 3rem;
	}
}



/**********************************

 c-bg01

***********************************/
.c-bg01 {
	background: url(../images/bg01_pc.jpg) no-repeat center top / cover;
}

@media screen and (max-width:767px){
	.c-bg01 {
		background: url(../images/bg01_sp.jpg) no-repeat center top / cover;
	}

}


/**********************************

 c-hero

***********************************/
.c-hero {
}

.c-hero__inner {
	width: 1650px;
	max-width: 100%;
	padding-top: 13.6rem;
	padding-bottom: 11rem;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.c-hero__txt01 {
	margin-left: 5px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.5;
}

.c-hero__txt01 .block {
	display: inline-block;
	padding: 5px 13px;
	background: #ffffff;
	border: 2px solid #30353f;
	border-radius: 8px;
}

.c-hero__ttl {
	margin-top: 15px;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.5;
}

.c-hero__txt02 {
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: .05em;
}

.c-hero__txt03 {
	margin-top: 20px;
	font-size: 16px;
}

.c-hero__award {
	display: flex;
	align-items: flex-end;
	gap: 0 25px;
	margin-top: 30px;
}

.c-hero__award li {
	padding: 0 35px;
	position: relative;
	z-index: 1;
}

.c-hero__award li:before {
	content: "";
	display: block;
	width: 24px;
	height: 81px;
	background: url(../images/hero_award01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-hero__award li:after {
	content: "";
	display: block;
	width: 24px;
	height: 81px;
	background: url(../images/hero_award02.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-hero__award li .txt01 {
	font-size: 22px;
	font-weight: 900;
	text-align: center;
	line-height: 1.6;
}

.c-hero__award li .txt01 .large {
	display: inline-block;
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
}

.c-hero__award li .txt02 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

.c-hero__btn-area {
	display: flex;
	gap: 0 30px;
	margin-top: 40px;
}

.c-hero__btn-area .download {
	font-size: 18px;
	font-weight: bold;
}

.c-hero__btn-area .download a {
	display: block;
	padding: 13px 20px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
	background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 8px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .download a:hover {
	color: #bd1921;
}

.c-hero__btn-area .download a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-hero__btn-area .download a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .download a .txt01 {
	padding-left: 30px;
	position: relative;
	z-index: 2;
}

.c-hero__btn-area .download a .txt01:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icon_download01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .download a:hover .txt01:before {
	background: url(../images/icon_download02.png) no-repeat center / contain;
}

.c-hero__btn-area .case {
	font-size: 18px;
	font-weight: bold;
}

.c-hero__btn-area .case a {
	display: block;
	padding: 13px 20px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b3f95+0,276abf+50,2b3f95+100 */
	background: linear-gradient(to right,  rgba(43,63,149,1) 0%,rgba(39,106,191,1) 50%,rgba(43,63,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 8px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .case a:hover {
	color: #2c3991;
}

.c-hero__btn-area .case a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-hero__btn-area .case a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .case a .txt01 {
	padding-left: 30px;
	position: relative;
	z-index: 2;
}

.c-hero__btn-area .case a .txt01:before {
	content: "";
	display: block;
	width: 21px;
	height: 24px;
	background: url(../images/icon_case01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-hero__btn-area .case a:hover .txt01:before {
	background: url(../images/icon_case02.png) no-repeat center / contain;
}

.c-hero__pic01 {
	width: 1036px;
	position: absolute;
	top: 13.6rem;
	right: -20px;
	z-index: 1;
}

.c-hero__pic01 img {
	width: 100%;
	max-width: none;
}

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

	.c-hero__inner {
		width: 94.286vw;
	}

	.c-hero__txt01 {
		margin-left: 0.286vw;
		font-size: 1.143vw;
	}

	.c-hero__txt01 .block {
		padding: 0.286vw 0.743vw;
		border: 0.11428571vw solid #30353f;
		border-radius: 0.457vw;
	}

	.c-hero__ttl {
		margin-top: 0.857vw;
		font-size: 2.857vw;
	}

	.c-hero__txt02 {
		margin-top: 0.857vw;
		font-size: 1.029vw;
	}

	.c-hero__txt03 {
		margin-top: 1.143vw;
		font-size: 0.914vw;
	}

	.c-hero__award {
		gap: 0 1.429vw;
		margin-top: 1.714vw;
	}

	.c-hero__award li {
		padding: 0 2vw;
	}

	.c-hero__award li:before {
		width: 1.371vw;
		height: 4.629vw;
	}

	.c-hero__award li:after {
		width: 1.371vw;
		height: 4.629vw;
	}

	.c-hero__award li .txt01 {
		font-size: 1.257vw;
	}

	.c-hero__award li .txt01 .large {
		font-size: 2.4vw;
	}

	.c-hero__award li .txt02 {
		font-size: 0.914vw;
	}

	.c-hero__btn-area {
		gap: 0 1.714vw;
		margin-top: 2.286vw;
	}

	.c-hero__btn-area .download {
		font-size: 1.029vw;
	}

	.c-hero__btn-area .download a {
		padding: 0.743vw 1.143vw;
		border-radius: 0.457vw;
		box-shadow: 0 0 1.71428571vw rgba(0, 0, 0, .2);
	}

	.c-hero__btn-area .download a .txt01 {
		padding-left: 1.714vw;
	}

	.c-hero__btn-area .download a .txt01:before {
		width: 1.143vw;
		height: 1.143vw;
	}

	.c-hero__btn-area .case {
		font-size: 1.029vw;
	}

	.c-hero__btn-area .case a {
		padding: 0.743vw 1.143vw;
		border-radius: 0.457vw;
		box-shadow: 0 0 1.71428571vw rgba(0, 0, 0, .2);
	}

	.c-hero__btn-area .case a .txt01 {
		padding-left: 1.714vw;
	}

	.c-hero__btn-area .case a .txt01:before {
		width: 1.2vw;
		height: 1.371vw;
	}

	.c-hero__pic01 {
		width: 59.2vw;
		right: -1.143vw;
	}
}

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

	.c-hero {
		padding: 0 1.75rem;
	}

	.c-hero__inner {
		width: auto;
		padding-top: 6.75rem;
		padding-bottom: 3.5rem;
	}

	.c-hero__txt01 {
		margin-left: 0;
		font-size: 1.4rem;
		text-align: center;
	}

	.c-hero__txt01 .block {
		display: inline-block;
		padding: .3rem 1rem;
		background: #ffffff;
		border: .1rem solid #30353f;
		border-radius: .5rem;
	}

	.c-hero__ttl {
		margin-top: 1.25rem;
		font-size: 2.5rem;
		text-align: center;
	}

	.c-hero__txt02 {
		margin-top: 2.5rem;
		font-size: 1.3rem;
		text-align: center;
	}

	.c-hero__txt03 {
		margin-top: 1.2rem;
		font-size: 1.2rem;
		text-align: center;
	}

	.c-hero__award {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 1.5rem 2rem;
		margin-top: 2.5rem;
	}

	.c-hero__award li {
		padding: 0 2.5rem;
		position: relative;
		z-index: 1;
	}

	.c-hero__award li:before {
		width: 1.8rem;
		height: 6.05rem;
	}

	.c-hero__award li:after {
		width: 1.8rem;
		height: 6.05rem;
	}

	.c-hero__award li .txt01 {
		font-size: 1.6rem;
	}

	.c-hero__award li .txt01 .large {
		font-size: 3.15rem;
	}

	.c-hero__award li .txt02 {
		font-size: 1.2rem;
	}

	.c-hero__btn-area {
		display: block;
		width: 26rem;
		margin: 3rem auto 0;
	}

	.c-hero__btn-area .download {
		font-size: 1.6rem;
	}

	.c-hero__btn-area .download a {
		display: block;
		padding: 1.4rem 1rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-hero__btn-area .download a:hover {
		color: #fff;
	}

	.c-hero__btn-area .download a .bg {
		display: none;
	}

	.c-hero__btn-area .download a .txt01 {
		padding-left: 3rem;
	}

	.c-hero__btn-area .download a .txt01:before {
		width: 2rem;
		height: 2rem;
	}

	.c-hero__btn-area .download a:hover .txt01:before {
		background: url(../images/icon_download01.png) no-repeat center / contain;
	}

	.c-hero__btn-area .case {
		margin-top: 2.5rem;
		font-size: 1.6rem;
	}

	.c-hero__btn-area .case a {
		display: block;
		padding: 1.4rem 1rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-hero__btn-area .case a:hover {
		color: #fff;
	}

	.c-hero__btn-area .case a .bg {
		display: none;
	}

	.c-hero__btn-area .case a .txt01 {
		padding-left: 3rem;
	}

	.c-hero__btn-area .case a .txt01:before {
		width: 2.1rem;
		height: 2.4rem;
	}

	.c-hero__btn-area .case a:hover .txt01:before {
		background: url(../images/icon_case01.png) no-repeat center / contain;
	}

	.c-hero__pic01 {
		width: 31rem;
		margin: 1.75rem auto 0;
		position: static;
	}
}


/**********************************

 c-feature

***********************************/
.c-feature {
}

.c-feature__inner {
	padding-bottom: 8.8rem;
}

.c-feature__inner ul {
	display: flex;
	border-top: .2rem solid #2953a9;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+100 */
	background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 0 2rem rgba(0, 0, 0, .1);
	position: relative;
	z-index: 1;
}

.c-feature__inner ul:before {
	content: "";
	display: block;
	width: 118rem;
	height: 12rem;
	background: url(../images/feature_bg01_pc.png) no-repeat center / contain;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-feature__inner ul li {
	flex: 1;
	padding: 2.5rem 1.5rem 3rem;
	border-right: .1rem solid #dddddd;
}

.c-feature__inner ul li:last-child {
	border-right: none;
}

.c-feature__inner ul li .icon {
	position: relative;
	z-index: 2;
}

.c-feature__inner ul li .icon img {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
}

.c-feature__inner ul li .icon figcaption {
	margin-top: 1.5rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}

.c-feature__inner ul li .icon figcaption .small {
	font-size: 1.4rem;
}

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

	.c-feature__inner {
		padding-bottom: 4rem;
	}

	.c-feature__inner ul {
		margin: 0 -.25rem 0;
		border-top: .1rem solid #2953a9;
		box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
		border-radius: 0 0 .5rem .5rem;
	}

	.c-feature__inner ul:before {
		width: 34.5rem;
		height: 7.5rem;
		background: url(../images/feature_bg01_sp.png) no-repeat center / contain;
	}

	.c-feature__inner ul li {
		flex: 1;
		padding: 1.5rem 1rem 1.2rem;
		border-right: .1rem solid #dddddd;
	}

	.c-feature__inner ul li .icon img {
		width: 2.9rem;
	}

	.c-feature__inner ul li .icon figcaption {
		margin-top: 1.2rem;
		font-size: 1.2rem;
	}

	.c-feature__inner ul li .icon figcaption .small {
		font-size: .9rem;
	}
}


/**********************************

 c-trouble

***********************************/
.c-trouble {
	background: url(../images/bg01_pc.jpg) no-repeat center top / cover;
}

.c-trouble__content {

}

.c-trouble__inner {
	padding: 5rem 0 11rem;
}

.c-trouble__txt01 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.c-trouble__list {
	display: flex;
	justify-content: space-between;
	margin-top: 5.5rem;
}

.c-trouble__list-sec {
	width: 34rem;
	padding: 3rem;
	background: url(../images/trouble_bg01.png) no-repeat left top / 6rem 6rem,
				url(../images/trouble_bg02.png) no-repeat right bottom / 6rem 6rem;
	background-color: #fff;
	border-radius: .4rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.c-trouble__list-sec:before {
	content: "";
	display: block;
	width: 100%;
	height: .2rem;
	background: #2c3a91;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.c-trouble__list-sec:nth-child(1):before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c3a91+0,2672c6+100 */
	background: linear-gradient(to right,  rgba(44,58,145,1) 0%,rgba(38,114,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.c-trouble__list-sec .icon {
}

.c-trouble__list-sec .icon img {
	display: block;
	height: 6.4rem;
}

.c-trouble__list-sec .num {
	color: #eef0f6;
	font-size: 8.2rem;
	font-weight: bold;
	line-height: .6;
	letter-spacing: .05em;
	position: absolute;
	top: 3rem;
	right: 3rem;
	z-index: 1;
}

.c-trouble__list-sec .ttl {
	margin-top: 3rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.6;
}

.c-trouble__list-sec .txt01 {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.8;
}

.c-trouble__list-sec ul {
	margin-top: 2rem;
	color: #2c3991;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
}

.c-trouble__list-sec ul li {
	padding-left: 2.6rem;
	position: relative;
	z-index: 1;
}

.c-trouble__list-sec ul li:before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_arr01.png) no-repeat center / contain;
	position: absolute;
	top: .3rem;
	left: 0;
	z-index: 1;
}

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

	.c-trouble {
		background: url(../images/bg01_sp.jpg) no-repeat center 5rem / cover;
	}

	.c-trouble__content {

	}

	.c-trouble__inner {
		padding: 2.5rem 0 4rem;
	}

	.c-trouble__txt01 {
		font-size: 1.4rem;
	}

	.c-trouble__list {
		display: block;
		width: 30rem;
		margin: 2.5rem auto 0;
	}

	.c-trouble__list-sec {
		width: auto;
		padding: 1.5rem 2rem 2.5rem;
		margin-top: 3rem;
		background: url(../images/trouble_bg01.png) no-repeat left top / 3rem 3rem,
					url(../images/trouble_bg02.png) no-repeat right bottom / 3rem 3rem;
		background-color: #fff;
		border-radius: .4rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
	}

	.c-trouble__list-sec:first-child {
		margin-top: 0;
	}

	.c-trouble__list-sec:before {
		height: .1rem;
	}

	.c-trouble__list-sec .icon {
	}

	.c-trouble__list-sec .icon img {
		height: 3.2rem;
		margin: 0 auto;
	}

	.c-trouble__list-sec .num {
		font-size: 4.1rem;
		line-height: .8;
		top: 1.5rem;
		right: 2rem;
		z-index: 1;
	}

	.c-trouble__list-sec .ttl {
		margin-top: 1.5rem;
		font-size: 1.6rem;
		text-align: center;
	}

	.c-trouble__list-sec .txt01 {
		margin-top: 1rem;
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.c-trouble__list-sec ul {
		margin-top: 1.5rem;
		font-size: 1.2rem;
		letter-spacing: .07em;
	}

	.c-trouble__list-sec ul li {
		padding-left: 2.6rem;
	}

	.c-trouble__list-sec ul li:before {
		top: 0;
	}
}


/**********************************

 c-solution

***********************************/
.c-solution {
	background: url(../images/bg01_pc.jpg) no-repeat center top / cover;
}

.c-solution__content {
	position: relative;
}

.c-solution__content:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20rem solid transparent;
	border-left: 20rem solid transparent;
	border-top: 3rem solid #fcfcfc;
	border-bottom: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-solution__inner {
	padding: 8rem 0 11rem;
}

.c-solution__wrap {
	position: relative;
	z-index: 1;
}

.c-solution__sec {
	padding: 4rem 5.5rem 5rem 65rem;
	background-color: #fff;
	border-radius: .4rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.c-solution__sec:before {
	content: "";
	display: block;
	width: 100%;
	height: .2rem;
	background: #2c3a91;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.c-solution__sec .ttl {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.6;
}

.c-solution__sec .txt01 {
	margin-top: 1.5rem;
	font-size: 1.6rem;
}

.c-solution__sec .list {
	margin-top: .5rem;
}

.c-solution__sec .list__item {
	padding-top: 2rem;
	padding-bottom: 2.5rem;
	border-bottom: .1rem solid #dddddd;
}

.c-solution__sec .list__item-ttl {
	padding-left: 2.6rem;
	color: #2c3991;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	z-index: 1;
}

.c-solution__sec .list__item-ttl:before {
	content: "";
	display: block;
	width: 1.3rem;
	height: 1rem;
	background: url(../images/solution_check01.png) no-repeat center / contain;
	position: absolute;
	top: .9rem;
	left: 0;
	z-index: 1;
}

.c-solution__sec .list__item-txt01 {
	padding-left: 2.6rem;
	margin-top: .8rem;
	font-size: 1.4rem;
	line-height: 1.8;
}

.c-solution__wrap .pic {
	width: 59.1rem;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


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

	.c-solution {
		background: url(../images/bg01_sp.jpg) no-repeat center 5rem / cover;
	}

	.c-solution__content {
		position: relative;
	}

	.c-solution__content:before {
		border-right: 10rem solid transparent;
		border-left: 10rem solid transparent;
		border-top: 1.5rem solid #fcfcfc;
	}

	.c-solution__inner {
		padding: 2.75rem 0 4rem;
	}

	.c-solution__wrap {
		width: 30rem;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	.c-solution__sec {
		padding: 1.5rem 2rem 40.5rem;
		border-radius: .4rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
	}

	.c-solution__sec:before {
		height: .1rem;
	}

	.c-solution__sec .ttl {
		font-size: 1.6rem;
		text-align: center;
	}

	.c-solution__sec .txt01 {
		margin-top: .75rem;
		font-size: 1.4rem;
	}

	.c-solution__sec .list {
		margin-top: .25rem;
	}

	.c-solution__sec .list__item {
		padding-top: 1rem;
		padding-bottom: 1.25rem;
		border-bottom: .1rem solid #dddddd;
	}

	.c-solution__sec .list__item-ttl {
		padding-left: 1.5rem;
		font-size: 1.5rem;
	}

	.c-solution__sec .list__item-ttl:before {
		width: .95rem;
		height: .75rem;
		top: .7rem;
	}

	.c-solution__sec .list__item-txt01 {
		padding-left: 1.5rem;
		margin-top: .4rem;
		font-size: 1.4rem;
	}

	.c-solution__wrap .pic {
		width: 30.1rem;
		position: absolute;
		top: auto;
		bottom: -1rem;
		left: 50%;
		z-index: 1;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
}


/**********************************

 c-function

***********************************/
.c-function {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2672c6+0,2c3a91+100 */
	background: radial-gradient(ellipse at center,  rgba(38,114,198,1) 0%,rgba(44,58,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
}

.c-function:before {
	content: "";
	display: block;
	width: 192rem;
	height: 80rem;
	background: url(../images/function_bg01_pc.png) no-repeat center bottom / 192rem auto;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-function:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20rem solid transparent;
	border-left: 20rem solid transparent;
	border-top: 3rem solid #2B4BA1;
	border-bottom: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-function__inner {
	padding: 7.5rem 0 11rem;
}

.c-function__txt01 {
	margin-top: 4rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.2;
	text-align: center;
}

.c-function__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6rem 8rem;
	margin-top: 6rem;
}

.c-function__list-sec {
	width: calc(100%/3 - 5.4rem);
	flex: 0 1 calc(100%/3 - 5.4rem);
	padding: 3rem;
	background: url(../images/function_bg02.png) no-repeat right top / 6rem 6rem;
	background-color: #fff;
	border-radius: .4rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.c-function__list-sec .icon {
}

.c-function__list-sec .icon img {
	display: block;
	height: 5.2rem;
}

.c-function__list-sec .ttl {
	padding-left: 2rem;
	margin-top: 2.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: .05em;
	position: relative;
	z-index: 1;
}

.c-function__list-sec .ttl .small {
	font-size: 1.4rem;
}

.c-function__list-sec .ttl:before {
	content: "";
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	background: url(../images/icon_ttl01.png) no-repeat center / contain;
	position: absolute;
	top: .8rem;
	left: 0;
	z-index: 1;
}

.c-function__list-sec .txt01 {
	margin-top: 1.5rem;
	font-size: 1.5rem;
	line-height: 1.8;
}

.c-function__list-sec ul {
	margin-top: 2.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.8;
	border-top: .1rem solid #dddddd;
}

.c-function__list-sec ul li {
	padding: .9rem 0 .9rem 1rem;
	border-bottom: .1rem solid #dddddd;
	position: relative;
	z-index: 1;
}

.c-function__list-sec ul li:before {
	content: "";
	display: block;
	width: .4rem;
	height: .4rem;
	background: url(../images/icon_dot01.png) no-repeat center / contain;
	position: absolute;
	top: 2rem;
	left: 0;
	z-index: 1;
}

@media screen and (min-width:1921px){

	.c-function:before {
		background-size: 100% auto;
	}

}

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

	.c-function {
	}

	.c-function:before {
		display: none;
	}

	.c-function:after {
		border-right: 10rem solid transparent;
		border-left: 10rem solid transparent;
		border-top: 1.5rem solid #2B4BA1;
	}

	.c-function__inner {
		padding: 3.75rem 0 4rem;
	}

	.c-function__txt01 {
		margin-top: 2rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.c-function__list {
		display: block;
		width: 30rem;
		margin: 3rem auto 0;
	}

	.c-function__list-sec {
		width: auto;
		padding: 1.5rem 2rem 2rem;
		margin-top: 3rem;
		text-align: center;
		background: #ffffff url(../images/function_bg02.png) no-repeat right top / 3rem 3rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
	}

	.c-function__list-sec:first-child {
		margin-top: 0;
	}

	.c-function__list-sec .icon {
	}

	.c-function__list-sec .icon img {
		height: 3.9rem;
		margin: 0 auto;
	}

	.c-function__list-sec .ttl {
		display: inline-block;
		padding-left: 2rem;
		margin-top: 1.2rem;
		font-size: 1.6rem;
		text-align: left;
	}

	.c-function__list-sec .ttl .small {
		font-size: 1.2rem;
	}

	.c-function__list-sec .ttl:before {
		top: .6rem;
	}

	.c-function__list-sec .txt01 {
		margin-top: .5rem;
		font-size: 1.4rem;
	}

	.c-function__list-sec ul {
		margin-top: 1.5rem;
		font-size: 1.4rem;
		letter-spacing: .07em;
	}

	.c-function__list-sec ul li {
		padding: .4rem 0 .4rem 1rem;
	}

	.c-function__list-sec ul li:before {
		top: 1.5rem;
	}
}


/**********************************

 c-merit

***********************************/
.c-merit {
	background: url(../images/bg01_pc.jpg) no-repeat center top / cover;
	position: relative;
}

.c-merit:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20rem solid transparent;
	border-left: 20rem solid transparent;
	border-top: 3rem solid #fcfcfc;
	border-bottom: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 3;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-merit__inner {
	padding: 6.5rem 0 10rem;
	position: relative;
	z-index: 1;
}

.c-merit__inner:before {
	content: "";
	display: block;
	width: 267.8rem;
	height: 64.3rem;
	background: url(../images/merit_txt01_pc.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: -37rem;
	z-index: -1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-merit__txt01 {
	margin-top: 3rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.2;
	text-align: center;
}

.c-merit__list {
	display: flex;
	justify-content: space-between;
	margin-top: 5.5rem;
}

.c-merit__list-sec {
	width: 25rem;
	background-color: #fff;
	border-radius: .4rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.c-merit__list-sec .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7.7rem;
	padding-bottom: .4rem;
	background: url(../images/merit_bg01_pc.png) no-repeat center bottom / 100% auto;
	border-radius: .4rem .4rem 0 0;
}

.c-merit__list-sec .icon img {
	display: block;
	height: 4.7rem;
}

.c-merit__list-sec .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}

.c-merit__list-sec .num {
	padding: .7rem 0;
	margin: 1.5rem 2rem 0;
	color: #2c3991;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em;
	border-top: .1rem solid #2c3a91;
	border-bottom: .1rem solid #dddddd;
}

.c-merit__list-sec .num .large {
	font-size: 4.2rem;
}

.c-merit__list-sec .txt01 {
	margin: 1.5rem 2rem 0;
	font-size: 1.5rem;
	line-height: 1.8;
}

.c-merit__list-sec .result {
	padding: 1.5rem 2rem;
	margin-top: 2rem;
	background: #fcfcfc;
	border-top: .1rem solid #dddddd;
	border-radius: 0 0 .4rem .4rem;
	position: relative;
	z-index: 1;
}

.c-merit__list-sec .result:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 2.5rem solid transparent;
	border-left: 2.5rem solid transparent;
	border-top: .6rem solid #2c3a91;
	border-bottom: 0;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.c-merit__list-sec .result p {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}

.c-merit__list-sec .result p .large {
	font-size: 1.8rem;
}

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

	.c-merit {
		background: url(../images/bg01_sp.jpg) no-repeat center top / cover;
	}

	.c-merit:after {
		border-right: 10rem solid transparent;
		border-left: 10rem solid transparent;
		border-top: 1.5rem solid #fcfcfc;
	}

	.c-merit__inner {
		padding: 3.25rem 0 4rem;
	}

	.c-merit__inner:before {
		width: 100%;
		height: 46.9rem;
		background: url(../images/merit_txt01_sp.png) no-repeat center / contain;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transform: none;
		-webkit-transform: none;
	}

	.c-merit__txt01 {
		margin-top: 1.5rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.c-merit__list {
		display: block;
		width: 30rem;
		margin: 2.75rem auto 0;
	}

	.c-merit__list-sec {
		width: auto;
		margin-top: 3rem;
		background-color: #fff;
		border-radius: .4rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	.c-merit__list-sec:first-child {
		margin-top: 0;
	}

	.c-merit__list-sec .icon {
		height: 7rem;
		padding-bottom: .4rem;
		background: url(../images/merit_bg01_sp.png) no-repeat center bottom / 100% auto;
		border-radius: .4rem .4rem 0 0;
	}

	.c-merit__list-sec .icon img {
		height: 3rem;
	}

	.c-merit__list-sec .ttl {
		display: block;
		margin-top: 1rem;
		font-size: 1.6rem;
	}

	.c-merit__list-sec .num {
		padding: .4rem 0;
		margin: 1rem 2rem 0;
		font-size: 1.95rem;
	}

	.c-merit__list-sec .num .large {
		font-size: 3.15rem;
	}

	.c-merit__list-sec .txt01 {
		margin: 1rem 2rem 0;
		font-size: 1.4rem;
	}

	.c-merit__list-sec .result {
		padding: 1.2rem 2rem;
		margin-top: 1.2rem;
		background: #fcfcfc;
		border-top: .1rem solid #dddddd;
		border-radius: 0 0 .4rem .4rem;
		position: relative;
		z-index: 1;
	}

	.c-merit__list-sec .result:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-right: 2.5rem solid transparent;
		border-left: 2.5rem solid transparent;
		border-top: .6rem solid #2c3a91;
		border-bottom: 0;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 1;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.c-merit__list-sec .result p {
		font-size: 1.4rem;
	}

	.c-merit__list-sec .result p .large {
		font-size: 1.6rem;
	}
}


/**********************************

 c-works

***********************************/
.c-works {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2672c6+0,2c3a91+100 */
	background: radial-gradient(ellipse at center,  rgba(38,114,198,1) 0%,rgba(44,58,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
}

.c-works__inner {
	padding: 8rem 0 11.5rem;
}

.c-works__txt01 {
	margin-top: 3rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.2;
	text-align: center;
}

.c-works__box {
	padding: 4rem 5rem;
	margin-top: 6rem;
	border: .2rem solid #fefeff;
	border-radius: .4rem;
}

.c-works__box p {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 2.2;
}

.c-works__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6rem 0;
	margin-top: 8rem;
}

.c-works__list-sec {
	width: 55rem;
	padding: 3rem;
	background: #fff;
	border-radius: .4rem;
}

.c-works__list-sec .head {
	display: flex;
}

.c-works__list-sec .head .icon {
	margin-right: 2rem;
}

.c-works__list-sec .head .icon img {
	display: block;
	height: 5.2rem;
}

.c-works__list-sec .head .cont {
	flex: 1;
}

.c-works__list-sec .head .cont .ttl {
	margin-top: -.05em;
	color: #2c3a91;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
}

.c-works__list-sec .head .cont .txt01 {
	margin-top: .5rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
}

.c-works__list-sec .body {
	margin-top: 1.5rem;
}

.c-works__list-sec .body .txt01 {
	font-size: 1.5rem;
	line-height: 1.8;
}

.c-works__download {
	margin-top: 7rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .12em;
}

.c-works__download a {
	display: inline-block;
	padding: 2.15rem 4rem 2.15rem 3.5rem;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
	background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: .8rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	vertical-align: top;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-works__download a:hover {
	color: #bd1921;
}

.c-works__download a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-works__download a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-works__download a .txt01 {
	padding-left: 3.2rem;
	position: relative;
	z-index: 2;
}

.c-works__download a .txt01:before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_download01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-works__download a:hover .txt01:before {
	background: url(../images/icon_download02.png) no-repeat center / contain;
}

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

	.c-works {
	}

	.c-works__inner {
		padding: 3.75rem 0 4rem;
	}

	.c-works__txt01 {
		margin-top: 1.5rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.c-works__box {
		width: 30rem;
		padding: 2rem 2rem;
		margin: 3rem auto 0;
		border: .1rem solid #fefeff;
		border-radius: .4rem;
	}

	.c-works__box p {
		font-size: 1.4rem;
	}

	.c-works__list {
		display: block;
		width: 30rem;
		margin: 3.5rem auto 0;
	}

	.c-works__list-sec {
		width: auto;
		padding: 2rem;
		margin-top: 3rem;
		border-radius: .4rem;
	}

	.c-works__list-sec:first-child {
		margin-top: 0;
	}

	.c-works__list-sec .head .icon {
		margin-right: 1rem;
	}

	.c-works__list-sec .head .icon img {
		height: 3.9rem;
	}

	.c-works__list-sec .head .cont {
		flex: 1;
	}

	.c-works__list-sec .head .cont .ttl {
		margin-top: -.3em;
		font-size: 1.6rem;
	}

	.c-works__list-sec .head .cont .txt01 {
		margin-top: .25rem;
		font-size: 1.2rem;
	}

	.c-works__list-sec .body {
		margin-top: 1rem;
	}

	.c-works__list-sec .body .txt01 {
		font-size: 1.4rem;
	}

	.c-works__download {
		width: 26rem;
		margin: 3.5rem auto 0;
		font-size: 1.6rem;
	}

	.c-works__download a {
		display: block;
		padding: 1.4rem 1rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-works__download a:hover {
		color: #fff;
	}

	.c-works__download a .bg {
		display: none;
	}

	.c-works__download a .txt01 {
		padding-left: 3rem;
	}

	.c-works__download a .txt01:before {
		width: 2rem;
		height: 2rem;
	}

	.c-works__download a:hover .txt01:before {
		background: url(../images/icon_download01.png) no-repeat center / contain;
	}

}


/**********************************

 c-zero

***********************************/
.c-zero {
	background: url(../images/bg01_pc.jpg) no-repeat center top / cover;
	position: relative;
}

.c-zero:before {
	content: "";
	display: block;
	width: 100%;
	height: 32.7rem;
	background: url(../images/zero_bg01_pc.jpg) no-repeat center top / 192rem auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.c-zero__inner {
	padding: 22rem 0 7rem;
}

.c-zero__box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 118rem;
	height: 30.8rem;
	padding-bottom: 6.5rem;
	background: url(../images/zero_bg02_pc.png) no-repeat center bottom / contain;
	position: relative;
	z-index: 2;
}

.c-zero__box .ttl {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
}

.c-zero__award {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0 4rem;
	margin-top: 4.5rem;
}

.c-zero__award li {
	padding: 0 3.5rem;
	position: relative;
	z-index: 1;
}

.c-zero__award li:before {
	content: "";
	display: block;
	width: 2.4rem;
	height: 8.1rem;
	background: url(../images/zero_award01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-zero__award li:after {
	content: "";
	display: block;
	width: 2.4rem;
	height: 8.1rem;
	background: url(../images/zero_award02.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-zero__award li .txt01 {
	margin-top: -.5em;
	font-size: 2.2rem;
	font-weight: 900;
	text-align: center;
	line-height: 1.6;
}

.c-zero__award li .txt01 .large {
	display: inline-block;
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 1;
}

.c-zero__award li .txt02 {
	margin-top: .5rem;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

.c-zero__logo {
	width: 32rem;
	margin: 5rem auto 0;
	text-align: center;
}

@media screen and (min-width:1921px){

	.c-zero:before {
		background-size: cover;
	}
}

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

	.c-zero {
		background: url(../images/bg01_sp.jpg) no-repeat center top / cover;
		position: relative;
	}

	.c-zero:before {
		height: 16.35rem;
		background: url(../images/zero_bg01_sp.jpg) no-repeat center top / cover;
	}

	.c-zero__inner {
		padding: 11.3rem 0 4rem;
	}

	.c-zero__box {
		width: 33rem;
		height: 17.9rem;
		padding-bottom: 1.75rem;
		background: url(../images/zero_bg02_sp.png) no-repeat center bottom / contain;
	}

	.c-zero__box .ttl {
		font-size: 2rem;
	}

	.c-zero__award {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 1.5rem 2rem;
		margin-top: 2.5rem;
	}

	.c-zero__award li {
		padding: 0 2.5rem;
		position: relative;
		z-index: 1;
	}

	.c-zero__award li:before {
		width: 1.8rem;
		height: 6.05rem;
	}

	.c-zero__award li:after {
		width: 1.8rem;
		height: 6.05rem;
	}

	.c-zero__award li .txt01 {
		margin-top: -.5em;
		font-size: 1.6rem;
	}

	.c-zero__award li .txt01 .large {
		font-size: 3.15rem;
	}

	.c-zero__award li .txt02 {
		margin-top: .25rem;
		font-size: 1.2rem;
	}

	.c-zero__logo {
		width: 16rem;
		margin: 2.5rem auto 0;
	}
}


/**********************************

 c-faq

***********************************/
.c-faq {
	background-color: #fbfbfb;
}

.c-faq__inner {
	padding: 5.5rem 0 11rem;
}

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

	.c-faq__inner {
		padding: 2.75rem 0 4rem;
	}
}


/**********************************

 c-cv

***********************************/
.c-cv {
	background: url(../images/cv_bg01_pc.jpg) no-repeat center / cover;
}

.c-cv__inner {
	padding: 6.5rem 0 10.5rem;
}

.c-cv__ttl {
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
}

.c-cv__txt01 {
	margin-top: 3rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.2;
	text-align: center;
}

.c-cv__btn-area {
	display: flex;
	justify-content: center;
	gap: 0 5rem;
	margin-top: 5.5rem
}

.c-cv__btn-area .download {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .12em;
}

.c-cv__btn-area .download a {
	display: inline-block;
	padding: 2.15rem 4rem 2.15rem 3.5rem;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bd1921+0,ed3911+50,bd1921+100 */
	background: linear-gradient(to right,  rgba(189,25,33,1) 0%,rgba(237,57,17,1) 50%,rgba(189,25,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: .8rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	vertical-align: top;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .download a:hover {
	color: #bd1921;
}

.c-cv__btn-area .download a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-cv__btn-area .download a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .download a .txt01 {
	padding-left: 3.2rem;
	position: relative;
	z-index: 2;
}

.c-cv__btn-area .download a .txt01:before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_download01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .download a:hover .txt01:before {
	background: url(../images/icon_download02.png) no-repeat center / contain;
}

.c-cv__btn-area .case {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: .12em;
}

.c-cv__btn-area .case a {
	display: block;
	padding: 2.15rem 4rem 2.15rem 3.5rem;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b3f95+0,276abf+50,2b3f95+100 */
	background: linear-gradient(to right,  rgba(43,63,149,1) 0%,rgba(39,106,191,1) 50%,rgba(43,63,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: .8rem;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .case a:hover {
	color: #2c3991;
}

.c-cv__btn-area .case a .bg {
	display: block;
	width: 150%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: -160%;
	z-index: -1;
}

.c-cv__btn-area .case a:hover .bg {
	left: -30%;
	transform: skewX(-25deg);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .case a .txt01 {
	padding-left: 3.2rem;
	position: relative;
	z-index: 2;
}

.c-cv__btn-area .case a .txt01:before {
	content: "";
	display: block;
	width: 2.1rem;
	height: 2.4rem;
	background: url(../images/icon_case01.png) no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-cv__btn-area .case a:hover .txt01:before {
	background: url(../images/icon_case02.png) no-repeat center / contain;
}


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

	.c-cv {
		background: url(../images/cv_bg01_sp.jpg) no-repeat center / cover;
	}

	.c-cv__inner {
		padding: 3.5rem 0 5.5rem;
	}

	.c-cv__ttl {
		font-size: 2rem;
		line-height: 1.8;
	}

	.c-cv__txt01 {
		margin-top: 2rem;
		font-size: 1.4rem;
		line-height: 2;
	}

	.c-cv__btn-area {
		display: block;
		width: 26rem;
		margin: 3rem auto 0;
	}

	.c-cv__btn-area .download {
		font-size: 1.6rem;
	}

	.c-cv__btn-area .download a {
		display: block;
		padding: 1.4rem 1rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-cv__btn-area .download a:hover {
		color: #fff;
	}

	.c-cv__btn-area .download a .bg {
		display: none;
	}

	.c-cv__btn-area .download a .txt01 {
		padding-left: 3rem;
	}

	.c-cv__btn-area .download a .txt01:before {
		width: 2rem;
		height: 2rem;
	}

	.c-cv__btn-area .download a:hover .txt01:before {
		background: url(../images/icon_download02.png) no-repeat center / contain;
	}

	.c-cv__btn-area .case {
		margin-top: 2.5rem;
		font-size: 1.6rem;
	}

	.c-cv__btn-area .case a {
		display: block;
		padding: 1.4rem 1rem;
		text-align: center;
		border-radius: .8rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .2);
	}

	.c-cv__btn-area .case a:hover {
		color: #fff;
	}

	.c-cv__btn-area .case a .bg {
		display: none;
	}

	.c-cv__btn-area .case a .txt01 {
		padding-left: 3rem;
	}

	.c-cv__btn-area .case a .txt01:before {
		width: 2.1rem;
		height: 2.4rem;
	}

	.c-cv__btn-area .case a:hover .txt01:before {
		background: url(../images/icon_case01.png) no-repeat center / contain;
	}
}



/**********************************

 c-contact

***********************************/
.c-contact {

}

.c-contact__inner {
	width: 110rem;
	padding: 7rem 0 5.5rem;
}

.c-contact__txt01 {
	margin-bottom: 5rem;
	font-size: 1.8rem;
	text-align: center;
}

.c-contact__content {
	padding: 3rem 5rem 7rem;
	background-color: #fff;
	box-shadow: 0 0 3rem rgba(0, 0, 0, .1);
	border-radius: .4rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.c-contact__content:before {
	content: "";
	display: block;
	width: 100%;
	height: .2rem;
	background-color: #2953a9;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

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

	.c-contact__inner {
		padding: 2.5rem 0 0;
	}

	.c-contact__txt01 {
		margin-bottom: 2.5rem;
		font-size: 1.4rem;
		text-align: left;
	}

	.c-contact__content {
		padding: .1rem 1.5rem 3.5rem;
		box-shadow: 0 0 1.5rem rgba(0, 0, 0, .1);
		border-radius: .4rem;
	}

	.c-contact__content:before {
		height: .15rem;
	}
}


/**********************************

 xxx

***********************************/

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

}