/*------------------------------------------------------------
theme name: retroinsatsu
version: 210218-250928
author: レトロ印刷
author uri:
------------------------------------------------------------*/
@charset "utf-8";

/*------------------------------------------------------------
base
------------------------------------------------------------*/
* {outline: none;}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center;}
.top {vertical-align: top!important;}
.middle {vertical-align: middle!important;}
.bottom {vertical-align: bottom!important;}
.clear {clear: both;}
.clearfix {overflow: hidden;}
.relative {position: relative!important;}
.absolute {position: absolute!important;}
.fixed {position: fixed!important;}
.block {display: block!important;}
.transparent {background: transparent!important;}
/*------------------------------------------------------------*/
.bold {font-weight: 700;}
.small {font-size: 12px;}
.large {font-size: 17px; font-weight: 700;}
.white {color: #fff;}
.red {color: #e8373d;}
/*------------------------------------------------------------*/
.m0 {margin-top: 0!important; margin-bottom: 0!important;}
.m4 {margin-top: 4px!important; margin-bottom: 4px!important;}
.m8 {margin-top: 8px!important; margin-bottom: 8px!important;}
.m12 {margin-top: 12px!important; margin-bottom: 12px!important;}
.m16 {margin-top: 16px!important; margin-bottom: 16px!important;}
.m20 {margin-top: 20px!important; margin-bottom: 20px!important;}
.m24 {margin-top: 24px!important; margin-bottom: 24px!important;}
.m28 {margin-top: 28px!important; margin-bottom: 28px!important;}
.m32 {margin-top: 32px!important; margin-bottom: 32px!important;}
.m36 {margin-top: 36px!important; margin-bottom: 36px!important;}
.m40 {margin-top: 40px!important; margin-bottom: 40px!important;}
.m44 {margin-top: 44px!important; margin-bottom: 44px!important;}
.m48 {margin-top: 48px!important; margin-bottom: 48px!important;}
.m52 {margin-top: 52px!important; margin-bottom: 52px!important;}
.m56 {margin-top: 56px!important; margin-bottom: 56px!important;}
.mt0 {margin-top: 0!important;}
.mt4 {margin-top: 4px!important;}
.mt8 {margin-top: 8px!important;}
.mt12 {margin-top: 12px!important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mt28 {margin-top: 28px !important;}
.mt32 {margin-top: 32px !important;}
.mt36 {margin-top: 36px !important;}
.mt40 {margin-top: 40px !important;}
.mt44 {margin-top: 44px !important;}
.mt48 {margin-top: 48px !important;}
.mt52 {margin-top: 52px !important;}
.mt56 {margin-top: 56px !important;}
.mt64 {margin-top: 64px !important;}
.mt80 {margin-top: 80px !important;}
/*------------------------------------------------------------*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-2-2, .col-1-2, .col-2-1 {
	display: grid;
	grid-template-columns: 100%;
	align-items: start;
}
.col-1 {grid-template-columns: 1fr; grid-gap: 56px;}
.col-2 {grid-template-columns: repeat(2, 1fr); grid-gap: 56px;}
.col-3 {grid-template-columns: repeat(3, 1fr); grid-gap: 40px;}
.col-4 {grid-template-columns: repeat(4, 1fr); grid-gap: 56px 40px;}
.col-5 {grid-template-columns: repeat(5, 1fr); grid-gap: 32px 48px;}
.col-6 {grid-template-columns: repeat(6, 1fr); grid-gap: 0 40px;}
.col-2-2 {grid-template-columns: repeat(2, 1fr); grid-gap: 40px;}
.col-1-2 {grid-template-columns: 1fr 2fr; grid-gap: 40px;}
.col-2-1 {grid-template-columns: 2fr 1fr; grid-gap: 40px;}
.col-2-ink {overflow: hidden;}
.col-2-ink>div:first-child {width: 476px; float: left; margin: 0;}
.col-2-ink>div {width: 476px; float: left; margin-left: 56px;}

/* フェードイン */
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
/*------------------------------------------------------------
きほん
------------------------------------------------------------*/
body {
  width: 100%;
  height: 100%;
  background: #fff;
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .075em;
	text-align: left;
	font-family: YakuHanJPs, 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
main {
	overflow-x: hidden;
}
img {
	width: 100%;
	max-width: 100%;
  height: auto;
  vertical-align: bottom;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
/* .container {
    position: relative;
    margin: 0 auto;
	max-width: 1120px;
	width: 1120px;
} */
a {
	color: #222;
	text-decoration: none;
	cursor: pointer;
	transition: .3s;
}
a:hover {
	color: #4a91d6;
}
::selection {
	background: #f5df2f;
}
/*------------------------------------------------------------
みだし
------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-weight: 700;
	line-height: 1.1;
}
h2 {font-size: 28px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
@media screen and (max-width: 480px) {
	h2 {
		font-size: 24px;
		line-height: 1.4;
	}
}
/*------------------------------------------------------------
もじ
------------------------------------------------------------*/
p.lead {
	font-size: 16px;
	margin-top: -8px;
}
p.note {
	font-size: 13px;
	color: #666;
	line-height: 1;
	text-align: right;
	margin-top: 8px;
}
/*------------------------------------------------------------
リンク
------------------------------------------------------------*/
section p a,
section li a {
	position: relative;
	display: inline;
	color: #4a91d6;
}
section p a::after,
section li a::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #4a91d6;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}
section p a:hover::after,
section li a:hover::after {
	transform-origin: left top;
	transform: scale(1, 1);
}
/*------------------------------------------------------------
けいせん
------------------------------------------------------------*/
hr {
	border-top: 1px dashed #999;
	margin: 40px 0;
	width: 100%;
}
hr.gray {
	border-top: 2px solid #ccc;
	margin: 12px 0;
}
hr.gray-s {
	border-top: 2px solid #ccc;
	margin: 8px 0;
}
hr.red {
	border-top: 2px solid #e8373d;
	margin: 1.2em 0;
}
hr.yellow {
	border-top: 2px solid #f5df2f;
	margin: 1.2em 0;
}
hr.blue {
	border-top: 2px solid #4a91d6;
	margin: 1.2em 0;
}
@media screen and (max-width: 480px) {
	hr {
		margin: 24px 0;
	}
}
/*------------------------------------------------------------
ボタン
------------------------------------------------------------*/
.btn {
	margin-top: 24px;
	padding: 0 40px 0 16px;
	width: auto;
	max-width: 380px;
	min-width: 256px;
	height: 56px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .4);
	line-height: 1.1;
	display: flex;
	align-items: center;
	position: relative;
	font-weight: 500;
	text-align: left;
	text-decoration: none;
	transition: .3s;
}
.btn.wide {
	width: 100%;
	max-width: 100%;
}
.btn-basic,
.btn-basic-s,
.btn-basic-l,
.btn-block {
	border: 2px solid #4a91d6;
	color: #4a91d6;
}
.btn-basic-s {
	height: 40px;
	line-height: 36px;
}
.btn-basic-l {
	font-size: 17px;
}
.btn-block {
	margin: 32px auto 0;
	padding: 16px 24px;
	width: 100%;
	max-width: 362px;
	min-width: 300px;
	height: auto;
	line-height: 1.6;
	display: block;
	font-size: 24px;
}
.btn:hover {
	background: #fff;
	color: #5ca9f3;
	border-color: #5ca9f3;
	transform: translateX(4px);
	opacity: 1;
}
.btn::after {
	width: 1em;
	height: 1em;
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	background: url(images/common/arw-dot-blue.svg) no-repeat left / 1em 1em;
	transform: translateY(-50%);
}
.btn:hover::after {
	background: url(images/common/arw-dot-blue-on.svg) no-repeat left / 1em 1em;
}
.btn-block::after {
	right: 24px;
}
.btn.icon-external::after {
	font-size: 16px;
	background-image: url(images/common/icon-external.svg);
}
.btn.arw-circle-down::after {
	font-size: 18px;
	background-image: url(images/common/arw-circle-down.svg);
}

.btn-order {
	padding-left: 24px;
	border: none;
	border-radius: 40px;
	background: #4a91d6;
	color: #fff;
	line-height: 53px;
	font-size: 17px;
	white-space: nowrap;
}
.btn-order::after {
	right: 24px;
	background: url(images/common/arw-dot-white.svg) no-repeat left;
}
.btn-order:hover {
	background: #539fe8;
	box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	color: #fff;
	transform: none;
	transition: .3s;
}
.btn-order:hover::after {
	background: url(images/common/arw-dot-white.svg) no-repeat left;
}

.btn-green {
	border-color: #4da741;
	color: #4da741;
}
.btn-green::after {
	background-image: url(images/common/arw-dot-green.svg);
}
.btn-green:hover {
	border-color: #6bb75e;
	color: #6bb75e;
}
.btn-green:hover::after {
	background-image: url(images/common/arw-dot-green-on.svg);
}

.box-btn-left {
	margin-top: 0;
	margin-left: -32px;
}
.box-btn-left .btn {
	margin-left: 32px;
}

.btn-pagelink {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: -3px 0 0 8px;
}
.btn-txt {
	color: #4a91d6;
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 36px;
	border: 2px solid #4a91d6;
}
.btn-txt:hover {
	color: #fff;
	background: #92bde6;
	border: 2px solid #92bde6;
}

.btn-scroll a {
	padding: 2px 16px 4px;
	border: 2px solid #4a91d6;
	border-radius: 24px;
	background: url(images/common/arw-circle-down.svg) no-repeat right 15px center / 1em;
	color: #4a91d6;
	font-weight: 500;
	display: block;
	position: relative;
	z-index: 1;
}

.btn-wrap {
	margin-top: 16px;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	gap: 0 40px;
}
.btn-wrap .btn {
	width: calc(50% - 20px);
	max-width: calc(50% - 20px);
}

@media screen and (max-width:600px) {
	.btn-basic,
	.btn-basic-s,
	.btn-basic-l,
	.btn-order,
	.btn-wrap .btn {
		width: 100%;
		max-width: 100%;
	}
	.box-btn-left,
	.box-btn-left .btn {
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.btn {
		margin-top: 16px;
	}
	.btn-scroll a  {
		padding: 2px 12px 4px;
		background: none;
	}
}
/*------------------------------------------------------------
header
------------------------------------------------------------*/
header {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
	position: relative;
	z-index: 10;
}
header .wrap-header {
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1200px;
	height: 110px;
	position: relative;
}
header nav {
	font-weight: 700;
}
header a {
	position: relative;
	display: inline-block;
	color: #222;
	transition: .3s;
}
header a:hover {
	color: #4a91d6;
}
header .header-logo a:hover {
	opacity: .6;
}
header .header-logo img {
	max-width: 190px;
	margin-top: 44px;
}
/*------------------------------------------------------------*/
header .nav-link {
	padding: 8px 0 8px 12px;
	border-radius: 40px 0 0 40px;
	background: #f8e62d;
	position: absolute;
	top: 20px;
	right: 40px;
	font-size: 12px;
	letter-spacing: .05em;
	line-height: 1;
	transition: .3s;
}
header .nav-link li {
	border-right: 2px solid #222;
	padding: 0 12px;
	display: inline-block;
}
header .nav-link li:last-child {
	border: none;
}
header .nav-link a:hover {
	color: #222;
	opacity: .6;
}
/*------------------------------------------------------------*/
header .nav-global {
	position: absolute;
	top: 68px;
	right: 40px;
	font-size: 16px;
	line-height: 1;
	transition: .3s;
}
header .nav-global li {
	display: inline-block;
	line-height: 1;
	margin-left: 24px;
	vertical-align: baseline;
}
header .nav-global li:not(:last-child)::after {
	content: "";
	padding-left: 24px;height: 16px;
	border-right: 2px solid #222;
	display: inline-block;
	transform: rotate(10deg);
}
header .nav-global li a.current,
header.fixed .nav-global li a.current {
	color: #4a91d6;
}
header .nav-global .is-active a {
	color: #4a91d6;
}
header .nav-global .is-active a::after {
	content: '';
	border-right: 16px solid transparent; 
	border-bottom: 20px solid #f3f3f3;
	border-left: 16px solid transparent; 
	position: absolute;
	bottom: -27px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .5s;
}
header.fixed .nav-global .is-active a::after {
	bottom: -26px;
}
/*------------------------------------------------------------*/
header.fixed {
	margin-top: -62px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .6s;
	transform: translateY(-100%);
}
header.fixed-show {
	transform: translateY(0);
}
header.fixed .header-logo img {
	margin-top: 72px;
	height: 28px;
}
header.fixed .nav-link {
	top: 30px;
}
header.fixed .nav-global {
	top: 75px;
}
/* header.fixed.scroll-up {
	margin-top: -25px;
}
header.fixed.scroll-up .header-logo img {
	margin-top: 67px;
}
header.fixed.scroll-up .nav-link {
	top: 38px;
}
header.fixed.scroll-up .nav-global {
	top: 78px;
} */

/* @media screen and (max-width: 1080px) {
	header .wrap-header {
		height: 60px;
	}
	header .header-logo img {
		margin-top: 16px;
		height: 28px;
	}
	header nav {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	header .wrap-header {
		padding: 0 20px;
	}
	header.fixed.scroll-up {
		margin-top: -2px;
	}
	header.fixed .header-logo img,
	header.fixed.scroll-up .header-logo img {
		margin-top: 16px;
	}
} */
/*------------------------------------------------------------
breadcrumb
------------------------------------------------------------*/
.wrap-breadcrumb {
	height: 32px;
	background: #ccc;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
}
.wrap-breadcrumb .breadcrumb {
	margin: 0 auto;
	max-width: 1120px;
	list-style: none;
}
.wrap-breadcrumb .breadcrumb li {
	display: inline;
	line-height: 32px;
	font-size: 13px;
}
.wrap-breadcrumb .breadcrumb li:not(:last-child)::after {
	content: '\03e';
	padding: 0 .75em;
}
.wrap-breadcrumb .breadcrumb li a {
	display: inline;
}

/*------------------------------------------------------------
ナビ メガメニュー
------------------------------------------------------------*/
header .wrap-mega {
	padding: 32px 0 40px;
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	background: #f3f3f3;
	font-weight: 500;
	opacity: 0;
	overflow: hidden;
	transition: .2s;
	visibility: hidden;
	z-index: 2;
}
header .wrap-mega.is-show {
	visibility: visible;
	opacity: 1;
	top: 110px;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .25);
}
header .wrap-mega .container-mega {
	position: relative;
	margin: 0 auto;
	max-width: 1120px;
}
header .wrap-mega .block-link a {
	margin-top: 8px;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 1);
	color: #222;
	font-size: 15px;
	line-height: 1;
	display: block;
}
header .wrap-mega .block-link a:first-child {
	margin-top: 0;
}
header .wrap-mega .block-link a:hover,
header .wrap-mega .block-link a.active,
header .wrap-mega a.card-link:hover {
	background: rgba(74, 145, 214, .3);
	color: #222;
	opacity: 1;
}
header .wrap-mega .kugiri {
	font-size: 18px;
	margin: 0 0 28px;
}
header .wrap-mega .col-2,
header .wrap-mega .col-3 {
	gap: 40px;
}
header .wrap-mega .border-r {
	padding-right: 40px;
	border-right: 2px solid #fff;
}
header .wrap-mega .card-link {
	background: #fff;
}
header .wrap-mega .card-link img {
	transition: .3s;
}
header .wrap-mega .card-link:hover img {
	opacity: .7;
}
header .wrap-mega .card-header {
	margin: 0;
	padding: 12px 0 13px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

/*------------------------------------------------------------*/
header .mega-about a {
	display: block;
}
header .mega-about .col-2.about {
	margin-top: 32px;
	grid-template-columns: 672px 448px;
	gap: 0px;
	align-items: stretch;
}
header .mega-about .col-2.about .about-r {
	padding-left: 40px;
}
header .mega-about .col-2.about .col-3,
header .mega-about .col-2.about .col-2 {
	gap: 20px;
}
/*------------------------------------------------------------*/
header .mega-order {
	padding-top: 0;
	height: 506px;
}
header .mega-order .mega-order-menu {
	display: table;
	width: 100%;
	height: 48px;
	font-size: 16px;
	text-align: center;
	table-layout: fixed;
}
header .mega-order .mega-order-menu li {
	position: relative;
	display: table-cell;
	font-weight: 700;
	vertical-align: middle;
	cursor: pointer;
	transition: .3s;
}
header .mega-order .mega-order-menu li:hover,
header .mega-order .mega-order-menu li.active {
	background: rgba(74, 145, 214, .3);
}
header .mega-order .link-line-wrap a {
	display: inline;
	color: #222;
	transform: translateY(0);
}
header .mega-order .link-line-wrap a:hover {
	color: #4a91d6;
}
header .mega-order .border-white {
	margin: 0;
	border-top: 2px solid #fff;
}
header .mega-order .mega-order-box {
	display: none;
}
header .mega-order .mega-order-box.active {
	display: block;
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
header .mega-order .col-2.order {
	margin-top: 32px;
	grid-template-columns: 448px 672px;
	gap: 0px;
	align-items: stretch;
}
header .mega-order .col-2.order .order-l h4 {
	padding-bottom: 2px;
	width: 408px;
	background: linear-gradient(transparent 70%, #ccc 70%);
	font-size: 18px;
}
header .mega-order .col-2.order .order-l .col-2 {
	margin-top: 8px;
	grid-template-columns: 1fr 1fr;
	gap: 1px 8px;
}
header .mega-order .col-2.order .order-l .col-1 {
	margin-top: 8px;
	grid-template-columns: 1fr;
	gap: 1px 8px;
}
header .mega-order .col-2.order .col-2.order-r {
	padding-left: 40px;
	grid-template-columns: 256px 336px;
	align-items: center;
}
header .mega-order .col-2.order .col-2.order-r hr {
	margin: 16px 0;
	width: 32px;
}
header .mega-order .col-2.order .col-2.order-r .change-pera-txt h2,
header .mega-order .col-2.order .col-2.order-r .change-atsugami-txt h2,
header .mega-order .col-2.order .col-2.order-r .change-tsuya-txt h2,
header .mega-order .col-2.book .col-2.order-r .change-book-txt h2,
header .mega-order .col-2.book .col-2.order-r .change-tameshi-txt h2,
header .mega-order .col-2.book .col-2.order-r .change-txt-header {
	white-space: nowrap;
}
header .mega-order .col-2.order .col-2.order-r .change-pera-txt p:nth-of-type(1),
header .mega-order .col-2.order .col-2.order-r .change-atsugami-txt p:nth-of-type(1),
header .mega-order .col-2.order .col-2.order-r .change-tsuya-txt p:nth-of-type(1),
header .mega-order .col-2.book .col-2.order-r .change-book-txt p,
header .mega-order .col-2.op .col-2.order-r .change-op-txt p:nth-of-type(1),
header .mega-order .col-2.book .col-2.order-r .change-tameshi-txt p:nth-of-type(1) {
	font-size: 16px;
	margin-top: 16px;
}
header .mega-order .col-2.order .col-2.order-r .change-atsugami-txt h3,
header .mega-order .col-2.order .col-2.order-r .change-tsuya-txt h3 {
	font-size: 18px;
	margin-top: 12px;
}
/*------------------------------------------------------------*/
header .mega-order .col-2.book {
	grid-template-columns: 278px 842px;
}
header .mega-order .col-2.book .order-l h4 {
	width: 238px;
}
header .mega-order .col-2.book .col-2.order-r {
	grid-template-columns: 338px 1fr;
}
header .mega-order .col-2.book .col-2.order-r .bnr-menu-book {
	margin-top: 8px;
	transition: .3s;
}
header .mega-order .col-2.book .col-2.order-r .bnr-menu-book:hover {
	opacity: .6;
}
header .mega-order .col-2.book .col-2.order-r div:nth-of-type(2) {
	height: 344px;
	padding: 16px 0;	
}
header .mega-order .col-2.book .col-2.order-r .change-book-img,
header .mega-order .col-2.book .col-2.order-r .change-tameshi-img {
	border-radius: 40px;
}
/*------------------------------------------------------------*/
header .mega-paperink .col-2 {
	gap: 0px;
}
header .mega-paperink .col-2 .card-header + p {
	padding: 0 12px 12px;
	color: #222;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: .05em;
}
header .mega-paperink .col-2 .paperink-r {
	padding-left: 40px;
}
header .mega-paperink .col-2 .col-3,
header .mega-paperink .col-2 .col-2 {
	gap: 20px;
}
header .mega-paperink .col-2 .paperink-r .kugiri:nth-of-type(2) {
	margin: 26px 0 24px;
}
header .mega-paperink .col-2 .paperink-r .col-3 .card-link img {
	margin: 0 auto 12px;
	width: 52px;
	display: block;
}
/*------------------------------------------------------------*/
header .mega-howto a {
	display: block;
}
header .mega-howto .container-mega > .col-2 {
	grid-template-columns: 75% 25%;
	gap: 0px;
	align-items: stretch;
}
header .mega-howto .howto-l > .col-2 {
	grid-template-columns: 2fr 1fr;
}
header .mega-howto .howto-l .col-2 {
	gap: 20px;
}
header .mega-howto .howto-l .card-link .card-header {
	padding: 16px 0 12px;
}
header .mega-howto .howto-l .card-link img {
	margin: auto;
	padding-bottom: 16px;
	width: auto;
	height: 112px;
	display: block;
}
header .mega-howto .howto-r {
	padding-left: 40px;
}
header .mega-howto .howto-r img {
	padding: 0 52px 12px;
}
header .mega-howto .howto-r .block-link {
	margin-top: 20px;
}
header .mega-howto .howto-r .btn-basic {
	min-width: auto;
	height: 48px;
	line-height: 44px;
}
/*------------------------------------------------------------*/
header .mega-guide .col-2.guide {
	grid-template-columns: 672px 448px;
	gap: 0px;
	align-items: stretch;
}
header .mega-guide .col-2.guide .guide-l .col-2 {
	align-items: center;
}
header .mega-guide .col-2.guide .guide-l .change-guide {
	text-align: center
}
header .mega-guide .col-2.guide .guide-l .change-guide img {
	width: 246px;
	height: auto;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05));
}
header .mega-guide .col-2.guide .guide-r {
	padding-left: 40px;
}
header .mega-guide .col-2.guide .guide-r .col-2 {
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
header .mega-guide .col-2.guide .guide-r .col-3 {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
header .mega-guide .guide-r .col-2 .card-link img {
	padding: 4px 16px 20px;
}
header .mega-guide .guide-r .col-3 .card-link {
	margin-top: 20px;
}
header .mega-guide .guide-r .col-3 .card-link img {
	padding: 16px;
}
header .kugiri + * {
	margin-top: 0;
}
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
#footer {
	padding: 80px 0 40px;
	position: relative;
	z-index: 1;
	background: url(images/top/bg-nezumi-light.jpg);
}
#footer .sns {
	text-align: center;
	line-height: 1;
}
#footer .sns svg {
	width: 40px;
	height: 40px;
	margin: 0 8px;
	fill: #222;
	transition: .3s;
}
#footer .sns svg:hover {
	fill: #4a91d6;
}
#footer .wrap-sitemap {
	margin-top: 56px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
#footer .wrap-sitemap p {
	margin-bottom: .8em;
	padding-bottom: .4em;
	border-bottom: 2px #333 solid;
	font-weight: 700;
	pointer-events: none;
}
#footer .wrap-sitemap ul {
	display: inline-block;
}
#footer .wrap-sitemap ul li a {
	display: block;
	font-size: 12px;
}
/*------------------------------------------------------------*/
#footer .logo-footer {
	margin: 56px 0 32px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#footer .logo-footer a {
	padding: 12px 40px;
	display: block;
	line-height: 1;
}
#footer .logo-footer svg {
	width: auto;
	height: 20px;
	fill: #222;
	transition: .3s;
}
#footer .logo-footer svg:hover {
	fill: #4a91d6;
}
#footer .leagal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 12px;
}
#footer .leagal ul {
	margin-top: 24px;	
}
#footer .leagal ul li {
	margin-right: 32px;
	display: inline;
	position: relative;
}
#footer .leagal ul li a::before {
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	margin-right: 8px;
	background: url(images/common/arw-dot-black.svg) no-repeat;
	background-size: 10px 10px;
	transition: .3s;
}
#footer .leagal ul li a:hover::before {
	background: url(images/common/arw-dot-blue.svg) no-repeat;
}
#footer .leagal .copyright {
	margin-top: 24px;
	font-size: 10px;
}
@media screen and (max-width: 600px) {
	#footer {
		padding: 56px 0;
	}
	#footer .wrap-sitemap {
		margin-top: 40px;
		grid-template-columns: 1fr;
		gap: 0;
	}
	#footer .wrap-sitemap div:last-child {
		border-bottom: 2px #333 solid;
	}
	#footer .wrap-sitemap P {
		margin-bottom: 0;
    padding: .5em 0;
		pointer-events: all;
		border-top: 2px #333 solid;
    border-bottom: 0;
	}
	#footer .wrap-sitemap ul {
		margin-bottom: 24px;
		display: none;
	}
	#footer .wrap-sitemap ul li a {
		font-size: 14px;
	}
	#footer .logo-footer {
		margin: 28px 0 0;
		justify-content: space-around;
	}
	#footer .logo-footer a {
		padding: 12px;
	}
	#footer .leagal ul li {
		display: block;
	}
}
/*------------------------------------------------------------*/
#lift {
	position: fixed;
	bottom: -56px;
	right: 24px;
	transition: .5s;
	z-index: 10;
}
#lift.lift-on {
	bottom: 24px;
}
#lift > a {
	display: block;
	width: 56px;
	height: 56px;
}
#lift > a:hover {
	transform: translateY(-4px);
}


