@charset "utf-8";
.mB70{
	margin-bottom: 40px!important;
}
.w800 p.fontSmall{
	font-size: 0.8em;
}
.formTable select{
	width:90%;
	padding: 10px;
	max-width: 100%;
}
.centerLogo {
	margin: 2em auto 2em;
	width: 200px;
}
.w800 .errorBox p{
	font-size: 0.9em;
}
.pB140{
	padding-top: 40px;
	padding-bottom:70px!important;
}
.w800 p.pcenterBold{
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}
.w800 p{
	font-size: 1em;
	text-align: initial;
}
.w800 p span.colRe{
	text-align: left!important;
}
.copy{
	text-align: center;
}
.formTable{
	border-top: solid #ddd 1px;
}
.formTable tr{
	border-bottom: solid #ddd 1px;
}
.formTable tr:last-of-type{
	border-bottom: none;
}
.formTable p{
	font-size: 15px;
}
.submitBtnPare{
	width: initial;
}
.formTable th, .formTable td {
	padding: 15px;
}
#trialList01OrderAuth{
	margin-top: 10px;
}
.formTable input, .formTable textarea {
	font-size:1.5em;
	
}
.formTable input[type=checkbox] {
	transform: scale(1.5);
}
.submitBtn.submitBtnBl{
	border-radius: 900px;
	background-color: #004999;
	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    transition: .3s all ease;
	background-image: none;
	font-size: 1.2em;
	padding: 10px;
	width: 300px;
	margin: 0 auto 30px;
	display: block;
	border: none;
}
.submitBtn.submitBtnBl:hover{
	box-shadow: none;
    transform: translate3d(0, 3px, 0);
	background-image: none;
	opacity: 0.7;
	background-color: #004999;
	border :none;
}
.submitBtnPare p{
	text-align: center;
}
.secWrapper a{
	color: #1a0dab;
    text-decoration: underline;
}
.secWrapper a:hover{
	text-decoration: none;
}
.errorBox{
	margin-top: 30px;
	text-align: center;
}
.h1Img.info{
	vertical-align:0px;
}
.snekoCalender .box3Flex p>a{
	color: #1a0dab;
    text-decoration: underline;
}
.snekoCalender .box3Flex p>a:hover{
	text-decoration: none;
}
.box3Flex li img{
	margin: 30px 0;
}
.boldred{
	color: red;
	font-weight: bold;
}
.boldblack{
	color: black;
	font-weight: bold;
}
h1::before{
	content: "";
	display: block;
	margin-top: 5px;
}
.center{
	text-align: center;
}
.h1Img {
	width: 50px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: -10px;
}
h2 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #555;
	margin-bottom: 30px;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding-left: 1em;
}
h2::before {
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 20px;
	height: 7px;
	content: '';
	border-radius: 3px;
	background: #0b6dac;
}
hr.border {
	width: 100vw;
	margin: 40px calc(50% - 50vw) 40px;
	border: 1px solid #eee;
	box-sizing: border-box;
	border-bottom: none;
}
.container {
	overflow: hidden;
}
.bigFont {
	font-size: 1.5rem;
	font-weight: bold;
}
.box_title {
	line-height: 1.5;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
	font-size: 1.2em;
}
.subMenuList {
	background-color: #555;
}
.subMenuListInner {
	margin: 0 auto;
	max-width: 1170px;
}
.subMenuListInner ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.subMenuList li {
	width: 100%;
	text-align: center;
	border-right: solid 1px #fff;
	line-height: 1.5;
}
.subMenuList li:first-of-type {
	border-left: solid 1px #fff;
}
.subMenuList li a {
	padding: 7px;
	display: block;
	color: #fff;
}
.subMenuList li a:hover {
	opacity: .7;
}
.single_more_button {
	text-align: center;
	margin-top: 30px;
}
.catch {
	font-size: 2em;
	font-weight: bold;
	color: #0d6d9f;
	margin-bottom: 30px;
	line-height: 1.5;
}
.blockimg img {
	width: 100%;
}
.qa_list {
	margin: 0 0 50px 0;
}
.qa_list dt {
	padding: 0 0 0 45px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	line-height: 1.5;
}
.qa_list dd {
	line-height: 1.5;
}
.qa_list dt:before {
	content: "Q";
	background-color: #0d6d9f;
	font-family: 'Helvetica Neue', 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	line-height: 30px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -45px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}
