@charset "utf-8";

/* -----------------------------------------------------------------------------
 環境設定
----------------------------------------------------------------------------- */
/* 定義 */
:root {
	/* 色 */
	--main-color: #7FB2C8; /* メインカラー */
	--sub-color: #6B799E; /* サブカラー */
	--accent-color: #EAAD38; /* アクセントカラー */
	--dark-color: #9C8F96; /* ダークカラー */
	--light-color: #FAF2E3; /* ライトカラー */
	
	/* 全体 */
	--body-font-family: 'Noto Sans JP', sans-serif; /* フォントfamily */
	--body-font-size: 16px; /* 文字サイズ */
	--body-line-height: 2; /* 行間 */
	--body-font-color: #333; /* 文字色*/
	--body-bg-color: #fff; /* 背景色 */
	--link-a-color: var(--main-color); /* リンク文字色 */
	--link-a-hover-color: var(--accent-color); /* リンク文字色 hover */
	
	
	/* ヘッダー */
	--header-bg-color: var(--miteras-navy); /* 背景色（MITERASディープブルー） */
	--header-logo-color: #fff; /* ロゴ色 */
	--header-menu-txt-color: #fff; /* メニュー文字色 */
	--header-sub-menu-color: #fff; /* ハンバーガーメニュー色 */
	--header-sub-menu-bg-color: var(--miteras-deep); /* サブメニュー背景色（最深ネイビー） */
	
	/* タイトル */
	--h1-main-font-family: "Shippori Mincho", "Noto Serif JP", serif; /* メイン フォントfamily（明朝統一） */
	--h1-main-font-weight: 800; /* メイン 文字太さ */
	--h1-main-color: var(--main-color); /* メイン色 */
	--h1-sub-font-family: "Noto Sans JP", sans-serif; /* サブ フォントfamily（英字はサンセリフでメリハリ） */
	--h1-sub-font-weight: 500; /* サブ 文字太さ */
	--h1-sub-color: var(--sub-color); /* サブ文字色 */
	
	/* コンテンツ タイトル */
	--h2-contents1-color: var(--dark-color); /* 文字色 */
	--h2-contents1-weight: 900; /* 文字太さ */
	
	/* コンテンツ */
	--list-style-color: var(--main-color); /* リストアイコン色 */
	--col-line-height: 1.6; /* 2分割・3分割・4分割の行間 */
	
	/* 会社概要 */
	--cpn-table-border: #ccc; /* table線色 */
	--cpn-th-color: #aaa; /* th色 */
	
	/* お問合せ */
	--contact-tel-font-family: 'Noto Sans JP', sans-serif; /* TELフォントfamily */
	--contact-tel-font-weight: 700; /* TEL文字太さ */
	--contact-tel-color: #333; /* TEL文字色 */
	--contact-center-line-color: #ccc; /* 中央線 */
	--contact-form-btn-txt-color: #fff; /* フォームボタン文字色 */
	--contact-form-btn-bg-color: #333; /* フォームボタン背景色 */
	
	/* フッター（白背景・濃いめグレー文字） */
	--footer-bg-color: #fff; /* 背景色 */
	--footer-txt-color: #4a5468; /* 文字色（濃いめグレー） */
	--footer-txt-hover-color: var(--miteras-accent); /* 文字色 hover */
	--footer-arrow-color: #fff; /* TOPへ戻る矢印色 */
	--footer-arrow-bg-color: var(--miteras-navy); /* TOPへ戻る矢印背景色 */
	--footer-arrow-hover-color: #fff; /* TOPへ戻る矢印色 hover */
	--footer-arrow-hover-bg-color: var(--miteras-accent); /* TOPへ戻る矢印背景色 hover */
	--footer-top-border-size: 1px; /* border-top 太さ */
	--footer-top-border-color: #e0e6ee; /* border-top 色（淡いシルバー） */
	--footer-logo-width: 200px; /* ロゴ 横幅 */
	--footer-name-font-size: 1.3em; /* 会社名 文字サイズ */
	--footer-name-font-weight: 700; /* 会社名 文字太さ */
	
	/* 常駐ボタン（MITERASカラー） */
	--side-btn-txt-color: #fff; /* 文字色 */
	--side-btn-txt-weight: 700; /* 文字太さ */
	--side-btn-bg-color: var(--miteras-accent-deep); /* 背景色(上) */
	--side-btn-bg-color2: var(--miteras-accent); /* 背景色(下) */

	/* MITERAS テーマカラー */
	--miteras-deep: #0f1830; /* 最深ネイビー（ベース背景） */
	--miteras-navy: #18243e; /* ディープブルー（主軸） */
	--miteras-navy-soft: #243352; /* やや淡いネイビー */
	--miteras-accent: #4f95d8; /* アクセントブルー */
	--miteras-accent-deep: #2f6fb0; /* アクセントブルー濃 */
	--miteras-silver: #c3cee0; /* シルバー（白系テキスト） */
	--miteras-silver-light: #eef2f7; /* シルバーライト（背景） */
	--miteras-text-light: #d4dcea; /* ライトテキスト */
}


/* 背景 */
.contents_bg1{
	background-color: var(--light-color)!important;
}
.contents_bg2{
	background: var(--body-bg-color) url("../../p-img/101625_1/bg-grid1.webp")left top repeat!important;
}
.contents_bg3{
	background-color: #f5f5f5!important;
}


/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */
header {
	height: 50px;
}
header a {
	text-decoration: none !important;
}
header > .inner {
	width: 100%;
	background-color: var(--header-bg-color);
	box-shadow: 0px 3px 10px 0px rgba(204,204,204,0.20);
}
header > .inner > .logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 50px 0 10px;
	border: none;
}
header > .inner > .logo h1{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	color: var(--header-logo-color);
	margin-right: 8px;
}
header > .inner > .logo .logo-h1-txt{
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}
header > .inner > .logo h1:before{
	content: '';
	display: inline-block;
	width: 50px;
	height: 41px;
	background: url("../../p-img/101625_1/logo-mark-w.png")left center/contain no-repeat;
	vertical-align: middle;
	margin-right: 15px;
}
header > .inner > navi > ul {
	display: block;
}
header > .inner > navi > ul > li {
	padding-left: 0;
	text-indent: 0;
}
header > .inner > navi > ul > li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: .95em;
	color: var(--header-menu-txt-color);
	margin: 0;
	padding: 5px 20px;
	border: none;
}
header > .inner > navi > .translation {
	padding: 5px 20px;
	display: block;
}


/* bt-menu */
#bt-menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: var(--header-bg-color);
	z-index: 10;
	cursor: pointer;
}
#bt-menu span {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 30px;
	height: 2px;
	background-color: var(--header-sub-menu-color);
	transition: .3s;
}
#bt-menu span::before {
	position: absolute;
	top: -10px;
	right: 0;
	content: "";
	width: 30px;
	height: 2px;
	background-color: var(--header-sub-menu-color);
	display: block;
	transition: .3s;
}
#bt-menu span::after {
	position: absolute;
	top: 10px;
	right: 0;
	content: "";
	width: 30px;
	height: 2px;
	background-color: var(--header-sub-menu-color);
	display: block;
	transition: .3s;
}
#bt-menu.open span {
	background-color: transparent;
	transition: .3s;
}
#bt-menu.open span::before {
	top: 0;
	transform: rotate(45deg);
	transition: .3s;
}
#bt-menu.open span::after {
	top: 0;
	transform: rotate(-45deg);
	transition: .3s;
}

/* style1 */
header.style1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--header-bg-color);
	z-index: 999;
}
header.style1 > .inner > .logo {
	height: 50px;
	vertical-align: middle;
}
header.style1 > .inner > navi {
	position: absolute;
	top: 50px;
	right: 0;
	padding: 5px 0 10px;
	background-color: var(--header-sub-menu-bg-color);
	opacity: 0;
}	


/* powered by Sangyo Navi */
.powered {
	display: block;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #bbb;
	text-align: right;
	margin: 5px 10px 0;
	padding: 3px 5px 0;
	border-top: 1px solid #ddd;
}


/* -----------------------------------------------------------------------------
 Top Contents
----------------------------------------------------------------------------- */
#top-contents {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 70px 0 0;
	background: var(--miteras-deep);
}
#top-contents .slider {
	display: none;
}
#top-contents .layer1 {
	position: relative;
	padding: 0 5%;
	z-index: 5;
}
#top_bottom{
	background: var(--miteras-navy);
	padding: 18px 15px;
	border-top: 1px solid rgba(120,160,210,.18);
}
#top_bottom p{
	font-size: .8em;
	line-height: 1.75;
	color: var(--miteras-silver);
	max-width: 1480px;
	margin: 0 auto;
}
#top_bottom .font_b{
	color: var(--miteras-accent);
	font-weight: 700;
}