/*------------------------------------------------------------
basic
------------------------------------------------------------*/
main a {
	color: #4a91d6;
	text-decoration: none;
	cursor: pointer;
	transition: .3s;
}
main a:hover {
	opacity: .7;
}
/*------------------------------------------------------------
icon / decoration
------------------------------------------------------------*/
.img-border {
	box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);
}

.icon-ink {
	position: relative;
	font-size: 17px;
	font-weight: 500;
	text-align: left;
}
.icon-ink::before {
	content: '';
	margin: -4px .5em 0 0;
	width: 16px;
	height: 20px;
	display: inline-block;
	mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	-webkit-mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	background-color: #222;
	vertical-align: middle;
}
.icon-ink.yellow::before {background-color: #f5df2f;}
.icon-ink.green::before {background-color: #71b967;}
.icon-ink.blue::before {background-color: #92bde6;}
.icon-ink.red::before {background-color: #f4958d;}
.icon-ink.toumei::before {background-color: #e2ddd5;}
.icon-ink.gold::before {background-color: #b59251;}
.icon-ink.shiro::before {background-color: #fff;}
.icon-ink.gray::before {background-color: #ccc;}

.icon-num-ink  {
	margin-right: 24px;
	width: 38px;
	height: 45px;
	display: inline-block;
	mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	-webkit-mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	background-color: #222;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 50px;
}
.icon-num-ink.yellow  {background-color: #f5df2f; color: #222;}

.icon-sankaku::before {
	margin-right: .5em;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 13px solid #f5df2f;
	display: inline-block;
	content: "";
	position: relative;
	top: 3px;
}
.icon-format {
	margin: 0 4px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 20px;
	background-repeat: no-repeat;
	vertical-align:	-0.25em;
}
.i-ai {background-image: url(images/common/icon-format-illustrator.svg)}
.i-psd {background-image: url(images/common/icon-format-photoshop.svg)}
.i-jpg {background-image: url(images/common/icon-format-jpg.svg)}
.i-pdf {background-image: url(images/common/icon-format-pdf.svg)}

.mark {
	margin: 0 auto;
	width: 1.1em;
	height: 1.1em;
	display: inline-block;
	background-size: 1.1em;
	background-repeat: no-repeat;
	vertical-align:	-10%;
}
.i-maru {background-image: url(images/common/mark-maru.svg)}
.i-sankaku {background-image: url(images/common/mark-sankaku.svg)}
.i-batsu {background-image: url(images/common/mark-batsu.svg)}
.box-point .mark {
	width: 1em;
	height: 1em;
	background-size: 1em;
	vertical-align:	-0.2em;
}
/* ------------------------------------------------------------*/
.marker-s {
	background: linear-gradient(transparent 88%,#f5df2f 88%);
	font-weight: 700;
}
.tag-border {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 2px solid #ccc;
	position: relative;
}
.tag-border > span:first-child {
	padding: 0 1.15em;
	position: absolute;
	top: -1em;
	left: -2px;
	line-height: 2em;
	font-size: 13px;
	font-weight: 700;
	background: #ccc;
	border-radius: 1em;
}
.tag-gray,
.tag-red,
.tag-yellow,
.tag-blue {
	padding: 0 1.15em;
	border-radius: 1em;
	display: inline-block;
	background: #ccc;
	color: #222;
	line-height: 2em;
	font-size: 13px;
}
.tag-gray {
	font-weight: 700;
}
.tag-red {
	background: #e8373d;
	color: #fff;
}
.tag-yellow {
	background: #f5df2f;
	font-weight: 700;
}
.tag-blue,
.tag-blue:hover {
	background: #4a91d6;
	color: #fff;
	font-weight: 500;
}
.circle-red,
.circle-yellow,
.circle-green,
.circle-border {
	margin-right: .8em;
	width: 1.6em;
	height: 1.6em;
	border-radius: 50%;
	display: inline-block;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 15px;
	font-weight: 700;
	text-align: center; 
}
.circle-red {background: #e8373d; color: #fff;}
.circle-yellow {background: #f5df2f;}
.circle-green {background: #71b967;}
.circle-border {
	border: 1px solid #222;
	height: calc(1.6em + 2px);
	width: calc(1.6em + 2px);
}
/* ------------------------------------------------------------*/
.arw-triangle {
	width: 24px;
	height: 40px;
	display: inline-block;
	background: url(images/common/arw-triangle-blue.svg);
}
.slash {
	margin: 0 .75em;
	width: 2px;
	height: 1em;
	border-right: 2px solid #f5df2f;
	display: inline-block;
	transform: rotate(10deg) translateY(2px);
}
.dot-overlay {
	position: relative;
	display: inline-block;
}
.dot-overlay::before {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(images/common/dot-black-alfa.svg);
}
.trim-image {
	position: relative;
	padding-top: 75%;
}
.trim-image > img {
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 480px) {
	.icon-ink::before {
		width: 15px;
	}
}
/*------------------------------------------------------------
page-title + main-image + round-intro-area 20.9.6
------------------------------------------------------------*/
/* .bg-naname {
	margin-top: -100px;
	padding-top: 100px;
	overflow: hidden;
	position: relative;
}
.bg-naname::before {
	content: "";
	border-width: 0 0 100px 100vw;
	border-style: solid;
	border-color: transparent transparent #f3f3f3 transparent;
	position: absolute;
	top: 0;
	left: 0;
} */
.bg-hero {
	width: 100%;
	height: calc(100vh - 110px);
	background: url(/paper/pera/waraban.jpg) 110px center;
	position: absolute;
	top: 110px;
	z-index: -1;
}
.page-ttl-container {
	margin: 88px auto;
	max-width: 1120px;
	position: relative;
	z-index: 1;
}
.page-ttl-inner {
	display: inline-block;
}
.page-ttl {
	margin-bottom: 24px;
	padding: 8px 8px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #fff;
	font-size: 40px;
	box-shadow: 10px 10px 0 rgba(34, 34, 34, 1);
}
.page-lead {
	padding: 6px 10px 8px;
	border-radius: 2px;
	background: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	box-shadow: 10px 10px 0 rgba(34, 34, 34, 1);
}
.page-ttl-inner .fadein {
	transform: translate(-24px, 0);
}

.wrap-intro-content {
	margin-top: 371px;
	padding: 1px 0 88px;
	position: relative;
	background: #f3f3f3;
}
.wrap-intro-content::before {
	content: "";
	width: 0;
	height: 0;
	border-width: 0 0 100px 100vw;
	border-style: solid;
	border-color: transparent transparent #f3f3f3 transparent;
	position: absolute;
	top: -100px;
	left: 0;
}
.wrap-intro-content .intro-content {
	margin: -286px auto 0;
	padding: 56px 56px 0;
	max-width: 1120px;
	border-radius: 56px 56px 0 0;
	background: #f3f3f3;
	position: relative;
	z-index: 1;
}
.wrap-intro-content + .section-area {
	padding-top: 0;
}
.wrap-intro-content + .section-area.bg-white {
	padding-top: 88px;
}

@media screen and (max-width: 1156px) {
	.page-ttl-container {
		margin: 88px 24px;
	}
	.wrap-intro-content .intro-content {
		margin: -286px 24px 0;
	}
}
@media screen and (max-width: 768px) {
	.page-ttl-container {
		margin: 56px 24px;
	}
	.wrap-intro-content {
		margin-top: 352px;
	}
	.wrap-intro-content .intro-content {
		padding: 36px 36px 0;
	}
	.wrap-intro-content + .section-area {
		padding-top: 80px;
	}
}
@media screen and (max-width: 480px) {
	.page-ttl-container {
		margin: 56px 26px 56px 16px;
	}
	.page-ttl {
		font-size: 30px;
	}
	.page-lead {
		line-height: 1.6;
		font-size: 16px;
	}
	.wrap-intro-content {
		margin-top: 212px;
		padding-bottom: 64px;
	}
	.wrap-intro-content .intro-content {
		margin: -156px 16px 0;
		padding: 24px 16px 0;
		border-radius: 24px 24px 0 0;
	}
	.wrap-intro-content + .section-area {
		/* padding-top: 64px; */
		padding-top: 0;
	}
	.wrap-intro-content + .section-area.bg-white {
		padding-top: 48px;
	}
}
/*------------------------------------------------------------
container, block
------------------------------------------------------------
containerは幅のみで使用（上下余白つけない）
section > block > box の順
------------------------------------------------------------*/
/* container */
.container {
	margin: 0 auto;
	max-width: 1120px;
	position: relative;
}
.container-1col {
	margin: 0 auto;
	max-width: 800px;
}

.wrap-icon-num-ink {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.wrap-icon-num-ink,
.wrap-icon-num-ink-2col {
	padding: 48px 0;
	border-top: 2px solid #ccc;
	position: relative;
	overflow: hidden;
}
.wrap-icon-num-ink > * {
	width: calc(100% - 56px);
	float: left;
}
.wrap-icon-num-ink-2col > * {
	width: calc((100% - 56px) / 2);
	float: left;
}
.wrap-icon-num-ink-2col > *:nth-child(2) {
	padding-right: 56px;
}
.wrap-icon-num-ink > *:first-child,
.wrap-icon-num-ink-2col > *:first-child {
	width: 56px;
}
.wrap-icon-num-ink .ttl-icon-num-ink,
.wrap-icon-num-ink-2col .ttl-icon-num-ink {
	margin-bottom: 24px;
	font-size: 18px;
}
.wrap-icon-num-ink.noborder,
.wrap-icon-num-ink-2col.noborder {
	padding-top: 0;
	border: none;
}

/* section */
.section-area {
	padding: 88px 0;
	position: relative;
	background: #f3f3f3;
}
.section-area.bg-white {
	background: #fff;
}
.section-area .container {
	max-width: 1008px;
}

/* section tameshi */
.section-area.tameshi {
	padding: 88px 0!important;
}
.section-area.tameshi .block-lead.center {
	text-align: center;
}
.section-area.tameshi .box-btn {
	margin-top: 0;
	display: flex;
	justify-content: center;
}
.section-area.tameshi .box-btn span {
	display: block;
	font-size: 14px;
}
.section-area.tameshi .box-btn .btn-block {
	margin: 40px 24px 0;
}
.section-area.tameshi .list {
	margin: 40px auto 0;
	max-width: 800px;
	font-size: 14px;
}

/* block */
.block-lead {
	max-width: 750px;
	font-size: 17px;
	font-weight: 500;
}
.block-lead.center {
	margin: 40px auto 0;
}
.block-lead-l {
	margin-top: -12px;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
}
.box-flex-2col .block-lead:first-child {
	margin-top: -8px;
}

/* p,list - margin-top */
main p + *:not(hr),
main ul + *:not(hr),
main ol + *:not(hr) {
	margin-top: 16px;
}

@media screen and (max-width: 1156px) {
	.container {
		margin: 0 40px;
	}
}
@media screen and (max-width: 848px) {
	.container-1col {
		padding: 0 24px;
	}
	.container .container-1col,
	.intro-content .container-1col {
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	.wrap-icon-num-ink > *,
	.wrap-icon-num-ink-2col > * {
		width: 100%;
		float: none;
	}
	.wrap-icon-num-ink > *:first-child,
	.wrap-icon-num-ink-2col > *:first-child {
		position: absolute;
	}
	.wrap-icon-num-ink > *:first-child .icon-num-ink,
	.wrap-icon-num-ink-2col > *:first-child .icon-num-ink {
		width: 30px;
		line-height: 39px;
		font-size: 15px;
	}
	.wrap-icon-num-ink .ttl-icon-num-ink,
	.wrap-icon-num-ink-2col .ttl-icon-num-ink {
		margin-left: 48px;
		line-height: 1.4;
	}
	.wrap-icon-num-ink-2col > *:nth-child(2) {
		padding-right: 0;
	}

	.section-area.tameshi .box-btn {
		flex-wrap: wrap;
	}
	
	.block-lead.center {
		max-width: 600px;
	}
	.block-lead.center .br-clear {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.container {
		margin: 0 24px;
	}
	.section-area {
		padding: 64px 0;
	}
	.section-area.tameshi {
		padding: 64px 0!important;
	}
	.section-area.tameshi .box-btn .btn-block {
		margin: 32px auto 0;
	}

	.wrap-icon-num-ink,
	.wrap-icon-num-ink-2col {
		padding-top: 24px;
	}
	.wrap-icon-num-ink .ttl-icon-num-ink,
	.wrap-icon-num-ink-2col .ttl-icon-num-ink {
		margin-left: 40px;
	}

	.block-lead-l {
		font-size: 18px;
	}
	.block-lead {
		font-size: 16px;
	}
	.block-lead.center {
		margin: 24px auto 0;
		font-size: 16px;
		text-align: left;
	}
}
/*------------------------------------------------------------
見出し
------------------------------------------------------------*/
.ttl-nami {
	margin: 0 auto;
	font-size: 28px;
	letter-spacing: 0.1em;
	display: table;
	position: relative;
}
.ttl-nami::after {
	content: "";
	width: 100%;
	height: 28px;
	display: block;
	background: url(images/common/line-wave.svg) bottom repeat-x;
	background-size: 40px;
}
.ttl-marker-wrap {
	margin: 0 auto 48px;
	line-height: 1.6;
	font-size: 28px;
	text-align: center;
}
.ttl-marker-wrap span {
	background: linear-gradient(transparent 60%, #f5df2f 60%);
}
.ttl-underline {
	margin: 0 auto 40px;
	display: table;
	position: relative;
	line-height: 1;
	font-size: 28px;
	font-weight: 700;
}
.ttl-underline::after {
	content: "";
	margin-top: 20px;
	width: 100%;
	height: 6px;
	background: #333;
	display: block;
}
.ttl-underline-s {
	margin-bottom: 24px;
	padding-bottom: 1em;
	border-bottom: 3px solid #ccc;
	color: #222;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}

.ttl-pipe {
	margin: 56px calc(50% - 50vw) 40px -4px;
	padding-left: 68px;
	width: auto;
	height: 48px;
	border-radius: 24px 0 0 24px;
	position: relative;
	background: #f5df2f;
	line-height: 2em;
	font-size: 22px;
	font-weight: 700;
}
.ttl-pipe:first-child {
	margin-top: 0;
}
.ttl-pipe::before {
	content: "";
	background: #f5df2f;
	width: 56px;
	height: 56px;
	border: solid 4px #f3f3f3;
	border-radius: 50%;
	position: absolute;
	letter-spacing: 0;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.ttl-pipe.reverse {
	margin: 56px -4px 40px calc(50% - 50vw);
	padding-left: 0;
	border-radius: 0 24px 24px 0;
}
.ttl-pipe.reverse::before {
	right: 0;
	left: auto;
}
.ttl-pipe .num {
	margin-left: -2.1em;
	z-index: 1;
	position: relative;
	margin-right: 1.5em;
}
.ttl-pipe * {
	font-size: inherit;
	line-height: inherit
}

.ttl-pipe-s {
	margin: 48px 0 32px;
	padding: 0 24px 0 56px;
	width: 100%;
	height: 48px;
	border-radius: 24px;
	position: relative;
	background: #ccc;
	line-height: 48px;
	font-size: 18px;
	font-weight: 700;
}
.ttl-pipe-s::before {
	content: "";
	width: 52px;
	height: 52px;
	border: solid 2px #f3f3f3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: -4px;
	background: #ccc;
	letter-spacing: 0;
	text-align: center;
	transform: translateY(-50%);
}
.ttl-pipe-s.n1::before {content: "1";}
.ttl-pipe-s.n2::before {content: "2";}
.ttl-pipe-s.n3::before {content: "3";}
.ttl-pipe-s.n4::before {content: "4";}

.section-area.bg-white .ttl-pipe-s::before {
	border-color: #fff;
}

.kugiri {
	margin: 56px 0 48px;
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
}
.kugiri::before,
.kugiri::after {
	content: "";
	border-top: 4px solid #ccc;
	flex-grow: 1;
}
.kugiri::before {
	margin-right: .8em;
}
.kugiri::after {
	margin-left: .8em;
}
.kugiri:first-child {
	margin-top: -8px;
}

.midashi-nami.yellow {
	margin-bottom: 16px;
	padding-bottom: 24px;
	position: relative;
	background: url(images/common/line-wave-yellow.svg) repeat-x bottom left;
	background-size: 28px;
	font-size: 24px;
	font-weight: 700;
}

.ttl-nami + *,
.midashi-nami:not(:first-child) {
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
	.ttl-marker-wrap {
		margin: 0 auto 40px;
	}
	.ttl-pipe {
		padding-left: 1em;
		height: 56px;
		border-radius: 28px 0 0 28px;
		line-height: 1.4;
		font-size: calc(146% - 0.5vw);
	}
	.ttl-pipe::before {
		content: none;
	}
	.ttl-pipe > * {
		width: calc(100% - 56px);
		position: absolute;
		top: 50%;
		transform: translateY(-52%);
	}
	.ttl-pipe .num {
		margin-left: .25em;
		margin-right: 1em;
	}
	.kugiri {
		margin: 48px 0 32px;
	}
	.kugiri:first-child {
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.ttl-nami {
		font-size: 24px;
	}
	.ttl-marker-wrap {
		margin: 0 auto 32px;
		font-size: 22px;
	}
	.ttl-underline {
		margin: 0 auto 32px;
		font-size: 22px;
	}
	.ttl-pipe {
		margin-bottom: 24px;
		font-size: 18px;
	}
	.ttl-pipe-s {
		margin: 40px 0 24px;
		padding: 0 0 0 2em;
		font-size: 15px;
	}
	.ttl-pipe-s::before {
		width: auto;
		height: 48px;
		border: none;
		left: 1em;
		background: transparent;
	}
	.ttl-underline-s {
		margin-bottom: 16px;
	}
	.kugiri {
		margin: 32px 0 24px;
		font-size: 18px;
	}
	.midashi-nami.yellow {
		padding-bottom: 16px;
		font-size: 20px;
	}
	.kugiri::before {
		margin-right: .5em;
	}
	.kugiri::after {
		margin-left: .5em;
	}
}
/*------------------------------------------------------------
box
------------------------------------------------------------*/
/* box - has ttl */
.box-point {
	margin-top: 40px;
	padding: 24px 20px 16px;
	border: solid 2px #e8373d;
	border-radius: 0px 8px 8px 8px;
	position: relative;
	font-size: 14px;
}
.box-point:first-child {
	margin-top: 12px;
}
.box-point .box-title {
	position: absolute;
	display: inline-block;
	top: -14px;
	left: -2px;
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
	font-size: 13px;
	background: #e8373d;
	color: #fff;
	border-radius: 13px;
}
.box-point ul li {
	margin-left: 1.3em;
	position: relative;
	list-style: none;
	line-height: 1.8;
}
.box-point ul li:not(:first-child) {
	margin-top: .5em;
}
.box-point ul li::before {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -16px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e8373d;
}
.box-point.yellow {
	border: solid 2px #f5df2f;	
}
.box-point.yellow .box-title {
	background: #f5df2f;
	color: #222;
	font-weight: 700;
}
.box-point.blue {
	padding: 20px 20px 16px;
	border: solid 2px #4a91d6;
}
.box-point.blue .box-title {
	background: #4a91d6;
}

.box-flex-table + .box-point,
.scroll-table + .box-point,
.wrap-table-ttl + .box-point,
.box-yellowline-l + .box-point,
.box-grayline-l + .box-point,
.dl-border-list + .box-point {
	margin-top: 48px;
}

/* 黄 大きい枠 */
.box-yellowline-l,
.box-grayline-l {
	margin-top: 56px;
	padding: 40px;
	border: 3px solid #f5df2f;
	border-radius: 24px;
	position: relative;
	background: transparent;
}
.box-grayline-l {
	border-color: #ccc;
}
.box-yellowline-l.has-title,
.box-grayline-l.has-title {
	padding-top: 40px;
}
.box-yellowline-l > .box-title,
.box-grayline-l > .box-title {
	width: 100%;
	position: absolute;
	top: -20px;
	left: 0;
	color: #222;
	text-align: center;
}
.box-yellowline-l > .box-title .tag-yellow,
.box-grayline-l > .box-title .tag-gray {
	height: 1.8em;
	border-radius: 1em;
	background: #f5df2f;
	color: #222;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.8em;
}
.box-grayline-l > .box-title .tag-gray {
	background: #ccc;
}

/* 締め切り */
.box-shimekiri {
	margin-top: 48px;
	border: 2px solid #e8373d;
	border-radius: 24px;
}
.box-shimekiri dt {
	padding: 24px;
	border-bottom: 2px solid #e8373d;
	color: #e8373d;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
.box-shimekiri dd {
	padding: 24px;
}
.box-shimekiri ul li {
	margin-left: 1.1em;
	position: relative;
	list-style: none;
}
.box-shimekiri ul li::before {
	display: block;
	content: '';
	position: absolute;
	top: 11px;
	left: -16px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e8373d;
}

/* 問い合わせ */
.box-toiawase {
	padding: 20px;
	border: 2px solid #ccc;
	border-radius: 24px;
	position: relative;
	background: #fff;
	line-height: 1.4;
	text-align: center;
}
.box-toiawase .ttl {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 700;
}
.box-toiawase .denwa {
	margin-bottom: 16px;
	border-bottom: 2px solid #ccc;
	height: 54px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .1em;
	white-space: nowrap;
}
.box-toiawase .form {
	margin-bottom: 14px;
	height: 56px;
	white-space: nowrap;
}
.box-toiawase .comment:first-child {
	padding-bottom: 16px;
}
.box-toiawase .form > .btn-basic-l {
	margin: 0 auto;
}
.box-toiawase .denwa::before {
	content: "";
	margin-right: .2em;
	width: .8em;
	height: .8em;
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/icon-denwa.svg) no-repeat;
	display: inline-block;
}
.box-toiawase p + p {
	margin-top: 0!important;
}

/* box-text */
.box-text-center {
	padding-top: 16px;
	color: #222;
	text-align: center;
}
.box-text-left {
	padding-top: 16px;
	color: #222;
	text-align: left;
}

/* box-image */
.box-image {
	padding: 24px;
	background: #f3f3f3;
	text-align: center;
}
.box-image.bg-white {
	background: #fff;
}
.box-image.bg-darker {
	background: #e6e6e6;
}
.box-image > p:first-of-type + img,
.box-image > img + img,
.box-image .luminous + .luminous {
	margin-top: 16px;
}
.box-image > p:first-of-type,
.box-image > .img-title {
	line-height: 1.2;
	font-weight: 700;
}
.box-image > .img-title:not(:first-child) {
	margin-top: 24px;
}
.box-image .caption {
	margin-top: 16px;
	line-height: 1.5;
	font-size: 14px;
}
.box-image + .box-image {
	margin-top: 40px;
}

/* box - no radius */
.box-redline,
.box-grayline,
.box-yellowline {
	margin-top: 32px;
	padding: 16px 20px;
	border: 2px solid #e8373d;
	border-radius: 8px;
	position: relative;
	color: #222;
	font-size: 14px;
}
.box-grayline {
	border: 2px solid #ccc;
	background: #fff;
}
.box-yellowline {
	border: 2px solid #f5df2f;
	background: #fff;
}
.box-redline:first-child,
.box-grayline:first-child,
.box-yellowline:first-child {
	margin-top: 0;
}

/* box - bg color */
.box-white {
	padding: 24px;
	background: #fff;
	text-align: center;
}
.box-gray {
	padding: 24px;
	background: #f3f3f3;
}

@media screen and (max-width: 768px) {
	.box-yellowline-l, .box-grayline-l {
		margin-top: 40px;
	}
	.box-point {
		margin-top: 40px;
	}
	.box-flex-2col > * > .box-point:first-child {
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.box-yellowline-l {
		margin-top: 32px;
		padding: 24px;
	}
	.box-yellowline-l.has-title {
		margin-top: 48px;
	}
	.box-yellowline-l > .box-title .tag-yellow,
	.box-grayline-l > .box-title .tag-gray {
		font-size: 18px;
		line-height: 32px;
	}
	.box-point {
		margin-top: 32px;
		padding: 20px 16px 16px;
	}
	.box-flex-table + .box-point,
	.scroll-table + .box-point,
	.wrap-table-ttl + .box-point,
	.box-yellowline-l + .box-point,
	.box-grayline-l + .box-point,
	.dl-border-list + .box-point {
		margin-top: 40px;
	}
	.box-grayline {
		padding: 12px 16px;
	}
	.box-image {
		padding: 16px;
	}
	.box-image > img {
		width: 100%;
	}
	.box-image + .box-image {
		margin-top: 24px;
	}
	.box-shimekiri {
		margin-top: 40px;
	}
	.box-shimekiri dt {
		padding: 16px 0;
		font-size: 18px;
	}
	.box-shimekiri dd {
		padding: 12px 16px 16px;
	}
}
/*------------------------------------------------------------
grid
------------------------------------------------------------*/
.box-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
	gap: 16px;
}
.box-grid:not(:first-child) {
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	.box-grid:not(:first-child) {
		margin-top: 32px;
	}
}
@media screen and (max-width: 480px) {
	.box-grid {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	}
	.box-grid:not(:first-child) {
		margin-top: 24px;
	}
}
/*------------------------------------------------------------
flexbox
------------------------------------------------------------*/
/* translateをhover時のチラつき対策 */
.inline-3col {
	margin: 40px -20px;
	font-size: 0;
	letter-spacing: normal;
}
.inline-3col > * {
	margin: 0 20px 20px;
	width: calc(33.3% - 40px);
	display: inline-block;
	vertical-align: top;
	letter-spacing: .075em;
}

.box-flex {
	margin: 0 -20px;
	display: flex;
	flex-wrap: wrap;
}
.box-flex > * {
	margin: 40px 20px 0;
	flex: 1;
}
.box-flex > .btn {
	flex: 1 0 auto;
}

.kugiri + .box-flex {
	margin-top: -40px;
}

.box-flex-2col {
	margin-top: -40px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.box-flex-2col > * {
	margin-top: 40px;
	width: calc(50% - 28px);
}
.box-flex-2col > *:nth-child(2n) {
	margin-left: 56px;
}

.box-flex-2col.fit-img {
	align-items: stretch;
}
.box-flex-2col.flex-border {
	margin-top: 40px;
	align-items: stretch;
}
.box-flex-2col.flex-border:first-child {
	margin-top: 0;
}
.box-flex-2col.flex-border .icon-ink {
	line-height: 1.2;
}
.box-flex-2col.flex-border img + *,
.box-flex-2col.flex-border .luminous + * {
	margin-top: 16px;
}
.box-flex-2col.flex-border > div {
	margin-top: 0;
	margin-bottom: 48px;
	padding-bottom: 48px;
	border-bottom: 2px solid #ccc;
}
.box-flex-2col.flex-border > div:last-child,
.box-flex-2col.flex-border > div:nth-last-child(2) {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.box-flex-2col.fit-img img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.box-flex-2col.fit-img .slick-list,
.box-flex-2col.fit-img .slick-track {
	height: 100%;
}

.box-flex-table {
	margin-top: -4px;
	margin-left: -4px;
	display: flex;
	flex-wrap: wrap;
}
.box-flex-table > div {
	margin-top: 4px;
	margin-left: 4px;
	min-width: calc(25% - 4px);
	line-height: 1;
	text-align: center;
	overflow: hidden;
}
.box-flex-table > div p {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-flex-table > div p:first-child {
	background: #ccc;
}
.box-flex-table > div p:last-child {
	margin-top: 0;
	background: #fff;
}

@media screen and (max-width: 768px) {
	.box-flex > * {
		flex-basis: 100%;
	}
	.box-flex > .btn {
		flex-shrink: 1; /* 22.4.18 ボタンのmax-width変更 */
	}
	.box-flex-2col > * {
		width: 100%;
		flex-wrap: wrap;
	}
	.box-flex-2col > *:nth-child(2n) {
		margin-left: 0;
	}
	.box-flex-2col.flex-border > div:nth-last-child(2) {
		margin-bottom: 48px;
		padding-bottom: 48px;
		border-bottom: 2px solid #ccc;
	}
	.mb-flex-2col {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.mb-flex-2col > img {
		padding-top: 4px;
		width: 30%;
		object-fit: contain;
	}
	.mb-flex-2col .box-text-left {
		margin-top: -4px;
		width: 65%;
		padding: 0;
	}

	.box-flex-table {
		flex-direction: column;
	}
	.box-flex-table > div p {
		float: left;
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.box-flex > * {
		margin-top: 24px;
	}
	.kugiri + .box-flex {
		margin-top: -24px;
	}
	.box-flex-2col {
		margin-top: -32px;
	}
	.box-flex-2col > * {
		margin-top: 32px;
	}
	.box-flex-2col.flex-border > div,
	.box-flex-2col.flex-border > div:nth-last-child(2) {
		margin-bottom: 32px;
		padding-bottom: 32px;
	}
}
/*------------------------------------------------------------
dl-flex-list
------------------------------------------------------------*/
.dl-border-list {
	margin: 56px auto 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	text-align: left;
}
.dl-border-list > dt,
.dl-border-list > dd {
	padding: 20px 24px;
	border-top: 1px solid #333;
}
.dl-border-list > dt {
	border-right: 1px solid #333;
	width: calc(23%);
	font-weight: 500;
}
.dl-border-list > dd {
	width: calc(77%);
	background: #fff;
}
.dl-border-list > dt:last-of-type,
.dl-border-list > dd:last-of-type {
	border-bottom: 1px solid #333;
}
.dl-border-list ul {
	font-size: 13px;
}
.dl-border-list hr {
	margin: 20px auto;
}
.dl-border-list p + *:not(hr),
.dl-border-list ul + *:not(hr),
.dl-border-list ol + *:not(hr) {
	margin-top: 12px;
}
@media screen and (max-width: 768px) {
	.dl-border-list > dt,
	.dl-border-list > dd {
		padding: 24px 8px;
		width: 100%;
		max-width: 100%;
		border: none
	}
	.dl-border-list > dd:last-of-type {
		border: none;
	}
	.dl-border-list > dt {
		padding: 8px;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		background: #ddd;
		text-align: center;
	}
	.dl-border-list > dd {
		background: transparent;
	}
	.dl-border-list hr {
		margin: 24px 0;
	}
}
@media screen and (max-width: 480px) {
	.dl-border-list {
		margin-top: 32px;
	}
	.dl-border-list > dt {
		padding: 4px 8px;
	}
	.dl-border-list > dd {
		padding-top: 16px;
	}
	.dl-border-list hr {
		margin: 16px 0;
	}
}
/*------------------------------------------------------------
tab-content
------------------------------------------------------------*/
.wrap-tab-content {
	position: relative;
	background: #f3f3f3;
	z-index: 1;
}
#tab-menu {
	margin: 0 auto;
	max-width: 1008px;
	text-align: center;
	display: flex;
}
#tab-menu li {
	margin-right: 24px;
	padding: 4px 4px 6px;
	border: 2px solid #222;
	border-bottom: none;
	width: 100%;
	border-radius: 16px 16px 0 0;
	background: #222;
	color: #fff;
	font-size: 18px;
	white-space: nowrap;
	cursor: pointer;
	transition: .3s;
}
#tab-menu li.active {
	cursor: default;
}
#tab-menu li:not([class*="active"]):hover {
	opacity: .8;
}
#tab-menu li:last-child {
	margin-right: 0;
}
#tab-menu li.active {
	background: #f3f3f3;
	color: #222;
	font-weight: 700;
}
#tab-content {
	margin-top: -2px;
	padding: 64px 0 88px;
	border-top: 2px solid #222;
	background: #f3f3f3;
}
#tab-content .tab-content-inner {
	display: none;
}
#tab-content .tab-content-inner.active {
	display: block;
	text-align: left;
	animation: fadeIn 1s ease 0s 1 normal;
}
/*------------------------------------------------------------*/
#tab-content .tab-content-inner .container {
	max-width: 1008px;
}
/*------------------------------------------------------------*/
.wrap-tab-content.bg-white #tab-menu li.active,
.wrap-tab-content.bg-white #tab-content {
	background: #fff;
}
/*------------------------------------------------------------*/
.container .wrap-tab-content {
	padding-top: 24px;
}
.container .wrap-tab-content #tab-menu {
	margin: 0 24px;
}
.container .wrap-tab-content #tab-content {
	margin-bottom: 56px;
	padding: 64px 40px 40px;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#tab-menu {
		margin: 0 40px;
	}
	#tab-menu li {
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
	#tab-menu {
		margin: 0 16px;
	}
	#tab-menu li {
		font-size: 14px;
	}
	#tab-content {
		padding: 40px 0 64px;
	}
	.container .wrap-tab-content #tab-menu {
		margin: 0 auto;
	}
	.container .wrap-tab-content #tab-content {
		padding: 40px 16px;
	}
}
/*------------------------------------------------------------
tab-block pure-css
------------------------------------------------------------*/
.tab-block-btn {
	display: flex;
	justify-content: center;
	text-align: center;
}
.tab-block-btn li {
	padding: 0 4%;
	line-height: 1.6;
}
.tab-block-btn li:not(:last-child) {
	border-right: 1px solid #222;
}
.tab-block-btn label {
	display: block;
	cursor: pointer;
	color: #4a91d6;
	font-weight: 700;
	transition: .3s;
}
.tab-block-btn label:hover {
	color: #5ca9f3;
	opacity: .8;
}
input[name^="switch"] {
	display: none;
}
.tab-block-area > div {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1s;
}
#tab-1:checked ~ .tab-block-btn label[for="tab-1"],
#tab-2:checked ~ .tab-block-btn label[for="tab-2"],
#tab-3:checked ~ .tab-block-btn label[for="tab-3"],
#tab-4:checked ~ .tab-block-btn label[for="tab-4"],
#tab-5:checked ~ .tab-block-btn label[for="tab-5"],
#tab-6:checked ~ .tab-block-btn label[for="tab-6"] {
	cursor: default;
	color: #222;
	font-weight: 700;
	opacity: 1;
}
#tab-1:checked ~ .tab-block-area #section-1,
#tab-2:checked ~ .tab-block-area #section-2,
#tab-3:checked ~ .tab-block-area #section-3,
#tab-4:checked ~ .tab-block-area #section-4,
#tab-5:checked ~ .tab-block-area #section-5,
#tab-6:checked ~ .tab-block-area #section-6 {
	height: auto;
	opacity: 1;
}
/*------------------------------------------------------------
list
------------------------------------------------------------*/
ul.list > li,
ul.kome > li {
	margin-left: 16px;
	position: relative;
	text-align: left;
	line-height: 1.8;
}
ul.list > li:not(:first-child) {
	margin-top: .5em;
}
ul.list > li::before {
	display: block;
	content: '';
	position: absolute;
	top: 9px;
	left: -16px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #222;
}
ul.list.red > li::before,
ul li.red::before {
	background: #e8373d;
}
ul.list-blue > li::before {
	background: #4a91d6;
}

ul.list.gray {
	color: #808080;
}
ul.list.gray li::before {
	background: #808080;
}

ul.kome > li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
ul.kome > li::before {
	content: '\203B';
	margin-right: 4px;
}
ol.num {
	counter-reset: num;
}
ol.num > li {
	padding-left: 2em;
	position: relative;
	list-style: none;
	line-height: 1.8;
}
ol.num > li:not(:first-child) {
	margin-top: .5em;
}
ol.num > li::before {
	counter-increment: num;
	content: counter(num)'.';
	position: absolute;
	left: 0;
}
/*------------------------------------------------------------
table basic - bg:white
------------------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.8;
	text-align: left;
	font-size: 15px;
}
table:not(:first-child) {
	margin-top: 40px;
}
table th,
table td {
	padding: 8px 16px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	vertical-align: middle;
}
table tbody {
	border-bottom: 1px solid #333;
}
table th {
	background: #ddd;
	font-weight: 500;
	text-align: center;
}
table td {
	background: #fff;
}
table th:last-child,
table td:last-child {
	border-right: none!important;
}
/*------------------------------------------------------------
table other
------------------------------------------------------------*/
.transparent-cell {
	background: transparent!important;
	border-top: none!important;
}
.tborder-left {
	border-left: 1px solid #333;
}
.nouki-list td.tate {
	width: 56px;
	min-width: 56px;
	background: #f5df2f;
	font-weight: 700;
	text-align: center;
}
.nouki-list td.tate span {
	line-height: 1;
	vertical-align: middle;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
}
.nouki-list td span[class^="nouki-day"] {
	padding: 2px 8px;
	border: 2px solid #f5df2f;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	transition: 1.6s;
}
.nouki-list td span[class^="nouki-day"]::before {
	width: 18px;
	height: 2px;
	border-top: 2px solid #f5df2f;
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	transition: 1.6s;
}
.nouki-list td span.stretch-nouki.nouki-day-2 {margin-left: 123px;}
.nouki-list td span.stretch-nouki.nouki-day-3 {margin-left: 246px;}
.nouki-list td span.stretch-nouki.nouki-day-4 {margin-left: 369px;}
.nouki-list td span.stretch-nouki.nouki-day-5 {margin-left: 492px;}
.nouki-list td span.stretch-nouki.nouki-day-6 {margin-left: 615px;}
.nouki-list td span.stretch-nouki.nouki-day-2::before {width: 141px}
.nouki-list td span.stretch-nouki.nouki-day-3::before {width: 264px}
.nouki-list td span.stretch-nouki.nouki-day-4::before {width: 387px}
.nouki-list td span.stretch-nouki.nouki-day-5::before {width: 510px}
.nouki-list td span.stretch-nouki.nouki-day-6::before {width: 633px}

.scroll-table {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.scroll-table {
	margin-top: 28px;
}
.wrap-table-ttl {
	margin-top: 56px;
}
.wrap-table-ttl .icon-ink {
	margin-bottom: 4px;
}
.wrap-table-ttl > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.wrap-table-ttl .icon-ink + *,
.wrap-table-ttl .scroll-table {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	table:not(:first-child) {
		margin-top: 32px;
	}
	.wrap-table-ttl > div:first-child {
		display: block;
	}
	.wrap-table-ttl .icon-ink {
		line-height: 1;
	}
	.wrap-table-ttl table {
		margin-top: 8px;
	}
}
@media screen and (max-width: 480px) {
	table:not(:first-child),
	.scroll-table {
		margin-top: 24px;
	}
}
/*------------------------------------------------------------
link-panel
------------------------------------------------------------*/
.link-panel {
	padding: 20px 20px 24px;
	display: inline-block;
	position: relative;
	top: 0;
	background: #fff;
	color: #222;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.link-panel:hover {
	color: #222;
	transform: translate3d(0, 2px, 0);
	opacity: 1;
}
.link-panel::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(images/common/link-mark.svg) no-repeat 100% 100% / 16px;
	position: absolute;
	top: 0;
	left: 0;
	transition: background-color .3s;
}
.link-panel:hover::after {
	background-color: rgba(74, 145, 214, .5);
	background-image: none;
}
.link-panel .panel-h {
	line-height: 1.3;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.link-panel img {
	margin: 16px auto 0;
	max-width: 162px;
	display: block;
	transition: opacity .3s;
}
.link-panel:hover img {
	opacity: .6;
}
.link-panel .panel-comment {
	padding-top: 16px;
	line-height: 1.8;
	color: #222;
	font-size: 14px;
}
.link-panel.bg-gray {
	background-color: #f3f3f3;
}

.link-panel-bar {
	display: flex;
	align-items: center;
	background: url(images/common/link-mark.svg) no-repeat 100% 100% / 16px;
	background-color: #fff;
	color: #222;
}
.link-panel-bar.bg-gray {
	background-color: #f3f3f3;
}
.link-panel-bar:hover {
	background-color: rgba(74, 145, 214, .5);
	background-image: none;
	background-position: 100% 100%;
	color: #222;
	transform: translateY(2px);
	opacity: 1;
}
.link-panel-bar .panel-bar-h {
	background: transparent;
	font-size: 18px;
	font-weight: 700;
}
.link-panel-bar img {
	width: 50%;
	height: 60px;
	object-fit: cover;
	transition: opacity .3s;
}
.link-panel-bar:hover img {
	opacity: .6;
}
.link-panel-bar .panel-inner {
	padding: 0 1em;
}
.link-panel-bar p {
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.link-panel-bar span {
	margin: 0 auto;
	font-weight: 700;
}

.link-panel-bar.tate {
	display: block;
}
.link-panel-bar.tate img {
	width: 100%;
}
.link-panel-bar.tate .panel-h {
	margin-top: 0;
	padding: 16px;
	font-weight: 700;
	text-align: center;
}

.link-panel > *,
.link-panel-bar > * {
	position: relative;
	z-index: 1;
	transform: translateY(0);
}
/* text-link underline
------------------------------------------------------------*/
.link-line,
.link-line-wrap a {
	padding-bottom: .2em;
	background: linear-gradient(#6ea7de, #6ea7de) 0 100%/0 1px no-repeat;
	transition: .3s;
	text-decoration: none;
	color: #4a91d6;
}
.link-line:hover,
.link-line-wrap a:hover {
	background-size: 100% 1px;
	opacity: 1;
}
/* text-link icon
------------------------------------------------------------*/
.link-arw::after,
.link-arw-white::after,
.link-arw-black::after {
	content: "";
	margin-left: .15em;
	margin-right: .2em;
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url(images/common/arw-circle.svg) no-repeat 0 0 / 1em;
	vertical-align: -.15em;
}
.link-arw-white::after {
	background-image: url(images/common/arw-circle-white.svg);
}
.link-arw-black::after {
	background-image: url(images/common/arw-circle-black.svg);
	transform: rotate(-90deg);
}
.link-arw-down::after,
.link-arw-down-white::after {
	content: "";
	margin-left: .3em;
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url(images/common/arw-circle.svg) no-repeat 0 0 / 1em;
	transform: rotate(90deg);
	vertical-align: -.15em;
}
.link-arw-down-white::after {
	background-image: url(images/common/arw-circle-white.svg);
}
.link-external::after,
.link-external-white::after {
	content: "";
	margin-left: .3em;
	width: 1em;
	height: 1em;
	display: inline-block;
	background: url(images/common/icon-external.svg) no-repeat center center / 1em;
	vertical-align: -.15em;
}
.link-external-white::after {
	background: url(images/common/icon-external-white.svg) no-repeat center center / 1em;
}
/*------------------------------------------------------------*/
@media screen and (max-width:480px) {
	.link-panel {
		padding: 16px 12px;
	}
	.link-panel .panel-h {
		font-size:	13px;
	}
	.link-panel .panel-comment {
		display: none;
	}
	.link-panel-bar img {
		width: 40%;
		height: 56px;
		object-position: 0 0;
	}
	.link-panel-bar p {
		margin-top: 8px;
	}
}
/*------------------------------------------------------------
local-nav
------------------------------------------------------------*/
.local-nav {
	margin-top: 0;
	width: 100%;
	background: #f3f3f3;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}
.local-nav ul {
	margin: 0 auto;
	max-width: 1120px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	line-height: 1.1;
	font-weight: 500;
	text-align: center;
	overflow-x: auto;
}
.local-nav ul::-webkit-scrollbar {
	height: 10px;
}
.local-nav ul::-webkit-scrollbar-track {
	background: #fff;
}
.local-nav ul::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	box-shadow: inset 0 0 0 3px #fff;
}
.local-nav ul li {
	flex-shrink: 0;
}

.local-nav ul li a {
	padding: 12px 8px;
/*（↓変更 2022.10.20）font-size: 13px;*/
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	height: 100%;
}
.local-nav.option-local ul li {
	height: 112px;
}
.local-nav ul li a.current {
	background: rgba(74, 145, 214, .5);
}
.local-nav ul li a:hover {
	color: #222;
	opacity: .6;
}
.local-nav ul li img {
	margin: 0 auto 4px;
/*（↓変更 2022.10.20）width: 68px;*/
	width: 58px;
	height: 50px;
	display: block;
}
.local-nav.order-local ul li a {
	padding: 16px;
	font-size: 14px;
	font-weight: 700;
}

.local-sub-nav {
	margin: 0 auto 64px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
}
.local-sub-nav > li {
	border-right: 1px solid #222;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.local-sub-nav > li:last-child {
	border-right: 0;
}
.local-sub-nav > li > a {
	padding: 0 8px;
	color: #222;
	display: block;
	line-height: 1;
	font-size: 16px;
	font-weight: 700;
}
.local-sub-nav > li > a:hover,
.local-sub-nav > li > a.current {
	color: #4a91d6;
}

.local-sub-nav.rounded > li {
	border: none;
}
.local-sub-nav.rounded > li:last-child {
	display: none;
}
.local-sub-nav.rounded > li > a,
.local-sub-nav-toggle {
	margin: 0 6%;
	width: 100%;
	border: 2px solid #4a91d6;
	padding: 6px 4px 8px;
	border-radius: 24px;
	color: #4a91d6;
}
.local-sub-nav.rounded > li > a.current {
	color: #222;
	border: 2px solid #333;
}
.local-sub-nav-toggle {
	margin-left: 0;
	margin-right: 0;
	border: 2px solid #4a91d6!important;
	position: relative;
}
.local-sub-nav-toggle::after {
	border-left: 2px solid #4a91d6;
	border-bottom: 2px solid #4a91d6;
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 24px;
	transform: rotateZ(-45deg);
}
.local-sub-nav-toggle.is-open::after {
	top: 17px;
	transform: rotateZ(135deg);
}

@media screen and (max-width: 768px) {
	.local-sub-nav.mb-hidden:not([class*="rounded"]) {
		display: none;
	}
	.local-sub-nav.rounded {
		margin-top: -16px;
	}
	.local-sub-nav.rounded > li {
		margin-top: 16px;
		flex-basis: 50%;
	}
}
@media screen and (max-width: 480px) {
	.local-nav.order-local ul li a {
		padding: 12px;
	}
	.local-sub-nav {
		margin-bottom: 24px;
	}
	.local-sub-nav.rounded {
		margin-top: 0;
	}
	.local-sub-nav.rounded > li:last-child {
		padding: 2px 0 4px;
		display: block;
	}
	.local-sub-nav-toggle::after {
		top: 8px;
	}
	.local-sub-nav-toggle.is-open::after {
		top: 14px;
	}
	.local-sub-nav.rounded > li {
		margin: 0;
	}
	.local-sub-nav.rounded > li:not(:last-child) {
		display: none;
	}
	.local-sub-nav-mb {
		margin-top: 16px;
		display: none;
	}
	.local-sub-nav-mb li {
		padding: 0 16px;
	}
	.local-sub-nav-mb li a {
		padding: 8px 0;
		border-bottom: 2px solid #4a91d6;
		display: block;
	}
	.local-sub-nav-mb li a.current {
		color: #222;
	}
	.local-sub-nav-mb li:last-child a {
		border: none;
	}
}
/*------------------------------------------------------------
js
------------------------------------------------------------*/
.is-hidden {
	display: none;
}
.is-show {
	display: block;
}
/*------------------------------------------------------------*/
.slick-dots {
	bottom: -52px;
}
.slick-dots li {
	margin: 0;
}
.slick-dots li button:before {
	opacity: 1;
  color: #999;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #4a91d6;
}

.slick-prev, .slick-next {
  padding: 0;
	width: 56px;
	height: 105%;
	display: block;
	background-color: #f3f3f3!important;
  cursor: pointer;
	z-index: 1;
	transition: .3s;
}
.slick-prev {
	border-right: 2px solid #222;
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-l.svg) no-repeat 45% center / 12px;
	left: 0;
}
.slick-next {
	border-left: 2px solid #222;
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-r.svg) no-repeat 45% center / 12px;
	right: 0;
}
.slick-prev::before, .slick-next::before {
	content: "";
}
.slick-prev:hover, .slick-next:hover {
	width: 48px
}
.slick-prev:hover, .slick-prev:focus {
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-l.svg) no-repeat 45% center / 12px;
}
.slick-next:hover, .slick-next:focus {
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-r.svg) no-repeat 45% center / 12px;
}

.slide-simple .slick-dots {
	bottom: 8px;
	right: 8px;
	text-align: right;
}
.slide-simple.slick-slider {
	margin-bottom: 0;
}

/*------------------------------------------------------------*/
.fadein {
	opacity: 0;
	transform: translate(0, 24px);
	transition: all 1s;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*------------------------------------------------------------*/
.remodal-overlay {
  background: rgba(34, 34, 34, 0.94);
}
.remodal-order-tsuya .ttl-underline-s {
	margin-bottom: 0;
}
.remodal-order-tsuya .tag-gray {
	margin: 0 auto 16px;
}
.remodal-order-tsuya .box-text-center {
	padding-top: 12px;
	font-size: 14px;
	line-height: 1.4;
}
.remodal-paper-thickness dl {
  margin: 0 auto 24px;
	max-width: 480px;
	display: flex;
	flex-wrap: wrap;
}
.remodal-paper-thickness dl > * {
	margin-bottom: 4px;
	padding: 2px 24px;
  text-align: left;
	flex-basis: calc(50% - 4px);
}
.remodal-paper-thickness dl dt {
	margin-right: 4px;
	background: #ccc;
}
.remodal-paper-thickness dl dd {
	background: #f3f3f3;
}
.remodal-paper-thickness dl dt:first-of-type,
.remodal-paper-thickness dl dd:first-of-type {
	background: #999;
}
/*------------------------------------------------------------*/
.luminous, .lumi-group {
	display: inline-block;
	position: relative;
	cursor:zoom-in;
}
.luminous::before,
.lumi-group.icon-zoom::before {
	content: "";
	width: 28px;
	height: 28px;
	display: block;
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/icon-zoom.svg) center / contain;
	position: absolute;
	top: 12px;
	right: 12px;
}
.lum-lightbox {
	z-index: 999;
	background: rgba(34, 34, 34, 0.94);
}
.lum-lightbox-inner {
	right: 5%;
	left: 5%;
}
.lum-lightbox-image-wrapper {
	line-height: 1;
}
.lum-lightbox-inner img {
	max-width: 80vw;
	max-height: 90vh;
	width: auto;
	object-fit: contain;
}
.lum-gallery-button {
	position: fixed;
}
.lum-gallery-button::after {
  border-top: 1px solid rgba(255, 255, 255, 1);
	width: 20px;
	height: 20px;
}
.lum-previous-button {left: 2.5%;}
.lum-next-button {right: 2.5%;}
.lum-previous-button::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  box-shadow: none;
  border-radius: 0;
}
.lum-next-button::after {
  border-right: 1px solid rgba(255, 255, 255, 1);
  box-shadow: none;
  border-radius: 0;
}
.lum-close-button {
  opacity: 1;
	cursor: pointer;
	top: 12px;
	right: 12px;
}
.lum-close-button:before,
.lum-close-button:after {
  width: 1px;
}
.lum-lightbox-inner .lum-lightbox-caption {
	margin-top: 8px;
	max-width: 80%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.remodal-order-tsuya .box-flex > div {
		max-width: calc(33.3% - 40px);
	}
}
@media screen and (max-width: 480px) {
	.slick-prev, .slick-next {
		width: 32px;
		border: none;
		background-position: 50% 50%;
	}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
		width: 32px;
		background-position: 50% 50%;
	}

	.remodal-order-tsuya .box-flex > div {
		max-width: 100%;
	}
	.remodal-paper-thickness dl > * {
		padding: 2px 8px;
	}

	.lum-lightbox-inner img {
		max-width: 88vw;
    max-height: 88vh;
	}
	.luminous::before {
		width: 16px;
		height: 16px;
	}
	.lum-lightbox-caption {
		position: unset;
	}
}
/*------------------------------------------------------------
other
------------------------------------------------------------*/
.br-mb {
	display: none;
}
.mb-shown {
	display: none;
}
.mb-card-grid {
	text-align: center;
}
.mb-card-grid .ttl {
	margin-bottom: 0;
	line-height: 1.1;
	font-size: 18px;
	font-weight: 700;
}
.mb-card-grid > img {
	margin: 24px auto 0;
	max-width: 240px;
}
.mb-card-grid p {
	color: #222;
}
.box-flex:first-child > .mb-card-grid {
	margin-top: 0;
}

@media screen and (max-width: 1156px) {
	.wrap-breadcrumb .breadcrumb {
		margin: 0 40px;
	}
}
@media screen and (max-width: 768px) {
	.fit-img img {
		max-width: 480px;
	}
	
	.btn-white-1,
	.btn-white-2 {
		width: 100%;
	}

	.mb-card-grid {
		display: grid;
		grid-template-columns: 30% 1fr;
		grid-template-rows: auto auto;
		text-align: left;
	}
	.mb-card-grid .ttl {
		text-align: left;
		order: 2;
	}
	.mb-card-grid > img {
		margin: 0 auto;
		padding: 0 24px 0 0;
		order: 1;
		grid-row: span 2;
		align-self: center;
	}
	.mb-card-grid p:last-child {
		order: 3;
	}
	.box-flex:first-child > .mb-card-grid:not(:first-child) {
		margin-top: 40px;
	}
}
@media screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}
	.wrap-breadcrumb {
		display: none;
	}
	
	.br-clear {
		display: none;
	}
	.br-mb {
		display: block;
	}
	.mb-hidden {
		display: none!important;
	}
	.mb-shown {
		display: block!important;
	}
	.mb-ls-clear {
		letter-spacing: 0;
	}

	.mb-card-grid {
		grid-template-columns: 40% 1fr;
	}
	.mb-card-grid .ttl {
		order: 1;
		grid-column: span 2;
		text-align: center;
	}
	.mb-card-grid > img {
		padding: 16px 16px 0 0;
		max-width: 100%;
		order: 2;
		grid-row: unset;
	}
	.box-flex:first-child > .mb-card-grid:not(:first-child) {
		margin-top: 32px;
	}

	p.note {
		text-align: left;
	}
}
/*------------------------------------------------------------
404 page not found
------------------------------------------------------------*/
.page404 {
	padding: 56px 0;
	background: #f3f3f3;
	text-align: center;
}
.page404 h1 {
	margin-bottom: 40px;
	font-size: 24px;
}
.page404 img {
	width: 100%;
	max-width: 476px;
	display: inline-block;
	text-align: center;
}
.page404 .block-lead {
	margin-bottom: 0;
}
.page404 .box-toiawase {
	margin: 40px auto 0;
	max-width: 476px;
}
/*------------------------------------------------------------
top - 重要なお知らせ
------------------------------------------------------------*/
.wrap-news-juuyou {
	background: #a6d3ff;
}
.wrap-news-juuyou .wrap-news-juuyou-inner {
	margin: 0 auto;
	max-width: 1120px;
	line-height: 1;
}
.wrap-news-juuyou .wrap-news-juuyou-inner a {
	text-decoration: none;
	font-size: 13px;
}
.wrap-news-juuyou .juuyou-tag {
	margin: 4px 1em 4px 0;
	padding: .2em;
	display: inline-block;
	font-size: 11px;
	text-align: center;
	border: 1px solid #333
}
.wrap-news-juuyou .juuyou-date {
	margin-right: 1em;
}
/*------------------------------------------------------------
top
------------------------------------------------------------*/
.top .hero {
	width: 100%;
	height: calc(100vh - 110px);
	position: relative;
	z-index: -100;
}
.top .hero .hero-image {
	height: 100%;
	background: url(/bg-header/bg-header-blue.jpg);
	position: relative;
}
.top .hero .wrap-hero-copy {
	position: absolute;
	margin: 0 auto;
	max-width: 1200px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.top .hero .wrap-hero-copy img {
	padding: 8px 8px 8px 6px;
	width: auto;
	height: 70%;
	position: absolute;
	top: 46%;
	background: #fff;
	border-radius: 2px;	
}
.top .hero .hero-copy-left {
	left: 10%;
	transform: translateY(-50%);
}
.top .hero .hero-copy-left.fadein-copy {
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: all 1s;
}
.top .hero .hero-copy-left.fadein-copy.scrollin {
	opacity: 1;
	transform: translate(0, -50%);
}
.top .hero .hero-copy-right {
	right: 10%;
	transform: translateY(-50%);
}
.top .hero .hero-copy-right.fadein-copy {
	opacity: 0;
	transform: translate(0, -40%);
	transition: all 1s;
}
.top .hero .hero-copy-right.fadein-copy.scrollin {
	opacity: 1;
	transform: translate(0, -50%);
}
/*------------------------------------------------------------*/
.top .news-wp-rss {
	padding: 56px 0 48px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	background: url(images/top/bg-nezumi-light.jpg);
}
.top .maru-ttl {
	padding: 24px;
	width: 280px;
	height: 280px;
	border-radius: 100%;
	background: #f8e62d;
	position: absolute;
	top: -60px;
	right: 10vw;
	font-size: 20px;
	text-align: center;
}
.top .news-wp-rss .slick-news {
	width: 100%;
}
.top .news-wp-rss .slick-news .slick-wp-content {
	margin: 0 16px;
	width: 280px;
	background: #fff;
	box-shadow: 0 0 8px -4px rgb(0 0 0 / 20%);
}
.top .news-wp-rss .slick-news .slick-wp-content:hover h2,
.top .news-wp-rss .slick-news .slick-wp-content:hover img,
.top .news-wp-rss .slick-news .slick-wp-content:hover .date {
	opacity: .6;
}
.top .news-wp-rss .slick-news h2,
.top .news-wp-rss .slick-news img,
.top .news-wp-rss .slick-news .date {
	transition: opacity .3s;
}
.top .news-wp-rss .slick-news h2,
.top .lab-wp-rss .slick-lab .title {
	margin: 12px 16px 0;
	color: #222;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.top .news-wp-rss .slick-news .date,
.top .lab-wp-rss .slick-lab .date {
	margin-top: 0;
	padding: 4px 16px 8px;
	color: #222;
	font-size: 12px;
	text-align: right;
}
.top .news-wp-rss .slick-news .slick-prev,
.top .banner .slick-more .slick-prev {
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-l.svg) no-repeat 45% center / 12px, url(/wp/wp-content/themes/retroinsatsu/images/top/bg-nezumi-light.jpg);
}
.top .news-wp-rss .slick-news .slick-next,
.top .banner .slick-more .slick-next {
	background: url(/wp/wp-content/themes/retroinsatsu/images/common/arw-slide-r.svg) no-repeat 45% center / 12px, url(/wp/wp-content/themes/retroinsatsu/images/top/bg-nezumi-light.jpg);
}
.top .news-wp-rss .slick-news .slick-dots {
	padding-right: 56px;
	bottom: -36px;
	text-align: right;
}
/*------------------------------------------------------------*/
.top .lab-wp-rss {
	padding: 64px 0;
	width: 100%;
	max-width: 100%;
	background: #f3f3f3;
	position: relative;
}
.top .lab-wp-rss .maru-ttl {
	top: -40px;
	right: 0;
	left: 10vw;
}
.top .lab-wp-rss .maru-ttl .small {
	line-height: 2.5em;
}
.top .lab-wp-rss .slick-lab {
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1400px;
}
.top .lab-wp-rss .slick-lab .slick-lab-content {
	margin: 0 20px;
	width: calc(25% - 40px);
	max-width: 300px;
	background: #fff;
	box-shadow: 0 0 6px -4px rgb(0 0 0 / 20%);
	z-index: 1;
}
/*------------------------------------------------------------*/
.top .features {
	padding: 80px 0;
	position: relative;
	background:url(images/top/bg_feature.jpg) 48px center / cover no-repeat;
}
.top .features::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(images/common/dot-black-alfa.png) top left fixed;
	position: absolute;
	top: 0;
	left: 0;
}
.top .features h2 {
	margin: 0 auto 56px 0;
	padding: 20px 28px 24px;
	display: table;
	font-size: 32px;
	background: #fcfcfc;
	border: 2px solid #222;
}
.top .features h3 {
	margin: 0 0 56px auto;
	padding: 24px;
	max-width: 800px;
	border: 2px solid #222;
	background: #fcfcfc;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
}

