/**************************************** 共通設定 ****************************************/
/* ミリョクル site2 — モノトーン基調 × アンバーアクセント
   ベース    : #111 ニアブラック / #fff / #f2f2f2
   アクセント : #e8833a アンバー（ラベル・罫のみに限定使用）
   フッター  : #012 ダークネイビー → #000
   ※角丸を使わない・見出しは font-weight:normal の細字・vh基準の余白
*/
html,body {font-size:0.9vw;margin:0;padding:0;}
body {background:#fff;color:#111;line-height:1.5em;
	font-family:"Zen Kaku Gothic New","IBM Plex Sans JP","Roboto","Noto Sans Japanese","Helvetica",sans-serif;}
div,h1,h2,h3,h4,ul,li,dl,dt,dd,img {margin:0px; padding:0px;}
ul {list-style:none; margin:0px; padding:0px;}
p {margin:0px; padding:0px;}
a,a:visited {color:#111; text-decoration:none;}
a:hover {color:#111; text-decoration:underline;}
a img {border-style:none;}
input, button, textarea, select { -webkit-appearance:none; -moz-appearance:none; appearance:none; }
* {box-sizing:border-box;}
.clear {clear:both;}
.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
/*SP*/
@media (max-width: 896px){
	html,body {font-size:2.5vw;}
}

/*共通表示切替*/
@media (max-width: 896px){ .pc {display:none !important;} }
@media (min-width: 897px){ .sp {display:none !important;} }

/*カラム*/
@media (min-width: 897px){
.collist {display:flex; flex-wrap:wrap;}
.collist.reverse {flex-direction:row-reverse;}
.col2 .inner {width:50%;} .col3 .inner {width:33.3%;} .col4 .inner {width:25%;} .col5 .inner {width:20%;}
}

.bgimage {background-repeat:no-repeat;background-position:center center;background-size:cover;}
.coverbg {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background-repeat:no-repeat;background-position:center center;background-size:cover;}

/*見出し・本文の基本*/
h1 {font-size:2.6rem;font-weight:normal;line-height:1.5em;}
h2 {font-size:1.8rem;font-weight:normal;line-height:1.5em;}
h3 {line-height:1.3em;font-weight:normal;}
p  {font-size:1.0rem;line-height:2.0em;}
li {font-size:1.0rem;line-height:2.0em;}
strong {font-weight:bold;}
/*レスポンシブ*/
@media (max-width: 1200px){ h1 {font-size:2.4rem;} h2 {font-size:2.0rem;} }
@media (max-width: 1000px){ h1 {font-size:2.2rem;} h2 {font-size:1.9rem;} p {font-size:0.95rem;} }
@media (max-width: 896px){ h1 {font-size:1.7rem;} h2 {font-size:1.4rem;} }

/*コンテンツ枠*/
.contentarea {padding:12vh 5vw;}
.content {width:62vw;max-width:100%;margin:0px auto;}
.content.wide {width:86vw;}
/*SP*/
@media (max-width: 896px){
	.contentarea {padding:7vh 5vw;}
	.content, .content.wide {width:100%;}
}

/*ボタン（角丸なし・反転ホバー）*/
a.btn, span.btn {display:inline-block;text-align:center;padding:1.5em 3em;background:#fff;
	border:solid #111 0.1rem;color:#111;margin-top:1vw;font-size:1.0rem;line-height:1em;max-width:100%;
	letter-spacing:0.08em;transition:0.3s;}
a.btn:hover, span.btn:hover {text-decoration:none;border:solid #111 0.1rem;color:#fff;background:#111;}
a.btn2, span.btn2 {display:inline-block;text-align:center;padding:1.5em 3em;background:#111;
	border:solid #fff 0.1rem;color:#fff;margin-top:1vw;font-size:1.0rem;line-height:1em;max-width:100%;
	letter-spacing:0.08em;transition:0.3s;}
a.btn2:hover, span.btn2:hover {text-decoration:none;border:solid #111 0.1rem;color:#111;background:#fff;}
a.btn.cv {background:#e8833a;border:solid #e8833a 0.1rem;color:#fff;}
a.btn.cv:hover {background:#fff;color:#e8833a;border:solid #e8833a 0.1rem;}
a.btn.line {background:#06c755;border:solid #06c755 0.1rem;color:#fff;}
a.btn.line:hover {background:#fff;color:#06c755;border:solid #06c755 0.1rem;}
/*SP*/
@media (max-width: 896px){
	a.btn, span.btn, a.btn2, span.btn2 {font-size:1.2rem;padding:1.3em 2em;margin-top:1.5em;}
}

/*inview*/
.inview {opacity:0;transform:translateY(3vh);}
.inview.on {opacity:1;transform:translateY(0px);transition:1.2s;}

/**************************************** 共通パーツ ****************************************/
/*heading（h3ラベル → h2 → p）ESV流の見出しブロック*/
.heading {padding:0 0 5vh 0;}
.heading h3 {font-size:0.9rem;font-weight:bold;color:#e8833a;letter-spacing:0.2em;margin-bottom:1.2em;}
.heading h1, .heading h2 {font-size:3.2rem;font-weight:normal;line-height:1.4em;margin-bottom:0.5em;}
.heading p {font-size:1.0rem;}
.heading.center {text-align:center;}
/*SP*/
@media (max-width: 896px){
	.heading h3 {font-size:1.0rem;}
	.heading h1, .heading h2 {font-size:1.8rem;}
	.heading p {font-size:1.2rem;}
}

/*要点カプセル（AIO：冒頭の直接回答ブロック）*/
.capsule {background:#f2f2f2;border-left:solid #e8833a 0.3rem;padding:4vh 3vw;margin:0 0 6vh 0;}
.capsule .label {font-size:0.85rem;font-weight:bold;color:#e8833a;letter-spacing:0.2em;margin-bottom:1.2em;display:block;}
.capsule p {font-size:1.15rem;line-height:2.0em;}
/*SP*/
@media (max-width: 896px){
	.capsule {padding:3vh 5vw;margin-bottom:4vh;}
	.capsule .label {font-size:1.0rem;}
	.capsule p {font-size:1.2rem;}
}

/*表（AIO：比較情報は必ず表にする）*/
.tablewrap {overflow-x:auto;margin:3vh 0 6vh 0;-webkit-overflow-scrolling:touch;}
table.dt {width:100%;border-collapse:collapse;font-size:0.95rem;line-height:1.8em;min-width:34rem;}
table.dt th, table.dt td {border:solid #ddd 1px;padding:1.4em 1.2em;text-align:left;vertical-align:top;}
table.dt th {background:#111;color:#fff;font-weight:normal;white-space:nowrap;letter-spacing:0.05em;}
table.dt td.head {background:#f7f7f7;font-weight:bold;white-space:nowrap;}
table.dt .em {color:#c0632a;font-weight:bold;}
/*SP*/
@media (max-width: 896px){
	table.dt {font-size:1.05rem;min-width:46rem;}
	table.dt th, table.dt td {padding:1em 0.8em;}
}

/*リスト*/
ul.dl, ol.dl {margin:2vh 0 6vh 0;padding-left:1.4em;}
ul.dl li {list-style-type:disc;font-size:1.0rem;line-height:2.0em;margin-bottom:1em;}
ol.dl li {list-style-type:decimal;font-size:1.0rem;line-height:2.0em;margin-bottom:1.4em;padding-left:0.3em;}
/*SP*/
@media (max-width: 896px){
	ul.dl li, ol.dl li {font-size:1.2rem;}
}

/*名義人コメント（AIO：実名引用）*/
.quote {border-top:solid #111 1px;border-bottom:solid #111 1px;padding:4vh 3vw;margin:4vh 0 6vh 0;}
.quote blockquote {margin:0;padding:0;}
.quote blockquote p {font-size:1.15rem;line-height:2.2em;}
.quote .who {font-size:0.85rem;color:#666;margin-top:2em;display:block;text-align:right;letter-spacing:0.1em;}
.quote .who strong {color:#111;}
/*SP*/
@media (max-width: 896px){
	.quote {padding:3vh 5vw;}
	.quote blockquote p {font-size:1.2rem;}
	.quote .who {font-size:1.0rem;}
}

/*注記・打消し表示（景表法対応で必ず目立たせる）*/
.notice {background:#fbf7f3;border:solid #e0cbb6 1px;padding:3vh 3vw;margin:3vh 0 6vh 0;}
.notice .label {font-size:0.85rem;font-weight:bold;color:#c0632a;display:block;margin-bottom:1.2em;letter-spacing:0.2em;}
.notice ul {padding-left:1.3em;}
.notice li {list-style-type:disc;font-size:0.9rem;line-height:1.9em;margin-bottom:0.7em;color:#333;}
/*SP*/
@media (max-width: 896px){
	.notice {padding:3vh 5vw;}
	.notice .label {font-size:1.0rem;}
	.notice li {font-size:1.05rem;}
}

/*補足ボックス*/
.notebox {background:#f2f2f2;padding:4vh 3vw;margin:4vh 0;}
.notebox h3 {font-size:1.3rem;margin-bottom:1em;}
.notebox p {font-size:1.0rem;}
/*SP*/
@media (max-width: 896px){
	.notebox {padding:3vh 5vw;}
	.notebox h3 {font-size:1.3rem;}
	.notebox p {font-size:1.15rem;}
}

/*出典表記*/
.src {font-size:0.8rem;color:#888;line-height:1.9em;display:block;margin:-4vh 0 5vh 0;}
.src a {color:#888;text-decoration:underline;}
/*SP*/
@media (max-width: 896px){ .src {font-size:0.95rem;margin:-3vh 0 4vh 0;} }

/*関連リンク*/
.related {margin:10vh 0 0 0;padding-top:5vh;border-top:solid #111 1px;}
.related h3 {font-size:1.3rem;margin-bottom:1.5em;letter-spacing:0.05em;}
.related a.rl {display:block;font-size:1.0rem;line-height:1.7em;padding:1.4em 0 1.4em 2em;
	border-bottom:solid #eee 1px;position:relative;transition:0.3s;}
.related a.rl:before {content:"";position:absolute;left:0;top:2.1em;width:1em;height:1px;background:#e8833a;}
.related a.rl:hover {text-decoration:none;padding-left:2.6em;}
/*SP*/
@media (max-width: 896px){ .related a.rl {font-size:1.15rem;} }

/*著者表示（E-E-A-T）*/
.authorbox {display:flex;align-items:center;gap:2rem;border:solid #ddd 1px;padding:4vh 3vw;margin:8vh 0 0 0;}
.authorbox .ini {width:5rem;height:5rem;flex:0 0 5rem;background:#111;color:#fff;
	display:flex;align-items:center;justify-content:center;font-size:1.3rem;letter-spacing:0.05em;}
.authorbox .txt p {font-size:0.9rem;line-height:1.9em;}
.authorbox .txt .nm {font-size:1.15rem;font-weight:bold;display:block;margin-bottom:0.5em;letter-spacing:0.05em;}
/*SP*/
@media (max-width: 896px){
	.authorbox {padding:3vh 5vw;gap:1.2rem;}
	.authorbox .ini {width:4rem;height:4rem;flex:0 0 4rem;font-size:1.1rem;}
	.authorbox .txt p {font-size:1.05rem;}
}

/*更新日*/
.updated {font-size:0.85rem;color:#888;display:block;margin-top:2em;letter-spacing:0.1em;}
@media (max-width: 896px){ .updated {font-size:1.0rem;} }

/**************************************** ヘッダー ****************************************/
.headerarea {position:fixed;top:0px;left:0px;width:100%;height:10vh;z-index:7000;transition:0.4s;
	background:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}

.logoarea {position:absolute;top:1.5vh;left:3vw;z-index:7200;}
.logoarea a {display:block;}
.logoarea img {height:7vh;width:auto;display:block;transition:0.4s;}

.menu {position:fixed;top:0px;right:0px;width:82vw;height:10vh;padding:0px 3vw;z-index:7100;}

/*右端の常設CTAボタン*/
.menu .ctabtn {float:right;padding-top:2vh;padding-left:1.5vw;height:100%;width:11vw;}
.menu .ctabtnarea {position:relative;display:block;border:solid #111 0.3vh;height:6vh;background:#fff;
	overflow:hidden;transition:0.3s;}
.menu .ctabtn a {display:block;font-size:0.85rem;line-height:5.4vh;text-align:center;color:#111;font-weight:bold;
	letter-spacing:0.05em;}
.menu .ctabtn a:hover {text-decoration:none;background:#111;color:#fff;}

/*上段（サブメニュー）*/
.menu .upmenu {width:66vw;height:5vh;float:right;text-align:right;}
.menu .upmenu a {font-size:0.8rem;color:#666;display:inline-block;padding:0px 0.9rem;line-height:5vh;letter-spacing:0.05em;}
.menu .upmenu a:hover {text-decoration:none;color:#111;}

/*下段（メインメニュー）*/
.menu .menulist {width:66vw;float:right;height:5vh;text-align:right;}
.menu .menulist ul.menuitem li {display:inline-block;}
.menu .menulist ul.menuitem li a {font-size:0.95rem;line-height:5vh;color:#111;display:inline-block;
	padding:0px 1rem;letter-spacing:0.05em;position:relative;}
.menu .menulist ul.menuitem li a:after {content:"";position:absolute;left:1rem;right:1rem;bottom:0.8vh;
	height:1px;background:#e8833a;transform:scaleX(0);transition:0.3s;}
.menu .menulist ul.menuitem li a:hover {text-decoration:none;}
.menu .menulist ul.menuitem li a:hover:after {transform:scaleX(1);}

/*TOPページ：ヒーロー上では透過＋白文字。スクロールで白背景に戻る*/
.toppage .headerarea {background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
	background:linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0));}
.toppage .headerarea .logoarea img {filter:brightness(0) invert(1);}
.toppage .headerarea .menu .upmenu a {color:rgba(255,255,255,0.8);}
.toppage .headerarea .menu .menulist ul.menuitem li a {color:#fff;}
.toppage .headerarea .menu .ctabtnarea {border:solid #fff 0.3vh;background:rgba(0,0,0,0.2);}
.toppage .headerarea .menu .ctabtn a {color:#fff;}
.toppage .headerarea .menu .ctabtn a:hover {background:#fff;color:#111;}
/*スクロール後*/
.toppage .headerarea.on {background:rgba(255,255,255,0.9);
	-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:0.6s;}
.toppage .headerarea.on .logoarea img {filter:none;}
.toppage .headerarea.on .menu .upmenu a {color:#666;}
.toppage .headerarea.on .menu .menulist ul.menuitem li a {color:#111;}
.toppage .headerarea.on .menu .ctabtnarea {border:solid #111 0.3vh;background:#fff;}
.toppage .headerarea.on .menu .ctabtn a {color:#111;}
.toppage .headerarea.on .menu .ctabtn a:hover {background:#111;color:#fff;}

.menubtn {display:none;}

/*SP*/
@media (max-width: 896px){
	.logoarea {top:2vh;left:4vw;}
	.logoarea img {height:6vh;}

	.menu {width:100%;height:100vh;background:#111;padding:12vh 0px 10vh 0px;
		transform:translateX(300vw) scale(1.6);filter:blur(2rem);transition:0.2s;overflow-y:auto;
		-ms-overflow-style:none;scrollbar-width:none;}
	.menu::-webkit-scrollbar {display:none;}
	.menu.on {transform:translateX(0vw) scale(1);filter:blur(0rem);transition:0.4s;}

	.menu .menulist {width:100%;float:none;height:auto;text-align:center;}
	.menu .menulist ul.menuitem {display:flex;flex-wrap:wrap;padding:0px 6vw;}
	.menu .menulist ul.menuitem li {display:block;width:49%;margin:0px 0.5%;border-bottom:solid #444 1px;}
	.menu .menulist ul.menuitem li a {font-size:1.3rem;display:block;width:100%;padding:1em 0px;color:#fff;line-height:1.5em;}
	.menu .menulist ul.menuitem li a:after {display:none;}

	.menu .upmenu {width:100%;height:auto;float:none;text-align:center;padding:4vh 6vw 0 6vw;}
	.menu .upmenu a {color:#999;font-size:1.1rem;line-height:2.4em;padding:0 0.8rem;}

	.menu .ctabtn {float:none;width:88%;margin:5vh auto 0 auto;padding:0;height:auto;}
	.menu .ctabtnarea {height:auto;border:solid #fff 2px;background:none;}
	.menu .ctabtn a {color:#fff;font-size:1.3rem;line-height:1em;padding:1.3em 0;}

	/*TOPページSPはメニュー内を常に白文字に*/
	.toppage .headerarea .menu .upmenu a {color:#999;}
	.toppage .headerarea.on .menu .upmenu a {color:#999;}
	.toppage .headerarea.on .menu .menulist ul.menuitem li a {color:#fff;}
	.toppage .headerarea .menu .ctabtnarea,
	.toppage .headerarea.on .menu .ctabtnarea {border:solid #fff 2px;background:none;}
	.toppage .headerarea .menu .ctabtn a,
	.toppage .headerarea.on .menu .ctabtn a {color:#fff;}

	/*ハンバーガー*/
	.menubtn {display:block;position:fixed;top:0%;right:0%;z-index:9900;width:10vh;height:10vh;}
	.menubtn .bar {position:absolute;height:2px;width:5vh;background:#111;transition:0.2s;}
	.menubtn .bar.bar1 {top:43%;left:25%;}
	.menubtn .bar.bar2 {top:57%;left:25%;}
	.menubtn.on .bar {background:#fff;transition:0.4s;}
	.menubtn.on .bar.bar1 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(45deg);}
	.menubtn.on .bar.bar2 {top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotateZ(135deg);}
	.toppage .menubtn .bar {background:#fff;}
	.toppage .headerarea.on .menubtn .bar {background:#111;}
	.toppage .headerarea.on .menubtn.on .bar {background:#fff;}
}

/**************************************** カードリスト ****************************************/
.cardlist {background:#111;padding:10vh 8vw;position:relative;z-index:3000;}
.cardlist .heading {text-align:center;padding-bottom:5vh;}
.cardlist .heading h2 {color:#fff;}
.cardlist .heading p {color:#bbb;}
.cardlist .inner {padding:0.3rem;position:relative;}
.cardlist .inner .box {width:100%;height:100%;position:relative;overflow:hidden;}
.cardlist .inner .imagearea {position:relative;height:44vh;}
.cardlist .inner .imagearea img {width:100%;height:100%;object-fit:cover;display:block;transition:1.5s;}
.cardlist .inner:hover .imagearea img {transform:scale(1.08);}
.cardlist .inner .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.35);transition:1s;}
.cardlist .inner:hover .cover {background:rgba(0,0,0,0.8);}
.cardlist .inner a {position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;}
.cardlist .inner a:hover {text-decoration:none;}
.cardlist .inner h2 {font-size:1.25rem;color:#fff;text-shadow:0px 0px 6px rgba(0,0,0,0.6);line-height:1.7em;}
.cardlist .inner h3 {font-size:0.8rem;color:#e8b98a;text-shadow:0px 0px 6px rgba(0,0,0,0.6);letter-spacing:0.15em;margin-bottom:1em;}
.cardlist .inner span.btn {background:none;border:solid #fff 0.1rem;color:#fff;font-size:0.8rem;padding:1em 2em;margin-top:1.5em;}
/*PC：タイトルを縦書きで右上に*/
@media (min-width: 897px){
	.cardlist .inner .textbox {position:absolute;top:0%;right:0%;padding:3vh 2vh;
		-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
	.cardlist .inner p {position:absolute;bottom:3vh;left:8%;width:84%;font-size:0.85rem;line-height:1.9em;
		color:#fff;opacity:0;text-align:center;}
	.cardlist .inner:hover p {opacity:1;transition:1s;}
}
/*SP*/
@media (max-width: 896px){
	.cardlist {padding:7vh 5vw;}
	.cardlist .inner {padding:0rem 0rem 0.7rem 0rem;}
	.cardlist .inner .imagearea {height:22vh;}
	.cardlist .inner .cover {background:rgba(0,0,0,0.5);}
	.cardlist .inner:hover .cover {background:rgba(0,0,0,0.5);}
	.cardlist .inner .textbox {position:absolute;top:50%;left:6vw;right:6vw;transform:translateY(-50%);}
	.cardlist .inner h3 {font-size:1.0rem;text-align:left;}
	.cardlist .inner h2 {font-size:1.35rem;text-align:left;}
	.cardlist .inner p {display:none;}
	.cardlist .inner span.btn {display:none;}
}

/**************************************** CTAエリア ****************************************/
.ctaarea {display:flex;position:relative;z-index:3000;}
.ctaarea .textbox {width:50vw;padding:10vh 4vw 10vh 6vw;position:relative;
	background:#111 url('../img/cmn/bg_footer.jpg') no-repeat center center;background-size:cover;}
.ctaarea .textbox:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.62);}
.ctaarea .textbox .inner {position:relative;z-index:10;}
.ctaarea .textbox h3 {font-size:0.85rem;font-weight:bold;color:#e8833a;letter-spacing:0.2em;margin-bottom:1.2em;}
.ctaarea .textbox h2 {font-size:3.0rem;line-height:1.35em;color:#fff;margin-bottom:0.6em;}
.ctaarea .textbox p {font-size:1.0rem;color:#ddd;line-height:2.1em;}
.ctaarea .textbox a.btn {margin-top:2em;margin-right:0.5rem;}
.ctaarea .infobox {width:50vw;background:#f2f2f2;padding:10vh 5vw;display:flex;align-items:center;}
.ctaarea .infobox dl {width:100%;}
.ctaarea .infobox dt {font-size:0.8rem;color:#888;letter-spacing:0.15em;margin-bottom:0.5em;}
.ctaarea .infobox dd {font-size:1.05rem;line-height:1.9em;margin-bottom:2.5em;padding-bottom:2.5em;border-bottom:solid #ddd 1px;}
.ctaarea .infobox dd:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
/*SP*/
@media (max-width: 896px){
	.ctaarea {display:block;}
	.ctaarea .textbox {width:100%;padding:8vh 6vw;}
	.ctaarea .textbox h2 {font-size:1.9rem;}
	.ctaarea .textbox p {font-size:1.2rem;}
	.ctaarea .textbox a.btn {width:100%;margin-right:0;}
	.ctaarea .infobox {width:100%;padding:7vh 6vw;}
	.ctaarea .infobox dt {font-size:1.0rem;}
	.ctaarea .infobox dd {font-size:1.15rem;}
}

/**************************************** フッター ****************************************/
.footerarea {position:relative;z-index:3000;}

.pankuzuarea {width:100%;padding:0 0 1.5em 0;}
.pankuzuarea .pankuzu {font-size:0.75rem;color:#999;}
.pankuzuarea .pankuzu span {display:inline-block;padding:0.2em 0.2em;}
.pankuzuarea .pankuzu a {color:#999;display:inline-block;padding:0.2em 0.2em;}
/*SP*/
@media (max-width: 896px){ .pankuzuarea .pankuzu {font-size:0.95rem;line-height:1.9em;} }

.footer01 {display:flex;padding:8vh 10vw;background:#001122;}
.footermenu01 {width:58%;}
.footermenu02 {width:42%;padding-left:4vw;}
.footermenu01 .collist {width:100%;}
.footermenu01 ul.menuitem li a {font-size:0.8rem;color:#999;display:inline-block;padding:0.7em 0.2em;line-height:1.6em;}
.footermenu01 ul.menuitem li a:hover {color:#fff;text-decoration:none;}
.footermenu01 ul.menuitem li.ttl {font-size:0.8rem;color:#fff;letter-spacing:0.15em;padding:0 0 0.8em 0.2em;border-bottom:solid #234 1px;margin-bottom:0.8em;}
.footermenu02 .logo {margin-bottom:2.5em;}
.footermenu02 .logo img {height:6vh;width:auto;filter:brightness(0) invert(1);}
.footermenu02 p {font-size:0.85rem;line-height:2.0em;color:#aaa;}
.footermenu02 .box {background:rgba(255,255,255,0.05);margin-bottom:0.5vw;padding:2vh 1.5vw;}
.footermenu02 .box a {color:#fff;}
.footermenu02 .btnwrap a {display:block;font-size:0.85rem;text-align:center;padding:1.3em 0;margin-bottom:0.4rem;
	background:#223344;color:#fff;border:solid #445566 1px;transition:0.3s;}
.footermenu02 .btnwrap a:hover {background:#fff;color:#111;text-decoration:none;border:solid #fff 1px;}

.footer02 {background:#000;display:flex;padding:2.5vh 10vw;align-items:center;}
.footermenu03 {width:60%;}
.footermenu03 ul.menuitem li {display:inline-block;}
.footermenu03 ul.menuitem li a {font-size:0.75rem;color:#888;display:inline-block;padding:0px 1em 0px 0px;}
.footermenu03 ul.menuitem li a:hover {color:#fff;text-decoration:none;}
.copyright {width:40%;font-size:0.75rem;color:#888;text-align:right;line-height:1.8em;}

/*SP*/
@media (max-width: 896px){
	.footer01 {display:block;padding:6vh 6vw;}
	.footermenu01 {width:100%;}
	.footermenu02 {width:100%;padding-left:0;padding-top:5vh;}
	.footermenu01 .collist {display:flex;flex-wrap:wrap;}
	.footermenu01 .collist .inner {width:50%;padding-bottom:3vh;}
	.footermenu01 ul.menuitem li a {font-size:1.05rem;}
	.footermenu01 ul.menuitem li.ttl {font-size:1.0rem;}
	.footermenu02 .logo img {height:5vh;}
	.footermenu02 p {font-size:1.05rem;}
	.footermenu02 .box {padding:2vh 5vw;}
	.footermenu02 .btnwrap a {font-size:1.2rem;}
	.footer02 {display:block;padding:4vh 6vw;}
	.footermenu03 {width:100%;margin-bottom:3vh;}
	.footermenu03 ul.menuitem li {display:block;}
	.footermenu03 ul.menuitem li a {font-size:1.05rem;display:block;padding:0.6em 0;}
	.copyright {width:100%;font-size:1.0rem;text-align:left;}
}