@charset "UTF-8";

/*
	Reset CSS
-----------------------------------------------------------------------------------------------*/
/***
    The new CSS reset - version 1.8.4 (last updated 14.2.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
 *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}
*,*::before,*::after {
    box-sizing: border-box;
}
a, button {
    cursor: revert;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ol, ul, menu {
    list-style: none;
}
img {
    max-inline-size: 100%;
    max-block-size: 100%;
	height: auto;
	vertical-align: top;
	backface-visibility: hidden;
}
table {
    border-collapse: collapse;
}
input, textarea {
    -webkit-user-select: auto;
}
textarea {
    white-space: revert;
}
meter {
    -webkit-appearance: revert;
    appearance: revert;
}
:where(pre) {
    all: revert;
}
::placeholder {
    color: unset;
}
::marker {
    content: initial;
}
:where([hidden]) {
    display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}
:where([draggable="true"]) {
    -webkit-user-drag: element;
}
:where(dialog:modal) {
    all: revert;
}


/*
	Setting CSS
-----------------------------------------------------------------------------------------------*/
html{
	font-size:62.5%;
}
body{
	font-size:1.6em;
	font-family: 'Noto Sans JP', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	/* font-family: 'Noto Serif JP', YuMincho, 'Hiragino Mincho Pro', 'MS PMincho', serif; */
	font-weight: 400;
	font-feature-settings: "palt";
	overflow-wrap: break-word;
}
p{
	line-height: 1.7;
}
a {
	color: #000;
	text-decoration: none;
	transition: color 0.2s, opacity 0.2s;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
@media (hover: hover) and (pointer: fine){
	a:hover {
		text-decoration: none;
		opacity: 0.7;
	}	
}
@media screen and (min-width:813px){
	/* iPad背景切れ対策 */
	body{
		min-width:1200px;
	}
	/* tel pcのみ無効 */
	a[href^="tel:"]{
		pointer-events:none;
	}
}
/* 表示切替 */
.switch {
	visibility: hidden;
}
.sp{
	display:none;
}
@media screen and (max-width:812px){
	body{
		text-size-adjust:100%;
	}
	p{
		line-height: 1.5;
	}	
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
}


/*
	common
-----------------------------------------------------------------------------------------------*/
:root{
	/* color */
	--bl: #00418f;
	--hbl: #0078c8;
	--yl: #ffff00;
	--or: #ff8200;
	--gr: #00b496;
	--planL01: #ffd9b2;
	--planL02: #ffc080;
	--planL03: #ffa74c;
	--planB01: #b2e8df;
	--planB02: #80d9ca;
	--planB03: #4ccab5;
	--planH: #80bbe3;
	/* font-family */
	--num: 'Barlow', sans-serif;
}
#wrapper {
	position: relative;
	overflow: hidden;
}
.ctsArea {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}
/* 上下空き 柄の有無 */
#introArea, #faqArea, #plan {
	padding: 120px 0;
}
#voiceArea, #flowArea {
	padding: 120px 0;
	background: linear-gradient(to top, transparent calc(100% - 1px), #F0F0F0 calc(100% - 1px)) center center/21px 21px repeat, linear-gradient(to right, transparent calc(100% - 1px), #F0F0F0 calc(100% - 1px)) center center/21px 21px repeat;
}
/* 見出し */
h3.ttlCts {
	margin-bottom: 80px;
	text-align: center;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.5;
}
h3.ttlCts span {
	color: #00418F;
	font-size: 5.0rem;
	font-weight: 800;	
}
/* 装飾  */
.ttlDeco {
	position: relative;
}
.ttlDeco::before,
.ttlDeco::after {
	content: '';
	width: 16px;
	height: 28px;
	position: absolute;
	bottom: 5px;
}
.ttlDeco::before {
	background: url(../images/ico_ttl_l.svg) no-repeat;
	left: 0;
}
.ttlDeco::after {
	background: url(../images/ico_ttl_r.svg) no-repeat;
	right: 0;
}
.reverse {
	flex-direction: row-reverse;
}
@media screen and (max-width:812px) {
	.ctsArea {
		width: 100%;
		max-width: 500px;
		padding: 100px 20px;
	}
	/* 上下空き 柄の有無 */
	#plan {
		padding: 0;
	}
	/* 見出し */
	h3.ttlCts {
		margin-bottom: 50px;
		font-size: 2.6rem;
		line-height: 1.3;
	}
	h3.ttlCts span {
		font-size: 3.2rem;
	}
	#voiceArea {
		padding: 0;
	}
	#flowArea {
		padding: 100px 0;
	}
	/* 装飾 */
	.ttlDeco::before,
	.ttlDeco::after {
		width: 11px;
		height: 18px;
	}
}
/*
	ボタン
-----------------------------------------------------------------------------------------------*/
/* base */
[class^="btnBase__area"]{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
.btnBase__area {
	padding-top: 30px;
}
a[class^="btnBase__item"],
button[class^="btnBase__item"]{
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
	font-size: 2.3rem;
	font-weight: 700;
	color: #00418F;
	text-align: center;
	border-radius: 60px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	transition: all .4s;
}
button[class^="btnBase__item"]{
	color: #fff;
}
a[class^="btnBase__item"]:hover,
a.btnBase__itemModalDl.active:hover {
	transform: translateY(3%);
	transition: all .4s;
}
a[class^="btnBase__item"]::after,
button[class^="btnBase__item"]::after,
a.btnBase__itemCtaEntry::after{
	content: "";
	width: 10px;
	height: 10px;
	border-right: 2px solid #00418F;
	border-bottom: 2px solid #00418F;
	position: absolute;
	transform: translateY(-50%) rotate(-45deg);
    top: 50%;
	right: 30px;
	transition: all .4s;
}
a[class^="btnBase__item"]:hover::after,
button[class^="btnBase__item"]:hover::after,
a.btnBase__itemCtaEntry:hover::after {
	right: 24px;
	transition: all .4s;
}
a[class^="btnBase__item"].back::after,
button[class^="btnBase__item"].back::after{
	transform: translateY(-50%) rotate(135deg);
	top: 50%;
	left: 30px;
	right: auto;
}
a[class^="btnBase__item"].back:hover::after {
	left: 24px;
}
a.btnBase__itemModalDl::after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transition: all .4s;
}
a.btnBase__itemCtaEntry::after {
	bottom: 50px;
}
@media screen and (max-width:812px){
	[class^="btnBase__area"]{
		padding-top: 20px;
	}
	a[class^="btnBase__item"],
	button[class^="btnBase__item"]{
		padding: 25px;
		font-size: 2rem;
	}
}
/*
	header
-----------------------------------------------------------------------------------------------*/
#header{
	display: flex;
	padding: 20px 30px;
	position: absolute;
	z-index: 999;
}
.header__logo{
	width: 75px;
}
@media screen and (max-width:812px){
	.header__logo{
		width: 60px;
	}
}
/*
	kv
-----------------------------------------------------------------------------------------------*/
.kv__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 825px;
	background: url(../images/bg_kv_pc.png) center center / cover;
	position: relative;
}
.boxKv__topIn {
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    max-width: 1400px;
    min-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
/* タイトル */
.boxKv__ttl {
	max-width: 660px;
	position: relative;
}
/* リスト */
.boxKv__li {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: end;
    position: absolute;
    right: 20px;
	bottom: -285px;
}
.boxKv__li ul {
	display: flex;
	gap: 0 15px;
}
.kvLi__txt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170px;
	height: 170px;
	background-color: #FFFF00;
	border-radius: 50%;
	text-align: center;
	box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
}
.ttlLi {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 700;
	color: #00418F;
}
.ttlLi span {
	padding-right: 12px;
	position: relative;
}
.ttlLi span::after {
	content: '※';
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	right: 0;
}
.txtLi {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
}
.txtLi__scale {
	transform: scaleX(75%);
}
.txtLi__num {
	display: inline-block;
	font-family: 'Barlow', sans-serif;
    background: linear-gradient(90deg, #0FC9F7 0%, #0566D4 50%);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.txtLi__s {
	font-size: 4.4rem;
}
.txtLi__m {
	font-size: 6.5rem;
}
.boxKv__li .note {
	margin-top: 5px;
	text-align: right;
	font-size: 1.4rem;
	font-weight: 700;
}
/* 付箋・イラスト画像 */
[class^="kv__item"]{
	width: 100%;
	max-width: 1400px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	opacity: 0;
}
@media screen and (max-width:812px){
	.kv__inner {
		min-height: 727px;
		background: url(../images/bg_kv_sp.png) center center / cover;
	}
	.boxKv__topIn {
		max-width: 100%;
		min-width: 100%;
	}
	/* タイトル */
	.boxKv__ttl {
		max-width: 300px;
		margin-bottom: 110px;
	}
	/* リスト */
	.boxKv__li {
		right: auto;
		bottom: -205px;
	}
	.boxKv__li ul {
		gap: 0 10px;
	}
	.kvLi__txt {
		width: 105px;
		height: 105px;
	}
	.ttlLi {
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.txtLi {
		font-size: 1.6rem;
	}
	.txtLi__scale {
		transform: scaleX(95%);
	}
	.txtLi__s {
		font-size: 2.2rem;
	}
	.txtLi__m {
		font-size: 3rem;
	}
	.boxKv__li .note {
		margin-top: 10px;
		font-size: 1.2rem;
	}
	/* 付箋・イラスト画像 */
	[class^="kv__item"]{
		width: 100%;
		max-width: 390px;
	}
}
/*
	introArea
-----------------------------------------------------------------------------------------------*/
#introArea {
	border-bottom: 5px solid #3B83E4;
}
/* 見出し introAreaのみ */
h3.ttlCts .ttlDeco {
	padding: 0 28px;
	font-size: 3.0rem;
	font-weight: 700;
	color: #000;
	position: relative;
}
/* ボタンカラー指定 */
.clBlue {
	color: #23A5FF;
}
.clPink {
	color: #FF5EA8;
}
.clOrange {
	color: #FF8200;
}
.clGreen {
	color: #3FCD59;
}
.clPurple {
	color: #6868C7;
}
.bg__clBlue {
	background-color: #23A5FF;
}
.bg__clPink {
	background-color: #FF5EA8;
}
.bg__clOrange {
	background-color: #FF8200;
}
.bg__clGreen {
	background-color: #3FCD59;
}
.bg__clPurple {
	background-color: #6868C7;
}
/* ボタン内 */
.btnIntro {
	margin-top: 30px;
	gap: 0 30px;
}
.btnIntro:first-of-type {
	margin-top: 0;
}
.btnBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 350px;
	padding: 80px 170px;
	background-color: #fff;
	border: 5px solid;
	border-radius: 50px;
	position: relative;
}
.icoIntro {
	height: 130px;
	margin-bottom: 10px;
}
.ttlIntro {
	display: inline;
	min-width: 430px;
	font-size: 3.2rem;
	font-weight: 700;
}
.txtIntro {
	font-size: 1.8rem;
	color: #000;
}
/* ボタン内 1カラム */
.clm__1 .icoIntro {
	margin-bottom: 0;
}
/* ボタン内 2カラム */
.clm__2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px 0;
	position: relative;
}
.clm__2 .btnBox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: calc((100% - 30px)/2);
	padding: 60px 50px 85px;
}
.clm__2 .ttlIntro {
	text-align: center;
    letter-spacing: .1rem;
	line-height: 1.2;
}
@media screen and (max-width:812px) {
	#introArea {
		padding: 0;
	}
	/* 見出し introAreaのみ */
	h3.ttlCts .ttlDeco {
		padding: 0 18px;
		font-size: 2rem;
	}
	/* ボタン内 */
	.btnBox {
		justify-content: center;
		flex-wrap: wrap;
		max-height: 300px;
		padding: 40px 30px 60px;
		text-align: center;
	}
	.icoIntro {
		height: 50%;
	}
	.ttlIntro {
		min-width: 100%;
		font-size: 2.2rem;
		font-weight: 700;
	}
	.txtIntro {
		font-size: 1.6rem;
	}
	/* ボタン内 1カラム */
	.clm__1 .btnBox{
		flex-wrap: nowrap;
		flex-direction: column-reverse;
	}
	.clm__1 .icoIntro {
		margin-bottom: 15px;
	}
	/* ボタン内 2カラム */
	.clm__2 .btnBox{
		width: 100%;
		padding: 40px 30px 60px;
	}
}
/*
	voiceArea
-----------------------------------------------------------------------------------------------*/
.boxVoice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 100px 0;
	position: relative;
	z-index: 1;
}
/* 会社例 */
.boxVoice__item {
	display: flex;
	align-items: flex-end;
	gap: 0 50px;
	min-width: 185px;
}
/* img画像 会社名 */
.boxVoice__img {
	width: 185px;
	position: relative;
}
.imgBox {
	position: absolute;
	transform: translateX(-50%);
	bottom: 45px;
	z-index: 99;
}
.imgMall {
	width: 380px;
	left: -54%;
}
.imgService {
	width: 270px;
	left: -25%;
}
.imgEc {
	width: 330px;
	left: -30%;
}
.name {
	font-size: 1.8rem;
	font-weight: 500;
}
/* 紹介文box */
#voiceArea .txtBox {
	width: 700px;
	padding: 55px;
	border-radius: 50px;
	background-color: #fff;
	text-align: justify;
	position: relative;
}
#voiceArea .txtBox::before {
	content: '';
	width: 52px;
	height: 50px;
	position: absolute;
	top: -25px;
	right: 60px;
}
#voiceArea .box__clPink::before {
	background: url(../images/ico_voice_p.png) center center / contain;
}
#voiceArea .box__clGreen::before {
	background: url(../images/ico_voice_g.png) center center / contain;
	right: 0;
	left:60px;
}
#voiceArea .box__clBlue::before {
	background: url(../images/ico_voice_b.png) center center / contain;
}
#voiceArea .txtBox::after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50px;
	position: absolute;
	right: -30px;
	bottom: -30px;
	z-index: -1;
}
/* 紹介文box カラー指定 */
.box__clPink {
	border: 5px solid #FF5EA8;
}
.box__clPink::after {
	background-color: #FF5EA8;
}
.box__clGreen {
	border: 5px solid #3FD959;
}
.box__clGreen::after {
	background-color: #3FD959;
}
.box__clBlue {
	border: 5px solid #28AAF5;
}
.box__clBlue::after {
	background-color: #28AAF5;
}
/* 紹介文 */
.ttlVoice {
	font-size: 2.8rem;
	font-weight: 700;
}
.ttlVoice span{
	background: linear-gradient(180deg, transparent 0%, transparent 70%, #FFE300 30%, #FFE300 100%);
	/* background-color: #FFE300; */
	position: relative;
	z-index: 99;
}
/* 紹介文 内容 */
.txtVoice {
	margin-top: 20px;
	line-height: 2;
}
@media screen and (max-width:812px) {
	.boxVoice {
		flex-wrap: wrap;
		gap: 90px 0;
	}
	/* 会社例 */
	.boxVoice__item {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 30px 0;
	}
	/* img画像 会社名 */
	.boxVoice__img {
		width: 100%;
	}
	.imgBox {

		left: 58%;
	}
	.imgMall {
		max-width: 150px;
		bottom: -55px;
	}
	.imgService {
		max-width: 125px;
		bottom: -30px;
	}
	.imgEc {
		max-width: 150px;
		bottom: -50px;
	}
	.name {
		display: inline-block;
		padding-left: 20px;
		text-align: left;
		font-size: 1.6rem;
	}
	/* 紹介文box */
	#voiceArea .txtBox {
		width: 100%;
		padding: 35px 25px;
	}
	#voiceArea .txtBox::before {
		width: 42px;
		height: 40px;
		top: -20px;
		right: 35px;
	}
	#voiceArea .txtBox::after {
		right: -15px;
		bottom: -15px;
	}
	/* 紹介文 */
	.ttlVoice {
		font-size: 2rem;
	}
	/* 紹介文 内容 */
	.txtVoice {
		margin-top: 12px;
		line-height: 1.8;
	}
}
/*
	料金プラン
-----------------------------------------------------------------------------------------------*/
#plan .ctsArea{
	width: 100%;
	max-width: 1400px;
	min-width: 1200px;
}
.plan__notes{
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--bl);
	background-color: #e1f1f9;
	border-radius: 5px;
}
/* 機能一覧を見る */
a.btnBase__itemPlan{
	width: 400px;
	color: #fff;
	background-color: #000;
}
a.btnBase__itemPlan:hover {
	transform: translate(0);
}
a.btnBase__plan::after{
	background: url("../images/btn_arrow_bl.svg") no-repeat center center / 35%;
}
/* 料金プランをもっと見る */
[class^="btnBase__plan"]{
	width: 100%;
	color: #fff;
	background-color: var(--bl);
	border-radius: 5px;
	transition: opacity 0.2s;
}
[class^="btnBase__plan"]:hover{
	opacity: 0.7 !important;
}
.btnBase__planMore, .btnBase__planClose{
	margin-top: 30px;
	padding: 20px 30px;
	font-size: 2.0rem;
    font-weight: 700;
	text-align: center;
	position: relative;
    cursor: pointer;
}
.btnBase__planMore::after, .btnBase__planClose::after {
	content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
	position: absolute;
    right: 20px;
    bottom: 50%;
    transform: translateY(50%);
}
.btnBase__planMore::after{
	background: url("../images/btn_plus_bl.svg") #fff no-repeat center center / 35%;
}
.btnBase__planClose{
	display: none;
	color: var(--bl);
	background-color: #ddd;
}
.btnBase__planClose::after{
	background: url("../images/btn_minus_wh.svg") var(--bl) no-repeat center center / 35%;
}
@media screen and (max-width:812px){
	#plan .ctsArea{
		max-width: 100%;
		min-width: 100%;
	}
	/* 機能一覧を見る */
	a.btnBase__itemPlan{
		width: 100%;
	}
	/* 料金プランをもっと見る */
	.btnBase__itemPlanMore,
	.btnBase__itemPlanClose{
		margin-top: 15px;
}
}