.top .circle-contents {
	margin: 0 auto;
	max-width: 1120px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 56px 10%;
	justify-content: space-between;
	position: relative;
}
.top .circle-wrapper {
	position: relative;
	width: 100%;
}
.top .circle-wrapper::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.top .circle-wrapper:nth-child(even) .circle-item {
	transform: translateY(116px);
}
.top .circle-item {
	margin: auto;
	width: 100%;
	border: 2px solid #222;
	border-radius: 50%;
	background: #fff no-repeat center 8%;
	background-size: 40%;
	text-align: center;
	overflow: hidden;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.top .circle-item.zure {background-image: url(images/top/feature-text-zure.png);}
.top .circle-item.kasure {background-image: url(images/top/feature-text-kasure.png);}
.top .circle-item.mura {background-image: url(images/top/feature-text-mura.png);}
.top .circle-item.konsyoku {background-image: url(images/top/feature-text-konsyoku.png);}
.top .circle-item.tenitsuku {background-image: url(images/top/feature-text-tenitsuku.png);}

.top .circle-item .text-circle {
	margin: 10.56% auto 0;
	padding: 12%;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	z-index: 1;
	text-shadow:
		1px 1px 1px #fff,
		-1px -1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		0px 1px 1px #fff,
		0 -1px 1px #fff,
		-1px 0 1px #fff,
		1px 0 1px #fff;
}
.top .circle-item .pictrim {
	margin: 0 auto;
	width: calc(100% - 12%);
	height: calc(50% - 6%);
	position: absolute;
	left: 0;
	bottom: 6%;
	right: 0;
	background-size: contain;
	border-radius: 0 0 50% 50% / 0 0 100% 100%;
}
.top .circle-item.zure .pictrim.lazyloaded {background-image: url(images/top/feature-zure.jpg);}
.top .circle-item.kasure .pictrim.lazyloaded {background-image: url(images/top/feature-kasure.jpg);}
.top .circle-item.mura .pictrim.lazyloaded {background-image: url(images/top/feature-mura.jpg);}
.top .circle-item.konsyoku .pictrim.lazyloaded {background-image: url(images/top/feature-konsyoku.jpg);}
.top .circle-item.tenitsuku .pictrim.lazyloaded {background-image: url(images/top/feature-tenitsuku.jpg);}
/*------------------------------------------------------------*/
.top .ttl-nami {
	font-size: 30px;
}
.top .section-area {
	padding-top: 88px;
}
/*------------------------------------------------------------*/
.top .features-link {
	padding: 64px 0 132px;
	position: relative;
	background: #f3f3f3;
}
.top .features-link .container {
	margin: 0 auto;
	max-width: 1200px;
	display: flex;
	justify-content: space-around;
}
.top .features-link .content-features-link {
	margin: 0 24px;
	max-width: 280px;
	flex: 1;
}
.top .features-link .content-features-link h4 {
	padding: 12px 0 11px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
}
.top .features-link .content-features-link .btn {
	min-width: auto;
	width: 100%;
}
/*------------------------------------------------------------*/
.top .banner {
	padding: 64px 0 48px;
	width: 100%;
	max-width: 100%;
	position: relative;
	background: url(images/top/bg-nezumi-light.jpg);
}
.top .banner::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 64px;
}
.top .banner::before {
	top: -63px;
	background: url(images/top/bg-circle-half-top.png) repeat-x bottom center;
	background-size: contain;
}
.top .banner::after {
	content: "";
	width: 100%;
	height: 32px;
	display: block;
	position: absolute;
	bottom: -31px;
	background: url(images/top/bg-wave-gray-light.png) repeat-x top center;
	transform: rotate(180deg);
	z-index: 1;
}
.top .banner .slick-more {
	max-width: 1400px;
	margin: 40px auto;
}
.top .banner .content-banner {
	padding: 16px 12px;
	max-width: 304px;
	transition: .2s;
}
.top .banner .content-banner:hover {
	margin: -4px 4px 4px -4px;
}
.top .slick-more .content-banner > div {
	padding: 0 16px 0 8px;
}
.top .banner .content-banner .img-banner {
	border: 2px solid #222;
	position: relative;
	top: -1px;
	box-shadow: 8px 8px 0 #222;
	transition: .2s;
}
.top .banner .content-banner .img-banner img {
	max-width: 252px;
}
.top .banner .content-banner:hover .img-banner {
	box-shadow: 12px 12px 0 #222;
}
.top .banner .text-banner {
	margin-bottom: 24px;
	padding: 12px 16px;
	border: 2px solid #222;
	border-radius: 16px;
	background: #fff;
	position: relative;
	color: #222;
	font-weight: 500;
	line-height: 1.8;
}
.top .banner .text-banner::after {
	content: "";
	width: 36px;
	height: 2px;
	background: #222;
	display: block;
	position: absolute;
	bottom: -15px;
	left: 40%;
	transform: rotate(-45deg);
}
/*------------------------------------------------------------*/
.top .insta-feed {
	padding: 112px 0 0;
	width: 100%;
	position: relative;
	background: #f3f3f3;
}
.top .insta-feed .svg-roof {
	vertical-align: bottom;
}
.top .insta-feed .icon-ig  {
	width: 28px;
	height: 28px;
	margin-right: 16px;
	vertical-align: middle;
}
.top .insta-feed .btn-basic-l {
	margin: 40px auto 88px;
	max-width: 300px;
}
.top .insta-feed .btn-ig {
	width: 18px;
	height: 18px;
	margin: 0 14px 0 0;
	fill: #4a91d6;
	vertical-align: -2px;
	transition: .3s;
}
.top .insta-feed a:hover .btn-ig {
	fill: #5ca9f3;
}
.top .insta-content {
	margin: 48px auto 0;
	max-width: 1400px;
	display: flex;
	flex-wrap: wrap;
}
.top .insta-content li {
	width: 25%;
	height: 100%;
	position: relative;
	list-style: none;
}
.top .insta-content li a {
	display: block;
	opacity: .9;
}
.top .insta-content li a::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .3s;
}
.top .insta-content li a:hover::before {
	background: rgba(74, 145, 214, .8);
}
.top .insta-content li .caption,
.top .insta-content li .like-count {
	display: none;
	transition: all .5s;
}
.top .insta-content li a:hover .caption {
	display: block;
	padding: 5.71% 6.85%;
	height: 80%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 1.929vw;
	line-height: 1.2;
	text-align: left;
	word-break: break-all;
	overflow: hidden;
}
.top .insta-content li a:hover .like-count {
	display: block;
	padding-left: 1.5em;
	position: absolute;
	right: 9%;
	bottom: 9%;
	background: url(images/top/icon-jamoki-fav.svg) no-repeat left center;
	color: #fff;
	font-size: 1.929vw;
	line-height: 0.9;
}
/*------------------------------------------------------------*/
.top .section-area.info-omise {
	padding-top: 0;
}
.top .info-omise .box-flex.info-area {
	margin: 0 -28px;
}
.top .info-omise .box-flex.info-area > * {
	margin: 40px 28px 0;
	width: calc(50% - 56px);
}
.top .info-omise .map iframe {
	width: 100%;
	height: 100%;
}
.top .info-omise dl {
	display: flex;
	flex-wrap: wrap;
}
.top .info-omise dl > * {
	padding: 1em 0.25em;
	border-top: 2px solid #ccc;
	line-height: 24px;
}
.top .info-omise dl dt {
	margin-right: 5%;
	width: 22%;
	text-align: center;
}
.top .info-omise dl dd {
	width: 73%;
}
.top .info-omise dl dt:last-of-type,
.top .info-omise dl dd:last-of-type {
	border-bottom: 2px solid #ccc;
}
/*------------------------------------------------------------*/
@media screen and (min-width: 1400px) {
	.top .insta-content li a:hover .caption,
	.top .insta-content li a:hover .like-count {
		font-size: 27px;
	}
}
@media screen and (max-width: 768px) {
	.top .lab-wp-rss .slick-lab .slick-track {
		display: flex;
	}
	.top .lab-wp-rss .slick-lab .slick-lab-content {
		margin: 0 16px;
		height: auto;
	}

	.top .features {
		padding: 72px 0;
	}
	.top .features .mb-clear {
		display: none;
	}
	.top .features .copy-left,
	.top .features .copy-right {
		text-align: left;
	}
	.top .features .copy-left {
		padding: 12px;
		line-height: 2;
		font-size: 32px;
	}
	.top .features .copy-right {
		padding: 12px 24px;
		height: auto;
		font-size: 18px;
	}
	.top .circle-wrapper {
		margin: auto;
		max-width: 520px;
		max-height: 520px;
	}
	.top .circle-contents {
		grid-template-columns: 1fr;
	}
	.top .circle-wrapper:nth-child(even) .circle-item {
		transform: translateY(0);
	}

	.top .features-link .container {
		display: block;
	}
	.top .features-link .content-features-link {
		margin: 0 40px 40px;
		max-width: 100%;
		display: grid;
		gap: 24px 40px;
	}
	.top .features-link .content-features-link h4 {
		grid-row: 1;
		grid-column: 1 / span 2;
	}
	.top .features-link .content-features-link img {
		margin-top: -2%;
		grid-row: 2 / span 2;
		grid-column: 1;
	}
	.top .features-link .content-features-link p {
    margin-top: 2%;
		grid-row: 2;
    grid-column: 2;
	}
	.top .features-link .content-features-link .btn {
    margin-top: 0;
    grid-row: 3;
    grid-column: 2;
	}

	.top .insta-feed .block-lead.center {
		max-width: 648px;
		padding: 0 24px;
	}
	.top .insta-content li {
		width: 50%;
	}
	.top .insta-content li a:hover .caption,
	.top .insta-content li a:hover .like-count {
		font-size: 4.268vw;
	}

	.top .info-omise .map iframe {
		height: 50vh;
	}
	.top .info-omise dl .br-mb {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.top .maru-ttl,
	.top .lab-wp-rss .maru-ttl {
		left: 50%;
    transform: translateX(-50%);
	}
	.top .news-wp-rss {
		padding-bottom: 88px;
	}
	.top .lab-wp-rss .slick-lab {
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	.top .features-link {
		padding: 64px 0 88px;
	}
	.top .features-link .content-features-link {
		margin: 0 24px 40px;
		display: block;
	}
	.top .features-link .content-features-link img {
		margin: 0 auto;
		max-width: 75%;
		display: block;
	}
	.top .features-link .content-features-link p {
		margin: 0;
	}
	.top .features-link .content-features-link .btn {
		margin-top: 16px;
	}
}
@media (orientation: portrait){
	.top .hero {
		height: 90vh;
	}
	.top .hero .wrap-hero-copy .hero-copy-left {
		top: 40%;
		left: 5%;
	}
	.top .hero .wrap-hero-copy .hero-copy-right {
		top: 60%;
		right: 5%;
	}
	.top .hero .wrap-hero-copy img {
		height: 50%;
	}
}
/*------------------------------------------------------------
about
------------------------------------------------------------*/
.about .icon-ink.yellow::before {
	width: 24px;
	height: 30px;
}
.about .about-retro .block-ruby {
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: 700;
}
.about .about-retro .box-flex-2col div:first-child {
	text-align: center;
}
.about .about-retro .box-flex-2col div:first-child img {
	margin-top: -12px;
	max-width: 428px;
}
.about .about-retro .inkdrum {
	align-items: flex-start;
}
.about .about-retro .inkdrum div:first-child img {
	margin-top: 8px;
	max-width: 100%;
}
/*------------------------------------------------------------*/
.about .wrap-intro-content + .section-area,
.about .section-area{
	padding: 112px 0 88px;
}
.about .section-area:last-child {
	padding: 88px 0;
}
.about .section-area .box-flex-2col > div > * + img,
.about .section-area .box-flex-2col > div > * + .box-image {
	margin-top: 32px;
}
.about .section-area .box-flex-2col > div > *:not(h3) + p {
	margin-top: 24px;
}
.about .section-area .box-point:not(:first-child) {
	margin-top: 56px;
}
.about .featured-img {
	margin: 0 auto 64px;
	padding: 0 10.31%;
	max-width: 1008px;
	position: relative;
}
.about .featured-img div {
	padding-top: calc(100%*460/800);
	background-repeat: repeat, no-repeat;
	background-position: 0 0;
	background-size: auto, 100% auto;
}
.about .hanzure .featured-img div {background-image: url("images/common/dot-black-alfa.svg"), url("images/about/about-featured-hanzure.jpg");}
.about .kasure .featured-img div {background-image: url("images/common/dot-black-alfa.svg") , url("images/about/about-featured-kasure-mura.jpg");}
.about .konsyoku .featured-img div {background-image: url("images/common/dot-black-alfa.svg"), url("images/about/about-featured-konsyoku.jpg");}

.about .featured-img h2 {
	position: absolute;
	top: -6.95%;
	left: 0;
	line-height: 65px;
	font-size: 56px;
	word-break: keep-all;
	line-break: strict;
	writing-mode: vertical-rl;
}
.about .kasure .featured-img h2.right {right: 0;}
.about .konsyoku .featured-img h2 {right: 0;}

.about .featured-img img {
	position: absolute;
	height: auto;
}
.about .hanzure .featured-img div .moji-1 {width: 15.57%; top: -6.95%; right:0;}
.about .kasure .featured-img div .moji-1 {width: 11.9%; top: 18.91%; left: 24.3%;}
.about .kasure .featured-img div .moji-2 {width: 20.33%; top: -2.6%; right: 19.94%;}
.about .konsyoku .featured-img div .moji-1 {width: 43.75%; top: -5.21%; left: 0;}
.about .konsyoku .featured-img div .moji-2 {width: 11.6%; bottom: 0px; left: 2.38%;}
.about .konsyoku .featured-img div .moji-3 {width: 19.44%; right: 10.8%; bottom: 0.86%;}

.about .sample-img {
	position: relative;
}
.about .sample-img .chip {
	width: auto;
	height: 40px;
	position: absolute;
}
.about .sample-img .zure-01 {top: 0; left: 0;}
.about .sample-img .zure-02 {bottom: 0; right: 0;}
.about .sample-img .kasure-01 {bottom: 0; left: 0;}
.about .sample-img .kasure-02 {top: 0; right: 0;}
.about .sample-img .konsyoku-02 {right: 0; top: 0;}

/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.about .wrap-intro-content .intro-content {
		padding-bottom: 64px;
	}
	.about .wrap-intro-content + .section-area,
	.about .section-area{
		padding: 72px 0;
	}
	.about .about-retro .box-flex-2col > *:not(:first-child) {
		margin-top: 32px;
	}
	.about .about-retro .box-flex-2col div:first-child img {
		margin-top: 0;
	}
	.about .section-area .box-flex-2col {
		margin-top: 40px;
		margin-left: -40px;
		flex-wrap: nowrap;
	}
	.about .section-area .box-flex-2col > div {
		margin-top: 0;
		margin-left: 40px;
	}
	.about .featured-img {
		margin-bottom: 40px;
		padding: 0 7.73%;
	}
	.about .featured-img h2 {
		line-height: 40px;
		font-size: 36px;
	}
	.about .icon-ink::before {
		margin: -2px .3em 0 0;
	}
	.about .hanzure .midashi-nami:first-child {
		letter-spacing: 0;
	}
}
@media screen and (max-width: 600px) {
	.about .section-area .box-flex-2col {
		flex-wrap: wrap;
	}
	.about .section-area .box-flex-2col > div > *:not(:first-child) {
		margin-top: 24px;
	}
	.about .section-area .box-flex-2col > div > .midashi-nami:not(:first-child),
	.about .section-area .box-flex-2col > div .box-point {
		margin-top: 40px;
	}
	.about .featured-img h2 {
		line-height: 36px;
		font-size: 28px;
	}
	.about .sample-img.mb-hidden {
		display: none;
	}
	.about .kasure .box-flex-2col > div:nth-child(1) {
		order: 1;
	}
}
@media screen and (max-width: 480px) {
	.about .wrap-intro-content .intro-content {
		padding-bottom: 56px;
	}
	.about .wrap-intro-content + .section-area,
	.about .section-area{
		padding: 48px 0;
	}
	.about .section-area:last-child {
		padding: 56px 0;
	}
	.about .wrap-intro-content .intro-content > .box-flex-2col > *:not(:first-child) {
		margin-top: 24px;
	}
	.about .kugiri {
		font-size: 18px;
	}
	.about .featured-img h2 {
		line-height: 28px;
		font-size: 22px;
	}
	.about .section-area:last-child p {
		margin-top: 24px;
	}
}
/*------------------------------------------------------------
about - quality
------------------------------------------------------------*/
.quality .box-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}
.quality .box-image.bg-white {
	border-radius: 24px;
}
.quality .wrap-luminous {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.quality .wrap-luminous a {
	padding: 0 8px 16px;
	flex-basis: 50%;
}
.quality .wrap-luminous a img {
	max-width: 149px;
}
.quality .wrap-luminous a span {
	margin-bottom: 8px;
	display: block;
	color: #222;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.quality .section-area {
		padding: 48px 0;
	}
	.quality .wrap-icon-num-ink-2col > * {
		width: 100%;
		float: none;
	}
	.quality .wrap-icon-num-ink-2col > *:nth-child(2) {
		padding-right: 0;
	}
	.quality .box-image {
		margin-top: 40px;
	}
}
@media screen and (max-width: 480px) {
	.quality .box-grid {
		display: none;
	}
}
/*------------------------------------------------------------
about - tsuyapuri
------------------------------------------------------------*/
.tsuya .tsuya-shikumi {
	margin-bottom: 40px;
	display: flex;
}
.tsuya .tsuya-shikumi .text {
	max-width: 282px;
	height: auto;
}
.tsuya .tsuya-shikumi .text p:first-child {
	font-size: 16px;
	font-weight: 700;
}
.tsuya .tsuya-shikumi .next {
	margin: 24px;
	width: 24px;
	height: auto;
	display: inline-block;
}
.tsuya .menseki .tag-gray {
	text-align: center;
}
.tsuya .menseki .box-flex {
	margin: -24px -16px 0;
	justify-content: center;
}
.tsuya .menseki .box-flex > div {
	margin: 24px 16px 0;
}
.tsuya .menseki .box-text-center {
	padding-top: 12px;
	line-height: 1.4;
	font-size: 14px;
}
.tsuya .ttl-underline {
	margin: 88px auto 40px;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.tsuya .menseki .box-flex > div {
		flex-basis: calc(33.3% - 32px);
		flex-grow: 0;
	}
	.tsuya .tsuya-shikumi {
		flex-wrap: wrap;
	}
	.tsuya .tsuya-shikumi .text {
		max-width: 100%;
	}
	.tsuya .tsuya-shikumi .text:not(:first-child) {
		margin-top: 24px;
	}
	.tsuya .tsuya-shikumi .next {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.tsuya .wrap-intro-content .intro-content {
		padding-bottom: 48px;
	}
	.tsuya .section-area {
		padding: 48px 0;
	}
	.tsuya .section-area:last-child {
		padding-bottom: 64px;
	}
	.tsuya .menseki .box-flex > div {
		flex-basis: calc(50% - 32px);
	}
	.tsuya .tsuya-shikumi {
		margin-bottom: 24px;
	}
}
/*------------------------------------------------------------
option - top
------------------------------------------------------------*/
.local-nav .back-option-top img {
	transform: rotate(90deg);
	width: 28px;
	height: 28px;
	margin: 14px auto 12px;
}
.option-top .wrap-intro-content .intro-content {
	padding: 56px 56px;
}
.option-top .link-panel .panel-comment {
	padding-top: 8px;
}
@media screen and (max-width: 480px) {
	.option-top .wrap-intro-content .intro-content {
		padding: 24px 24px 56px;
	}
}
/*------------------------------------------------------------
option
------------------------------------------------------------*/
.option .btn-order {
	font-size: 15px;
}
.option .wrap-intro-content {
	margin-top: 556px;
}
.option .wrap-intro-content .intro-content {
	margin-top: -468px;
}
.option .wrap-intro-content .box-flex {
	align-items: center;
}
.option .wrap-intro-content .box-flex > div {
	flex: 0 1 auto;
}
.option .wrap-intro-content .box-flex.option-lead > div:first-child {
	margin-top: 0;
	flex-basis: calc(25% - 40px);
}
.option .wrap-intro-content .box-flex.option-lead > div:last-child {
	margin-top: 0;
	flex-basis: calc(75% - 40px);
}
.option .wrap-intro-content .box-flex.option-lead .ttl-underline {
	margin: 0 auto 0 0;
}
.option .wrap-intro-content .box-flex.option-lead .block-lead {
	margin: 16px auto 8px;
}
.option .wrap-intro-content .box-flex.option-lead .block-lead + p {
	margin-top: 0;
	font-weight: 500;
}
.option .box-grid.page-scroll {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));	
}
.option .box-grid.page-scroll {
	margin-bottom: 32px;
}
.option .icon-ink + .dl-border-list {
	margin-top: 0;
}
.option .icon-ink {
	margin-bottom: 24px;
}
.option .dl-border-list dd {
	background: #f3f3f3;
}
.option .dl-border-list .label {
	margin-right: 0.5em;
	display: inline-block;
	font-weight: 500;
	vertical-align: middle;
}
.option .dl-border-list .marker-s,
.option .dl-border-list .nouki {
	font-size: 20px;
	font-weight: 700;
}
.option .dl-border-list .icon-format {
	margin: 0 4px 0 0;
}
.option .dl-border-list .file-type li {
	display: flex;
}
.option .dl-border-list .file-type span {
	width: 112px;
	flex-shrink: 0;
}
.option .dl-border-list img {
	margin: 4px 0;
	width: 100%;
	max-width: 728px;
}
.option .box-flex.op-images {
	margin: auto;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-evenly;
}
.option .box-flex.op-images img {
	margin: 1em auto;
	height: 180px;
	width: auto;
	max-width: 100%;
	flex: 0;
}
.option .dl-border-list .btn {
	margin-bottom: 8px;
}
.option .dl-border-list dd.price-sample .icon-sankaku {
	margin-left: .5em;
}
.option .price-sample .tag-yellow {
	margin-right: 16px;
	vertical-align: 2px;
}
.option .op-sample {
	margin: 40px auto;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}
