@charset "UTF-8";

html,body,figure,dt,dd,ul,ol {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p {
	margin-top: 0;
	line-height: 1.6;
}
html {
	font-size: 16px;
	font-family: sans-serif;
}
em,strong,address {
	font-style: normal;
}
ul[class*="col_"],
ul.col,
nav ul {
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: inherit;
}
nav a {
	text-decoration: none;
	display: block;
}
a[class],
[class] a {
	text-decoration: none;
}
a.inline {
	text-decoration: underline;
}
a img {
	border: none;
	max-width: 100%;
}
a:hover {
	opacity: 0.8;
}
table {
	margin: 2rem 0 2rem;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
tr > * {
	border: 1px solid #888;
	text-align: inherit;
	padding: 1em;
	font-weight: inherit;
}
caption {
	color:#333;
	font-size:1.2rem;
	margin-bottom:15px;
	font-weight:bold;
}
thead {
	background-color: #004d8a;
	color: #fff;
	text-align: center;
}
tbody tr:nth-child(2n - 1) {
	background-color: rgb(233,236,243);
}
td.td-right.td-right,
.td-right td {
	text-align: right;
}
td.td-center.td-center,
.td-center td {
	text-align: center;
}
.nowrap {
	white-space: nowrap;
}

/* sizing */
.headerNav {
	flex-basis: 70%;
}
.innerPageNav {
	flex-basis: 61%;
}
.wrap {
	padding: 4rem calc(50% - 570px);
	min-width: 1140px;
}
.narrow {
	width: 1008px;
	margin-left: auto;
	margin-right: auto;
}
.narrow2 {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
.lead {
	margin: 2em auto;
}
.innerPageNav li {
	border-right: 1px solid #333;
	flex-grow: 1;
	text-align: center;
}
.innerPageNav a {
	background: rgba(0, 0, 0, 0) url("../images/icons-menu.svg") no-repeat scroll center 10px;
	color: #333;
	padding-bottom: 5px;
	padding-top: 40px;
}
.innerPageNav a[href="#service"] {	background-position: center 1px;}
.innerPageNav a[href="#option"] {	background-position: center -100px;}
.innerPageNav a[href="#howtostart"] {	background-position: center -200px;}
.innerPageNav a[href="#qa"] {	background-position: center -300px;}

.innerPageNav li:first-child {
	border-left: 1px solid #333;
}
.userNav li {
	font-size: 0.9em;
}
.userNav li:first-child {
	margin-bottom: 0.4em;
}
[class*="btn_"] {
	padding: 0.3em 2em;
}
/* ヘッダメニューの固定 */
.siteHeader {
	padding-top: 102px;
}
.siteHeader .wrap {
	align-items: stretch;
	height: 70px;
	margin: 0;
	padding-bottom: 1rem;
	padding-top: 1rem;
}
.siteHeaderNav {
	position: fixed;
	-webkit-backface-visibility: hidden;
	top: 0;
	z-index: 100;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.logo_impress {
	height: 70px;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.logo_impress img {
	border: 1px solid #fff;
	border-width: 8px 2px 0 2px;
}
/* color */
.btn_1,
.btn_2,
.btns_1 > *,
.color_1s > *,
.color_1 {
	color: #fff;
}
.home p,
.steps .book p,
.color-blue {
	color: #004d8a;
}
.eyeCatchBottom em,
.serviceNav .css_num a::after,
[id="service"] .css_num::before,
.color_2,
.color-yellow {
	color: #ffa000;
}
.btn_1,
.btns_1 > *,
.color_1s > *,
.color_1,
[id*="service_"] .css_num::after,
.background-color-blue {
	background-color: #004d8a;
}
.btn_2,
.btns_2 > *,
.color_2s > *,
.background-color-yellow {
	background-color: #ffa000;
}
.eyeCatch.eyeCatch {
	height: auto;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}
.topPage-eyeCatch {
	background-color: #eaeef1;
}
.eyeCatch img {
	display: block;
	width: 100%;
	height: auto;
}
.secTitle small {
	color: #888;
}
/* cssによるナンバリング */
.css_count {
	counter-reset: count;
}
.css_count .css_num {
	counter-increment: count;
	position: relative;
}
.css_count .css_num::before {
	content: counter(count, decimal);
	position: absolute;
	z-index: 3;
	font-family: arial;
	font-weight: normal;
}
[class^="logo_"] {
	width: 74px;
	display: block;
}
.home img {
	height: 70px;
	margin-right: 0.5rem;
}
.home a {
	font-size: 1rem;
}
.home p {
	align-self: flex-end;
	margin-bottom: 0;
	line-height: 1.2;
}
.home span {
	display: block;
	font-size: 1.35em;
}
.secTitle {
	font-size: 2em;
	margin-bottom: 1em;
	position: relative;
	text-align: center;
}
.secTitle small {
	display: block;
	font-size: 1rem;
}
.secTitle::before, .secTitle::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 2px;
	position: absolute;
	top: 0.8em;
	width: 35%;
}
.secTitle::before {
	left: 0;
}
.secTitle::after {
	right: 0;
}

.secTitleCustom::before, .secTitleCustom::after {
	top: 1.6em !important;
}

[id="recommend"] .secTitle::before, [id="recommend"] .secTitle::after {	width: calc((100% - 10em) / 2);}
[id="service"] .secTitle::before, [id="service"] .secTitle::after { width: calc((100% - 17em) / 2);}
[id="option"] .secTitle::before, [id="option"] .secTitle::after { width: calc((100% - 23em) / 2);}
[id="howtostart"] .secTitle::before, [id="howtostart"] .secTitle::after { width: calc((100% - 7em) / 2);}
[id="qa"] .secTitle::before, [id="qa"] .secTitle::after { width: calc((100% - 7em) / 2);}
.bar0.bar0::before,.bar0.bar0::after { width: 0%; }
.bar5.bar5::before,.bar5.bar5::after { width: 5%; }
.bar10.bar10::before,.bar10.bar10::after { width: 10%; }
.bar15.bar15::before,.bar15.bar15::after { width: 15%; }
.bar20.bar20::before,.bar20.bar20::after { width: 20%; }
.bar25.bar25::before,.bar25.bar25::after { width: 25%; }
.bar30.bar30::before,.bar30.bar30::after { width: 30%; }
.bar35.bar35::before,.bar35.bar35::after { width: 35%; }
.bar40.bar40::before,.bar40.bar40::after { width: 40%; }
.bar45.bar45::before,.bar45.bar45::after { width: 45%; }
[id="recommend"] {	background: url("../images/bg_recommend.gif") center bottom repeat;}
[id="service"] header {
	background: url("../images/bg_service.jpg") center top no-repeat;
	background-size: cover;
}
.eyeCatchBottom.eyeCatchBottom {
	font-size: 1.25em;
	font-weight: bold;
	height: auto;
	margin: 0;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align: center;
}
.lead {
	line-height: 2;
}
.lead em {
	color: #004d8a;
	font-weight: bold;
}
.checks {
	align-items: stretch;
	justify-content: space-between;
	margin: 4rem 0;
}
.checks > * {
	flex-basis: 15%;
	line-height: 2;
	padding: 3em 1.4em;
	position: relative;
}
.checks > *::before {
	background-image: url("../images/icons-check_1.svg");
	content: "";
	display: block;
	height: 4rem;
	left: calc(50% - 1.6rem);
	position: absolute;
	top: -2em;
	width: 4rem;
}
.checks > *:nth-child(2n)::before {
	background-image: url("../images/icons-check_2.svg");
}
.checks > * em {
	font-weight: bold;
	font-size: 1.05em;
}

/* 列になる子要素しか持たない親要素 */
.col {
	display: flex;
	justify-content: space-between;
}
[class*="col_"] {
	flex-wrap: wrap;
	list-style: none;
	justify-content: space-between;
}
.col_1 {
	justify-content: center;
}
[class*="col_"] > * {
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
}
/* 2列 */
.col_2 {
}
.col_2 > * {
	flex-basis: 48%;
	margin-bottom: 55px;
}
/* 3列 */
.col_3 {
}
.col_3 > * {
	flex-basis: 30%;
}
/* ランディングページ用に繰り返し出現するボタン */
.lp_btns {
	padding-left: 0;
	padding-right: 0;
	min-width: 0;
	justify-content: center;
}
.wrap + .lp_btns {
	padding-top: 1rem;
}
.lp_btns [class*="btn_"] {
	text-align: center;
	font-size: 1.3em;
	flex-basis: 21.3em;
	padding: 1em 0;
}
.lp_btns [class*="btn_"]:nth-child(2) {
	margin-left: 7em;
}
/* #service */
[id="service"] {
	background: url(../images/bg_recommend.gif) repeat;
	position: relative;
	z-index: 0;
}
.serviceNav .col_3 > * {
	margin-bottom: 3rem;
}
.serviceNav .col_3 > * a {
	box-sizing: border-box;
	height: 100%;
	padding: 1em;
}
.serviceNav a {
	position: relative;
}
.serviceNav a p {
	border-top: 1px solid currentcolor;
	margin-top: 1em;
	padding: 1em 0 0;
	width: 100%;
}
.serviceNav .css_num::before {
	font-size: 4rem;
	left: 1rem;
	top: 0.3rem;
}
.serviceNav a strong {
	display: table-cell;
	font-size: 1.2rem;
	height: 3em;
	line-height: 1.3;
	padding-left: 2.8rem;
	padding-right: 1rem;
	vertical-align: middle;
}
.serviceNav .css_num a::after {
	content: ">";
	font-size: 2rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
}
[id*="service_"] {
	margin-bottom: 4rem;
	position: relative;
}
[id*="service_"]:last-child {
	margin-bottom: 0;
}
[id*="service_"] .css_num {
	font-size: 2em;
	text-align: center;
	border: 1px solid #888;
	background-color: #fff;
	margin-bottom: 1em;
	overflow: hidden;
	padding: 0.8em;
	position: relative;
	z-index: 0;
}
[id*="service_"] .css_num::before {
	font-size: 1.5em;
	left: 1.2em;
	top: 0.45em;
}
[id*="service_"] .css_num::after {
	position: absolute;
	left: -0.2em;
	top: 50%;
	box-shadow: -0.3em -0.3em 0 #004d8a;
	content: "";
	display: block;
	font-size: 6em;
	width: 1em;
	height: 1em;
	transform: translateY(-50%) rotate(-45deg);
	z-index: -1;
}
[id*="service_"]::before,
[id*="service_"]::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 3em;
	height: calc(1rem * 3.6);
	box-shadow: 1em -1em 1em -0.5em rgba(0,0,0,0.5) inset;
	transform-origin: left top;
	transform: skewY(-35deg);
	background-color: #d3d3d3;
}
[id*="service_"]::before {
	left: 1.5em;
	width: 1.5em;
	transform-origin: right top;
	transform: translateY(-2em) skewY(35deg);
	background-color: #898989;
	box-shadow: -1em 0 1em -0.8em rgba(0,0,0,0.5) inset;
	z-index: -2;
	/*top: -2em;*/
}
[id*="service_"] .css_num + div {
	margin-left: 120px;
	border-left: 5px solid #004d8a;
	padding-left: 2em;
}

/* #option */
[id="option"] header {
	background: url(../images/bg_option.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 0;
}

/* #howtostart */
[id="howtostart"] {
	background-color: #eaeef1;
}
.steps {
	justify-content: space-between;
	list-style: none;
	margin: 3rem 0;
}
.steps > * {
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	padding: 0 1em;
	border-radius: 50%;
	position: relative;
	text-align: center;
}
.steps > li:not(.book) span:first-of-type {
	position: absolute;
	font-size: 0.8em;
	display: block;
	top: 35%;
	left: 22%;
}
.steps > li:not(.book) span:first-of-type + span {
	font-size: 4.1em;
	font-family: Arial;
	line-height: 1;
	margin: 2rem auto 0.6rem;
	display: block;
}
.steps .book {
	background: url(../images/icons-book.svg) transparent 80% top no-repeat;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 7em;
	border-radius: 0;
	color: inherit;
	padding: 130px 0 0 0;
	height: auto;
	font-size: 1.1em;
	font-weight: bold;
}
.steps > li:not(.book)::after {
	content: ">";
	font-size: 2rem;
	position: absolute;
	right: -1em;
	top: calc(50% - 1rem);
	line-height: 1;
	color: #ffa000;
}

h3 span {
	font-weight:bold;
	font-size:0.5em;
	color:red;
}

/* #option */
.op_cont {
	background-color: #fff;
	height: 100%;
	flex-flow: column;
	align-items: stretch;
}
.op_cont strong {
	padding: 1em 2em;
	color: #fff;
	background-color: #ffa000;
	vertical-align: middle;
	flex-basis: 2em;
	font-size:1.2rem;
}
.op_cont p {
	padding: 2em;
	color: inherit;
	text-decoration: underline;
	margin: 0;
	height:100px;
}
/*[id="option"] header .col_2 > * {
background-color: #f8f8f8;
padding: 1rem;
}*/
.pen {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0.1em;
	padding: 1em 0.3em 0.3em;
	background: url(../images/icons-pen.svg) no-repeat 97% 0.5rem;
}
.pub {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 0.1em;
	padding: 1em 0.3em 0.3em;
	background: url(../images/icons-pub.svg) no-repeat 97% 0.5rem;
}
[id^="option_"] {
	color: #fff;
	background-color: #ffa000;/* 背景色 */
	margin-bottom: 55px;
}
[id^="option_"] p {
	font-size: 0.9rem;
	text-align: center;
	margin: 0 2rem 1rem;
}
[id^="option_"] .price {
	background-color: #ffa000;
	margin: 0 3rem 1rem;
	color: #fff;
	line-height: 2;
}
[id^="option_"] .txt {
	font-size: 1rem;
	border-top: 1px #333 dashed;
	width: auto;
	margin-top: 1rem;
	padding-top: 1rem;
	text-align: left;
}


/* #qa */
[id="qa"] nav.col_2 > * {
	flex-basis: 50%;
	margin-bottom: 0;
}
[id="qa"] nav h3 {
	margin-bottom: 0.5rem;
	font-size: 1rem;
}
[id="qa"] nav h3::before {
	content: "●";
	padding-right: 0.2em;
}
[id="qa"] nav ul {
	margin-bottom: 2rem;
	font-size: 0.88rem;
	line-height: 2;
}
[id="qa"] nav li a {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
[id="qa"] nav li a:hover {
	background-color: #ffa000;
}
[id="qa"] nav li a::before {
	content: "Q";
	padding-right: 0.4em;
}
.answers {
	list-style: none;
	padding-top: 0;
}
.answers > li {
	position: relative;
}
.answers [id^="q_"] {
	display: block;
	color: #004d8a;
	font-size: 1.25em;
	border: 2px solid currentColor;
	border-bottom-width: 0;
	margin-bottom: 1px;
	cursor: pointer;
	padding-left: 4.5em;
	position: relative;
	line-height: 2;
	box-shadow: 3.5em 0 0 0 currentColor inset;
}

.answers > li:last-child [id^="q_"] {
	border-bottom-width: 2px;
}
.answers [id^="q_"]::before {
	/*content: attr(id);*/
	content: 'Q';
	padding-right: 0.8em;
}
.answers [id^="q_"]::after {
	content: "▶︎";
	position: absolute;
	color: #fff;
	display: block;
	width: 1rem;
	height: 1rem;
	left: 1.5rem;
	top: calc(50% - 0.5rem);
	line-height: 1;
	transform: scale(0.7);
}
.answers [id^="q_"].open::after {
	transform: rotate(90deg) scale(0.7);
}
.answers [id^="q_"] + .a {
	background-color: #fff;
	padding: 1rem 8em;
	border: 2px solid #004d8a;
	border-width: 2px 2px 0;
}
.answers > li:last-child [id^="q_"] + .a {
	border-width: 0 2px 2px;
}
.answers [id^="q_"]:not(.open) + .a {
	/*display: none;*/
}
.answers .a {
	position: relative;
}
.answers .a.hide {
	display: none;
}
.answers [id^="q_"] + .a::before {
	content: "A";
	position: absolute;
	display: block;
	color: orange;
	left: 1.4em;
	font-size: 3.5em;
	font-family: Arial;
	top: 0.2em;
	line-height: 1;
}
.answers [id^="q_"].open,
.answers [id^="q_"]:target {
	margin-bottom: 0;
	animation: targetColor 1s forwards;
}
@keyframes targetColor {
	0% {
		background-color: #ffa000;
	}
	100% {
		background-color: #ffffa0;
	}
}
/*.answers [id^="q_"]:target + .a {
display: block;
}*/
[id="q_3"] + .a .col_2 > * {
	flex-basis: 45%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* .siteFooter */
.siteFooter div.col_2 {
	justify-content: flex-start;
	padding-bottom: 0;
}
.siteFooter div.col_2 > * {
	flex-basis: 35%;
	margin-bottom: 1rem;
	padding-left: 1em;
}
.siteFooter address {
	background-color: #e0e0e0;
	align-items: flex-end;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
}
.siteFooter address > :first-child {
	flex-grow: 1;
	margin-bottom: 0;
}
.siteFooter address ul {
	list-style: none;
	justify-content: flex-end;
	align-items: flex-end;
	margin-bottom: 0;
}
.siteFooter address ul > * {
	padding-left: 0.9rem;
}
.siteFooter address ul > :not(:last-child) {
	border-right: 1px solid currentColor;
	padding-right: 0.9rem;
}
.siteFooter address ul > :first-child {
	border-left: 1px solid currentColor;
}
.siteFooter address ul > *:last-child {
	margin-right: 4em;
}
.logo_PUBFUN {
	width: 4rem;
}
.tblW th:first-child {
	white-space:nowrap;
}

.underL {
	text-decoration:underline !important;
}

/* TOPへ戻るボタン */
a[href="#top"] {
	position: fixed;
	display: block;
	right: 1rem;
	bottom: 1.3rem;
	width: 4em;
	height: 4em;
	text-align: center;
	padding-top: 1.5em;
	box-sizing: border-box;
	background-color: #ffa000;
	border-radius: 50%;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	opacity: 0.6;
}
a[href="#top"]:hover {
	opacity: 1;
}

@media screen and (max-width:1150px){
	.sp-hide.sp-hide.sp-hide {
		display: none;
	}
	.wrap {
		padding: 2rem 1rem ;
		min-width: 0;
	}
	.narrow,.narrow2,.lead {
		width: auto;
	}
	.secTitle.secTitle::before,
	.secTitle.secTitle::after {
		content: none;
	}
	.secTitle.secTitle {
		border: 1px solid #000;
		border-width: 1px 0;
	}
	.col:not(.lp_btns) {
		display: block;
	}
	.checks > * {
		margin-bottom: 2rem;
		padding: 1rem 2rem;
	}
	.checks > * em {
		font-size: 1.4em;
	}
	.checks > * br {
		display: none;
	}
	.checks > *::before {
		left: -1rem;
		top: -2rem;
	}
	.col_2 > *,.steps > * {
		width: auto;
		margin-bottom: 1rem;
	}
	.steps > * {
		width: auto;
		height: auto;
		border-radius: 0;
		text-align: left;
		padding: 1rem;
		margin-bottom: 3rem;
		font-size: 4vw;
		line-height: 2;
	}
	.steps.steps > li:not(.book)::after {
		top: auto;
		bottom: -1.2em;
		right: auto;
		left: calc(50% - 0.5em);
		transform: scale(3,1.3) rotate(90deg);
	}
	.steps.steps > li:not(.book) > * {
		display: inline-block;
		margin-bottom: 0rem;
	}
	.steps.steps > li:not(.book) span {
		position: static;
		margin: 0.2rem;
		opacity: 0.5;
		display: inline-block;
	}
	.steps > li:not(.book) span:first-of-type + span {
		font-size: 2em;
		margin: 0 0.2rem;
		display: inline-block;
		vertical-align: bottom;
	}
	.steps > li:not(.book) p {
		margin-left: 1rem;
	}
	.steps > li:not(.book) p br {
		display: none;
	}
	.lp_btns {
		justify-content: space-between;
	}
	.lp_btns [class*="btn_"] {
		flex-basis: 48%;
	}
	.lp_btns [class*="btn_"]:nth-child(2) {
		margin-left: 0;
	}
	.lp_btns [class*="btn_"]:only-child {
		flex-basis: 100%;
	}
	.steps .book {
		background-position: center top;
		font-size: 5vw;
		text-align: center;
		padding: 120px 0 0;
	}
	.steps .book br {
		display: none;
	}
	.steps .book span {
		font-size: 1.3em;
	}
	.op_cont {
		margin-bottom: 1rem;
	}
	.op_cont strong {
		display: block;
	}
	.eyeCatch.eyeCatch {
		padding: 0;
	}

	.siteHeader {
		padding-top: 80px;
	}
	.siteHeaderNav.col {
		width: 100%;
		padding: 1rem 0.5rem;
		height: 80px;
		box-sizing: border-box;
	}
	.siteHeaderNav.col, .siteHeaderNav .col {
		font-size: 1rem;
		display: flex;
	}
	.logo_impress {
		display: none;
	}
	.innerPageNav li:first-child {
		border-left-width: 0;
	}
	.userNav {
		flex-basis: 7rem;
		margin-left: 1rem;
	}
	.home p {
		margin:0 0 0 20px;
	}
	.home img {
		width: 50px;
		height: 50px;
		margin-right: 0;
	}
	.headerNav.col {
		flex-basis: auto;
		flex-grow: 1;
	}
	.innerPageNav.col {
		flex-basis: 85%;
	}
	.innerPageNav a {
		padding-top: 31px;
	}
	.userNav a {
		text-align: center;
		padding: 0;
		line-height: 2;
	}
	.answers [id^="q_"] + .a {
		padding: 1rem;
	}
	.answers [id^="q_"] + .a::before {
		font-size: 2em;
		left: 1rem;
	}
	.answers [id^="q_"] + .a > p:first-child {
		text-indent: 2em;
	}

	.answers.wrap {
		padding: 0;
	}
	.answers [id^="q_"] + .a {
		border-width: 0;
	}
	.answers [id^="q_"] {
		border-width: 2px 0 0;
	}
	.answers > li:last-child [id^="q_"] + .a {
		border-width: 0 0 2px;
	}


	.siteFooter address {
		padding-bottom: 0.5em;
	}
	.siteFooter address .col {
		display: flex;
		justify-content: flex-start;
		margin-top: 1em;
	}
	.siteFooter address ul {
		font-size: 3.5vw;
	}
	.siteFooter.siteFooter address ul li {
		border: 0;
		margin: 0 1em 0 0;
		padding: 0;
	}
	.siteFooter.siteFooter address ul li:nth-child(1),
	.siteFooter.siteFooter address ul li:nth-child(2) {
		line-height:70px;
	}
	.logo_PUBFUN {
		width: 5em;
		vertical-align:middle;
	}
	.serviceNav .col {
		display: flex;
	}
}




@media screen and (min-width:751px) {
	.spView {
		display:none !important;
	}
	.spMenu {
		display:none !important;
	}
	
	
}

@media screen and (max-width:750px) {
	
	.spMenu li a {
		border-bottom: 1px solid #cccccc;
		color: #666;
		display: block;
		font-size: 14px;
		font-weight: bold;
		padding: 14px 0;
		text-decoration: none;
		text-indent: 1.2em;
	}
	.pcView {
		display:none !important;
	}
	.innerPageNav,
	.userNav {
		display:none !important;
	}
	
	.serviceNav .col {
		display: block;
	}
	[id*="service_"] .css_num + div {
		padding: 0;
		margin-left: 1rem;
		border-left-width: 0;
	}
	[id*="service_"]::before {
		transform: translateY(-1em) skewY(20deg);
	}
	[id*="service_"]::after {
		transform: skewY(-20deg);
	}
	[id*="service_"] .css_num {
		font-size: 4.8vw;
		padding: 0.3em 0.8em;
	}
	[id*="service_"] .css_num span {
		text-indent:2em;
		display:block;
	}
	[id*="service_"] .css_num::before {
		left: 0.6em;
		top: 0.15em;
	}
	[id*="service_"] .css_num::after {
		font-size: 3.2em;
	}
	.serviceNav a strong {
		font-size: 4vw;
		height: 3rem;
	}

	.siteFooter .footerNav {
		display: block;
		padding-bottom: 0;
		margin-bottom: 2rem;
	}
	.siteFooter .footerNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.siteFooter .footerNav ul a {
		padding: 0.5em 1em 0.5em 1.5em;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		position: relative;
	}
	.siteFooter .footerNav ul:first-child li:first-child a {
		border-top: 1px solid rgba(0,0,0,0.2);
	}
	.siteFooter .footerNav ul a::before {
		content: ">";
		position: absolute;
		left: 0.5em;
	}
}
@media screen and (max-width:550px) {

	h1.home {
		flex-shrink: 0;
	}
	.answers [id^="q_"] {
		font-size: 1rem;
		padding-left: 3em;
		line-height: 1.5;
		box-shadow: 2em 0 0 0 currentColor inset;
	}
	.answers [id^="q_"]::after {
		left: 0.5rem;
	}
	.userNav {
		flex-basis: 4em;
		margin-left: 0;
		padding: 0;
		font-size: 3vw;
	}
	.userNav li a {
		height: 0;
		margin: 0;
		overflow: hidden;
		padding: 1.5em 0 0 0;
		width: 5em;
		margin-left: 1em;
		margin-right: 1em;
		position: relative;
	}
	.userNav li a::after {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		line-height: 1.5;
	}
	.userNav li:first-child a::after {
		content:"ログイン";
	}
	.userNav li:nth-child(2) a::after {
		content:"新規登録";
	}
	tr > * {
		padding: 0.1em;
		line-height: 1.2;
	}
	.eyeCatch.eyeCatch {
		overflow: hidden;
	}
	.eyeCatch.eyeCatch img {
		display: block;
		transform: scale(1.1);
	}
	[id*="service_"]::before,
	[id*="service_"]::after {
		content: none;
	}
	.headerNav.col {
		align-items: center;
	}
	.lp_btns {
		justify-content: space-between;
		font-size: 3vw;
	}

	.eyeCatchBottom.eyeCatchBottom {
		font-size: 1em;
	}

	.secTitle {
		font-size: 1.4em;
	}

	.fs12 {
		font-size:.9em;
	}

	.pen {
		font-size: 1.4rem;
		margin-bottom: 0.1em;
		padding: 1em 0.3em 0.3em;
		background: url(../images/icons-pen.svg) no-repeat 97% 0.5rem;
		background-size:8%;
	}

	.answers [id^="q_"],
	.answers [id^="q_"] + .a {
		border-right:none;
		border-left:none;

	}
	.tblW th:first-child {
		white-space:normal;
	}
	a[href="#top"] {
		font-size: 4vw;
		right: 0.2em;
		bottom: 0.2em;
		width: 3em;
		height: 3em;
		padding-top: 1em;
	}
	

}

@media screen and (max-width:440px) {
	.innerPageNav.col {
		height: 32px;
	}
	.innerPageNav li {
		flex-basis: 25%;
		border-right-width: 0;
	}
	.innerPageNav a {
		/*font-size: 3vw;*/
		padding-top: 60px;
		overflow: hidden;
		height: 0;
	}
}