/* 料金表 */
.plan__tblWrapper{
	width: 100%;
}
.plan__tbl{
	table-layout: fixed;
	width: 100%;
	font-weight: 700;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
}
.plan__tblArea:nth-of-type(2) .plan__tbl{
	margin-top: 10px;
}
.plan__tbl th,
.plan__tbl td{
	padding: 15px;
	text-align: center;
	background: initial;
}
.plan__td td:nth-of-type(1){
	background-color: var(--planL01);
}
.plan__td td:nth-of-type(2){
	background-color: var(--planL02);
}
.plan__td td:nth-of-type(3){
	background-color: var(--planL03);
}
.planB01,
.plan__td td:nth-of-type(4){
	background-color: var(--planB01) !important;
}
.plan__td td:nth-of-type(5){
	background-color: var(--planB02);
}
.plan__td td:nth-of-type(6){
	background-color: var(--planB03);
}
.planH,
.plan__td td:nth-of-type(7){
	background-color: var(--planH) !important;
}
.planL01__2col{
	background:linear-gradient(to right, var(--planL01) calc(100%/2), var(--planL02) calc(100%/2), var(--planL02) calc((100%/2)*2)) !important;
}
.planL01__3col{
	background:linear-gradient(to right, var(--planL01) calc(100%/3), var(--planL02) calc(100%/3), var(--planL02) calc((100%/3)*2), var(--planL03) calc((100%/3)*2)) !important;
}
.planL01__6col{
	background:linear-gradient(to right, var(--planL01) calc(100%/6), var(--planL02) calc(100%/6), var(--planL02) calc((100%/6)*2), var(--planL03) calc((100%/6)*2), var(--planL03) calc((100%/6)*3), var(--planB01) calc((100%/6)*3), var(--planB01) calc((100%/6)*4), var(--planB02) calc((100%/6)*4), var(--planB02) calc((100%/6)*5), var(--planB03) calc((100%/6)*5), var(--planB03) calc((100%/6)*6)) !important;
}
.planL03__3col{
	background:linear-gradient(to right, var(--planL03) calc(100%/3), var(--planB01) calc(100%/3), var(--planB01) calc((100%/3)*2), var(--planB02) calc((100%/3)*2)) !important;
}
.planB01__2col{
	background:linear-gradient(to right, var(--planB01) calc(100%/2), var(--planB02) calc(100%/2), var(--planB02) calc((100%/2)*2)) !important;
}
.planB01__3col{
	background:linear-gradient(to right, var(--planB01) calc(100%/3), var(--planB02) calc(100%/3), var(--planB02) calc((100%/3)*2), var(--planB03) calc((100%/3)*2)) !important;
}
.planB01__4col{
	background:linear-gradient(to right, var(--planB01) calc(100%/4), var(--planB02) calc(100%/4), var(--planB02) calc((100%/4)*2), var(--planB03) calc((100%/4)*2), var(--planB03) calc((100%/4)*3), var(--planH) calc((100%/4)*3), var(--planH) calc((100%/4)*4)) !important;
}
.planB02__3col{
	background:linear-gradient(to right, var(--planB02) calc(100%/3), var(--planB03) calc(100%/3), var(--planB03) calc((100%/3)*2), var(--planH) calc((100%/3)*2)) !important;
}
.planB03__2col{
	background:linear-gradient(to right, var(--planB03) calc(100%/2), var(--planH) calc(100%/2), var(--planH) calc((100%/2)*2)) !important;
}
.plan__7col{
	background:linear-gradient(to right, var(--planL01) calc(100%/7), var(--planL02) calc(100%/7), var(--planL02) calc((100%/7)*2), var(--planL03) calc((100%/7)*2), var(--planL03) calc((100%/7)*3), var(--planB01) calc((100%/7)*3), var(--planB01) calc((100%/7)*4), var(--planB02) calc((100%/7)*4), var(--planB02) calc((100%/7)*5), var(--planB03) calc((100%/7)*5), var(--planB03) calc((100%/7)*6), var(--planH) calc((100%/7)*6), var(--planH) calc((100%/7)*7)) !important;
}
.plan__tit{
	font-size: 1.8rem;
	color: #fff;
	background-color: var(--bl);
}
.plan__tit:nth-of-type(1){
	background-color: var(--or);
	border-radius: 5px 0 0 0;
}
.plan__tit:nth-of-type(2){
	background-color: var(--gr);
}
.plan__tit:nth-of-type(3){
	background-color: var(--hbl);
	border-radius: 0 5px 0 0;
}
.plan__trial{
	font-size: 1.8rem;
	background:linear-gradient(transparent 60%, var(--yl) 60%);
}
.plan__trial span{
	display: inline-block;
	padding: 0 2px;
	font-family: var(--num);
	font-size: 3.0rem;
	line-height: 1.0;
}
td:nth-of-type(1) .plan__trial span{
	color: var(--or);
}
td:nth-of-type(2) .plan__trial span{
	color: var(--gr);
}
td:nth-of-type(3) .plan__trial span{
	color: var(--hbl);
}
.plan__td td{
	padding: 10px 10px 0;
	font-size: 1.4rem;
	position: relative;
}
.plan__td:last-of-type td,
.plan__tblArea:last-of-type .plan__td:nth-last-of-type(2) td{
	padding: 10px 10px;
}
.plan__tblArea:first-of-type .plan__td:nth-of-type(1){
	height: 60px;
}
.plan__tdObi{
	width: calc(100% - 20px);
	padding: 10px;
	font-size: 1.5rem;
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}
.plan__tdIco{
	display: inline-block;
	height: 25px;
	margin-right: 5px;
	vertical-align: middle;
}
[class^="planBox__tit"]{
	padding: 5px;
	font-size: 1.4rem;
	color: #fff;
	background-color: var(--bl);
	border-radius: 5px 5px 0 0;
}
.planBox__titB{
	background-color: #333;
	border-radius: 5px;
}
[class^="planBox__txtBox"]{
	padding: 10px;
	font-size: 1.4rem;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}