.option .op-sample img {
	height: 100%;
	max-height: 222px;
	object-fit: cover;
}
.option .pp-nouki {
	display: flex;
	align-items: center;
	line-height: 1.6;
}
.option .pp-nouki div:first-child {
	width: 250px;
}
.option .pp-nouki div:last-child {
	margin-left: 1em;
	border-left: 1px solid #222;
	padding-left: 1em;
}
.option #ori-cross {
	margin-top: 80px;
}

/*------------------------------------------------------------
2024.2.23 追記 価格表
------------------------------------------------------------*/
.option .section-area.option-order {
	padding: 0;
	background: #fff;
	margin: 88px 0 -88px;
}
.option .section-area.option-order .wrap-intro-content,
.option .section-area.option-order .wrap-intro-content .intro-content {
	padding-top: 0;
	margin: 88px auto 0;
}
.option .section-area.option-order .wrap-intro-content .box-flex > div {
	flex: 1;
}
.option .section-area.option-order .icon-ink {
	margin: 0;
}
/*------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.option .wrap-intro-content {
		margin-top: 324px;
	}
	.option .wrap-intro-content .intro-content {
		margin-top: -256px;
	}
	.option .dl-border-list .label {
		display: block;
		line-height: 1.4;
	}
	.option .dl-border-list .file-type li {
		display: block;
	}
	.option .dl-border-list .file-type li:not(:first-child) {
		margin-top: 12px;
	}
	.option .box-flex.op-images {
		flex-wrap: wrap;
	}
	.option .op-sample {
		grid-template-columns: repeat(2, 1fr);
	}
	.option .op-sample img {
		max-height: 280px;
	}
	.option .pp-nouki div:first-child {
		width: 40%;
	}
}
@media screen and (max-width: 480px) {
	.option .wrap-intro-content .box-flex.option-lead {
		padding: 0 24px;
	}
	.option .wrap-intro-content .box-flex.option-lead > div:first-child {
		margin: 0 auto 16px;
		flex-basis: 70%;
	}
	.option .wrap-intro-content .box-flex.option-lead > div:last-child {
		margin: 0;
		flex-basis: 100%;
	}
	.option .wrap-intro-content .box-flex.option-lead .ttl-underline {
		margin: 0 auto;
	}
	.option .icon-ink {
		margin-bottom: 0;
	}
	.option .dl-border-list .marker-s,
	.option .dl-border-list dd.nouki p:first-child {
		font-size:	16px;
	}
	.option .dl-border-list dd.price-sample .icon-sankaku {
		margin-left: 0;
		display: block;
	}
	.option .box-grid.page-scroll a {
		background: url(images/common/arw-circle-down.svg) no-repeat right 15px center / 1em;
	}
	.option .op-sample {
    margin: 24px auto;
    gap: 24px;
	}
}
/*------------------------------------------------------------
order
------------------------------------------------------------*/
.toc .box-grid {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 40px;
}
.toc.tameshi-top .box-grid .link-panel img {
	max-width: 220px;
}
@media screen and (max-width: 600px) {
	.toc .box-grid {
		grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
		gap: 16px;
	}
}
@media screen and (max-width: 480px) {
	.toc .box-grid {
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	}
}
/*------------------------------------------------------------*/
.order .wrap-intro-content,
.order .intro-content {
	background: #fff;
}
.order .wrap-intro-content {
	margin-top: 556px;
}
.order .wrap-intro-content::before {
	border-color: transparent transparent #fff transparent;
}
.order .wrap-intro-content + .section-area {
	padding-top: 88px;
}
.order .intro-content {
	margin-top: -468px;
	/* padding-bottom: 64px; */
}
.order .ttl-pipe::before {
	border-color: #fff;
}
.order .ttl-pipe + .list {
	padding: 0 16px 40px;
	border-bottom: 2px solid #f5df2f;
}
/* .order .section-area {
	padding: 64px 0;
} */
.order .kome {
	font-size: 13px;
}
/*------------------------------------------------------------*/
.order .section-area:last-child .box-flex {
	margin-top: -40px;
}
.order .section-area:last-child .link-panel-bar {
	width: 100%;
	max-width: 100%;
}
.order .section-area.bg-white:last-child .link-panel-bar,
.order .section-area.bg-white:last-child .box-grid > * {
    background-color: #f3f3f3;
}
.order .section-area.bg-white:last-child .link-panel-bar:hover,
.order .section-area.bg-white:last-child .link-panel-bar.tate:hover {
	background-color: rgba(74, 145, 214, .5);
}
.order .section-area:last-child .box-grid {
	grid-template-columns: 1fr 1fr calc(50% - 20px);
	gap: 40px;
}
.order .section-area:last-child .price-other {
	padding: 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	text-align: center;
}
.order .section-area:last-child .price-other .ttl-underline-s {
	border-bottom: 3px solid #222;
}
/*------------------------------------------------------------*/
.order .price-list-option {
	margin-bottom: 12px;
	display: flex;
  justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
.order .link-paper {
	padding: 0 .75em;
	height: 22px;
	border-radius: 24px;
  position: absolute;
  top: 66%;
	right: 0;
	background: #4a91d6;
  color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 21px;
	transform: translateY(-66%);
}
.order .box-flex.select-wrap {
	margin-bottom: 40px;
}
.order .select-block {
	position: relative;
}
.order .select-block select {
	margin: 8px auto 0;	
}
.order .select-block:after {
	margin-top: -6px;
	position: absolute;
	content: '';
	width: 14px;
	height: 14px;
	background: url(images/order/arw-dot-yellow.svg) no-repeat left;
	background-size: 14px 14px;
	top: 75%;
	right: 14px;
	z-index: -1;
}
.order .select-block select {
	padding: 0 2em 0 .75em;	
	border: 2px solid #f5df2f;
	border-radius: 8px;
	width: 100%;
	height: 40px;
	display: block;
	line-height: 36px;
	letter-spacing: .1em;
	color: #222;
	font-family: YakuHanJPs, 'Noto Sans JP', sans-serif;
	font-weight: 700;
	text-overflow: ellipsis;
	appearance: none;
	-webkit-appearance: none;
	border-radius: none;
	-webkit-border-radius: none;
	cursor: pointer;
	outline-color: yellow;
}
/*------------------------------------------------------------*/
.order .box-disabled {
	padding: 56px;
	background: #f3f3f3;
	text-align: center;
	font-size: 20px;
}
.order .icon-question {
	width: 18px;
	height: 18px;
	line-height: 1;
	display: inline-block;
	vertical-align: text-bottom;
}
.order .price-info {
	line-height: 1.6;
	font-size: 12px;
	text-align: right;
	margin: 4px 0 0 auto;
}
.order .price-info p {
	margin-top: 0;
}
.order .switch {
	line-height: 1;
}
.order .toggle-switch {	
	margin-right: .3em;
	height: 18px;
	display: inline-block;
	vertical-align: text-bottom;
}
.order .toggle-input {
	display: none;
	opacity: 0;
	cursor: pointer;
}
.order .toggle-label {
	width: 40px;
	height: 18px;
	border-radius: 18px;
	background: #4a91d6;
	position: relative;
	display: inline-block;
	transition: .2s;
}
.order .toggle-label:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid #4a91d6;
	border-radius: 100%;
	background: #fff;
	top: 0;
	left: 0;
	transition: .2s;
}
.order .toggle-input:checked + .toggle-label {
	background-color: #b59251;
}
.order .toggle-input:checked + .toggle-label:after {
	border: 2px solid #b59251;
	left: 22px;
}
/*------------------------------------------------------------*/
.order .kin,
.order.tsuyapuri .a,
.order.tsuyapuri .b,
.order.tsuyapuri .c,
.order.tsuyapuri .d,
.order.tsuyapuri .e {
	margin: 8px 0 0;
	display: none;
	color: #4a91d6;
	font-size: 13px;
	line-height: 1;
}
.order .kin {
	color: #b59251;
}
.order .kin.checked,
.order.tsuyapuri .a.active,
.order.tsuyapuri .b.active,
.order.tsuyapuri .c.active,
.order.tsuyapuri .d.active,
.order.tsuyapuri .e.active {
	display: block;
	animation: fadeIn .6s ease 0s normal;
}
/*------------------------------------------------------------*/
.order #tab-menu-button li {
    display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #222;
	width: 40px;
	height: 32px;
	background: #ccc;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}