.qa_list dd {
	padding: 0 0 0 45px;
}
.qa_list a {
	color: #0d6d9f;
	text-decoration: underline;
}
.qa_list a:hover {
	text-decoration: none;
}
.qa_list dd:before {
	content: "A";
	background-color: #fff;
	font-family: 'Helvetica Neue', 'Open Sans', 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: bold;
	line-height: 30px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -45px;
	text-align: center;
	color: #0d6d9f;
	border-radius: 50%;
	border: solid 1px #0d6d9f;
}
.mgntopbottom {
	margin: 30px 0;
}
.mgntop {
	margin-top: 30px;
}
.mgnbottom {
	margin-bottom: 30px;
}
.bder {
	border: solid 4px #fac045;
	border-radius: 5px;
}
.boxTitle {
	font-size: 1.3em;
	font-weight: bold;
	background-color: #fac045;
	padding: 5px;
	color: #fff;
	text-align: center;
}
.boxContent {
	padding: 1em;
}
.category {
	margin-bottom: 5px;
}
.shopcase_title {
	margin-top: 15px;
	line-height: 1.5;
	border-bottom: solid 1px #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
	min-height: 5.5em;
	font-weight: bold;
}
.price {
	font-size: 1.1em;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: bold;
}
.box3Flex ul {
	display: flex;
	flex-wrap: nowrap;
	flex-basis: 0;
	flex-grow: 1;
	gap: 3em;
	justify-content: center;
}
.box3Flex li {
	flex-basis: 0;
	flex-grow: 1;
	line-height: 1.5;
	border-radius: 5px;
}
.box3Flex.cover li img {
	object-fit: cover;
	height: 200px;
}

.category, .companyName {
	font-size: 0.9em;
}
.align_center {
	text-align: center;
}
.contentBox ul {
	list-style-type: disc;
	padding-left: 1.5em;
}
.main-contents h3:first-of-type {
	margin-top: 20px;
}
.snekoCalender .box3Flex .more_Button a {
	background-color: #0d6d9f;
	display: inline-block;
	padding: 10px 25px;
	text-align: center;
	color: #fff;
	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
	transition: .3s all ease;
	font-weight: bold;
	border-radius: 100px;
	text-decoration: none;
}
.contentBox strong {
	display: inline-block;
	background-color: #0d6d9f;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 2px;
}
.more_Button a:hover {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
}
.bodbox ul {
	margin-bottom: 20px;
}
.bodbox li {
	line-height: 1.5;
}
tr td:first-of-type {
	text-align: left;
}
/* table */
.head {
	width: 20%;
}
.w15per {
	width: 10% !important;
}
td {
	text-align: center;
}
table {
	margin-bottom: 20px;
}
thead {
	position: sticky;
	top: 100px;
}
table thead th {
	font-size: 0.8em;
}
.kinoubox {
	color: #fff;
	padding: 3px 8px;
	border-radius: 5px;
	display: block;
	width: 90px;
	text-align: center;
	font-size: 0.8em;
}
.w25per {
	width: 25% !important;
}