[class^="planBox__txtBoxR"]{
	border-radius: 5px;
}
.planBox__txtBoxRlast{
	margin-bottom: 15px;
}
[class^="planBox__em"]{
	display: inline-block;
	margin: 0 2px;
	font-family: var(--num);
	font-size: 2.6rem;
	line-height: 1.0;
}
.planBox__emLine{
	background:linear-gradient(transparent 60%, var(--yl) 60%);
}
.planBox__fukidashi{
	margin: 10px 0;
	padding: 10px 5px;
	font-size: 1.3rem;
	line-height: 1.5;
	background-color: #e1f1f9;
	border-radius: 5px;
	position: relative;
}
.planBox__fukidashi::after{
	content: "";
	width: 20px;
	height: 10px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #e1f1f9;
	position: absolute;
	left: 50%;
	bottom: -9px;
	transform: translateX(-50%);
}
[class^="planBox__emXl"]{
	font-size: 3.2rem;
}
.planBox__emXl01{
	color: var(--or);
}
.planBox__emXl02{
	color: var(--gr);
}
.planBox__emXl03{
	color: var(--hbl);
}
.planBox__list{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 15px;
}
.planBox__listLine{
	font-size: 1.3rem;
	background-color: #fff;
	border-radius: 5px;
}
.planBox__listLine > li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #555;
}
.planBox__listLine > li:last-of-type{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.planBox__obi{
	margin: 0 auto 10px;
	padding: 6px 5px;
	font-size: 1.4rem;
	background-color: #e1f1f9;
	border-radius: 5px;
	line-height: 1.2;
}
.planBox__txt{
	line-height: 1.5;
}
.planBox__fontS{
	font-size: 1.2rem;
	color: #666;
}
.planBox__sup{
	font-size: smaller;
	color: var(--bl);
	vertical-align: super;
}
@media screen and (max-width:1400px){
	.plan__tblWrapper{
		overflow: scroll;
	}
	.plan__tblArea{
		width: 1400px;
	}
	.plan__cation.sp{
		display: block;
	}
	.plan__cation{
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	.plan__trial{
		font-size: 1.6rem;
	}
}
@media screen and (max-width:812px){
	.plan__td.sp{
		display: revert;
	}
}

.plan__fukidashi{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 2.0rem;
	line-height: 1.0;
	text-align: center;
}
.plan__fukidashi span{
	position: relative;
}
.plan__fukidashi span::before,
.plan__fukidashi span::after{
	content: "";
	width: 2px;
	height: 100%;
	background-color: #000;
	position: absolute;
	bottom: 0;
}
.plan__fukidashi span::before{
	left: -20px;
	transform: rotateZ(-45deg);
}
.plan__fukidashi span::after{
	right: -20px;
	transform: rotateZ(45deg);
}
.plan__fukidashi em{
	display: inline-block;
	padding-left: 5px;
	font-size: 2.8rem;
	color: var(--or);
}
@media screen and (max-width:812px){
	.plan__fukidashi{
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	.plan__fukidashi em{
		font-size: 2.2rem;
	}
}
/*
	flowArea
-----------------------------------------------------------------------------------------------*/
#flowArea {
	overflow: hidden;
}
.boxFlow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 75px auto 0 auto;
	height: 350px;
	position: relative;
}
.boxFlow:first-of-type {
	margin-top: 0;
}
.boxFlow .txtBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 500px;
	color: #fff;
	position: relative;
	z-index: 1;
}
.boxFlow::after {
	content: '';
	width: 80%;
	height: 100%;
	border-radius: 0 200px 200px 0;
	position: absolute;
	top: 0;
	left: 0;
}
/* 背景カラー 導入前 */
.boxFlow__before:after {
	background: #FF5EA8;
}
/* 背景カラー 導入時 */
.boxFlow__now:after {
	background: #3FCD59;
	border-radius: 200px 0 0 200px;
	right: 0;
	left: auto;
}
/* 背景カラー 導入後 */
.boxFlow__after:after {
	background: #28AAF5;
}
/* イラスト画像 */
.imgFlow {
	max-width: 300px;
	position: absolute;
}
.boxFlow .txtBox::before {
	content: '';
	position: absolute;
}
.imgBefore::before{
	width: 250px;
	height: 300px;
	background: url(../images/img_flow_01.png) center center / contain no-repeat;
	bottom: -100%;
	left: -55%;
}
.imgNow::before{
	width: 300px;
	height: 260px;
	background: url(../images/img_flow_02.png) center center / contain no-repeat;
	right: -65%;
	bottom: -80%;
}
.imgAfter::before{
	width: 280px;
	height: 310px;
	background: url(../images/img_flow_03.png) center center / contain no-repeat;
	bottom: -100%;
	left: -65%;
}
.ttlFlow {
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}
.txtFlow {
	margin-top: 15px;
	text-align: justify;
	font-size: 1.8rem;
}
/* バナー */
.bnrArea {
	max-width: 1200px;
	margin: 150px auto 0;
	text-align: center;
}
.bnrArea .ttlDeco {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 28px;
	font-size: 2.4rem;
	font-weight: 700;
}
.bnrArea a {
	display: block;
}
@media screen and (max-width:812px) {
	.boxFlow {
		margin-top: 60px;
	}
	.boxFlow::after {
		width: 96%;
	}
	.boxFlow .txtBox {
		padding: 0 60px;
	}
	/* イラスト画像 */
	.imgBefore::before {
		width: 100px;
		height: 120px;
		bottom: -90%;
		left: 10%;
	}
	.imgNow::before {
		width: 150px;
		height: 110px;
		right: 10%;
		bottom: -60%;
	}
	.imgAfter::before {
		width: 120px;
		height: 130px;
		bottom: -75%;
		left: 10%;
	}
	.ttlFlow {
		font-size: 2.2rem;
	}
	.txtFlow {
		margin-top: 10px;
		font-size: 1.6rem;
	}
	/* バナー */
	.cts__bnrArea {
		padding-bottom: 0;
	}
	.bnrArea {
		max-width: 80%;
		margin: 0 auto;
		text-align: justify;
	}
	.bnrArea .ttlDeco {
		margin-bottom: 20px;
		padding: 0 28px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.5;
	}
	.bnrArea a {
		display: block;
		text-align: center;
	}
	.bnrImg {
		width: 100%;
		max-width: 300px;
	}
}
/*
	faqArea
-----------------------------------------------------------------------------------------------*/
#faqArea {
	padding: 100px 0;
	background-color: #23D0E4;
}
#faqArea .ttlCts span {
	color: #fff;
}
.accordionArea {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.accordionArea li {
	margin-bottom: 20px;
}

.accordionArea li:last-child {
	margin-bottom: 0;
}
.boxFaq {
	border-radius: 10px;
	background-color: #fff;
}
.ttlFaq {
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 30px 50px 30px 80px;
	height: 100%;
	background-color: #fff;
	font-size: 2rem;
	font-weight: 500;
	color: #00418F;
	line-height: 120%;
	cursor: pointer;
	transition: all .4s ease;
	border-radius: 10px;
	position: relative;
}
.ttlFaq::before, .ttlFaq::after {
	position: absolute;
	content: '';
	width: 16px;
	height: 2px;
	background-color: #000;
}
.ttlFaq::before {
	top: 48%;
	right: 30px;
	transform: rotate(90deg);
	transition: .4s;
}
.ttlFaq::after {
	top: 48%;
	right: 30px;
	transform: rotate(0deg);
	transition: .4s;
}
.ttlFaq span {
	font-size: 3.2rem;
	font-family: 'Montserrat', sans-serif;
	color: #FFE300;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 40px;
}
/*　closeというクラスがついたら形状変化　*/
.ttlFaq.close {
	color: #fff;
	border-radius: 10px 10px 0 0;
	background-color: #00418F;
}
.ttlFaq.close::before {
	transform: rotate(0deg);
	transition: .4s;
}
.ttlFaq.close::after {
	background-color: #fff;
	transition: .4s;
}
/*アコーディオンで現れるエリア*/
.answerBox {
	display: none;
	padding: 25px 80px;
	border-radius:  0 0 10px 10px;
}
.answerBox p {
	font-size: 1.8rem;
	line-height: 140%;
	text-align: justify;
}
.answerBox p span {
	padding-right: 12px;
	position: relative;
}
.answerBox p span::after {
	content: '※';
	font-size: 1.2rem;
	position: absolute;
	top: -2px;
	right: 0;
}
.answerBox .note {
	margin-top: 5px;
	padding-left: 15px;
	font-size: 1.4rem;
	position: relative;
}
.answerBox .note::before {
	content: '※';
	width: 20px;
	height: 20px;
	font-size: 1.4rem;
	position: absolute;
	transform: translateY(-50%);
	left: 0;
	top: 50%;
}
@media screen and (max-width:812px) {
	#faqArea .ctsArea {
		padding: 0 20px;
	}
	/* アコーディオンパネル */
	.ttlFaq{
		padding: 20px 45px 20px 50px;
		height: 85px;
		font-size: 1.8rem;
		text-align: justify;
	}
	.ttlFaq span {
		font-size: 2.8rem;
		left: 15px;
	}
	.ttlFaq::before {
		right: 16px;
	}
	.ttlFaq::after {
		right: 16px;
	}
	/*アコーディオンで現れるエリア*/
	.answerBox {
		padding: 20px 40px 20px 50px;
	}
	.answerBox p {
		font-size: 1.6rem;
	}
	.answerBox::before {
		top: 6px;
	}
	.answerBox .note::before {
		width: 14px;
		height: 14px;
		top: 7px;
	}
}
/*
	cta
-----------------------------------------------------------------------------------------------*/
[class^="cta__bk"]{
	background-color: #3B83E4;
	position: relative;
}
[class^="cta__bk"]::after{
	content: "";
	width: 60px;
	height: 30px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #FFF;
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
}
.cta__bkTop::after {
	content: none;
}
.cta__bkBl::after{
	background-color: #23D0E4;;
}
.cta__Area{
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 150px;
}
.ctaLine__top {
	position: relative;
}
.txtCta {
	font-size: 3rem;
    font-weight: 700;
    padding: 12px 25px;
    color: #fff;
    background-color: #ed3305;
	border: 5px solid #fff;
    border-radius: 10px;
    position: absolute;
	top: -120px;
	left: 15px;
    z-index: 1;
}
.txtCta::before,
.txtCta::after {
	content: "";
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.txtCta::before {
    width: 22px;
    height: 11px;
    background-color: #ed3305;
    bottom: -7px;
	z-index: 1;
}
.txtCta::after {
    width: 25px;
    height: 14px;
    background-color: #fff;
    bottom: -14px;
}
.cta__txt{
	font-size: 3.0rem;
	color: #fff;
	text-align: center;
}
/* ボタン */
.btnBase__areaCta{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 10px;
}
a.btnBase__itemCtaEntry{
	width: 580px;
	padding: 30px;
	font-size: 2.3rem;
	background-color: #FFE13E;
	box-shadow: 0 8px rgba(0, 65, 143, 1);
}
a.btnBase__itemCta{
	width: 400px;
}
a.btnBase__itemCta{
	width: 350px;
	box-shadow: 0 8px rgba(0, 65, 143, 1);
}
a.btnBase__itemCtaEntry:hover,
a.btnBase__itemCta:hover {
	box-shadow: none;
}
/* kv下ボタン */
.ctaLine {
	padding: 80px 50px;
}
.btnBase__areaCta_line {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 0 10px;
}
.btnBase__areaCta_line a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
@media screen and (max-width:812px) {
	.txtCta {
		width: 80%;
		padding: 15px 30px;
		font-size: 2.2rem;
		text-align: center;
		transform: translateX(-50%);
		top: -75px;
		left: 50%;
	}
	.txtCta::before {
		bottom: -5px;
	}
	.txtCta::after {
		height: 12px;
		bottom: -12px;
	}
	/* ボタン */
	.btnBase__areaCta{
		gap: 20px 0;
	}
	a.btnBase__itemCta {
		width: 100%;
	}
	a.btnBase__itemCtaEntry {
		padding: 25px;
		font-size: 2rem;
	}
	/* kv下ボタン */
	.cta__Area {
		max-width: 500px;
		padding: 50px 20px;
	}
	.ctaLine {
		padding: 50px 20px;
	}
	.btnBase__areaCta_line {
		flex-wrap: wrap;
		gap: 20px 0;
	}
	.cta__AreaLast {
		padding: 50px 20px 60px;
	}
}
/*
	modal
-----------------------------------------------------------------------------------------------*/
.modal_box {
	display: none;
	width: 80%;
	max-width: 900px;
	margin: 0;
    position: fixed;
    z-index: 7777;
}
.modal_area{
	background-color: #fff;
	border: 5px solid #00418F;
	border-radius: 30px;
}
/* modal_list */
.modal__list{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	padding: 40px 60px 60px;
}
.modal__listArea{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	width: calc((100% - 60px)/2);
}
.modal__ico{
	display: block;
	width: 30%;
	margin: 0 auto;
}
.modal__listTit{
	margin-bottom: 15px;
	font-size: 2.2rem;
	font-weight: 900;
	text-align: center;
	color: #00418F;
}
.modal__listPay{
	margin-top: 20px;
	padding: 20px 0;
	font-size: 2.0rem;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.modal__listPay span{
	display: inline-block;
	margin-right: 15px;
	padding: 10px 15px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.0;
	background-color: #00418F;
	border-radius: 3px;
}
.modal__listImg{
	margin-top: 20px;
}
.modal__listImg figcaption{
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: center;
	color: #222;
}
a[class^="btnBase__itemModal"],
button[class^="btnBase__itemModal"]{
	max-width: 350px;
	color: #fff;
	background-color: #00418F;
}
a.btnBase__itemModal::after,
a.btnBase__itemPlan::after{
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translateY(-50%) rotate(-45deg);
    top: 50%;
    right: 30px;
}
/* 規約 */
.terms__titArea{
	padding: 25px;
	text-align: center;
	background-color: #FFE13E;
	border-radius: 30px 30px 0 0;
}
.terms__tit{
	margin-bottom: 5px;
	font-size: 2.8rem;
	font-weight: 900;
	color: #00418F;
}
.terms__area{
	padding: 60px 70px;
}
.terms__list{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 40px;
}
.terms__listTit{
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #00418F;
}
/* チェックボックス */
.checkbox__area{
	margin-top: 20px;
	padding: 15px;
	font-size: 1.5rem;
	text-align: center;
	background-color: #eceff1;
	border-radius: 5px;
}
input[type="checkbox"] {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-bottom: -1px;
	border: 1px solid #222;
	background-color: #fff;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
}
input[type="checkbox"]::after{
	content: "";
	display: block; 
	width: 6px;
	height: 6px;
	background-color: #00418F;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}
input[type="checkbox"]:checked::after {
	opacity: 1;/*チェック後表示*/
}
label[for="agree"]{
	cursor: pointer;
}
a.btnBase__itemModalDl{
	background-color: #ddd;
	pointer-events: none;
}
a.btnBase__itemModalDl.active{
	background-color: var(--bl);
	pointer-events: auto;
}
a.btnBase__itemModalDl:hover {
	transform: translateX(0);
}

/* txtLink */
.txtLink__list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
	gap: 20px;
}
.txtLink__list li a{
	display: inline-block;
	padding-right: 15px;
	padding-left: 25px;
	font-size: 1.4rem;
	font-weight: 900;
	color: #00418F;
	text-decoration: underline;
	position: relative;
}
.txtLink__list li a:hover{
	text-decoration: none;
	opacity: 1.0;;
}
.txtLink__list li a::before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/ico_window.svg") no-repeat center center / cover;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.txtLink__list li a::after{
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url("../images/btn_arrow_wh.svg") #00418F no-repeat center center / 35%;
	position: absolute;
	left: 0;
	bottom: 50%;
	transform: translateY(50%);
}
/* modal_close */
.modal_close {
	width: 55px;
	height: 55px;
	background-color: #00418F;
	border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -15px;
	cursor: zoom-out;
}
.modal_close::before,
.modal_close::after{
	content: '';
	width: 1px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.modal_close::after{
	transform: translate(-50%, -50%) rotate(-45deg);
}
/* modal_bg */
.modal_bg {
	display: none;
	width: 100%;
	height: 120%;
	background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
	opacity: 0.95;
	cursor: zoom-out;
}
@media screen and (max-width:812px){
	.modal_box {
		width: 100%;
		max-width: 500px;
		padding: 0 20px;
	}
	.modal_area{
		height: 80vh;
		border-radius: 20px;
		overflow-y: scroll;
	}
	/* modal_list */
	.modal__list{
		gap: 0;
		padding: 25px 20px;
	}
	.modal__listArea{
		width: 100%;
	}
	.modal__listArea:first-of-type{
		margin-bottom: 15px;
		padding-bottom: 30px;
		border-bottom: 1px dotted #222;
	}
	.modal__ico{
		width: 30%;
		max-width: 100px;
	}
	.modal__listTit{
		margin-bottom: 10px;
		font-size: 1.8rem;
	}
	.modal__listPay{
		margin-top: 15px;
		padding: 15px 0;
		font-size: 1.6rem;
	}
	.modal__listPay span{
		margin-right: 15px;
		padding: 5px 10px;
		font-size: 1.0rem;
	}
	/* 規約 */
	.terms__titArea{
		padding: 20px;
		border-radius: 20px 20px 0 0;
	}
	.terms__tit{
		margin-bottom: 5px;
		font-size: 2.2rem;
	}
	.terms__txt{
		text-align: left;
	}
	.terms__area{
		padding: 30px 20px;
	}
	.terms__list{
		gap: 30px;
	}
	.terms__listTit{
		margin-bottom: 10px;
		padding-left: 10px;
		font-size: 1.8rem;
	}
	/* modal_close */
	.modal_close {
		width: 45px;
		height: 45px;
		top: -10px;
		right: 10px;
	}
	.modal_close::before,
	.modal_close::after{
		height: 15px;
	}
}
/*
	footer
-----------------------------------------------------------------------------------------------*/
#footer {
	padding: 60px 30px;
	font-weight: 500;
	position: relative;
}
.imgFooer {
	max-width: 150px;
	position: absolute;
	top: -75%;
	right: 5%;
	animation: upDown 3s linear infinite;
}
.liFooter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}
.liFooter > li {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #00418F;
	line-height: 1.0;
}
.liFooter > li a {
	display: inline-block;
	font-size: 1.4rem;
	color: #00418F;
	text-decoration: underline;
	position: relative;
}
.liFooter > li a:hover {
	text-decoration: none;
	opacity: 1.0;;
}
.liFooter > li:last-of-type {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.copyright {
	font-size: 1.2rem;
	color: #00418F;
	text-align: center;
}
@media screen and (max-width:812px) {
	#footer {
		padding: 40px 20px;
	}
	.imgFooer {
		width: 80px;
		top: -12%;
		right: 5%;
	}
	.liFooter {
		flex-direction: column;
		gap: 20px;
	}
	.liFooter > li{
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
	.liFooter > li a{
		font-size: 1.3rem;
	}
	.copyright{
		font-size: 1.2rem;
		text-align: center;
	}
}
/*バナー*/
.c-campaignAnnounce {
  background-image:url(/app/themes/kagoya/assets/img/ad/kir-campaign/bg_c-pageHead--campaign-202408.jpg);
  background-size:cover;
}
picture {
  max-width: 100%;
  display: block;
}
.c-campaignAnnounce img {
  margin: 0px auto;
  max-width: 100%;
  display: block;
}