.order #tab-menu-button li:hover,
.order #tab-menu-button li.active {
	background: #6ea7de;
}
/*------------------------------------------------------------*/
.order .scroll-table,
.order .table-order {
	margin-top: 0;
}
.order .table-order {
	animation: fadeIn 1s ease 0s 1 normal;
}
.order .table-order,
.order .table-tameshi {
	table-layout: fixed;
}
.order .table-order th,
.order .table-order td,
.order .table-tameshi th,
.order .table-tameshi td {
	padding: 0;
	color: #222;
	line-height: 1.5;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}
.order .table-order th,
.order .table-tameshi th {
	padding: 8px;
	background: #e6e6e6;
}
.order .table-order tr:nth-child(1) th,
.order .table-tameshi tr:nth-child(1) th {
	padding: 8px;
	height: 110px;
	z-index: 1;
}
/* .order .table-order.tsuya1 tr:nth-child(1) th {height: 140px;} */
/* .order .table-order.tsuya2 tr:nth-child(1) th {height: 80px;} */

.order .table-order.tsuya1 tr:nth-child(1) th,
.order .table-order.tsuya1 tr:nth-child(2) th,
.order .table-tameshi tr:nth-child(1) th,
.order .table-tameshi tr:nth-child(2) th {
	background: #e6e6e6;
	height: 100px;
}