/* -----------------------------------------------------------------------------
 Breadcrumb
----------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 0.85em;
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
	text-align: left;
	background-color: var(--body-bg-color);
}
#breadcrumb .login {
	width: 120px;
	text-align: right;
	float: right;
}
#breadcrumb .login img {
	margin-right: 5px;
	vertical-align: top;
}
#breadcrumb .login a {
	color: var(--body-font-color);
	text-decoration:none;
	border: none;
}
#breadcrumb .login a:hover {
	color: var(--link-a-hover-color);
	text-decoration:none;
	border: none;
}
#breadcrumb .bc img {
	width: 14px;
	vertical-align: top;
}
#breadcrumb .bc a {
	color: var(--body-font-color);
	text-decoration:none;
	border: none;
}
#breadcrumb .bc a:hover {
	color: var(--link-a-hover-color);
	text-decoration: none;
	border: none;
}


/* -----------------------------------------------------------------------------
 contents
----------------------------------------------------------------------------- */
main .contents {
	background-color: var(--body-bg-color);
	overflow: hidden;
}
main .contents.fixed {
	background-color: transparent;
}
main .contents .fixed-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

.w1200 {
	margin: 60px 10px;
}
.w1200.bg {
	background-color: #fff;
	padding: 20px;
}

.layer {
	position: static;
	width: 100% !important;
}

.contents section {
	margin: 0 10px 40px;
}


/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
footer {
	position: relative;
	font-size: 0.92em;
	padding: 50px 0 30px;
	border-top: var(--footer-top-border-size) solid var(--footer-top-border-color);
	background-color: var(--footer-bg-color);
	background-size: cover;
	box-sizing: border-box;
	margin-bottom: 50px;
}
footer .pagetop a {
	position: absolute;
	top: calc(-25px - var(--footer-top-border-size));
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	background-color: var(--footer-arrow-bg-color);
	text-decoration: none;
	border-radius: 50%;
	box-sizing: border-box;
	display: block;
}
footer .pagetop a::before {
	color: var(--footer-arrow-color);
	font-size: 20px;
	content: "▲";
	margin-top: 14px;
	text-align: center;
	line-height: 1em;
	display: block;
	transition: .3s;
}
footer .inner {
	margin: 0 10px;
}
footer .pagetop a span {
	display: none;
}
footer .login {
	margin: 40px auto 5px;
	text-align: center;
	display: block;
}
footer .login img {
	width: 14px;
	margin-right: 5px;
	vertical-align: 0;
}
footer .login a {
	font-size: 14px;
	color: var(--footer-txt-color);
	text-decoration: none;
	border: none;
	display: inline-block;
}
footer.login a:hover {
	color: var(--footer-txt-hover-color);
	text-decoration: none;
	border: none;
}
footer .copy {
	font-size: 13px;
	line-height: 2;
	color: var(--footer-txt-color);
	text-align: center;
}
footer .copy a{
	border: none;
}
footer .copy img{
	width: 124px;
}
.footer-info{
	color: var(--footer-txt-color);
	text-align:center;
}

.footer-info .logo{
	width: var(--footer-logo-width);
	box-sizing: border-box;
	margin: 0 auto 10px;
}
.footer-info .name{
	font-weight: var(--footer-name-font-weight);
	font-size: var(--footer-name-font-size);
}
.footer-info .mail{
	margin-top: 10px;
}
.footer-info .mail a{
	display: table;
	text-decoration: none;
	color: var(--footer-bg-color);
	background-color: var(--footer-txt-color);
	border-radius: 60px;
	padding: 0 30px;
	margin: auto;
}
.footer-info .mail a:hover{
	opacity: 1;
	transform: scale(1.1);
}
.footer-info .mail a i{
	margin-right: 3px;
}


/* -----------------------------------------------------------------------------
 共通 parts
----------------------------------------------------------------------------- */
/* parts-h1 */
.parts-h1 {
	font-family: var(--h1-main-font-family);
	font-weight: var(--h1-main-font-weight);
	font-size: calc(1.8em + 1.5vw);
	text-align: center;
	color: var(--h1-main-color);
	line-height: 1.6;
	letter-spacing: 2px;
	margin-bottom: 1em;
}
.parts-h1 .small{
	display: block;
	font-family: var(--h1-sub-font-family);
	font-weight: var(--h1-sub-font-weight);
	font-size: .4em;
	color: var(--h1-sub-color);
	text-shadow: none;
}
.parts-h1 .lead{
	display: block;
	font-family: var(--body-font-family);
	font-weight: 300;
	font-size: .3em;
	color: inherit;
	letter-spacing: .12em;
	line-height: 1.4;
	margin-bottom: .3em;
}

/* parts-h2 */
.parts-h2 {
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-weight: var(--h2-contents1-weight);
	font-size: calc(1.3em + 1vw);
	color: var(--h2-contents1-color);
	text-align: center;
	line-height: 1.5;
	margin-bottom: .5em;
}

/* parts-h3 */
.parts-h3 {
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-weight: 700;
	font-size: calc(1em + .5vw);
	line-height: 1.5;
	color: var(--dark-color);
	border-bottom: 1px solid var(--dark-color);
	padding-bottom: .3em;
	margin-bottom: 1em;
}

/* parts-h4 */
.parts-h4 {
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 1em;
}

/* parts-img */
.parts-img {
	margin-bottom: 2em;
}
.parts-img img {
	height: auto;
	width: auto;
}

/* parts-map */
.parts-map {
	max-width: 100%;
	margin-bottom: 2em;
}

/* parts-news */
.parts-news {
	height: 200px;
	margin-bottom: 2em;
	padding: 15px;
	background-color: var(--body-bg-color);
	border: 1px solid #999;
	overflow-y: scroll;
	box-sizing: border-box;
}
.parts-news.show {
	height: auto !important;
	overflow-y: visible;
}
.parts-news > p {
	margin-bottom: 1em;
}
.parts-news a{
	color: var(--link-a-color);
}


/* -----------------------------------------------------------------------------
 財団カスタマイズ
----------------------------------------------------------------------------- */

/* 共通 */
body {
	font-family: var(--body-font-family);
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
	color: var(--body-font-color);
}

*, *::before, *::after {
  box-sizing: border-box;
}

img{
	width: 100%;
	max-width: 100%;
	vertical-align: top;
}

a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

.txt_area a:link, .txt_area a:visited, .txt_area a:active {
    color: var(--link-a-color);
	text-decoration: none;
	border-bottom: 1px solid var(--link-a-color);
	transition: .3s;
}
.txt_area a:hover {
    color: var(--link-a-hover-color);
	border-bottom: 1px solid var(--link-a-hover-color);
}
.txt_area p{
	margin-bottom: 1.5em;
}

.font_b{
	font-size: 1.3em;
	line-height: 1;
	margin: 0 3px;
}
.font_s{
	font-size: .7em;
	margin: 0 2px;
}

.inblock{
	display: inline-block;
}
.tbl_auto{
	display: table;
	margin: auto;
}

span.dots{
    background-image: radial-gradient(circle at center, #ed2323 20%, transparent 20%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: 0.15em;
}

/* 2分割・3分割・4分割 */
.half,
.trisection,
.quarter{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3vw;
	margin: 20px auto;
}
.half .left,
.half .right,
.trisection .left,
.trisection .center,
.trisection .right,
.quarter .left1,
.quarter .left2,
.quarter .right1,
.quarter .right2{
	width: 100%;
	box-sizing: border-box;
	line-height: var(--col-line-height);
}

/* parts-txt-img */
.parts-txt-img{
	max-width: 100%;
	margin: 0 auto 2em;
	overflow: hidden;
}
.parts-txt-img .r-img,
.parts-txt-img .l-img{
	width: 48%;
	box-sizing: border-box;
}
.parts-txt-img .r-img{
	float: right;
	margin-left: 20px;
}
.parts-txt-img .l-img{
	float: left;
	margin-right: 20px;
}

/* ful-half */
.ful-half{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 480px;
	align-items: stretch;
}
.ful-half.r-img .left,
.ful-half.l-img .right{
	display: flex;
}
.ful-half.r-img .right,
.ful-half.l-img .left{
	height: 300px;
}
.ful-half .left,
.ful-half .right{
	width: 100%;
	box-sizing: border-box;
}
.ful-half .txt{
	padding: 15px;
}
.ful-half .txt .inner{
	max-width: 600px;
	box-sizing: border-box;
	margin: 20px auto;
}
.ful-half .img{
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ful-half .img img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* parts-table */
.parts-table{
	margin: 0 auto 2em;
}
.parts-table table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
}
.parts-table th{
	font-size: .9em;
}
.parts-table th,
.parts-table td{
	vertical-align: text-top;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
}

/* parts-list */
.parts-list ul{
	margin-top: .5em;
	padding-left: 1.5em;
}
.parts-list ul li{
	line-height: 1.6;
	margin-bottom: .5em;
	position: relative;
}
.parts-list ul li:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: .63em;
	left: -1.1em;
	width: 6px;
	height: 6px;
	background-color: var(--main-color);
}