table th, table td {
	padding: 18px 15px;
	border: 1px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	font-size: 0.9rem;
	line-height: 1.5;
	border: 1px solid #eee;
}
table {
	width: 100%;
}
table th, #table05 td {
	text-align: center;
	padding: 10px 15px;
}
table th {
	background-color: #d6e5f2;
}
table .head {
	background-color: #d6e5f2;
}
table tbody th {
	background: #f3f3f3;
	border: 1px solid #f3f3f3;
	border-bottom-color: #fff;
}
/* tab */
@media only screen and (max-width: 768px) {
	.subMenuList li:first-of-type {
		border: none;
	}
	.subMenuList li {
		border: none;
	}
	.subMenuList li:nth-child(2) {
		border-right: solid 1px #fff;
		border-left: solid 1px #fff;
	}
	.wrap {
		white-space: pre-wrap;
		display: inline-table;
	}
	.scroll {
		overflow-x: auto;
	}

}
.fontSmall {
	font-size: 0.8em;
}
.contentBox li {
	line-height: 1.5;
	padding: 5px 0;
}
.contentBox {
	border: solid 1px #ddd;
	padding: 20px;
	border-radius: 5px;
	margin: 30px 0;
}
strong, .fwB {
	font-weight: bold;
}
.cathcopy {
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	color: #0d6d9f;
	margin: 50px 0 0px;
}
.cathcopy span {
	display: block;
	font-size: 0.5em;
	vertical-align: middle;
	padding-top: 20px;
}
#toc ol {
	counter-reset: section;
	list-style-type: none;
}
#toc li::before {
	counter-increment: section;
	content: counters(section, ".") " ";
	padding-right: 10px;
	font-weight: bold;
}
.snekoCalender .imgblock {
	margin-bottom: 20px;
}
.tocTitle {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}
#toc {
	border: solid 1px #ccc;
	padding: 20px;
	border-radius: 5px;
}
#toc li {
	line-height: 1.5;
	padding: 2.5px 0;
}
.flexImg ul {
	display: flex;
	gap: 3em;
}
.rcList01 {
	display: flex;
	vertical-align: middle;
	padding-bottom: 20px;
}
.rcList01 li {
	background-color: #0d6d9f;
	margin: 0 3px;
	padding: 5px 13px;
	border-radius: 1000px;
	font-size: 0.7em;
	color: #fff;
	line-height: 1.5;
}
.rcList01 li.nouse {
	background-color: #bbb;
}
.snekoCalender a, .main-contents a {
	color: #1a0dab;
	text-decoration: underline;
}
.snekoCalender .box3Flex a {
	text-decoration: none;
	color: #555;
}
.snekoCalender a:hover, .main-contents a:hover {
	text-decoration: none;
}
.trial_h1Title {
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	padding: 25px 15px;
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	background-color: #004999;
}
h3 {
	background-color: #eee;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.5;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: center;
}
.snekoCalender img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.snekoCalender .imgsmall {
	max-width: 100%;
	margin: 0 auto 20px;
	display: block;
	width: 250px;
}
.snekoCalender {
	margin-top: 60px;
}
.snekogridBox {
	display: grid;
	grid-template-columns: 50% auto;
}
.snekogridTxt {
	padding-left: 30px;
}
.snekogridBox01 {
	display: grid;
	grid-template-columns: 15% auto;
}
.snekogridTxt01 {
	padding-left: 30px;
}
.snekoCalender img.imgtxt {
	padding-bottom: 30px;
}
/*スマホのスタイル始まり*/
@media only screen and (max-width: 1169px) {
	.imgtomozi_midium {
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		background-color: #eee;
		padding: 20px;
	}
	h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.blockimg {
		margin-top: 30px;
	}
	.catch, h2 {
		font-size: 1.6em;
	}
	.mainImg {
		margin-bottom: 30px;
	}
	.mainImg::before {
		background-position: 0% 50%;
		height: 200px;
	}
	.spnone {
		display: none;
	}
	.shopcase_title {
		min-height: initial;
	}
	.box3Flex li {
		margin-bottom: 30px;
	}
	.main-contents .snekoCalender:last-of-type {
		margin-bottom: 30px;
	}
	.box3Flex ul {
		display: block;
	}
	.reasonbox ul:not(:first-child) {
		margin: 0;
	}
	.reasonbox ul {
		display: block;
	}
	thead {
		position: relative;
		top: initial;
	}
	table thead th {
		text-align: left;
		padding-left: 20px;
	}
	table th, table td {
		padding: 10px;
		font-size: 0.7em;
	}
	.blockText {
		padding-left: 0px;
	}
	#toc {
		padding: 10px;
	}
	.snekogridBox {
		display: block;
	}
	.snekogridTxt {
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	.snekoCalender img.imgtxt {
		width: 100%;
	}
	.container {
		padding: 0 15px 30px;
	}
	.snekoCalender img {
		width: 100%;
		padding: 15px 0;
	}
}
/*スマホのスタイル終了*/
/*PCのスタイル始まり*/
@media only screen and (min-width: 1170px) {
	.main-contents .snekoCalender:first-of-type {
		margin-top: 0;
	}
	.imgtomozi_midium {
		margin: 30px 0px 50px;
		grid-template-columns: 100%;
	}
	.imgtomozi_out {
		background-color: #eee;
	}
	.blockText {
		padding-right: 50px;
	}
	.imgtomozi_midium {
		display: grid;
		grid-template-columns: 50% auto;
		margin: 0 auto;
		max-width: 1170px;
		padding: 50px 0;
		justify-items: center;
		align-items: center;
	}
	.imgblock.small {
		width: 60%;
	}
	.imgblock.normal {
		width: 80%;
	}
	.main-contents {
		width: 100%;
		padding: 70px 0;
		margin: 0px 0px 30px 0px;
		border-radius: 10px;
	}
	.container-inner {
		margin: 0 auto;
		max-width: 1170px;
	}
}
/*PCのスタイル終わり*/