.order .table-order tr:nth-child(2) th {
	background: #ccc;
}
.order .table-order tr:nth-child(3) th,
.order .table-tameshi tr:nth-child(3) th {
	background: #ccc;
}
.order .table-order th:first-child,
.order .table-order td:first-child {
	position: sticky;
	left: 0;
}
.order .table-order th {width: 100px;}
.order.tameshi .table-tameshi th {width: 110px;}
.order.tameshi-tsuya .table-tameshi th {width: 95px;}

.order .table-order td,
.order .table-tameshi td {
	padding: 10px;
	height: 32px;
	border-right: 1px dashed #ccc;
	line-height: 1;
	font-size: 13px;
	vertical-align: middle;
}
.order .table-order tr:nth-child(4n+1) td {
	background: #f3f3f3;
}
.order .table-order td:first-child {
	border-bottom: 1px solid #222;
}
.order .table-order td:first-child,
.order .table-tameshi td:first-child {
	background: #f3f3f3;
	border-right: 1px solid #222;
	z-index: 1;
}
.order .table-order tr .inknum,
.order .table-tameshi tr .inknum {
	white-space: normal;
}
.order .table-order tr .inknum span,
.order .table-tameshi tr .inknum span {
	width: 45%;
	display: inline-block;
	vertical-align: middle;
}
.order .table-order tr .inknum span:nth-child(2n),
.order .table-tameshi tr .inknum span:nth-child(2n) {
	width: 55%;
	text-align: left;
}
.order .table-order tr .inknum .small {
	width: 100%;
	white-space: nowrap;
}
.order .table-order th img,
.order.tameshi .table-tameshi th img {
	margin: 4px 0;
	width: 40px;
}
.order .table-order .iro-tsuya,
.order .table-order .iro-retro,
.order.tameshi .table-tameshi .iro-tsuya,
.order.tameshi .table-tameshi .iro-retro {
	margin: 8px 0;
	line-height: 1;
	font-size: 12px;
}
.order .iro-tsuya::before {
	content: '\025cf';
	color: #6ea7de;
}
.order .iro-retro::before {
	content: '\025cf';
	color: #999;
}
.order .floatThead-container {
	z-index: 2!important;
}

.order .table-order td.on-cell-line {
	background: #f4e7ae!important;
}
.order .table-order tr:hover td {
	background: #f4e7ae;
}
.order .table-order td:hover {
	background: #f4da5b!important;
}
/*------------------------------------------------------------*/
.order.tameshi .ttl-marker-wrap {
	margin: 0 auto;
}
.order.tameshi .ttl-marker-wrap + .block-lead,
.order.tameshi .block-lead-l {
	margin-top: 32px;
}
.order.tameshi .section-area.hassou .kome {
	margin-top: 24px;
}
.order.tameshi .icon-ink {
	line-height: 1;
}
.order.tameshi .box-flex .mb-card-grid .ttl {
	font-size: 18px;
}
.order.tameshi .box-flex .box-gray a::after {
	background: none;
	transform: none;
}
.order.tameshi .scroll-table + .scroll-table,
.order.tameshi .section-area.hassou .scroll-table {
	margin: 40px 0 4px;
}
.order.tameshi .ttl-underline {
	font-size: 20px;
}

.order.tameshi .box-flex a[class^="btn"] {
	margin-top: 0;
}

.order.tameshi .scroll-table + .scroll-table {
	max-width: 786px;
}
.order.tameshi .table-tameshi th.ink-2col {width: 220px;}
.order.tameshi .table-tameshi th.ink-2col span {width: 20%;}
.order.tameshi .table-tameshi th.ink-2col span:nth-child(2n) {width: 28%;}

.order.tameshi-tsuya .price-list-option.color-2 {
	margin-top: 40px;
}

.order.tameshi .table-tameshi-hassou th,
.order.tameshi .table-tameshi-hassou td {
	padding: 8px 16px;
	height: auto;
	text-align: center;
	font-size: 14px;
	line-height: 1.8;
}

.order.tameshi-book .dl-border-list {
	margin-top: 0;
}
.order.tameshi-book .dl-border-list > dt {
	background: #ddd;
}
.order.tameshi-book .price-sample {
	display: flex;
}
.order.tameshi-book .price-sample .tag-yellow {
	margin-right: 16px;
}

.order.tameshi-iroiro .ttl-marker-wrap img {
	max-width: 400px;
}
.order.tameshi-iroiro .box-flex-anime {
	margin-top: 40px;
	padding: 24px;
	border-radius: 24px;
	background: #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.order.tameshi-iroiro .fukidashi-iroiro-l,
.order.tameshi-iroiro .fukidashi-iroiro-r {
	max-width: 18%;
}
.order.tameshi-iroiro .fukidashi-iroiro-l img:first-child,
.order.tameshi-iroiro .fukidashi-iroiro-r img:first-child {
	padding-bottom: 12px;
}
.order.tameshi-iroiro .anime-iroiro {
	max-width: 62%;
}
.order.tameshi-iroiro .ttl-pipe.reverse .center {
	margin-left: calc(100vw - 100%);
	margin-right: 0;
}
.order.tameshi-iroiro .ttl-pipe .center {
	margin-right: calc(100vw - (100% - 68px));
}
.order.tameshi-iroiro .bg-table-kin {
	background: url(images/order/bg-table-kin.png) center center / 181px 39.5px no-repeat #e6e6e6;
}
.order.tameshi-iroiro .bg-table-tsuya {
	background: url(images/order/bg-table-tsuya.png) center center / 181px 39.5px no-repeat #e6e6e6;
}
.order.tameshi-iroiro .table-tameshi th {
	width: 200px;
}
.order.tameshi-iroiro .table-tameshi tr:nth-child(2) th {
	height: 44px;
}
.order.tameshi-iroiro .table-tameshi td {
	line-height: 1.5;
}
.order.tameshi-iroiro .iroiro-ab {
	margin: 40px auto 0;
	max-width: 900px;
	display: block;
}
/*------------------------------------------------------------*/
.order.books .btn-green {
	margin-top: 24px;
}
.order.books .dl-border-list .tag-blue {
	margin-left: 1em;
}
.order.books .book-size {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
.order.books .book-size span {
	border-bottom: 4px solid #f5df2f;
	position: relative;
	line-height: 1;
}
.order.books .book-size span::after {
	content: "\7db4\3058\308b\8fba";
	width: 100%;
	color: #e8373d;
	font-weight: 500;
	font-size: 14px;
	position: absolute;
	top: 3em;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.order.books .book-size span:last-child::after {
	content: "\7db4\3058\306a\3044\8fba";
}
.order.books.hira .book-size span::after {
	content: "\77ed\8fba";
}
.order.books.hira .book-size span:last-child::after {
	content: "\9577\8fba";
}
.order.books .book-size-panel > div {
	margin-top: 40px;
	width: 100%;
	padding: 24px;
	border: 3px solid #f5df2f;
	border-radius: 28px;
	position: relative;
	display: flex;
	flex-direction: column;
}
.order.books .book-size-panel .circle-size {
	position: absolute;
	width: 56px;
	height: 56px;
	background: #f5df2f;
	border-radius: 50%;
	text-align: center;
	top: -2px;
	left: -2px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	padding-top: 6px;
}
.order.books .book-size-panel .circle-size::after {
	content: "\30b5\30a4\30ba";
	font-size: 10px;
	display: inherit;
}
.order.books .book-size-panel .circle-size + p {
	margin-top: -12px;
	text-align: right;
}
.order.books .book-size-panel .size-image {
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.order.books .book-size-panel .size-image .naka-1 {max-width: 122px;}
.order.books .book-size-panel .size-image .naka-2 {max-width: 254px;}
.order.books .book-size-panel .size-image .naka-3 {max-width: 148px;}
.order.books .book-size-panel .size-image .hira-1 {max-width: 143px;}
.order.books .book-size-panel .size-image .hira-2 {max-width: 173px;}
.order.books .book-size-panel .size-image .hira-3 {max-width: 234px;}
.order.books .book-size-panel .size-image .hochi-m {max-width: 290px;}
.order.books .book-size-panel .size-image .hochi-l {max-width: 148px;}

.order.books .book-size-panel .tag-border {
	border-top: 3px solid #f5df2f;
}
.order.books .book-size-panel .tag-border > span {
	background: #f5df2f;
}
.order.books .book-size-panel .tag-border .red.small {
	line-height: 1;
}

.order.books .book-price table {
	text-align: center;
}
.order.books .nouki-list th:first-of-type {
	width: 200px;
}
.order.books .nouki-list td.tate {
	background: #71b967;
	font-weight: 500;
}
.order.books .nouki-list td span[class^="nouki-day"],
.order.books .nouki-list td span[class^="nouki-day"]::before {
	border-color: #71b967;
	color: #4da741;
}
.order.books .book-price .icon-ink .small::before {
	content: "";
	border-left: 1px solid #999;
	margin-left: .8em;
	margin-right: .8em;
}
.order.books .section-area:last-child .box-grid {
	grid-template-columns: repeat(2, 1fr);
}
/*
.order.books .cloth-sample {
	margin-bottom: 16px;
}
*/
.order.books .cloth-sample span {
 display: inline-block;
 width: 98px;
	margin: 0 0 16px;
	color: #222;
	font-weight: 700;
	text-align: center;
}
.order.books .cloth-sample img {
	max-width: 50px;
	border-radius: 50px;
}
.order.books .book-price.tennori .ttl-underline {
	margin-bottom: 0;
}
.order.books .book-price.tennori .box-flex {
	flex-wrap: nowrap;
}
.order.books .book-price.tennori .mb-flex-2col {
	background: #fff;
	flex: 0 1 auto;
}
.order.books .book-price.tennori .mb-flex-2col dl {
	margin: 8px 16px 4px;
	padding-bottom: 8px;
	border-bottom: 2px solid #ccc;
	font-size: 13px;
}
.order.books .book-price.tennori .mb-flex-2col dt {
	float: left;
	font-weight: 700;
}
.order.books .book-price.tennori .mb-flex-2col dl + ul {
	margin: 0 16px 8px;
	font-size: 13px;
}
.order.books .price-tennoriset {
	margin-top: 24px;
}
.order.books .price-tennoriset dl {
	margin: 8px 0 4px;
	border-bottom: 1px solid #333;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.order.books .price-tennoriset dl dt,
.order.books .price-tennoriset dl dd {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #333;
	flex-basis: 50%;
}
.order.books .price-tennoriset dl dt {
	background: #f3f3f3;
}
.order.books .tab-block-area {
	margin-top: 24px;
}
.order.books .book-price th.nouki {
	background: #f1d132;
}
.order.books .nouki-other th {
	width: 20%;
}
.order.note .intro-content .box-flex > a {
	margin: 24px 16px 0;
	width: calc(50% - 32px);
	min-width: auto;
}
.order.note .intro-content .box-flex > a img {
	max-width: 256px;
}
.order.note .spec .dl-border-list .btn-basic-s {
	margin-top: 16px;
	margin-right: 16px;
}
.order.note .book-price #section-2 .noriari {
	margin-top: 40px;
}
.order.selectnote .spec .nakagami a {
	color: #222;
	width: 100%;
}
.order.selectnote .spec .nakagami img {
	border: 1px solid #ccc;
}
.order.selectnote .box-yellowline-l.has-title {
	margin-top: 64px;
}
.order.selectnote .box-yellowline-l.has-title .block-lead {
	margin-top: 0;
}
.order.selectnote .price .select-price {
	margin: 40px auto;
	display: flex;
	justify-content: center;
}
.order.selectnote .price .select-price li:not(:last-child)::after {
	content: "\FF0B";
	line-height: 46px;
	padding: 0 16px;
	font-size: 20px;
	font-weight: 700;
}
.order.selectnote .price .circle-tag {
	padding: 8px 12px 8px 52px;
	border: 3px solid #f5df2f;
	border-radius: 24px 8px 8px 24px;
	background: #fff;
	display: inline-block;
	position: relative;
	letter-spacing: .16em;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
}
.order.selectnote .price .circle-tag span {
	padding: 10px 12px 12px 14px;
	border-radius: 50%;
	background: #f5df2f;
	position: absolute;
	left: -3px;
	top: -3px;
}
.order.selectnote .price .circle-tag.tsuya {
	border-color: #71b967;
}
.order.selectnote .price .circle-tag.tsuya span {
	background: #71b967;
}
.order.selectnote .price .kome.center li {
	text-align: center;
}
.order.selectnote .price .box-gray {
	margin-top: 60px;
	padding: 40px;
	border-radius: 24px;
	position: relative;
}
.order.selectnote .price .box-gray:not(:first-child) {
	margin-top: 100px;
}
.order.selectnote .price .box-gray:not(:last-child)::after {
	content: "\FF0B";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 36px;
	font-weight: 700;
}
.order.selectnote .price .box-gray:nth-last-child(2)::after {
	content: "\FF1D";
	transform: translateX(-50%) rotateZ(90deg);
	
}
.order.selectnote .price .box-gray .circle-tag {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.order.selectnote .price .box-gray .circle-tag + * {
	margin-top: 24px;
}
.order.selectnote .price .box-gray .kome  {
	margin-top: 16px;
	line-height: 1.8;
}
.order.selectnote .price .box-gray table {
	text-align: center;
	table-layout: fixed;
}
.order.selectnote .price .box-gray table:first-child {
	margin: 0 auto 16px;
}
.order.selectnote .price .box-gray table:last-of-type {
	margin-bottom: 0;
}
.order.selectnote .price .box-gray table th,
.order.selectnote .price .box-gray table td {
	padding: 8px;
	line-height: 1.5;
	font-size: 14px;
}
.order.selectnote .price .box-gray table th span {
	display: block;
	font-size: 12px;
}
.order.selectnote .price .box-gray.a table {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.order.selectnote .price .box-gray.a table th {
	width: 300px;
}
.order.selectnote .price .box-gray.b table td,
.order.selectnote .price .box-gray.c table td {
	padding: 8px;
	height: 52px;
}
.order.selectnote .price .box-gray.b table td:first-child,
.order.selectnote .price .box-gray.c table td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}
.order.selectnote .price .box-gray.b table th:first-child,
.order.selectnote .price .box-gray.c table th:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
}
.order.selectnote .price .box-gray.d table {
	margin-top: 40px;
}
.order.selectnote .price .box-gray.d table th {
	width: 100px;
}
.order.selectnote .price .box-gray.sample-price .circle-tag {
	padding-left: 12px;
	border-radius: 8px;
}
.order.selectnote .price .box-gray.sample-price .box-white {
	margin-top: 0;
	width: 100%;
	font-weight: 500;
	text-align: left;
}
.order.selectnote .price .box-gray.sample-price .tag-yellow {
	margin-bottom: 24px;
	display: block;
	font-size: 17px;
	text-align: center;
}
.order.selectnote .price .box-gray.sample-price .price {
	float: right;
}
.order.selectnote .price .box-gray.d div {
	display: flex;
	justify-content: space-evenly;
}
.order.selectnote .price .box-gray.d div .btn {
	margin: 0;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.order.selectnote .price .box-gray.b table col,
	.order.selectnote .price .box-gray.c table col {
	width: 124px;
}
}
@media screen and (max-width: 768px) {
	.order .select-block:not(:first-child) {
		margin-top: 24px;
	}
	.order.tameshi .mb-hidden {
		display: none;
	}
	.order.books .box-flex-2col > div:nth-child(3) {
		order: 3;
	}
	.order.books .book-price.tennori .box-flex {
		flex-wrap: wrap;
	}
	.order.books .book-price.tennori .mb-flex-2col {
		align-items: stretch;
	}
	.order.books .book-price.tennori .mb-flex-2col:not(:last-child) {
		margin-bottom: 24px;
	}
	.order.books .book-price.tennori .mb-flex-2col > * {
		flex-basis: 50%;
	}
	.order.books .book-price.tennori .mb-flex-2col img {
		padding-top: 0;
		object-fit: cover;
	}
	.order.selectnote .spec .nakagami a:not(:first-child) {
		margin-top: 24px;
	}
	.order.selectnote .box-yellowline-l.has-title {
		margin-top: 40px;
	}
	.order.selectnote .price .select-price {
		text-align: center;
		display: block;
	}
	.order.selectnote .price .select-price li:not(:last-child)::after {
		display: block;
	}
	.order.selectnote .price .box-gray.d div {
		display: block;
	}
	.order.selectnote .price .box-gray.d div .btn {
		margin-top: 24px;
		margin-bottom: 8px;
	}
	.order.selectnote .price .box-gray.sample-price .box-white:not(:first-child) {
		margin-top: 24px;
	}
	.order.tameshi-book .price-sample {
		display: block;
	}
	.order.tameshi-book .price-sample .tag-yellow {
		margin-bottom: 8px;
	}
	.order.tameshi-iroiro .ttl-marker-wrap img {
		max-width: 80%;
	}
	.order.tameshi-iroiro .fukidashi-iroiro-l,
	.order.tameshi-iroiro .fukidashi-iroiro-r {
		display: none;
	}
	.order.tameshi-iroiro .anime-iroiro {
		max-width: 100%;
	}
	.order .section-area:last-child .box-flex {
		margin-left: -16px;
		margin-right: -16px;
	}
	.order .section-area:last-child .link-panel-bar:not(:first-child),
	.order .section-area:last-child .link-panel-bar.tate:not(:first-child) {
		margin-top: 32px;
	}
	.order .section-area:last-child .link-panel-bar.tate {
		width: calc(50% - 32px);
		margin: 32px 16px 0;
	}
	.order .section-area:last-child .box-grid {
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		grid-template-rows: 1fr auto;
		gap: 32px;
	}
	.order .section-area:last-child .box-grid .grid-item {
		padding: 32px;
	}
	.order .section-area:last-child .box-grid .price-other {
		padding: 32px;
		grid-column: 1/3;
	}
}
@media screen and (max-width: 480px) {
	.order .wrap-intro-content + .section-area,
	.order .section-area {
		padding: 48px 0;
	}
	.order .price-info {
		margin: 8px auto 0 0;
		text-align: left;
	}
	.order.books .book-size {
		font-size: 20px;
	}
	.order.books .book-size span::after {
		top: 2.8em;
	}
	.order.books .book-price .icon-ink .small {
		margin-bottom: 4px;
		display: block;
	}
	.order.books .book-price .icon-ink .small::before {
		content: none;
	}
	.order.books .book-price.tennori .mb-flex-2col {
		flex-wrap: wrap;
	}
	.order.books .book-price.tennori .mb-flex-2col > * {
		flex-basis: 100%;
	}
	.order.books .price-tennoriset dl {
		display: block;
	}
	.order.books .price-tennoriset dl dt {
		border-right: none;
	}
	.order.note .intro-content .box-flex > a {
		flex-basis: 100%;
	}
	.order.note .tab-block-btn li {
		padding: 0 3.7%;
	}
	.order.selectnote .price .box-gray {
		padding: 24px;
	}
	.order.selectnote .price .box-gray.b table col:first-child,
	.order.selectnote .price .box-gray.c table col:first-child {
    width: 88px;
	}
	.order.tameshi .ttl-marker-wrap + .block-lead,
	.order.tameshi .block-lead-l {
		margin-top: 20px;
	}
	.order.tameshi-iroiro .ttl-marker-wrap img {
		max-width: 90%;
	}
	.order.tameshi-iroiro .box-flex-anime {
		margin-top: 24px;
	}
	.order .section-area:last-child .box-flex {
		margin-top: -24px;
	}
	.order .section-area:last-child .link-panel-bar:not(:first-child),
	.order .section-area:last-child .link-panel-bar.tate:not(:first-child) {
		margin-top: 24px;
	}
	.order .section-area:last-child .link-panel-bar.tate {
		width: 100%;
	}
	.order .section-area:last-child .link-panel-bar.tate .panel-h {
		padding: 8px;
	}
	.order .section-area:last-child .box-grid {
		gap: 24px;
	}
	.order .section-area:last-child .box-grid .grid-item {
		padding: 16px;
	}
	.order .section-area:last-child .box-grid .price-other {
		padding: 24px;
	}
	.order .section-area:last-child .box-grid img {
		margin: 16px auto 8px;
	}
}

/*------------------------------------------------------------
paperink .paperink-top / .ink-feature / .ink-list / .ink-attention
------------------------------------------------------------*/
.bg-paper {
	width: 100%;
	height: 100%;
	background: url(/paper/pera/waraban.jpg) fixed;
	position: fixed;
	top: 0;
	z-index: -1;
}

.bg-paper1 {background: url(/paper/pera/waraban.jpg) fixed;}
.bg-paper2 {background: url(/paper/pera/craft.jpg) fixed;}
.bg-paper3 {background: url(/paper/pera/retroB.jpg) fixed;}
.bg-paper4 {background: url(/paper/pera/orange.jpg) fixed;}
.bg-paper5 {background: url(/paper/pera/pink.jpg) fixed;}
.bg-paper6 {background: url(/paper/chuatsu/satogami-yanagi.jpg) fixed;}
.bg-paper7 {background: url(/paper/chuatsu/satogami-asagi.jpg) fixed;}
.bg-paper8 {background: url(/paper/chuatsu/satogami-kon.jpg) fixed;}
.bg-paper9 {background: url(/paper/pera/yawa-gobou.jpg) fixed;}
.bg-paper10 {background: url(/paper/pera/yawa-hyoutan.jpg) fixed;}
.bg-paper11 {background: url(/paper/pera/yawa-nasubi.jpg) fixed;}
.bg-paper12 {background: url(/paper/pera/kony-blue.jpg) fixed;}
.bg-paper13 {background: url(/paper/pera/kony-red.jpg) fixed;}
.bg-paper14 {background: url(/paper/pera/kony-yellow.jpg) fixed;}
.bg-paper15 {background: url(/paper/pera/kony-gray.jpg) fixed;}
.bg-paper16 {background: url(/paper/pera/kony-black.jpg) fixed;}
.bg-paper17 {background: url(/paper/chuatsu/fujiwara-chuatsu.jpg) fixed;}
.bg-paper18 {background: url(/paper/chuatsu/orihime.jpg) fixed;}
.bg-paper19 {background: url(/paper/atsugami/chai.jpg) fixed;}
.bg-paper20 {background: url(/paper/atsugami/nezumi.jpg) fixed;}
/*------------------------------------------------------------*/
.paperink-top .link-panel-bar {
	margin-bottom: 40px;
}
.paperink-top .link-panel-bar img {
	height: 128px;
	object-position: 50% 50%;
}
.paperink-top .ink-contents {
	margin-left: -40px;
	display: flex;
}
.paperink-top .ink-contents > a {
	margin: 0 0 0 40px;
	padding: 16px 16px 24px;
	width: calc(33.3% - 40px);
}
.paperink-top .ink-contents > a img {
	margin: 0 auto 16px;
	max-width: 56px;
}
/*------------------------------------------------------------*/
.ink-feature .section-area:not(:last-child),
.ink-feature .section-area.bg-white,
.ink-list .section-area.kuchen {
	padding: 64px 0;
}
/*------------------------------------------------------------*/
.ink-list .box-flex-2col {
	align-items: stretch;
}
.ink-list .box-grayline-l {
	padding: 24px;
}
.ink-list .box-grayline-l img {
	width: auto;
	max-height: 90px;
}
.ink-list .tab-block-wrap .center:first-child {
	margin: 0 auto 40px;
	font-weight: 500;
}
.ink-list .tab-block-btn {
	margin-bottom: 40px;
}
.ink-list .chip-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	gap: 20px 24px;
}
.ink-list .chip-list a {
	text-align: center;
}
.ink-list .chip-list a img {
	max-width: 68px;
}
.ink-list .chip-list a p {
	margin-top: 8px;
	color: #222;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.ink-list .chip-list a p span {
	display: block;
}
.ink-list .box-grid,
.paper-list .box-grid {
	grid-template-columns: 1fr 1fr calc(50% - 20px);
	gap: 40px;
}
.ink-list .box-grid .price-other,
.paper-list .box-grid .price-other {
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	text-align: center;
}
.ink-list .section-area.kuchen {
	background: url(/wp/wp-content/themes/retroinsatsu/images/paperink/bg-kuchen.jpg);
}
.ink-list .section-area.bg-makkuro {
	background: url(/paper/atsugami/makkuro.jpg);
}
.ink-list .section-area.bg-makkuro .ink-makkuro label {
	color: #ccc!important;
}
.ink-list .section-area.bg-makkuro .tab-block-btn li:not(:last-child) {
	border-color: #ccc;
}
.ink-list .section-area.bg-makkuro .center,
.ink-list .section-area.bg-makkuro .chip-list a p {
	color: #ccc;
	font-weight: 500;
}
.ink-list .top-border-list {
	margin-top: 64px;
	border-top: 2px solid #222;
	padding-top: 32px;
}
.ink-list .section-area.bg-makkuro .top-border-list {
	border-color: #ccc;
	color: #ccc;
}
.ink-list .section-area.bg-makkuro .top-border-list li::before {
	background: #ccc;
}
/*------------------------------------------------------------*/
.ink-attention .note {
	text-align: left;
}
.ink-attention .block-lead.center {
	margin-bottom: 24px;
}
.ink-attention .box-flex-2col {
	padding: 48px 0;
}
.ink-attention .box-flex-2col:first-child {
	padding: 0 0 48px;
}
.ink-attention .box-flex-2col.flex-border {
	padding-top: 0;
}
.ink-attention.kin .box-flex-2col:not(:last-child) {border-bottom: 2px solid #b59251;}
.ink-attention.kin .box-flex-2col.flex-border > div {border-color: #b59251;}
.ink-attention.shiro .box-flex-2col:not(:last-child) {border-bottom: 2px solid #fff;}
.ink-attention.toumei .box-flex-2col:not(:last-child) {border-bottom: 2px solid #e2ddd5;}

.ink-attention .slide-ink-attention p {
	margin: auto;
	padding: 6px 0 8px;
	background: #fff;
	font-size: 14px;
	text-align: center;
}
.ink-attention .slide-ink-attention.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.ink-attention .slide-ink-attention .slick-dots {
	bottom: -25px;
	text-align: right;
}
.ink-attention .slick-prev,
.ink-attention .slick-next {
	width: 32px;
	height: 56px;
	border: none;
}
.ink-attention .slick-prev:hover,
.ink-attention .slick-next:hover {
	width: 40px;
}
.ink-attention.kin .section-area.bg-white .ttl-underline {
  font-size: 20px;
}
.ink-attention.kin .box-flex-table > div p:last-child {
	background: #f3f3f3;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.ink-list .box-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr auto;
		gap: 32px;
	}
	.ink-list .box-grid .price-other {
		padding: 32px;
		grid-column: 1/3;
	}
}
@media screen and (max-width: 480px) {
	.paperink-top .link-panel-bar {
		margin-bottom: 24px;
	}
	.paperink-top .link-panel-bar img {
		height: 100px;
	}
	.paperink-top .ink-contents {
		margin-left: -24px;
	}
	.paperink-top .ink-contents > a {
		margin: 0 0 0 24px;
		padding: 16px 8px 24px;
		width: calc(33.3% - 24px);
	}
	.ink-feature .wrap-intro-content .intro-content {
		padding-bottom: 48px;
	}
	.ink-feature .section-area:not(:last-child),
	.ink-feature .section-area.bg-white,
	.ink-list .section-area.kuchen {
		padding: 48px 0;
	}
	.ink-list .box-grid {
		gap: 24px;
	}
	.ink-list .box-grid .price-other {
		padding: 24px;
	}
	.ink-attention .block-lead.center {
		margin-bottom: 0;
	}
}
/*------------------------------------------------------------
paperink .paper
------------------------------------------------------------*/
.paper-list #tab-content {
	padding-top: 0;
}
.paper-list .block-lead.center {
	margin: 56px auto;
	padding: 0 24px;
}
.paper-list .wrap-tab-content .container {
	margin: 0 auto;
	max-width: 1008px;
}
.paper-list .setsumei {
	padding-top: 16px;
	border-top: 1px solid #333;
	position: relative;
}
.paper-list .chart,
.paper-list .no-chart {
	padding: 0 1.15em;
	border: 1px solid #222;
	border-radius: 1em;
	display: inline-block;
	background: rgb(255 255 255 / 50%);
	color: #222;
	font-size: 13px;
	cursor: pointer;
}
.paper-list .no-chart {
	border-color: #999;
	background: none;
	color: #999;
	cursor: default;
}
.paper-list .chart + .chart {
	margin-left: 1em;
}
.paper-list .chart.link-arw-black::after {
	margin-left: .3em;
}
.paper-list .p-label {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-size: 13px;
	text-align: center;
}
.paper-list .paper-grid {
	margin: 24px 0 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.paper-list .paper-grid .col2 {
	grid-column: span 2;
}

.paper-list .paper-grid .icon-question {
	width: 16px;
	height: 16px;
	line-height: 1;
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 4px;
}

.paper-list .paper-grid p:not([class="p-label"]) {
	padding: 0 8px 16px;
	line-height: 1.8;
}
.paper-list .paper-grid div:not([class="col2"]) p {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	white-space: nowrap;
}
.paper-list .icon-sankaku::before {
	margin-right: .5em;
	border-top: 11px solid #222;
	border-right: 6.5px solid transparent;
	border-left: 6.5px solid transparent;
	vertical-align: middle;
}
.paper-list .top-border-list {
	margin: 64px auto 0;
	border-top: 2px solid #222;
	padding-top: 32px;
	max-width: 1008px;
}
#accordion-paper dt {
	height: 56px;
	padding: 0 17.85%;
	background-position: center;
	box-shadow: 0 5px 4px -4px rgba(0, 0, 0, .2) inset;
	cursor: pointer;
}
#accordion-paper:first-of-type dt {
	box-shadow: none;
}
#accordion-paper dt h3 {
	margin: 0;
	display: inline;
	line-height: 54px;
	font-size: 18px;
}
#accordion-paper dt .atsusa {
	margin: 0;
	display: inline;
	float: right;
	font-weight: 500;
	line-height: 56px;
}
#accordion-paper dd {
	padding: 0 17.85% 24px;
	background-position: center;
	display: none;
}
#accordion-paper.white {
	font-weight: 400;
}
#accordion-paper.white dt h3 {
	font-weight: 500;
}
#accordion-paper.white .setsumei,
#accordion-paper.white .p-label {
	border-color: #fff;
}
.paper-lightbox-inner::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
.paper-lightbox-inner::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .2);
}
.paper-lightbox-inner::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .2);
}
/* チャート画像のポップアップを大きく */
.paper-lightbox-inner {
	overflow: auto;
	white-space: nowrap;
} 
.paper-lightbox-inner img {
	max-width: 600px;
	max-height: none;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 1156px) {
	.paper-list .top-border-list {
    margin: 64px 40px 0;
	}
}
@media screen and (max-width: 768px) {
	#accordion-paper dt,
	#accordion-paper dd {
		padding-right: 10%;
		padding-left: 10%;
	}
	.paper-list .box-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr auto;
		gap: 32px;
	}
	.paper-list .box-grid .price-other {
		padding: 32px;
		grid-column: 1/3;
	}
}
@media screen and (max-width: 480px) {
	.paper-list .block-lead.center {
		margin: 40px auto;
	}
	.paper-list .top-border-list {
    margin: 64px 24px 0;
	}
	.paper-list .paper-list .paper-grid p:not([class="p-label"]) {
		margin-top: 8px;
		padding: 0 0 8px;
	}
	.paper-list .box-grid {
		gap: 24px;
	}
	.paper-list .chart + .chart {
    margin-top: 1em;
		margin-left: 0;
	}
	#accordion-paper dt,
	#accordion-paper dd {
		padding-right: 24px;
		padding-left: 24px;
	}
	.paper-lightbox-inner img {
		max-width: 100%;
	}
}
/*------------------------------------------------------------
howto
------------------------------------------------------------*/
.howto .tsuyacover-nyuukou .box-flex {
	margin: -24px -12px 0;
	justify-content: center;
	align-items: flex-end;
}
.howto .tsuyacover-nyuukou .box-flex > img {
	margin: 24px 12px 0;
	width: calc(20% - 24px);
}
.howto .tsuyacover-nyuukou + .box-flex-2col {
	margin-top: 0;
}
.howto-gray .icon-format,
.howto-filetype .icon-format {
	margin: 0 auto 16px;
	border-radius: 8px;
	width: 48px;
	height: 48px;
	display: block;
	background-size: 100%;
	background-color: #f5df2f;
}
@media screen and (max-width: 768px) {
	.howto .tsuyacover-nyuukou .box-flex > img {
		width: calc(33.3% - 24px);
		flex-basis: calc(33.3% - 24px);
		flex-grow: 0;
	}
}
@media screen and (max-width: 480px) {
	.howto .tsuyacover-nyuukou .box-flex > img {
		width: calc(50% - 24px);
		flex-basis: calc(50% - 24px);
		flex-grow: 0;
	}
	.howto-tsuya .section-area,
	.howto-analog .section-area {
		padding: 48px 0;
	}
}
/*------------------------------------------------------------
howto - howto-basic
------------------------------------------------------------*/
.howto-basic .point {
	margin-top: 16px;
}
.howto-basic .point .box-white {
	padding: 24px;
	border-radius: 24px;
	position: relative;
	text-align: left;
}
.howto-basic .point .box-white .center {
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
}
.howto-basic .point .box-white .tag-yellow {
	position: absolute;
	top: 6px;
	left: -10px;
	transform: rotate(-25deg);
}
.howto-basic .point + .kugiri {
	margin-top: 56px;
}
.howto-basic .box-flex .resolution {
	margin-top: 8px;
	font-size: calc(1.75rem + ((1vw - 4.8px) * 1.3889));
	white-space: nowrap;
}