/* flow 横 */
.flow-area1 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}
.flow-area1 ul li{
	background-color: var(--body-bg-color);
	border: 2px solid var(--main-color);
	border-radius: 20px;
	padding: 10px 20px;
	margin: 2em auto 20px;
	position: relative;
}
.flow-area1 ul li:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
    top: 100%;
	margin: 0 auto;
    width: 40px;
    height: 20px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
	background-color: var(--main-color);
}
.flow-area1 ul li:last-child:before{
	height: 0;
}
.flow-area1 ul li .num{
	position: absolute;
	left: 10px;
	top: -.85em;
	font-size: 3.5em;
	font-weight: 900;
	line-height: 1;
	color: var(--main-color);
}
.flow-area1 ul li .flow_head{
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.5;
	color: var(--main-color);
	text-align: center;
}
.flow-area1 ul li img{
	display: block;
	width: 70%;
	object-fit: contain;
	margin: 5px auto;
}
.flow-area1 ul li .flow_bottom{
	display: table;
	font-size: .9em;
	line-height: 1.5;
	margin: .5em auto;
}

/* ScrollTrigger */
.visible, .invisible {
    opacity: 0.0;
    transition: opacity 1s ease;
}
.visible {
    opacity: 1.0;
}

.visible.translateY,.invisible.translateY {
	transform: translateY(100px);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateY {
	transform: translateY(0);
}

.visible.translateToLeft,.invisible.translateToLeft {
	transform: translateX(100px);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateToLeft {
	transform: translateX(0);
}

.visible.translateToRight,.invisible.translateToRight {
	transform: translateX(-100px);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateToRight {
	transform: translateX(0);
}

.visible.translateScaleUp,.invisible.translateScaleUp {
	transform: scale(.5);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateScaleUp {
	transform: scale(1);
}

.visible.translateScaleDown,.invisible.translateScaleDown {
	transform: scale(1.4);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateScaleDown {
	transform: scale(1);
}

.visible.translateRotate,.invisible.translateRotate {
	transform: rotate(360deg);
	transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateRotate {
	transform: rotate(0deg);
}

#app .wrapper{
	height: 50vh;
	display: flex;
	width: 100%;
	align-items: center;
}
.str__animation{
	display: flex;
	justify-content: center;
	font-size: 1.2rem;
}
.str__animation .str{
	will-change: auto;
	min-width: .3rem;
	transform: translateY(0);
	opacity: 0;
}


/* マーカー */
.c-marker {
    background: -webkit-linear-gradient(left, rgba(251,238,6,0.50) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgba(251,238,6,0.50) 50%, transparent 50%);
    background: linear-gradient(left, rgba(251,238,6,0.50) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .5em;
}

/* 会社概要 */
.cpn_tbl table{
	border-collapse: collapse;
	margin: 20px auto 40px;
}
.cpn_tbl table th,
.cpn_tbl table td{
	display: block;
	border-bottom: 1px solid var(--cpn-table-border);
	text-align: left;
	padding: 5px 20px;
}
.cpn_tbl table th{
	font-size: .9em;
	font-weight: 500;
	color: var(--cpn-th-color);
	white-space: nowrap;
	border-bottom: none;
	padding: 7px 0 0 5px;
}
.cpn_tbl table td a{
	color: var(--miteras-accent-deep);
}
.cpn_tbl table td a:hover{
	color: #E32828; /* base.css の a:hover と同色 */
}

/* お問合せ */
.contact i{
	font-size: 1em;
	line-height: 1.2em;
	margin-right: 10px;
}
.contact .tel a{
	display: block;
	font-family: var(--contact-tel-font-family);
	font-weight: var(--contact-tel-font-weight);
	font-size: calc(2em + .7vw);
	line-height: 1.7;
	text-align: center;
	color: var(--contact-tel-color);
}
.form_sub{
	font-size: .75em;
	color: #888;
	text-align: center;
	margin-top: 10px;
}
a.mail_button {
	display: inline-block;
	margin-top: 20px;
	padding: 1em 3em;/* ボタンのサイズはpaddingで調整 */
	background: var(--contact-form-btn-bg-color);
	border: 1px solid var(--contact-form-btn-bg-color); /* 枠線色 */
	color: var(--contact-form-btn-txt-color); /* 文字色 */
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	transition: all .3s;
}
a.mail_button:hover {
	opacity: 0.85;
}
a.mail_button i{
	transition: all .3s;
}
a.mail_button:hover i{
	transform: scale(1.3);
}


/* 横問合せボタン */
.cv_btn_area {
	width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 102;
	opacity: 0;
	overflow: hidden;
}
.cv_btn_area .btn{
	align-items: flex-end;
	display: flex;
}
.cv_btn_area .btn a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	line-height: 1.3;
    font-size: 14px;
	font-weight: var(--side-btn-txt-weight);
    letter-spacing: 1px;
    background: var(--side-btn-bg-color);
    color: var(--side-btn-txt-color);
    text-align: center;
	text-decoration: none;
	padding: 15px 26px 15px 0;  /* 右は :after の矢印と重ならないよう余白を確保 */
	margin: 0;
	position: relative;
}
.cv_btn_area .btn a:first-child{
	display: flex;
}
.cv_btn_area .btn a:last-child{
	background: linear-gradient(135deg, #ff9a3c, #E77B3A);
	height: 60px;
}
.cv_btn_area .btn a .side-btn-text{
	line-height: 1.3;
	letter-spacing: .04em;
}
.cv_btn_area .btn a .side-btn-eyebrow{
	font-weight: 800;
	margin-right: .15em;
}
.cv_btn_area .btn a .side-btn-main{
	font-weight: 800;
}
/* 主ボタン（2つ目＝無料相談）だけ本文を少し大きく。PCの .side-btn-main{font-size:1em} より詳細度が高いので全BPで効く */
.cv_btn_area .btn a:last-child .side-btn-main{
	font-size: 1.15em;
}
.cv_btn_area .btn a i {
	font-size: 1.5em;
	margin-right: 10px;
	transition: all .3s;
}
.cv_btn_area .btn a:hover i{
	transform: scale(1.3);
}
.cv_btn_area .btn a:hover i{
	transform: scale(1.3);
}
.cv_btn_area .btn a:after{
	display: table;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	font: var(--fa-font-solid);
	content: "\f054";
	transition: all .3s;
}
.cv_btn_area .btn a:hover:after{
	right: 10px;
}
.cv_btn_area .btn a.mail_button {
	border: none;
	/* SP・tabは画面下端に付くので上側だけ角丸（PCは左側角丸で上書き） */
	border-radius: 10px 10px 0 0;
}

.fade_on{
	opacity: 1;
}

/* TEL */
a[href^="tel:"] {
	color:inherit;
	text-decoration:none;
	border: none;
}

@media screen and (min-width: 768px){
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}

/* レスポンシブ出し分け */
.for-pc{
	display: none;
}
.for-tab{
	display: block;
}


/* Margin・Padding */
.mb0{
	margin-bottom: 0!important;
}



/* -----------------------------------------------------------------------------
	 個別設定
----------------------------------------------------------------------------- */

/* === FV（top-contents）— MITERAS === */
.fv-overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	background:
		radial-gradient(120% 90% at 80% 10%, rgba(79,149,216,.22), transparent 55%),
		linear-gradient(160deg, rgba(15,24,48,.85) 0%, rgba(24,36,62,.7) 55%, rgba(36,51,82,.6) 100%);
}
.fv-overlay::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .35;
	background-image:
		linear-gradient(rgba(120,160,210,.1) 1px, transparent 1px),
		linear-gradient(90deg, rgba(120,160,210,.1) 1px, transparent 1px);
	background-size: 42px 42px;
	-webkit-mask: radial-gradient(80% 70% at 70% 30%, #000, transparent 75%);
	mask: radial-gradient(80% 70% at 70% 30%, #000, transparent 75%);
}

/* eyebrow */
.fv-eyebrow{
	color: var(--miteras-accent);
	font-size: .68em;
	letter-spacing: .14em;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 1em;
}
.fv-eyebrow-en{
	display: inline-block;
	border-left: 2px solid var(--miteras-accent);
	padding-left: .7em;
	margin-right: .7em;
}
.fv-eyebrow-jp{
	display: inline-block;
	color: #aac3e6;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	margin: 0;
}

/* catch */
.fv-catch{
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-weight: 800;
	font-size: calc(1.6em + 3vw);
	line-height: 1.5;
	color: #fff;
	letter-spacing: .02em;
	text-align: center;
	margin: 0 0 .8em;
	text-shadow: 0 2px 14px rgba(0,0,0,.5);
}
.fv-catch-sub{
	text-align: center;
	margin: -.3em 0 1.2em;
}
.fv-catch-sub p{
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-weight: 700;
	font-size: calc(.85em + 1vw);
	line-height: 1.6;
	color: #fff;
	letter-spacing: .02em;
	text-shadow: 0 2px 14px rgba(0,0,0,.5);
}
.fv-catch-em{
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	color: var(--miteras-accent);
	font-size: 1.15em;
}

/* lead */
.fv-lead{
	margin-bottom: 1.1em;
}
.fv-lead p{
	color: var(--miteras-text-light);
	font-size: .82em;
	line-height: 1.75;
	max-width: 32em;
	margin: 0;
}
.fv-lead .font_b{
	color: var(--miteras-accent);
}

/* badges */
.fv-badges{
	list-style: none;
	padding: 0;
	margin: 0 0 1.6em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.fv-badges li{
	border: 1px solid rgba(170,195,230,.4);
	border-radius: 40px;
	padding: 5px 14px;
	font-size: .75em;
	color: #dbe5f3;
	background: rgba(20,30,60,.35);
	line-height: 1.5;
}
.fv-badge-key{
	color: var(--miteras-accent);
	font-weight: 700;
	margin-right: 4px;
}

/* CTA */
.fv-cta p{
	margin: 0;
}
.fv-cta-primary{
	max-width: 540px;
	position: relative;
	display: block;
	line-height: 1.4;
	text-align: center;
	background: linear-gradient(135deg, var(--miteras-accent), var(--miteras-accent-deep));
	color: #fff !important;
	padding: 18px 50px 18px 58px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 1.1em;
	text-decoration: none !important;
	letter-spacing: 1px;
	box-shadow: 0 12px 30px -8px rgba(47,111,176,.6);
	transition: transform .2s, box-shadow .2s;
	border: none;
}
.fv-cta-text{
	display: block;
	text-align: center;
}
.fv-cta-inner{
	display: inline-block;
	/* 2行に折り返した時も各行を中央に（tab以上は width:auto で1行） */
	text-align: center;
	width: min-content;
}
.fv-cta-inner .inblock{
	white-space: nowrap;
}
.fv-cta-badge{
	position: absolute;
	top: -30px;
	left: -18px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff9a3c, #E77B3A);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: .8em;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .02em;
	transform: rotate(-10deg);
	box-shadow: 0 6px 16px rgba(0,0,0,.35);
	z-index: 2;
	animation: fv-cta-badge-pulse 1.8s ease-in-out infinite;
}
@keyframes fv-cta-badge-pulse{
	0%, 100%{
		transform: rotate(-10deg) scale(1);
	}
	50%{
		transform: rotate(-10deg) scale(1.1);
	}
}
.fv-cta-primary:hover{
	transform: translateY(-2px);
	box-shadow: 0 18px 38px -8px rgba(47,111,176,.75);
	opacity: 1 !important;
}
.fv-cta-primary i{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: transform .2s;
}
.fv-cta-primary:hover i{
	transform: translateY(-50%) translateX(6px);
}

/* mv visual（PCのみ表示） */
.fv-visual{
	display: none;
}

/* mv visual SP（テキスト下端に食い込ませる） */
.fv-visual-sp{
	display: block;
	position: relative;
	z-index: 3;
	max-width: 600px;
	margin-left: auto;
	margin-right: 0;
	margin-top: max(-35vw, -170px);
	margin-bottom: 0;
}
.fv-visual-sp img{
	width: 100%;
	height: auto;
	display: block;
}

/* === AIO回答ボックス（FAQ柄・控えめ） === */
.contents-aio .w1200{
	margin-top: 20px;
}
.aio-faq{
	position: relative;
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
	padding: 18px 20px;
	background: var(--miteras-silver-light);
	border-radius: 6px;
}
.aio-faq::before{
	content: "\f0eb";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	position: absolute;
	bottom: -10px;
	right: 10px;
	font-size: 9em;
	color: rgba(255, 255, 255, 0.85);
	pointer-events: none;
	z-index: 0;
	line-height: 1;
}
.aio-faq-q,
.aio-faq-a{
	position: relative;
	z-index: 1;
}
.aio-faq-q{
	font-weight: 700;
	font-size: .95em;
	line-height: 1.5;
	color: var(--miteras-navy);
	margin: 0 0 8px;
}
.aio-faq-a p{
	font-size: .85em;
	line-height: 1.75;
	color: #4a5468;
	margin: 0;
}
.aio-faq-a p + p{
	margin-top: 1em;
}
/* SP：2段落目以降を折りたたむ（1段落目のみ常時表示） */
.aio-faq-a p:nth-child(n+2){
	max-height: 0;
	margin-top: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .45s ease, opacity .3s ease, margin-top .45s ease;
}
.aio-faq.is-open .aio-faq-a p:nth-child(n+2){
	max-height: 45em;
	margin-top: 1em;
	opacity: 1;
}
.aio-faq-more{
	position: relative;
	z-index: 1;
	margin-top: 10px;
	text-align: center;
}
.aio-faq-more-btn{
	appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	padding: 6px 12px;
	font-family: inherit;
	font-size: .8em;
	font-weight: 700;
	line-height: 1.4;
	color: var(--miteras-navy);
	text-decoration: underline;
	cursor: pointer;
}
.aio-faq-more-btn::after{
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: .85em;
	margin-left: 6px;
	text-decoration: none;
	display: inline-block;
}
.aio-faq.is-open .aio-faq-more-btn::after{
	content: "\f077";
}

/* === 課題提起セクション === */
.problem-list{
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.problem-card{
	position: relative;
	background: #fff;
	border: 1px solid #e8edf3;
	border-radius: 10px;
	padding: 28px 24px 22px;
}
.problem-check{
	position: absolute;
	top: -14px;
	left: -14px;
	background: #E77B3A;
	color: #fff;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	line-height: 1;
	box-shadow: 0 4px 12px rgba(231,123,58,.4);
}
.problem-icon{
	width: 140px;
	margin: 0 auto 20px;
}
.problem-icon img{
	width: 100%;
	height: auto;
	display: block;
}
.problem-title{
	font-weight: 700;
	font-size: 1.05em;
	line-height: 1.5;
	color: var(--miteras-navy);
	text-align: center;
	margin: 0 0 16px;
}
.problem-desc p{
	font-size: .88em;
	line-height: 1.75;
	color: #4a5468;
	margin: 0;
}

/* === 損失インパクト表 === */
.contents.loss-section{
	background: linear-gradient(170deg, var(--miteras-navy) 0%, var(--miteras-deep) 100%);
	color: #fff;
	padding: 50px 0 60px;
}
.loss-eyebrow{
	text-align: center;
	margin-bottom: 18px;
}
.loss-eyebrow p{
	margin: 0;
}
.loss-eyebrow-line{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: .68em;
	letter-spacing: .18em;
	font-weight: 700;
	color: var(--miteras-accent);
	border-top: 1px solid var(--miteras-accent);
	border-bottom: 1px solid var(--miteras-accent);
	padding: 5px 14px;
	line-height: 1.6;
}
.loss-section .loss-headline{
	color: #fff;
	margin-bottom: 24px;
}
.loss-em{
	color: var(--miteras-accent);
}
.loss-lead p{
	font-size: .92em;
	line-height: 1.85;
	color: var(--miteras-silver);
	margin: 0 0 1em;
}
.loss-lead p:last-child{
	margin-bottom: 0;
}
.loss-reference{
	border-left: 2px solid var(--miteras-accent);
	padding-left: 12px;
	margin-top: 18px;
}
.loss-reference p{
	font-size: .84em;
	line-height: 1.8;
	color: var(--miteras-silver);
	margin: 0;
}
.loss-note p{
	display: flex;
	gap: .4em;
	font-size: .74em;
	line-height: 1.7;
	color: #8294b4;
	margin: 0;
}
.loss-note p::before{
	content: "※";
	flex-shrink: 0;
}
.loss-note p + p{
	margin-top: .6em;
}
.loss-note{
	margin-top: 22px;
}
.loss-table{
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(140,175,225,.25);
	border-radius: 12px;
	overflow: hidden;
	margin-top: 24px;
}
.loss-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 18px;
	border-bottom: 1px solid rgba(140,175,225,.16);
	gap: 12px;
}
.loss-row:last-child{
	border-bottom: none;
}
.loss-label p{
	font-size: .82em;
	line-height: 1.5;
	color: var(--miteras-silver);
	margin: 0;
}
.loss-sub{
	font-size: .85em;
	color: #8294b4;
	margin-left: 4px;
}
.loss-value p{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 1em;
	color: #fff;
	margin: 0;
	line-height: 1;
	white-space: nowrap;
}
.loss-num{
	font-size: 1.5em;
	letter-spacing: .01em;
	margin: 0 2px;
}
.loss-row.loss-warn .loss-label p{
	color: #fff;
}
.loss-row.loss-warn .loss-value p{
	color: #ff8a5c;
}
.loss-row.loss-roi{
	background: rgba(79,149,216,.14);
	padding: 22px 18px;
}
.loss-row.loss-roi .loss-label p{
	color: #fff;
	font-weight: 700;
}
.loss-row.loss-roi .loss-value p{
	color: var(--miteras-accent);
}
.loss-row.loss-roi .loss-num{
	font-size: 2.1em;
}
.loss-table-title{
	color: #fff;
	font-size: 1.2em;
	margin: 0 0 22px;
	text-align: left;
}
.loss-table-sub{
	font-size: .78em;
	font-weight: 400;
	color: var(--miteras-silver);
	margin-left: 2px;
}
.loss-unit{
	font-size: .8em;
	margin-left: 1px;
}
.loss-row.loss-total{
	background: rgba(255,138,92,.12);
}
.loss-row.loss-total .loss-label p{
	color: #fff;
	font-weight: 700;
}
.loss-row.loss-total .loss-value p{
	color: #ff8a5c;
}
.loss-row.loss-total .loss-num{
	font-size: 1.9em;
}
.loss-plan-table .loss-row{
	align-items: flex-start;
}
.loss-plan-table .loss-label p{
	white-space: nowrap;
}
.loss-roi .loss-value p{
	text-align: right;
}
.loss-roi .loss-value .loss-roi-amount{
	display: block;
}
.loss-plan-table .loss-value p{
	font-family: var(--body-font-family);
	font-weight: 500;
	font-size: .86em;
	line-height: 1.6;
	white-space: normal;
	text-align: right;
}
.loss-plan-table .loss-num{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 1.4em;
}
.loss-grid-upper{
	margin-top: 50px;
}
.loss-lower-block{
	margin-top: 50px;
}
.loss-plan-note{
	font-size: .86em;
	color: var(--miteras-silver);
	margin-left: 4px;
}
.loss-plan-link{
	margin-top: 14px;
	text-align: right;
}
.loss-plan-link p{
	margin: 0;
}
.loss-plan-link a{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: .84em;
	color: var(--miteras-accent);
	text-decoration: none;
}
.loss-plan-link-txt{
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
}
.loss-plan-link a i{
	transition: transform .2s ease;
}
.loss-plan-link a:hover i{
	transform: translateX(4px);
}
.pc-br{
	display: none;
}

/* === MITERASとは === */
.about-eyebrow{
	text-align: center;
	margin-bottom: 18px;
}
.about-eyebrow p{
	margin: 0;
}
.about-eyebrow-line{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: .68em;
	letter-spacing: .18em;
	font-weight: 700;
	color: var(--miteras-accent);
	border-top: 1px solid var(--miteras-accent);
	border-bottom: 1px solid var(--miteras-accent);
	padding: 5px 14px;
	line-height: 1.6;
}
.about-headline{
	margin-bottom: 26px;
}
.about-em{
	color: var(--miteras-accent);
}
.about-body{
	max-width: 760px;
	margin: 50px auto 36px;
}
.about-body p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.about-body p + p{
	margin-top: 1em;
}
.about-body .font_b{
	color: var(--miteras-accent-deep);
	font-weight: 700;
	line-height: inherit;
}
/* できること（原稿P10の5項目） */
.about-capability-list{
	max-width: 760px;
	margin: 0 auto 26px;
}
.about-capability-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}
.about-capability-list li{
	position: relative;
	padding-left: 1.6em;
	font-size: .9em;
	line-height: 1.7;
	color: #4a5468;
}
.about-capability-list li::before{
	content: "\f058";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: .95em;
	position: absolute;
	left: 0;
	top: .1em;
	color: var(--miteras-accent-deep);
}
.about-terms,
.about-targets{
	margin-bottom: 26px;
}
.about-subtitle{
	font-family: var(--body-font-family);
	font-weight: 700;
	font-size: .85em;
	color: var(--miteras-navy);
	margin: 0 0 12px;
	text-align: center;
	letter-spacing: .04em;
}
.about-chips{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.about-chips li{
	font-size: .82em;
	padding: 6px 14px;
	border-radius: 40px;
	line-height: 1.5;
	background: #fff;
	color: var(--miteras-navy);
	border: 1px solid #e0e6ee;
	box-shadow: 0 4px 12px rgba(24, 36, 62, 0.08);
}
.about-chips li.about-chips-etc{
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 6px 4px;
	color: #6a7385;
	align-self: center;
}

/* MITERASとは — 用語解説リスト */
.about-terms-list{
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
.about-terms-list li{
	background: var(--miteras-silver-light);
	border: 1px solid #dde3ec;
	border-radius: 6px;
	padding: 12px 16px;
	text-align: center;
	font-size: .9em;
	line-height: 1.6;
}
.term-name{
	font-weight: 700;
	color: var(--miteras-navy);
}
.term-sep{
	color: var(--miteras-accent);
	margin: 0 .3em;
	font-weight: 700;
}
.term-desc{
	color: #4a5468;
}

/* MITERASとは — クロージングCTA文 */
.about-pitch{
	max-width: 760px;
	margin: 0 auto 32px;
}
/* ブロックごとCTA（資料DL）。クリック領域を広げるため装飾は a 側に持たせる */
.about-pitch a{
	display: block;
	position: relative;
	background: linear-gradient(135deg, var(--miteras-navy), var(--miteras-deep));
	color: #fff;
	border-radius: 10px;
	padding: 20px 40px 25px 22px;
	text-align: center;
	text-decoration: none;
	transition: transform .2s, box-shadow .2s;
}
.about-pitch a:hover{
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -10px rgba(24,36,62,.55);
	opacity: 1;
}
.about-pitch a i{
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	transition: transform .2s;
}
.about-pitch a:hover i{
	transform: translateY(-50%) translateX(4px);
}
.about-pitch p{
	margin: 0;
	font-size: .92em;
	line-height: 1.85;
}
.about-pitch .font_b{
	color: var(--miteras-accent);
	line-height: inherit;
}

/* === 始めやすい4つの理由 === */
.contents.reason-section{
	background: var(--miteras-silver-light);
}
/* 始めやすい4つの理由のリード文（原稿P11には無い。死守文言の回収用に新設） */
.reason-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.reason-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.reason-list{
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
.reason-card{
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 12px;
	padding: 24px 22px;
	box-shadow: 0 10px 30px -16px rgba(24,36,62,.2);
}
.reason-bg{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 65%;
	pointer-events: none;
	z-index: 0;
	opacity: .9;
}
.reason-bg img{
	width: auto;
	height: 100%;
	max-width: 100%;
	display: block;
}
.reason-num,
.reason-title,
.reason-desc{
	position: relative;
	z-index: 1;
}

/* === 5アルゴリズム合議制 === */
.contents.algo-section{
	background: linear-gradient(170deg, var(--miteras-navy), var(--miteras-deep));
	color: #fff;
}
.algo-section .parts-h1{
	color: #fff;
}
.algo-section .parts-h1 .small{
	color: var(--miteras-silver);
}
.algo-body{
	max-width: 760px;
	margin: 0 auto 30px;
}
.algo-body p{
	font-size: .92em;
	line-height: 1.95;
	color: var(--miteras-silver);
	margin: 0;
}
.algo-body p + p{
	margin-top: 1em;
}
.algo-body .font_b{
	color: var(--miteras-accent);
	line-height: inherit;
}
.algo-consensus{
	margin-top: 30px;
	background: rgba(79,149,216,.08);
	border: 1px solid rgba(79,149,216,.25);
	border-radius: 12px;
	padding: 24px 22px;
}
.algo-consensus-title{
	font-weight: 700;
	font-size: 1.05em;
	color: #fff;
	margin: 0 0 12px;
	text-align: center;
}
.algo-consensus-desc p{
	font-size: .88em;
	line-height: 1.85;
	color: var(--miteras-silver);
	margin: 0 0 18px;
	text-align: center;
}
.algo-consensus-desc .font_b{
	color: var(--miteras-accent);
	line-height: inherit;
}
.algo-consensus-img{
	background: #fff;
	border-radius: 8px;
	padding: 12px;
}
.algo-consensus-img img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

/* 現場ヒアリング整合パネル */
.algo-hearing{
	margin-top: 16px;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(140,175,225,.22);
	border-radius: 12px;
	padding: 22px 20px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.algo-hearing-icon{
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff9a3c, #E77B3A);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
	box-shadow: 0 6px 16px rgba(231,123,58,.3);
}
.algo-hearing-text{
	flex: 1;
}
.algo-hearing-title{
	font-weight: 700;
	font-size: 1em;
	color: #fff;
	margin: 0 0 8px;
	line-height: 1.5;
}
.algo-hearing-desc p{
	font-size: .86em;
	line-height: 1.85;
	color: var(--miteras-silver);
	margin: 0;
}
.algo-hearing-desc .font_b{
	color: #ffb380;
	line-height: inherit;
}

/* === 診断レポートで分かること === */
.contents.report-section{
	background: var(--miteras-silver-light);
}
.report-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.report-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.report-lead p + p{
	margin-top: 1em;
}
.report-lead .font_b{
	color: var(--miteras-accent-deep);
	line-height: inherit;
}

/* メインカード（大） */
.report-main{
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 16px 40px -20px rgba(24,36,62,.25);
	margin-bottom: 24px;
}
.report-main-img{
	background: #fafbfc;
	padding: 0 20px 20px;
}
.report-main-img img{
	width: 100%;
	height: auto;
	display: block;
}
.report-main-info{
	padding: 20px 22px 24px;
}
.report-main-eyebrow{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: .68em;
	letter-spacing: .14em;
	font-weight: 700;
	color: var(--miteras-accent);
	margin-bottom: 8px;
}
.report-main-title{
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.5;
	color: var(--miteras-navy);
	margin: 0 0 10px;
}
.report-main-desc p{
	font-size: .9em;
	line-height: 1.85;
	color: #4a5468;
	margin: 0;
}
.report-main-desc .font_b{
	color: var(--miteras-accent-deep);
	line-height: inherit;
}

/* サブカード（4枚） */
.report-sub-list{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}
.report-sub-card{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 28px -16px rgba(24,36,62,.2);
	display: flex;
	flex-direction: column-reverse;
}
.report-sub-info{
	/* カード高さが揃うグリッド内で、余白を情報エリアに吸わせる。
	   これが無いと column-reverse の余白がカード上部に出て、
	   タイトル・本文・画像の開始位置が1枚ずつズレる */
	flex: 1;
}
.report-sub-img{
	background: #fafbfc;
	padding: 0 20px 20px;
}
.report-sub-img img{
	width: 100%;
	height: auto;
	display: block;
}
.report-sub-title{
	font-weight: 700;
	font-size: 1em;
	line-height: 1.5;
	color: var(--miteras-navy);
	margin: 16px 18px 8px;
}
.report-sub-desc{
	padding: 0 18px 18px;
}
.report-sub-desc p{
	font-size: .85em;
	line-height: 1.7;
	color: #4a5468;
	margin: 0;
}

/* === 他社比較表 === */
.compare-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.compare-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.compare-lead .font_b{
	color: var(--miteras-accent-deep);
	line-height: inherit;
}
.compare-table-wrap{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 12px;
	box-shadow: 0 16px 40px -20px rgba(24,36,62,.25);
}
.compare-table{
	min-width: 900px;
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.compare-table th,
.compare-table td{
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid #e8edf3;
	font-size: .85em;
	line-height: 1.6;
	vertical-align: middle;
}
.compare-table thead th{
	color: #fff;
	font-weight: 700;
	font-size: .82em;
	text-align: center;
	padding: 16px 12px;
	border-right: 1px solid rgba(255,255,255,.35);
	border-bottom: 1px solid rgba(255,255,255,.5);
}
.compare-table thead .compare-th-miteras{
	font-size: 1em;
}
.compare-table thead th:last-child{
	border-right: none;
}
.compare-th-axis{
	background: var(--miteras-navy);
	position: sticky;
	left: 0;
	z-index: 3;
}
.compare-table tbody th{
	position: sticky;
	left: 0;
	z-index: 2;
}
.compare-th-other{
	background: var(--miteras-navy-soft);
	width: 20%;
}
.compare-th-miteras{
	background: var(--miteras-accent);
	border-top: 3px solid var(--miteras-accent);
	border-left: 3px solid var(--miteras-accent);
	border-right: 3px solid var(--miteras-accent) !important;
	border-bottom: 1px solid #fff !important;
}
.compare-table tbody .compare-td-miteras{
	border-left: 3px solid var(--miteras-accent);
	border-right: 3px solid var(--miteras-accent) !important;
}
.compare-table tbody tr:last-child .compare-td-miteras{
	border-bottom: 3px solid var(--miteras-accent);
}
.compare-table tbody th{
	background: var(--miteras-silver-light);
	color: var(--miteras-navy);
	font-weight: 700;
	width: 15%;
	min-width: 100px;
	font-size: .85em;
}
.compare-table tbody th,
.compare-table tbody td{
	border-right: 1px solid #e8edf3;
}
.compare-table tbody th:last-child,
.compare-table tbody td:last-child{
	border-right: none;
}
.compare-td-other{
	color: #6b7891;
}
.compare-table .compare-td-miteras{
	background: rgba(79,149,216,.08);
	color: var(--miteras-navy);
	font-weight: 600;
}
/* チェック＋本文。flexでぶら下げ（2行目の頭を本文に揃える） */
.compare-td-miteras-inner{
	display: flex;
	align-items: flex-start;
	gap: 6px;
}
.compare-td-miteras-inner::before{
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: var(--miteras-accent);
	flex-shrink: 0;
	line-height: inherit;
}
.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td{
	border-bottom: none;
}
.compare-scroll-hint{
	text-align: center;
	font-size: .72em;
	color: #888;
	margin: 12px 0 0;
}

/* === 対象業種・用途 === */
.contents.usecase-scope-section{
	background: var(--miteras-silver-light);
}
.usecase-scope-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.usecase-scope-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.usecase-scope-list{
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.usecase-scope-card{
	background: #fff;
	border-radius: 10px;
	padding: 24px 22px;
	box-shadow: 0 10px 28px -16px rgba(24,36,62,.2);
	text-align: center;
}
.usecase-scope-icon{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--miteras-silver-light);
	color: var(--miteras-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	margin: 0 auto 14px;
}
.usecase-scope-title{
	font-weight: 700;
	font-size: 1em;
	line-height: 1.5;
	color: var(--miteras-navy);
	margin: 0 0 10px;
	text-align: center;
}
.usecase-scope-desc{
	text-align: left;
}
.usecase-scope-desc p{
	font-size: .85em;
	line-height: 1.8;
	color: #4a5468;
	margin: 0;
}

/* === 1ヶ月フロー === */
.contents.flow-section{
	background: #fff;
}
.flow-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.flow-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.flow-list{
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.flow-step{
	margin-left: 0;  /* base.css の `ol li{margin-left:20px}` を打ち消し（右ズレ防止） */
	background: var(--miteras-silver-light);
	border-radius: 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
}
.flow-step:not(:last-child)::after{
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: var(--miteras-accent) transparent transparent transparent;
	z-index: 1;
}
.flow-step-num{
	flex-shrink: 0;
	background: var(--miteras-navy);
	color: #fff;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: .68em;
	letter-spacing: .05em;
	line-height: 1.1;
	font-family: 'Ubuntu', sans-serif;
	margin: 22px auto 14px;
}
.flow-step-num span{
	font-size: 1.8em;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-top: 2px;
}
.flow-step-body{
	width: 100%;
	box-sizing: border-box;
	padding: 0 22px 22px;
}
.flow-step-title{
	font-weight: 700;
	font-size: 1.05em;
	line-height: 1.5;
	color: var(--miteras-navy);
	margin: 0 0 14px;
}
.flow-step-desc p{
	font-size: .85em;
	text-align: left;
	line-height: 1.8;
	color: #4a5468;
	margin: 0;
}
.flow-step-period{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: auto 0 0;
	padding: 10px 14px;
	background: var(--miteras-accent);
	color: #fff;
	font-size: .82em;
	font-weight: 700;
	letter-spacing: .02em;
	text-align: center;
	border-radius: 0 0 12px 12px;
}

/* === USE CASE 現場の課題とMITERASの活用 === */
.contents.voice-section{
	background: var(--miteras-silver-light);
}
/* USE CASE（活用シーン）のリード文 ※適用範囲側は .usecase-scope-lead */
.voice-lead{
	max-width: 760px;
	margin: 0 auto 30px;
}
.voice-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
.voice-list{
	list-style: none;
	padding: 0;
	margin: 50px 0 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 35px;
}
.voice-card{
	background: #fff;
	border-radius: 12px;
	padding: 28px 24px 24px;
	position: relative;
	box-shadow: 0 10px 28px -16px rgba(24,36,62,.2);
	display: flex;
	flex-direction: column;
	text-align: left;
}
.voice-quote-mark{
	position: absolute;
	top: -43px;
	left: 0px;
	font-family: "Shippori Mincho", serif;
	font-size: 12em;
	font-weight: 700;
	color: var(--miteras-accent);
	line-height: 1;
	opacity: .22;
	pointer-events: none;
}
/* お悩みの声（カードのタイトル） */
.voice-title{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	box-sizing: border-box; /* JSで高さを揃えるためpadding分で膨らまないように */
}
.voice-title p{
	font-size: 1.08em;
	line-height: 1.7;
	font-weight: 700;
	color: var(--miteras-navy);
	margin: 0;
}
/* 業種・担当者ケース */
.voice-profile{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e0e6ee;
	box-sizing: border-box; /* JSで高さを揃えるためpadding分で膨らまないように */
}
.voice-profile-industry{
	background: var(--miteras-navy);
	color: #fff;
	font-size: .72em;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 4px;
	letter-spacing: .03em;
}
.voice-profile-role{
	font-size: .82em;
	color: #4a5468;
	font-weight: 600;
	line-height: 1.5;
}
/* 対応・活用イメージの本文 */
.voice-title{
	box-sizing: border-box;
}
.voice-body{
	flex: 1;
	box-sizing: border-box;
}
.voice-body p{
	font-size: .9em;
	line-height: 1.9;
	color: #4a5468;
	margin: 0;
}
.voice-body p + p{
	margin-top: 1em;
}
/* 対応プラン・主な支援内容（A-8のお客様の声） */
.voice-plan{
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #e3e9f1;
}
.voice-plan p{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 10px;
	line-height: 1.5;
	margin: 0;
}
.voice-plan-name{
	/* プラン名は単独で1行。サブタイトルと価格は2行目にまとめる（担当者指定） */
	flex-basis: 100%;
	font-family: "Noto Sans JP", sans-serif;
	font-size: .88em;
	font-weight: 700;
	color: var(--miteras-accent-deep);
	letter-spacing: .04em;
}
.voice-plan-sub{
	font-size: .78em;
	color: #4a5468;
}
.voice-plan-price{
	/* 1行に収まる時は名称・サブと同じ行に。入りきらない場合だけ折り返す（担当者指定） */
	font-family: "Noto Sans JP", sans-serif;
	font-size: .84em;
	color: var(--miteras-navy);
	white-space: nowrap;
}
.voice-support{
	margin-top: 10px;
}
.voice-support p{
	font-size: .78em;
	line-height: 1.75;
	color: #6b7789;
	margin: 0;
}
.voice-support-label{
	/* ラベルは単独で1行。display:table で幅は文字ぶんだけ＋ブロック扱いにする（担当者指定） */
	display: table;
	margin: 0 0 2px;
	background: #eef3f9;
	color: var(--miteras-navy);
	font-size: .92em;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 4px;
}

/* === PRICE 料金 === */
.contents.price-section{
	background: #fff;
}
.price-lead{
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}
.price-lead p{
	font-size: .92em;
	line-height: 1.95;
	color: #4a5468;
	margin: 0;
}
/* 3プラン並び：SPは縦積み、PCで横3カラム */
/* 幅の制御はカードではなくこのコンテナ側で行う（カードにmargin:autoを付けると
   gridでストレッチされず中身の量で幅が変わってしまうため） */
.price-plan-list{
	max-width: 720px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.price-plan-list > .price-card{
	min-width: 0;   /* gridアイテムの min-width:auto を解除し、狭い画面でカードがはみ出さないように */
}
.price-card{
	display: flex;
	flex-direction: column;
	background: var(--miteras-silver-light);
	border: 2px solid var(--miteras-accent);
	border-radius: 14px;
	padding: 28px 20px 22px;
	text-align: center;
	box-shadow: 0 18px 36px -20px rgba(24,36,62,.25);
}
.price-card-header{
	margin-bottom: 20px;
}
.price-plan-badge{
	display: inline-block;
	background: var(--miteras-accent);
	color: #fff;
	font-size: .7em;
	font-weight: 700;
	letter-spacing: .12em;
	padding: 4px 14px;
	border-radius: 4px;
	font-family: sans-serif;
	margin-bottom: 10px;
}
.price-plan-name{
	font-size: 1.1em;
	font-weight: 700;
	color: var(--miteras-navy);
	margin: 0;
}
.price-plan-sub{
	display: block;
	font-size: .7em;
	font-weight: 600;
	color: #4a5468;
	line-height: 1.5;
	margin-top: 6px;
}
.price-card-amount{
	box-sizing: border-box;      /* JSで高さを揃えるためpadding込みで計算 */
	display: flex;
	flex-direction: column;
	justify-content: center;     /* 高さが伸びても金額を縦中央に保つ */
	align-items: center;         /* 金額は必ず横中央 */
	background: #fff;
	padding: 18px 16px;
	border-radius: 10px;
	margin-bottom: 14px;
	color: var(--miteras-navy);
}
.price-amount-from{
	display: block;
	font-size: .7em;
	color: #6a7385;
	letter-spacing: .15em;
	margin-bottom: 6px;
	font-family: sans-serif;
	font-weight: 700;
}
.price-amount-body{
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
	line-height: 1;
	justify-content: center;     /* 金額は常に中央揃え */
}
.price-amount-yen{
	font-size: 1.4em;
	font-weight: 700;
	color: var(--miteras-accent-deep);
	font-family: sans-serif;
}
.price-amount-num{
	font-size: clamp(1.9rem, 9vw, 2.6em);   /* 狭い端末ほど縮めて1行を維持（481px以上はtabで 2.6em に戻す） */
	font-weight: 800;
	color: var(--miteras-navy);
	letter-spacing: -.02em;
	font-family: sans-serif;
}
.price-amount-tax{
	font-size: 0.65em;
	color: #6a7385;
	margin-left: 2px;
	white-space: nowrap;   /* 「（税抜）～」を途中で折り返させない */
}
/* Partner：2種類の月額を並べる */
.price-amount-dual{
	display: grid;
	align-content: center;
	justify-items: center;       /* 2段の金額も必ず横中央 */
	gap: 14px;
}
.price-amount-row{
	display: block;
}
.price-amount-row + .price-amount-row{
	padding-top: 14px;
	border-top: 1px dashed #d5dce6;
}
.price-amount-label{
	display: block;
	font-size: .72em;
	font-weight: 700;
	color: #4a5468;
	line-height: 1.5;
	margin-bottom: 8px;
}
.price-amount-monthly{
	white-space: nowrap;   /* 「月額」を1文字ずつ折り返させない */
	font-size: .85em;
	font-weight: 700;
	color: #4a5468;
	margin-right: 2px;
}
.price-amount-dual .price-amount-num{
	font-size: clamp(1.45rem, 8vw, 2em);   /* SCAN/FOCUS の約0.77倍。比率を保って一緒に伸縮させる */
}
.price-card-period{
	color: var(--miteras-navy);
	font-size: .88em;
	font-weight: 600;
	margin-bottom: 20px;
}
.price-card-period i{
	color: var(--miteras-accent);
	margin-right: 6px;
}
.price-card-content{
	box-sizing: border-box;      /* JSで高さを揃えるためpadding込みで計算 */
	text-align: left;
	background: #fff;
	border-radius: 10px;
	padding: 18px 18px;
	margin-bottom: 16px;
}
.price-card-content-title{
	font-size: .92em;
	font-weight: 700;
	color: var(--miteras-navy);
	margin: 0 0 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e0e6ee;
}
.price-include-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}
.price-include-list li{
	font-size: .86em;
	line-height: 1.5;
	color: #2c3650;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.price-include-list li i{
	color: var(--miteras-accent);
	font-size: .85em;
	flex-shrink: 0;
	padding-top: 5px;
}
.price-card-desc p{
	font-size: .86em;
	line-height: 1.8;
	color: #2c3650;
	margin: 0;
}
/* 注記：カードの外・プラン一覧の下に配置 */
.price-note{
	max-width: 1100px;
	margin: 24px auto 0;
}
.price-note p{
	font-size: .75em;
	color: #6a7385;
	line-height: 1.7;
	margin: 0;
	text-align: left;
	padding-left: 1em;   /* ※の幅ぶん字下げ（ぶら下げインデント） */
	text-indent: -1.2em;   /* 1行目だけ戻して※を左端に揃える */
}
.price-note p + p{
	margin-top: .5em;      /* 2個目以降の注釈に行間を確保 */
}
.price-card-cta{
	margin-top: auto;
}
.price-cta-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--miteras-accent);
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700;
	padding: 16px 18px;
	border-radius: 8px;
	font-size: .95em;
	box-shadow: 0 10px 24px -10px rgba(79,149,216,.5);
	transition: opacity .2s;
}
.price-cta-btn .inner{
	line-height: 1.5;
}
.price-cta-btn:hover{
	opacity: .85;
	color: #fff !important;
}
.price-cta-btn i.fa-arrow-right{
	transition: transform .2s;
}
.price-cta-btn:hover i.fa-arrow-right{
	transform: translateX(4px);
}
/* === FAQ よくあるご質問 === */
.contents.faq-section{
	background: var(--miteras-silver-light);
}
.faq-list{
	list-style: none;
	padding: 0;
	margin: 30px auto 0;
	max-width: 880px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.faq-item{
	background: #fff;
	border-radius: 12px;
	padding: 22px 22px;
	box-shadow: 0 10px 28px -16px rgba(24,36,62,.2);
}
.faq-question{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e8edf3;
	margin-bottom: 14px;
}
.faq-q-mark{
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	background: var(--miteras-navy);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1em;
	font-family: sans-serif;
}
.faq-q-text{
	flex: 1;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.6;
	color: var(--miteras-navy);
	margin: 5px 0 0;
}
/* --- アコーディオン（.js-faq はJS実行時のみ付与。JS無効時は全問開いたまま） --- */
.js-faq .faq-question{
	position: relative;
	cursor: pointer;
	padding-right: 32px;
}
.js-faq .faq-question::after{
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f077"; /* fa-chevron-up */
	position: absolute;
	top: 10px;
	right: 4px;
	font-size: .8em;
	color: var(--miteras-accent-deep);
	transition: transform .25s;
}
.js-faq .faq-item.is-closed .faq-question{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.js-faq .faq-item.is-closed .faq-question::after{
	transform: rotate(180deg); /* 閉じている時は下向き＝「開けます」の合図 */
}
.faq-answer{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.faq-a-mark{
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	background: var(--miteras-accent);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1em;
	font-family: sans-serif;
}
.faq-a-text{
	flex: 1;
	padding-top: 4px;
}
.faq-a-text p{
	font-size: .88em;
	line-height: 1.9;
	color: #4a5468;
	margin: 0;
}

/* === 会社概要 認定・宣言マーク === */
.cpn-credentials{
	max-width: 800px;
	list-style: none;
	padding: 0;
	margin: 16px auto 28px;   /* 控えめに：上下マージン縮小 */
	display: grid;
	grid-template-columns: 1fr 1fr;  /* SPでも2つ横並びでコンパクトに */
	gap: 10px;
}
.cpn-credential{
	display: flex;
	flex-direction: column;        /* 画像上・文字下の縦積み */
	gap: 8px;
	align-items: center;           /* 画像は中央寄せ */
	background: #fbfcfd;            /* ごく薄い背景で箱とわかる程度 */
	border: 1px solid #e3e8ef;     /* 薄い枠は残す（区切りを明確に） */
	border-radius: 8px;
	padding: 12px 14px;            /* コンパクトな箱の余白 */
	box-shadow: none;               /* 影は出さず控えめに */
}
.cpn-credential-img{
	flex-shrink: 0;
	width: 100%;
	height: 50px;                   /* 囲みdivの高さを50pxで揃える（横ライン統一） */
	display: flex;
	align-items: center;            /* 画像を縦中央に */
	justify-content: center;        /* 画像を横中央に */
}
.cpn-credential-img img{
	max-height: 50px;               /* 高さは最大50px */
	max-width: 100%;                /* 横幅は箱からはみ出さない */
	width: auto;
	height: auto;                   /* 比率を絶対に崩さない */
	display: block;
}
.cpn-credential-info{
	width: 100%;
	text-align: left;               /* テキストは左寄せ */
}
.cpn-credential-title{
	font-size: .78em;
	font-weight: 700;
	color: #6a7385;                 /* navy → 薄いグレーでトーンダウン */
	margin: 0 0 3px;
	line-height: 1.4;
	text-align: center;            /* タイトルだけ中央寄せ（説明文は左寄せのまま） */
	box-sizing: border-box;        /* JSで高さ揃え（script.js）：paddingで膨らまない */
}
.cpn-credential-desc p{
	font-size: .68em;
	line-height: 1.55;
	color: #8a93a4;                 /* 説明文もさらに淡く */
	margin: 0;
}

/* === 最終CTA === */
.contents.final-cta-section{
	background: var(--miteras-deep);
	color: #fff;
	position: relative;
	overflow: hidden;
}
.final-cta-section::before{
	content: "";
	position: absolute;
	top: -120px;
	right: -80px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(79,149,216,.18) 0%, rgba(79,149,216,0) 70%);
	pointer-events: none;
}
/* 右下に薄く幾何学ラインを重ねる装飾 */
.final-cta-section::after{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 270px;
	background: url(../../p-img/101625_1/bg_line01.svg) no-repeat right bottom;
	background-size: contain;
	opacity: .85;
	pointer-events: none;
	z-index: 0;
}
.final-cta-section .w1200{
	position: relative;
	z-index: 1;
}
.final-cta{
	text-align: center;
	max-width: 720px;
	margin: 0 auto;
	padding: 20px 0;
}
.final-cta-eyebrow{
	font-family: sans-serif;
	font-size: .82em;
	font-weight: 700;
	letter-spacing: .25em;
	color: var(--miteras-accent);
	margin-bottom: 14px;
}
.final-cta-catch{
	font-family: "Shippori Mincho", "Noto Serif JP", serif;
	font-size: 1.7em;
	font-weight: 800;
	line-height: 1.5;
	color: #fff;
	margin: 0 0 20px;
}
.final-cta-catch .dq{
	color: var(--miteras-accent);
}
.final-cta-catch-sub{
	display: inline-block;
	font-size: .62em;
	line-height: 1.5;
}
.final-cta-lead{
	margin: 46px 0 44px;
}
.final-cta-lead p{
	font-size: .9em;
	line-height: 1.95;
	color: var(--miteras-text-light);
	margin: 0;
}
.final-cta-lead p + p{
	margin-top: 1em;
}
.final-cta-btn-wrap{
	display: flex;
	justify-content: center;
}
.final-cta-btn-wrap p{
	margin: 0;
	width: 100%;
	max-width: 540px;
}
.final-cta-btn{
	max-width: 540px;
	width: 100%;
	position: relative;
	display: inline-block;
	line-height: 1.4;
	text-align: center;
	background: linear-gradient(135deg, var(--miteras-accent), var(--miteras-accent-deep));
	color: #fff !important;
	padding: 20px 50px 20px 58px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 1.05em;
	text-decoration: none !important;
	letter-spacing: 1px;
	box-shadow: 0 12px 30px -8px rgba(47,111,176,.6);
	transition: transform .2s, box-shadow .2s;
	box-sizing: border-box;
}
.final-cta-text{
	display: block;
	text-align: center;
}
.final-cta-inner{
	display: inline-block;
	text-align: left;
	width: min-content;
}
.final-cta-inner .inblock{
	white-space: nowrap;
}
.final-cta-badge{
	position: absolute;
	top: -28px;
	left: -16px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff9a3c, #E77B3A);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: .82em;
	font-weight: 800;
	line-height: 1.2;
	transform: rotate(-10deg);
	box-shadow: 0 8px 16px rgba(0,0,0,.25);
	animation: fv-cta-badge-pulse 1.8s ease-in-out infinite;
}
.final-cta-btn:hover{
	transform: translateY(-2px);
	box-shadow: 0 18px 38px -8px rgba(47,111,176,.75);
	opacity: 1 !important;
	color: #fff !important;
}
.final-cta-btn i.fa-arrow-right{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: transform .2s;
}
.final-cta-btn:hover i.fa-arrow-right{
	transform: translateY(-50%) translateX(6px);
}

.reason-num{
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: .72em;
	letter-spacing: .14em;
	color: var(--miteras-accent);
	font-weight: 600;
	margin-bottom: 6px;
	line-height: 1;
}
.reason-num b{
	font-weight: 800;
	font-size: 1.6em;
	margin-left: 4px;
	letter-spacing: 0;
}
.reason-title{
	font-weight: 700;
	font-size: 1.08em;
	line-height: 1.55;
	color: var(--miteras-navy);
	margin: 0 0 10px;
}
.reason-desc p{
	font-size: .88em;
	line-height: 1.85;
	color: #4a5468;
	margin: 0;
}










/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 480px) {

	

	
	
	
	
	
	
}