.howto-basic .flow {
	margin-bottom: 0;
	counter-reset: howto-num;
}
.howto-basic .flow a {
	position: relative;
	color: #222;
}
.howto-basic .flow a:hover {
	opacity: 1;
	transform: translate3d(0, -2px, 0);
}
.howto-basic .flow a:not(:nth-child(3n))::after {
	content: "";
	border: 16px solid transparent;
	border-right: none;
	border-left: 24px solid #f5df2f;
	width: 16px;
	position: absolute;
	top: 56px;
	right: -32px;
}
.howto-basic .flow a div {
	margin-top: 32px;
	padding: 24px;
	position: relative;
	background: #ccc;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: inherit;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s;
}
.howto-basic .flow a div p {
	line-height: 1.6;
}
.howto-basic .flow a div::before {
	counter-increment: howto-num;
	content: counter(howto-num)"";
	width: 72px;
	height: 36px;
	background: #ccc;
	border-radius: 36px 36px 0 0;
	font-size: 24px;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
}
.howto-basic .flow a:hover div,
.howto-basic .flow a:hover div::before {
	background: #4a91d6;
}
.howto-basic .flow .link-arw-down::after,
.howto-basic .switch-tab .link-arw-down::after {
	margin-left: .25em;
	width: 1.3em;
	height: 1.3em;
	background: url(images/common/arw-circle-black.svg) no-repeat 0 0 / 1.3em;
	transform: rotate(0);
	vertical-align: -.25em;
}
.howto-basic .flow a .baloon {
	margin-top: 16px;
	padding: 8px 12px;
	border: 2px solid #f5df2f;
	position: relative;
	z-index: 1;
	background: #fff;
	line-height: 1.8;
	font-size: 13px;
	transition: .3s;
}
.howto-basic .flow a .baloon::before,
.howto-basic .flow a .baloon::after {
	content: "";
	border: 12px solid transparent;
	border-top: none;
	border-bottom: 12px solid #f5df2f;
	width: 16px;
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
}
.howto-basic .flow a .baloon::after {
	border-bottom: 12px solid #fff;
	top: -9px;
}
.howto-basic .flow a:hover .baloon {
	background: #f5df2f;
}
.howto-basic .flow a:hover .baloon::after {
	border-bottom-color: #f5df2f;
}

.howto-basic .switch-tab .link-panel img {
	width: 80%;
	max-width: 80%;
}
.howto-basic #tab-content .box-flex-2col h3 {
	margin-bottom: 24px;
}

.howto-basic .tab-block-area {
	margin-top: 24px;
}
.howto-basic .tab-block-btn label {
	white-space: nowrap;
}
.howto-basic .box-flex > div img {
	width: 100%;
}
.howto-basic .box-flex-2col.basis-2-1 > div:first-child {
	width: calc(66.6% - 56px);
}
.howto-basic .box-flex-2col.basis-2-1 > div:last-child {
	width: calc(33.3% - 56px);
}
.howto-basic #n5 .fuchi .box-image {
	padding: 0 0 24px;
}

@media screen and (min-width: 1200px) {
	.howto-basic .box-flex .resolution {
		font-size: 42px;
	}
}
@media screen and (max-width: 768px) {
	.howto-basic .flow a div {
		padding: 16px;
	}
	.howto-basic .switch-tab .link-panel {
		padding: 12px 0 0;
	}
	.howto-basic .switch-tab .link-panel img {
		width: 100%;
	}
	.howto-basic .box-flex-2col.basis-2-1 > div:first-child ,
	.howto-basic .box-flex-2col.basis-2-1 > div:last-child {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.howto-basic .flow.inline-3col > * {
		width: auto;
	}
	.howto-basic .flow a:not(:nth-child(3n))::after,
	.howto-basic .howto-n1 .link-panel::after {
		content: none;
	}
	.howto-basic .flow a div {
		margin-top: 24px;
	}
	.howto-basic .flow a div::before {
		width: 64px;
		height: 32px;
		font-size: 18px;
		top: -26px;
	}
	.howto-basic .flow a .baloon {
		margin-top: 12px;
	}
	.howto-basic #n1 .inline-3col {
		margin: 24px -8px;
	}
	.howto-basic .switch-tab {
		margin: 0 8px 20px;
		width: calc(33.3% - 16px);
	}
	.howto-basic .switch-tab .link-panel {
		padding: 16px 0 0;
		white-space: nowrap;
	}
	.howto-basic .switch-tab .link-panel .link-arw-down::after {
		margin-left: .3em;
		width: 1em;
		height: 1em;
		background: url(images/common/arw-circle-black.svg) no-repeat 0 0 / 1em;
		vertical-align: -0.1em;
	}
	.howto-basic .container .wrap-tab-content #tab-content {
		padding: 32px 16px;
	}
}
@media screen and (max-width: 320px) {
	.howto-basic .box-flex .resolution {
		font-size: 24px;
	}
}
/*------------------------------------------------------------
.howto .howto-analog
------------------------------------------------------------*/
.howto-analog .box-flex-2col .kugiri {
	margin: 16px 0;
}
.howto-analog .box-flex-2col .kugiri ~ p {
	margin-top: 16px;
}
.howto-analog .ttl-underline {
	margin-bottom: 56px;
}
@media screen and (max-width: 480px) {
	.howto-analog .ttl-underline {
		margin-bottom: 40px;
	}
}
/*------------------------------------------------------------
.howto .howto-filetype
------------------------------------------------------------*/
.howto-filetype .intro-content .container {
	margin-left: 0;
	margin-right: 0;
}
.howto-filetype .wrap-intro-content .section-area {
	padding-bottom: 0;
}
.howto-filetype .mb-shown {
	display: none;
}
.howto-filetype .box-grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.howto-filetype .icon-ink {
	margin-bottom: 24px;
}
.howto-filetype .box-flex-2col:not(:last-child) {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #ccc;
}
.howto-filetype .box-yellowline {
	background: transparent;
}
.howto-filetype h4.tag-yellow {
	margin-bottom: 1em;
}
.howto-filetype .box-yellowline .marker-s {
	font-size: 15px;
}
.howto-filetype ol.num > li {
	padding-left: 1.6em;
}
@media screen and (max-width: 768px) {
	.howto-filetype .box-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 480px) {
	.howto-filetype .box-grid {
		gap: 16px;
	}
}
/*------------------------------------------------------------
.howto .howto-ordertype
------------------------------------------------------------*/
.howto-ordertype .box-grid-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
}
.howto-ordertype .box-grid-2col div[class^='heightLine-'] {
	padding-bottom: 40px;
	border-bottom: 2px solid #ccc;
}
.howto-ordertype .box-grid-2col div[class^='heightLine-']:not(:last-child) {
	margin-bottom: 40px
}
.howto-ordertype .box-grid-2col h3 {
	text-align: center;
}
.howto-ordertype .box-grid-2col img {
	margin: 32px 0;
	display: block;
}
.howto-ordertype .box-flex-2col.basis-2-1 > div:first-child {
	width: calc(66.6% - 56px);
}
.howto-ordertype .box-flex-2col.basis-2-1 > div:last-child {
	width: calc(33.3% - 56px);
}
@media screen and (max-width: 768px) {
	.howto-ordertype .box-grid-2col {
		display: block;
	}
	.howto-ordertype .box-grid-2col > div:not(:first-child) {
		margin-top: 88px;
	}
	.howto-ordertype .box-flex-2col.basis-2-1 > div:first-child,
	.howto-ordertype .box-flex-2col.basis-2-1 > div:last-child {
		width: 100%;
	}
}
/*------------------------------------------------------------
.howto .howto-book / .book-quality / .book-cover
------------------------------------------------------------*/
.howto-book .block-lead.center {
	margin-bottom: 56px;
}
.howto-book .toji-tate-yoko {
	padding: 16px;
	display: flex;
	align-items: center;
}
.howto-book .box-yellowline-l .icon-ink {
	margin-bottom: 16px;
}
.howto-book .box-flex-2col.basis-2-1 > div:first-child {
	margin-top: 56px;
	width: calc(66.6% - 28px);
}
.howto-book .box-flex-2col.basis-2-1 > div:last-child {
	margin-top: 56px;
	width: calc(33.3% - 28px);
}
.howto-book .box-yellowline-l {
	display: flex;
	justify-content: space-between;
}
.howto-book .box-yellowline-l .book-pdf {
	margin-left: 32px;
	padding-left: 32px;
	border-left: 3px solid #f5df2f;
	max-width: 240px;
	text-align: center;
}
.howto-book .box-yellowline-l .book-pdf a {
	margin-top: 8px;
	padding: .5em 1em;
	border-radius: 24px;
	display: inline-block;
	background: #4a91d6;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}
.howto-book .box-yellowline-l .book-pdf img {
	margin-bottom: 8px;
	max-width: 160px;
}
.howto-book .wrap-tab-content .btn-scroll a {
	padding-right: 40px;
	background: url(images/common/arw-circle.svg) no-repeat right 15px center / 1em;
	display: inline;
}
.howto-book .wrap-tab-content .btn-scroll li {
	margin: 0 1em 16px 0;
	display: inline-block;
}
.howto-book .wrap-tab-content hr.gray {
	margin: 32px auto 48px;
}
/*------------------------------------------------------------*/
.book-quality .tag-yellow {
	line-height: 20px;
	height: 20px;
	float: right;
}
.book-quality .before-order .box-flex {
	justify-content: center;
}
.book-quality .before-order .box-flex a {
	flex-grow: 0;
}
/*------------------------------------------------------------*/
.book-cover .ttl-marker-wrap {
	margin-bottom: 32px;
}
.book-cover .intro-content .box-point {
	margin-top: 56px;
}
.book-cover .mb-card-grid > img {
	min-width: 100%;
}
.book-cover .book-type {
	padding: 8px 12px;
	text-align: left;
	font-size: 13px;
	background: #f3f3f3;
	border-radius: 8px;
}
.book-cover .book-type.bg-white {
	background: #fff;
}
.book-cover table {
 line-height: 1.2;
}
.book-cover table th {
	width: 126px;
}
.book-cover table th.cell-blue {
	background: #92bde6;
}
.book-cover table th.cell-green {
	background: #71b967;
}
.book-cover table .list.ppinfo {
	margin-top: 4px;
	font-size: 13px;
}
.book-cover table .list.ppinfo li {
	margin-top: 0;
}
.book-cover .price-info {
	line-height: 1.6;
	font-size: 12px;
	text-align: right;
	margin: 4px 0 0 auto;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.howto-book .box-flex-2col.basis-2-1 > div:first-child,
	.howto-book .box-flex-2col.basis-2-1 > div:last-child {
		width: 100%;
	}
	.howto-book .toji-tate-yoko img {
		margin: 0 auto;
		max-width: 300px;
	}
	.howto-book .box-yellowline-l {
		display: block;
	}
	.howto-book .box-yellowline-l .book-pdf {
		margin: 32px 0 0 0;
		padding: 24px 0 0 0;
		max-width: 100%;
		border-top: 3px solid #f5df2f;
		border-left: none;
		display: flex;
    	text-align: left;
	}
	.howto-book .box-yellowline-l .book-pdf img {
		margin-right: 40px;
		margin-bottom: 0;
		width: 28%;
		object-fit: contain;
	}
	.howto-book .box-yellowline-l .book-pdf .mb-shown {
		display: block;
	}

	.book-quality .box-flex-2col.flex-border:first-of-type {
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	.howto-book .toji-tate-yoko {
		padding: 0;
	}
	.howto-book .toji-tate-yoko img {
		max-width: 200px;
	}
	.howto-book .box-yellowline-l .book-pdf {
		display: block;
	}
	.howto-book .box-yellowline-l .book-pdf img {
		margin: 0 auto 8px;
		width: 50%;
		display: block;
	}
	.howto-book .box-yellowline-l .book-pdf a {
		margin-top: 16px;
		padding: 1em;
		display: block;
	}
	.howto-book .wrap-tab-content .btn-scroll a {
		padding-right: 32px;
		background-position: right 12px center;
	}
	.howto-book .wrap-tab-content .btn-scroll a
	.howto-book .wrap-tab-content hr.gray {
		margin: 16px auto 32px;
	}

	.book-quality .tag-yellow {
		margin-top: 16px;
		display: table;
		float: none;
	}
}
/*------------------------------------------------------------
.howto .howto-gray
------------------------------------------------------------*/
.howto-gray .section-area {
	padding: 64px 0;
}
.howto-gray h3 {
	margin: 64px 0 16px;
	font-size: 18px;
}
.howto-gray .box-image > p {
	margin-bottom: 24px;
}
.howto-gray .box-image > div {
	margin: 0 -16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.howto-gray .box-image > div img {
	padding: 0 16px;
	width: 0;
	flex: 1;
}
.howto-gray .box-image + p {
	margin-top: 16px;
}
.howto-gray .gray-ai .gray-2 .box-image > div img {
	width: auto;
	max-height: 290px;
}
.howto-gray .gray-psd .gray-2 .box-image > div img {
	width: auto;
	max-height: 266px;
}
.howto-gray .gray-ai .gray-2 .box-image > div img:first-child {max-width: 65.21%;}
.howto-gray .gray-ai .gray-2 .box-image > div img:last-child {max-width: 33.2%;}
.howto-gray .gray-psd .gray-2 .box-image > div img:first-child {max-width: 52.55%;}
.howto-gray .gray-psd .gray-2 .box-image > div img:last-child {max-width: 33.2%;}

@media screen and (max-width: 480px) {
	.howto-gray .section-area {
		padding: 40px 0;
	}
	.howto-gray .box-image > div {
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.howto-gray .box-image > div img {
		padding: 0;
		width: 100%;
		max-width: 100%!important;
		flex: 0 1 auto;
	}
	.howto-gray .box-image > div img:not(:first-of-type) {
		margin-top: 24px;
	}
	.howto-gray .box-image .arw-triangle {
		margin: auto;
		transform: rotate(90deg);
	}
	.howto-gray .box-image .arw-triangle + img {
		margin-top: 0!important;
	}
	.howto-gray .box-image picture {
		margin-top: 16px;
	}
}
/*------------------------------------------------------------
フルカラー風の印刷　#howto .howto-pseudo-fullcolor
------------------------------------------------------------*/
#howto .howto-pseudo-fullcolor .wrap-round-white {
	padding: 56px 56px 64px;
	position: relative;
}
#howto .howto-pseudo-fullcolor .box-point {
	padding: 16px 24px;
	color: #e8373d;
	letter-spacing: 0.03em;
}
#howto .howto-pseudo-fullcolor .container {
	width: 728px;
}
/*------------------------------------------------------------
guide 20.8.31
------------------------------------------------------------*/
.order-flow .box-flex > * {
	flex-basis: calc(50% - 40px);
}
.order-flow picture img {
	padding-top: 40px;
	display: block;
}
.order-flow #tab-content .ttl-pipe-s::before {
	border-color: #fff;
}
.order-flow #tab-content .order-flow-image img {
	min-width: 672px;
}
.order-flow #tab-content .box-shimekiri {
	margin-bottom: 56px;
}
.order-flow #tab-content .box-flex {
	align-items: stretch;
}
.order-flow .box-flex .resolution {
	margin-top: 8px;
	font-size: calc(1.75rem + ((1vw - 4.8px) * 1.3889));
	white-space: nowrap;
}
.order-flow .box-flex .btn-basic {
	margin-top: 24px;
	min-width: 200px;
}
.order-flow .box-yellowline-l .ttl-underline-s {
	margin: 0 auto;
	display: table;
	font-size: 20px;
}
.order-flow .box-yellowline-l .kugiri {
	font-size: 18px;
}
.order-flow .raiten .box-yellowline-l .box-flex > * {
	flex-basis: calc(33.3% - 40px);
}
.order-flow .raiten .box-yellowline-l .list {
	margin-top: 24px;
}
.order-flow .otodoke-mail {
	margin-top: 8px;
	padding: 8px 12px;
	background: #fff;
	display: inline-block;
}
@media screen and (min-width: 1200px) {
	.order-flow .box-flex .resolution {
		font-size: 42px;
	}
}
@media screen and (max-width: 768px) {
	.order-flow .box-yellowline-l .box-flex > *,
	.order-flow .box-flex .link-panel-bar {
		flex-basis: 100%;
	}
}
@media screen and (max-width: 480px) {
	.order-flow .wrap-intro-content + .section-area {
		padding-top: 24px;
	}
	.order-flow picture img {
		padding: 24px 0;
	}
	.order-flow .box-flex > *,
	.order-flow .raiten .box-yellowline-l .box-flex > * {
		flex-basis: 100%;
	}
	.order-flow .box-yellowline-l .ttl-underline-s {
		font-size: 18px;
	}
	.order-flow .box-yellowline-l .kugiri {
		font-size: 16px;
	}
	.order-flow .raiten .box-yellowline-l .box-flex > *:not(:first-child) {
		margin-top: 24px;
	}
	.order-flow .raiten .box-yellowline-l .list {
		margin-top: 16px;
	}
}
@media screen and (max-width: 320px) {
	.order-flow .box-flex .resolution {
		font-size: 24px;
	}
}
/*------------------------------------------------------------
guide - delivery-date
------------------------------------------------------------*/
.delivery-date .nouki-basic div {
    margin-bottom: 36px;
    position: relative;
    display: flex;
}
.delivery-date .nouki-basic div::after {
	content: "\FF0B";
	position: absolute;
	top: calc(100% + 4px);
	margin-left: 2.25em;
	text-align: left;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}
.delivery-date .nouki-basic div.equal::after {
	content: "\FF1D";
	transform: rotate(90deg);
}
.delivery-date .nouki-basic div:last-child::after {
	display: none;
}
.delivery-date .nouki-basic div p:first-child {
	padding: 6px 12px 8px;
	min-width: 5.5em;
	background: #f5df2f;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.delivery-date .nouki-basic div p:last-child {
	margin: 0 0 0 1.4em;
	padding: 8px 12px;
	border: 2px solid #f5df2f;
	border-radius: 8px;
	position: relative;
	flex: 1;
	text-align: left;
}
.delivery-date .nouki-basic div p:last-child::before,
.delivery-date .nouki-basic div p:last-child::after {
	border: 8px solid transparent;
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.delivery-date .nouki-basic div p:last-child::before {
	border-right: 16px solid #f5df2f;
	left: -26px;
}
.delivery-date .nouki-basic div p:last-child::after {
	border-right: 16px solid #fff;
	left: -22px;
}
.delivery-date .nouki-list th:first-of-type {
	width: 191px;
}
.delivery-date .nouki-list.tsuya td.tate {
	background: #92bde6;
}
.delivery-date .nouki-list.tsuya td span[class^="nouki-day"],
.delivery-date .nouki-list.tsuya td span[class^="nouki-day"]::before {
	border-color: #92bde6;
	color: #4a91d6;
}
.delivery-date .seihon .nouki-list td:first-of-type {
    height: 76px;
}
.delivery-date .seihon .nouki-list td.tate {
	background: #71b967;
	color: #fff;
	font-weight: 500;
}
.delivery-date .nouki-list td:first-of-type span {
	display: block;
	font-size: 13px;
}
@media screen and (max-width: 480px) {
	.delivery-date .box-yellowline-l .box-title {
		left: calc(50% - 16px);
		transform: translateX(calc(-1 * (50% - 16px)));
		font-size: 16px;
	}
	.delivery-date .nouki-basic div {
		display: block;
	}
	.delivery-date .nouki-basic div p:first-child {
		font-size: 18px;
	}
	.delivery-date .nouki-basic div p:last-child {
		margin: 1em 0 0 0;
	}
	.delivery-date .nouki-basic div p:last-child::before {
		top: -12px;
		left: 50%;
		border-color: transparent transparent #f5df2f transparent;
		border-width: 0 12px 12px 12px;
		transform: translateX(-50%);
	}
	.delivery-date .nouki-basic div p:last-child::after {
		top: -9px;
		left: 50%;
		border-color: transparent transparent #fff transparent;
		border-width: 0 14px 14px 14px;
		transform: translateX(-50%);
	}
	.delivery-date .nouki-basic div::after {
		margin-left: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.delivery-date .nouki-basic div.equal::after {
		transform: translateX(-50%) rotate(90deg);
	}
}
/*------------------------------------------------------------
guide - payment
------------------------------------------------------------*/
.payment .mb-card-grid {
	position: relative;
}
.payment .mb-card-grid img {
	max-width: 180px;
}
.payment .mb-card-grid .btn-pagelink {
	margin: 16px auto 0;
	width: 48px;
	height: 48px;
	display: block;
}
.payment .payment-bank-account img,
.payment .payment-credit-brand img {
	max-width: 428px;
}
.payment .report-contact {
	margin: auto;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.payment .mb-card-grid img {
		max-width: 100%;
	}
	.payment .mb-card-grid .box-text-center {
		text-align: left;
	}
	.payment .mb-card-grid .btn-pagelink {
		margin: 0;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 64px;
		right: 8px;
	}
	.payment .payment-bank-account img,
	.payment .payment-credit-brand img {
		max-width: 80%;
	}
}
@media screen and (max-width: 480px) {
	.payment .mb-card-grid .btn-pagelink {
		display: none;
	}
	.payment .payment-bank-account img,
	.payment .payment-credit-brand img {
		max-width: 100%;
	}
}
/*------------------------------------------------------------
guide - delivery
------------------------------------------------------------*/
.delivery .mb-card-grid img {
	max-width: 80%;
}
.delivery table td {
	width: 50%;
}
.delivery .box-white {
	padding: 12px 20px 16px;
	font-size: 14px;
	text-align: left;
}
.delivery .meyasu {
	margin-bottom: 40px;
	padding: 32px 40px 40px;
	width: 100%;
	background: #fff;
	clear: both;
}
.delivery .meyasu .box-gray {
	margin: 20px 0 16px;
	padding: 8px 16px;
	text-align: left;
	display: inline-block;
}
.delivery .meyasu p {
	margin: 0;
	position: relative;
	z-index: 1;
}
.delivery .meyasu img {
	margin: -200px 0 40px auto;
	width: 80%;
	display: block;
}
.delivery .meyasu .pink {color: #eda6b6;}
.delivery .meyasu .blue {color: #6ea7de;}
@media screen and (max-width: 940px) {
	.delivery .meyasu .box-gray {
		display: block;
	}
	.delivery .meyasu img {
		margin: 32px auto 40px;
	}
}
@media screen and (max-width: 768px) {
	.delivery table,
	.delivery .box-point,
	.delivery .box-image {
		margin-top: 28px;
	}
	.delivery .meyasu img {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.delivery .mb-card-grid img {
		max-width: 100%;
	}
	#haitatsu .wrap-icon-num-ink-2col {
		padding-bottom: 24px;
	}
	.delivery .meyasu {
		padding: 24px;
	}
	.delivery .meyasu img {
		margin: 32px auto;
	}
	.delivery table,
	.delivery .box-image {
		margin-top: 24px;
	}
}
/*------------------------------------------------------------
guide - kakekomi / documents / cancel
------------------------------------------------------------*/
.kakekomi table th,
.kakekomi table td {
	width: 20%;
}

.kakekomi .ex {
	background: #e2554f;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 1px 8px 2px;
	border-radius: 100vh;
}
.kakekomi .ex-color {
	color: #e2554f;
}

.kakekomi hr {
	margin: 4px 0;
}

.kakekomi .uchiwake {
	font-size: 10px;
	display: inline-block;
}

.kakekomi table {
	text-align: center;
}

/*------------------------------------------------------------*/
.documents table th {
	width: 25%;
}
.documents table th,
.documents table td {
	padding: 24px;
}
.documents table .num,
.documents table .list {
	margin-top: 16px;
}
.documents table .num .list {
	margin-top: 8px;
	font-size: 13px;
}
.documents table .address {
	border-top: 2px solid #ccc;
}
/*------------------------------------------------------------*/
.cancel table th {
	width: 27%;
}
.cancel table th,
.cancel table td {
	padding: 24px;
}
.cancel .box-point > p + ul {
	border-top: 2px solid #ed4d41;
	padding-top: 14px;
}
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.documents table th,
	.documents table td,
	.cancel table th,
	.cancel table td {
		width: 100%;
		display: block;
	}
	.cancel table th,
	.documents table th {
		padding: 8px;
		border-right: none;
	}
}
@media screen and (max-width: 480px) {
	.documents table td,
	.cancel table td {
		padding: 16px;
	}
}
/*------------------------------------------------------------
guide - faq
------------------------------------------------------------*/
.faq .faq-q {
	margin-top: 40px;
	cursor: pointer;
	transition: .3s;
}
.faq .faq-q::before,
.faq .faq-a::after {
	content: 'Q';
	padding: 2px 0 0 1px;
	width: 36px;
	height: 45px;
	display: inline-block;
	mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	-webkit-mask: url(images/common/icon-ink.svg) no-repeat 0 0 / contain;
	background-color: #222;
	color: #fff;
	font-family: roboto;
	font-size: 20px;
	text-align: center;
	line-height: 45px;
	vertical-align: middle;
	transition: .3s;
}
.faq .faq-a::after {
	content: 'A';
}
.faq .faq-q:hover {
	color: #999;
}
.faq .faq-q:hover::before {
	transform: rotate(-15deg);
}
.faq .faq-q p,
.faq .faq-a p {
	margin: 0 0 0 24px;
	padding: 12px 16px;
	max-width: calc(100% - 62px);
	width: 100%;
	height: auto;
	border: solid 2px #ccc;
	border-radius: 8px;
	position: relative;
	display: inline-block;
	background: #fff;
	vertical-align: middle;
}
.faq .faq-a {
	margin-top: 24px;
	display: none;
}
.faq .faq-a p {
	margin: 0 24px 0 0;
}
.faq .faq-q p::before,
.faq .faq-a p::before,
.faq .faq-q p::after,
.faq .faq-a p::after {
	content: "";
	border: 8px solid transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.faq .faq-q p::before {
	border-right: 16px solid #ccc;
	left: -26px;
}
.faq .faq-a p::before {
	border-left: 16px solid #ccc;
	right: -26px;
}
.faq .faq-q p::after {
	border-right: 16px solid #fff;
	left: -22px;
}
.faq .faq-a p:after {
	border-left: 16px solid #fff;
	right: -22px;
}
.faq .faq-a p a::after {
	content: "";
	margin-left: .15em;
	margin-right: .15em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: relative;
	top: -.1em;
	background: url(images/common/arw-circle.svg) no-repeat 0 0 / 1em;
	vertical-align: middle;
}
.faq .faq-a p a[target="_blank"]::after {
	background: url(images/common/icon-external.svg) no-repeat center center / 1em;
}
@media screen and (max-width: 480px) {
	.faq .block-lead.center {
		margin-bottom: 0;
	}
	.faq .wrap-intro-content .intro-content {
		padding: 24px 24px 0;
	}
	.faq .faq-q:not(:first-child) {
		margin-top: 24px;
	}
	.faq .faq-a {
		margin-top: 16px;
	}
	.faq .faq-q::before,
	.faq .faq-a::after {
		width: 30px;
		height: 40px;
		line-height: 38px;
		font-size: 20px;
	}
	.faq .faq-q p,
	.faq .faq-a p {
		margin: 0 0 0 16px;
		padding: 8px 12px;
		max-width: calc(100% - 46px);
		line-height: 1.6;
	}
	.faq .faq-a p {
		margin: 0 16px 0 0;
	}
}
/*------------------------------------------------------------
contact
------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	.contact .mitsumori .box-flex > a {
		max-width: 100%;
	}
}
/*------------------------------------------------------------
template
------------------------------------------------------------*/
.template .box-grid .panel-h {
	font-size: 15px;
}
.template table {
	margin-top: 40px;
	text-align: center;
	line-height: 1.6;
}
.template table a {
	font-weight: 400;
	transition: .3s;
}
.template table a:not(:first-child) {
	margin-left: 20px
}
.template table th,
.template table td {
	padding: 12px 16px;
}
.template table th:first-child {
	width: 50%;
}
.template table td:first-child {
	width: 25%;
}
.template #retpo table td:nth-of-type(3) a {
	margin-left: 0;
}
.template #book table th:first-child {
	width: 56%;
}
.template #book table td:first-child {
	width: 28%;
}
@media screen and (max-width: 600px) {
	.template table td {
		border-right: none;
	}
	.template table th,
	.template table td .br-clear,
	.template .mb-hidden {
		display: none!important;
	}
	.template #book table td:first-child,
	.template table td:first-child,
	.template table td {
		width: 100%;
		display: block;
	}
	.template table td:first-child {
		background: #ddd;
	}
	.template #retpo table td:nth-of-type(3) a {
		margin-left: 20px;
	}
}
@media screen and (max-width: 480px) {
	.template .wrap-intro-content .intro-content {
		padding: 24px 24px 0;
	}
	.template .box-grid .panel-h {
		font-size: 13px;
	}
}
/*------------------------------------------------------------
leagal
------------------------------------------------------------*/
.leagal ol.num > li:not(:first-child) {
	margin-top: 16px;
}
.leagal .block-lead {
	font-size: 15px;
}
.leagal .note.date {
	margin: 24px auto 0;
	max-width: 800px;
	color: #222;
	text-align: right;
}
.leagal .wrap-icon-num-ink {
	padding: 40px 0;
}
.leagal .wrap-icon-num-ink:first-of-type {
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	.leagal .dl-border-list dt .br-clear {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.leagal .wrap-icon-num-ink {
		padding: 32px 0;
	}
}

/*------------------------------------------------------------
english
------------------------------------------------------------*/
#en .en-link {
	text-align: center;
	margin: 0 auto 80px;
	font-weight: 700;
}

#en .en-link a {
	color: #222;
}

#en .en-link a:hover,
#en .en-link a.current {
	color: #4a91d6;
}

#en .block-lead,
#en .form a {
	margin: 0 auto;
}

#en .block-lead {
	max-width: 880px;
}

#en .indent {
	padding-left: 1em;
	text-indent: -1em;
}

#en .icon-ink.indent {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

#en.about .hanzure .featured-img div {background-image: url("images/common/dot-black-alfa.svg"), url("images/en/about/about-featured-hanzure.jpg");}
#en.about .kasure .featured-img div {background-image: url("images/common/dot-black-alfa.svg") , url("images/en/about/about-featured-kasure-mura.jpg");}
#en.about .konsyoku .featured-img div {background-image: url("images/common/dot-black-alfa.svg"), url("images/en/about/about-featured-konsyoku.jpg");}

#en #n2.container, 
#en #n3.container, 
#en #n4.container, 
#en #n5.container, 
#en #n6.container,
#en .kugiri {
	margin-top: 56px;
}

#en.howto-basic .box-flex-2col h3 {
	margin-bottom: 24px;
}

#en.howto-basic .box-point {
	margin-top: 40px;
	padding: 16px 20px 16px;
	border: solid 2px #e8373d;
	border-radius: 8px;
	position: relative;
	font-size: 14px;
	display: inline-block;
}
#en.howto-basic .suport-filetype {
	width: 60%;
	margin: 32px auto 16px;
	display: block;
}

#en.howto-basic .underline {
	border-bottom: 2px solid #f4958d;
}

/*------------------------------------------------------------
営業日カレンダー 2024.11.4 追加
------------------------------------------------------------*/

/* メニュー
------------------------------------------------------------*/

header .menu-calendar {
	position: relative;
}

header .menu-calendar.is-active a::after {
	content: '';
	border-right: 16px solid transparent; 
	border-bottom: 20px solid #f8e62d;
	border-left: 16px solid transparent; 
	position: absolute;
	bottom: -28px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: .5s;
	opacity: 1;
}

header .menu-calendar.is-active a:hover {
	opacity: 1;
}

header .wrap-calendar {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

header .wrap-calendar > div {
	padding: 24px 40px;
	width: 640px;
	position: absolute;
	top: -55px;
	right: 115px;
	background: #f8e62d;
	font-weight: 500;
	opacity: 0;
	overflow: hidden;
	transition: .2s;
	visibility: hidden;
	z-index: 2;
}

header .wrap-calendar.is-show > div {
	visibility: visible;
	opacity: 1;
	top: -50px;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .25);
}

/* カレンダー カスタマイズ
------------------------------------------------------------*/

.calendar-ttl {
	display: flex;
	justify-content: space-between;
	align-items: end;
	line-height: 1;
}

.calendar-ttl p:last-child {
	font-size: 12px;
}

.calendar-bg {
	background: #fff;
	padding: 20px;
	margin-top: 20px;
}

#eigyoubi .other-month,
#eigyoubi .holiday-titles,
.xo-event-calendar table.xo-month .month-event-space {
	display: none;
}

#eigyoubi.xo-event-calendar .xo-months {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

#eigyoubi.xo-event-calendar table.xo-month .month-header {
	margin: 0 0 8px;
}

#eigyoubi.xo-event-calendar table.xo-month .month-dayname td div {
	text-align: center;
	line-height: 16px;
	letter-spacing: 0;
	height: 24px;
	border-radius: 50%;
	width: 24px;
	margin: 0 auto;
}

#eigyoubi.xo-event-calendar table.xo-month .month-dayname-space {
	height: 32px;
}

#eigyoubi.xo-event-calendar table.xo-month>thead {
	height: 28px;
}

#eigyoubi.xo-event-calendar table.xo-month>thead th.sunday,
#eigyoubi.xo-event-calendar table.xo-month>thead th.saturday {
	color: inherit;
}

#eigyoubi.xo-event-calendar table.xo-month,
#eigyoubi.xo-event-calendar table.xo-month td, .xo-event-calendar table.xo-month th {
	border: none;
}

.xo-event-calendar table.xo-month .month-dayname td div.today {
	color: inherit;
	font-weight: inherit;
}

.holiday-shukka,
.holiday-kyugyobi {
	color: #fff;
}

.calendar-guide p {
	font-size: 14px;
	letter-spacing: .05em;
}

.calendar-guide p span {
	font-size: 10px;
	margin-left: 12px;
}

span.kyugyobi,
span.shukka,
span.ichibu {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 12px;
}
span.kyugyobi {
	background: #4b8ac7;
}
span.shukka {
	background: #df4f42;
}
span.ichibu {
	background: #f3c1b0;
}

/*------------------------------------------------------------
2025.9.28 追記 ポップアップイメージ
------------------------------------------------------------*/
.popup-container {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #e8373d;
}

.popup-container img {
	position: absolute;
	bottom: 2em;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	max-width: 90vw;
	border-radius: 16px;
	background: #fff;
	padding: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 10;
	opacity: 0;
  display: block;
  visibility: hidden;
	transition: opacity .3s ease;
}

.popup-container img.img2 {
	width: 800px;
}

.popup-container:hover img {
	opacity: 1;
  visibility: visible;
}