header .headerContent,
header .utility,
header .bottom,
header .btnWrap,
header .headerBtn,
#container,
#main,
#aside .listBnr,
footer #footerContent,
footer .head,
footer .btnWrap,
footer .footerBtn,
footer .service ul,
footer .footerLinkList,
#globalNav ul,
.lytImgBa.float,
.listBlog2,
.listBlog4,
.listHdgBox,
.listHdgBox2,
.listImg2,
.linkListSitemap,
.anchor1,
#testFormWrap,
#mainvisual ul,
.fourServiceWrap,
.column,
.dateAndSns,
.snsArea ul,
.paging,
.firstArea,
.btnContactAgree ul,
#container.lp #sec4 ul.btn2,
.telAndContactWrap .inner,
.lpPointList,
ul.meritDemerit,
.flowCardMake ul.btn2,
.flowPrePrint .img ul,
.paySample .sample,
#container.lp.pet section#petSec2 ul.img,
#container.lp.pet section#petSec3 .img,
#container.lp.pet section#petSec6 .indexBox .right ul,
.listColorIndexBox,
.fiveServiceImgList,
.petContactArea .mail,
.indexBox .content {
	*zoom: 1;
	_zoom: 1;
}

header .headerContent:after,
header .utility:after,
header .bottom:after,
header .btnWrap:after,
header .headerBtn:after,
#container:after,
#main:after,
#aside .listBnr:after,
footer #footerContent:after,
footer .head:after,
footer .btnWrap:after,
footer .footerBtn:after,
footer .service ul:after,
footer .footerLinkList:after,
#globalNav ul:after,
.lytImgBa.float:after,
.listBlog2:after,
.listBlog4:after,
.listHdgBox:after,
.listHdgBox2:after,
.listImg2:after,
.linkListSitemap:after,
.anchor1:after,
#testFormWrap:after,
#mainvisual ul:after,
.fourServiceWrap:after,
.column:after,
.dateAndSns:after,
.snsArea ul:after,
.paging:after,
.firstArea:after,
.btnContactAgree ul:after,
#container.lp #sec4 ul.btn2:after,
.telAndContactWrap .inner:after,
.lpPointList:after,
ul.meritDemerit:after,
.flowCardMake ul.btn2:after,
.flowPrePrint .img ul:after,
.paySample .sample:after,
#container.lp.pet section#petSec2 ul.img:after,
#container.lp.pet section#petSec3 .img:after,
#container.lp.pet section#petSec6 .indexBox .right ul:after,
.listColorIndexBox:after,
.fiveServiceImgList:after,
.petContactArea .mail:after,
.indexBox .content:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
header .headerContent,
#topicPath p,
#container,
#main,
#aside,
footer .service ul li,
.listBlog1 .content,
.listBlog4 > li,
.listInfo > li .category,
.listHdgBox > li,
.listHdgBox2 > li,
.tableBa,
.tableBa th,
.tableBa td,
.tableTy01,
.tableTy01 th,
.tableTy01 td,
.tableTy02,
.tableTy02 th,
.tableTy02 td,
.paging a,
.firstArea .image,
.firstArea .content,
.btnContactAgree ul a,
.btnContactAgree ul button,
.btnContactAgree ul input,
.telAndContactWrap .inner,
.lpPointList > li,
.lpPointList dt .point,
ul.meritDemerit > li,
.flowCardMake h3 .point,
.paySample .sample li,
.listColorIndexBox li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

header .utility a:before,
header .headerBtn > li > ul a:before,
#aside .sideBtn > li > ul a:before,
footer .footerBtn > li > ul a:before,
footer .footerLinkList a:before,
.hdg2 span:before,
.hdg_side:before,
.hdg4:before,
ul.listBa > li:before,
body.single article ul > li:before,
.listNoteBa > li:before,
.listQA > dt:before,
.listQA > dd:before,
.listCheck > li:before,
.listOrder1 > li > h2:before,
.listOrder1 > li > h3:before,
.listOrder1 > li > h2:after,
.listOrder1 > li > h3:after,
.linkList1 a:before,
.linkList2 a:before,
.linkList3 a:before,
.listCategoryBtn a:before,
.linkListSitemap > ul > li > a:before,
.linkListSitemap > ul > li > ul a:before,
#mainvisual ul li:before,
#mainvisual ul li:after,
.paging a:before,
.customerHope .title:before,
#container.lp #sec3:before,
#container.lp #sec4:before,
#container.lp #sec4:after,
.lpPointList dd:before,
#container.lp.pet section#petSec5 h2:after,
#container.lp.pet section#petSec5 h2:before,
.petContactArea:before,
.petContactArea:after,
dl.situmon dt:before,
.listPetQA dt:before,
.listPetQA dd:before {
	content: "";
	display: block;
	position: absolute;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,
blockquote {
	quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
	display: block;
}

table {
	border-spacing: 0;
	border-collapse: inherit;
}

html {
	font-size: 62.5%;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.0;
	color: #333;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

body.single article > *:first-child {
	margin-top: 0;
}

body.single article > *:last-child {
	margin-bottom: 0;
}

body.single article img {
	height: auto;
	max-width: 100%;
}

p {
	margin-top: 10px;
	margin-bottom: 15px;
}

img {
	backface-visibility: hidden;
}

a {
	color: #333;
}

a:hover,
a:focus {
	text-decoration: none;
}

a:hover img,
a:focus img {
	opacity: 0.8;
}

strong {
	font-weight: bold;
}

em {
	font-weight: bold;
}

input {
	border: none;
}

input[type="submit"],
button[type="submit"] {
	-webkit-appearance: none;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

i,
.italic {
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック", "MS Gothic", sans-serif;
}

input[type="number"]::-webkit-outer-spin-button {
	display: none;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	border: 1px solid #c1c1c1;
	background-color: #fff;
}

textarea.error,
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="number"].error {
	box-shadow: 0 0 3px #cc2c2c inset, 0 0 9px #cc2c2c;
	-webkit-box-shadow: 0 0 3px #cc2c2c inset, 0 0 9px #cc2c2c;
	border: 1px solid #cc2c2c;
	background-color: #fff3f3;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
	padding: 5px 0 5px 10px;
}

select {
	border: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	background-color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

textarea {
	padding: 10px;
	min-height: 150px;
	font-size: 12px;
	font-size: 1.2rem;
}

sup {
	font-size: 9px;
	font-size: 0.9rem;
	vertical-align: text-top;
}

sub {
	font-size: 9px;
	font-size: 0.9rem;
	vertical-align: text-bottom;
}

.caption {
	display: block;
	white-space: normal;
}

div.section {
	padding: 0 17px;
}

div.section2 {
	padding: 0 44px;
}

audio {
	display: none;
	-webkit-appearance: none;
}

.jsOffNone {
	display: none;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

hr {
	color: #fff;
}

/* ---------------------------------------------------------------------------------------------------------------
   ヘッダー
--------------------------------------------------------------------------------------------------------------- */

body.admin-bar header.fixed .headerFixed {
	top: 32px;
}

header {
	width: 100%;
	padding: 0 0 0;
	position: relative;
	background-color: #fff;
	border-top: 3px solid #7ab75c;
	z-index: 10;
}

header.fixed {
	border-top: none;
}

header p {
	margin: 0;
}

header .headerFixed {
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 3px solid #7ab75c;
	display: none;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}

header .headerFixed .headerCopy,
header .headerFixed .utility {
	display: none;
}

header .headerContent {
	position: relative;
	width: 1170px;
	margin: 0 auto;
	padding: 5px 0 20px;
}

header .headerCopy {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1;
}

header .utility {
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 1;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/utility.png) 0 0;
	padding: 8px 10px 4px;
}

header .utility li {
	float: left;
	line-height: 0;
	border-left: 1px solid #333;
	padding: 0 8px;
}

header .utility li:first-child {
	border-left: none;
	padding-left: 0;
}

header .utility li:last-child {
	padding-right: 0;
}

header .utility a {
	position: relative;
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1;
	padding-left: 10px;
}

header .utility a:before {
	content: ">";
	top: 0;
	left: 0;
}

header .bottom {
	margin-top: 18px;
}

header .headerLogo {
	float: left;
	line-height: 0;
}

header .headerLogo a {
	display: inline-block;
	line-height: 0;
}

header .headerLogo img {
	width: 280px;
}

header .btnWrap {
	float: right;
	padding-top: 19px;
}

header .tel,
header .headerBtn {
	float: left;
}

header .tel {
	line-height: 0;
}

header .tel a {
	display: inline-block;
	line-height: 0;
}

header .headerBtn {
	margin-left: 18px;
}

header .headerBtn > li {
	position: relative;
	float: left;
	margin-left: 10px;
	line-height: 0;
	overflow: hidden;
}

header .headerBtn > li:first-child {
	margin-left: 0;
}

header .headerBtn > li:hover,
header .headerBtn > li.open {
	overflow: visible;
}

header .headerBtn > li:hover > ul,
header .headerBtn > li.open > ul {
	opacity: 1;
	z-index: 2;
	height: auto;
}

header .headerBtn > li > a {
	display: inline-block;
	line-height: 0;
}

header .headerBtn > li > ul {
	background-color: #fffcf9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

header .headerBtn > li > ul li {
	border-top: 1px dotted #4d4d4d;
}

header .headerBtn > li > ul li:first-child {
	border-top: none;
}

header .headerBtn > li > ul a {
	position: relative;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 10px 22px 10px 26px;
}

header .headerBtn > li > ul a:before {
	content: ">";
	top: 10px;
	left: 12px;
}

/* ---------------------------------------------------------------------------------------------------------------
   パンくず
--------------------------------------------------------------------------------------------------------------- */

#topicPath {
	background-color: #f2f2f2;
	padding: 10px 0;
	line-height: 1;
	color: #808080;
	font-size: 12px;
	font-size: 1.2rem;
}

#topicPath.blackCherry {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

#topicPath.blackCherry * {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

#topicPath span[property="v:title"],
#topicPath em {
	font-weight: normal;
	color: #4d4d4d;
}

#topicPath .home {
	padding-left: 20px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bread_home.png) no-repeat left 3px;
}

#topicPath p {
	position: relative;
	width: 1170px;
	margin: 0 auto;
	line-height: 1;
}

#topicPath p span:last-child {
	color: #4d4d4d;
}

#topicPath a {
	color: #808080;
	line-height: 1;
}

/* ---------------------------------------------------------------------------------------------------------------
   コンテンツ
--------------------------------------------------------------------------------------------------------------- */

#container {
	width: 1170px;
	margin: 30px auto 60px;
}

#main {
	display: block;
	float: left;
	width: 870px;
	position: relative;
}

#main.blackCherry {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

#main.blackCherry * {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

#main > *:first-child {
	margin-top: 0;
}

#main.col1 {
	width: 1170px;
	float: none;
}

/* ---------------------------------------------------------------------------------------------------------------
   サイドナビ
--------------------------------------------------------------------------------------------------------------- */

#aside {
	float: right;
	width: 270px;
}

#aside > *:first-child {
	margin-top: 0;
}

#aside > *:last-child {
	margin-bottom: 0;
}

#aside + * {
	clear: both;
}

#aside .listBnr li {
	margin-top: 10px;
	line-height: 0;
}

#aside .listBnr li:first-child {
	margin-top: 0;
}

#aside .listBnr a {
	display: inline-block;
	line-height: 0;
}

#aside .btn3 {
	margin-top: 15px;
}

#aside .btn3 li {
	margin-top: 10px;
}

#aside .btn3 li:first-child {
	margin-top: 0;
}

#aside .tel {
	margin: 0 0 15px;
	line-height: 0;
}

#aside .tel a {
	display: inline-block;
	line-height: 0;
}

#aside .sideBtn > li {
	position: relative;
	margin-top: 10px;
	line-height: 0;
	overflow: hidden;
}

#aside .sideBtn > li:first-child {
	margin-top: 0;
}

#aside .sideBtn > li:hover,
#aside .sideBtn > li.open {
	overflow: visible;
}

#aside .sideBtn > li:hover > ul,
#aside .sideBtn > li.open > ul {
	opacity: 1;
	z-index: 2;
	height: auto;
}

#aside .sideBtn > li > a {
	display: inline-block;
	line-height: 0;
}

#aside .sideBtn > li > ul {
	background-color: #fffcf9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

#aside .sideBtn > li > ul li {
	border-top: 1px dotted #4d4d4d;
}

#aside .sideBtn > li > ul li:first-child {
	border-top: none;
}

#aside .sideBtn > li > ul a {
	position: relative;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 10px 22px 10px 26px;
}

#aside .sideBtn > li > ul a:before {
	content: ">";
	top: 10px;
	left: 12px;
}

#aside .privacy {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
	word-break: break-all;
	margin: 0;
}

#aside .privacy.lytImgBa.imageR > .img {
	padding-left: 2px;
}

#localNav {
	margin-bottom: 20px;
}

#localNav h2 a {
	display: block;
}

#localNav ul li {
	border-bottom: 1px dashed #dadada;
}

#localNav ul li:first-child {
	margin-top: 0;
}

/* ---------------------------------------------------------------------------------------------------------------
   フッター
--------------------------------------------------------------------------------------------------------------- */

footer {
	margin-top: 30px;
	background-color: #f8fff3;
}

footer.blackCherry {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

footer.blackCherry * {
	background-color: #1e1e1e !important;
	color: #fff !important;
}

footer p {
	margin: 0;
}

footer #footerContent {
	position: relative;
	width: 1170px;
	margin: 0 auto;
	padding: 30px 0;
}

footer .head {
	padding-bottom: 20px;
	border-bottom: 1px solid #3c6316;
}

footer #footerLogo {
	float: left;
	line-height: 0;
}

footer #footerLogo a {
	display: inline-block;
	line-height: 0;
}

footer #footerLogo img {
	width: 280px;
}

footer .btnWrap {
	float: right;
	padding-top: 11px;
}

footer .tel,
footer .footerBtn {
	float: left;
}

footer .tel {
	line-height: 0;
}

footer .tel a {
	display: inline-block;
	line-height: 0;
}

footer .footerBtn {
	margin-left: 18px;
}

footer .footerBtn > li {
	position: relative;
	float: left;
	margin-left: 10px;
	line-height: 0;
	overflow: hidden;
}

footer .footerBtn > li:first-child {
	margin-left: 0;
}

footer .footerBtn > li:hover,
footer .footerBtn > li:focus,
footer .footerBtn > li:active,
footer .footerBtn > li.open {
	overflow: visible;
}

footer .footerBtn > li:hover > ul,
footer .footerBtn > li:focus > ul,
footer .footerBtn > li:active > ul,
footer .footerBtn > li.open > ul {
	opacity: 1;
	z-index: 2;
	height: auto;
}

footer .footerBtn > li > a {
	display: inline-block;
	line-height: 0;
}

footer .footerBtn > li > ul {
	background-color: #fffcf9;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

footer .footerBtn > li > ul li {
	border-top: 1px dotted #4d4d4d;
}

footer .footerBtn > li > ul li:first-child {
	border-top: none;
}

footer .footerBtn > li > ul a {
	position: relative;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 10px 22px 10px 26px;
}

footer .footerBtn > li > ul a:before {
	content: ">";
	top: 10px;
	left: 12px;
}

footer .service {
	padding: 40px 0 50px;
	border-bottom: 1px solid #3c6316;
}

footer .service dt {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1;
	margin-bottom: 12px;
}

footer .service ul li {
	float: left;
	line-height: 0;
	padding: 14px;
	border-left: 1px solid #c6c6c6;
}

footer .service ul li:nth-child(4n+1) {
	border-left: none;
	padding-left: 0;
	padding-right: 15px;
}

footer .service ul li:nth-child(4n+4) {
	padding-right: 0;
	padding-left: 15px;
}

footer .service ul li:nth-child(-n+4) {
	padding-top: 20px;
}

footer .service ul li:nth-last-child(-n+4) {
	padding-bottom: 20px;
}

footer .service ul a {
	display: inline-block;
	line-height: 0;
}

footer .footerLinkListWrap {
	border-bottom: 1px solid #3c6316;
	margin-bottom: 30px;
}

footer .footerLinkList {
	padding: 30px 0 10px 20px;
	margin-left: -40px;
}

footer .footerLinkList li {
	float: left;
	margin: 0 0 20px 40px;
	line-height: 0;
}

footer .footerLinkList a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding-left: 14px;
	color: #333;
}

footer .footerLinkList a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #333333;
	top: 50%;
	left: 0;
	margin-top: -5px;
}

footer .footerSection {
	background-color: #fff;
	padding: 30px 20px;
	margin-top: 20px;
}

footer .footerSection .lytImgBa {
	margin: 0;
}

footer .footerSection .lytImgBa.imageL > .img {
	padding-right: 26px;
	line-height: 0;
}

footer .footerDefine > dt {
	color: #2e5d06;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
}

footer .footerDefine > dd {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	margin-top: 15px;
}

footer .footerDefine > dd dl dt {
	font-weight: bold;
	margin-top: 20px;
	line-height: 1;
}

footer .footerDefine > dd dl dt:first-child {
	margin-top: 0;
}

footer .footerDefine > dd dl dd {
	margin-top: 6px;
}

footer .copy {
	text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
	color: #fff;
	background-color: #e39939;
	margin: 0;
	padding: 8px 0;
}

.gotoPageTop a {
	display: block;
	background-color: #e39939;
	line-height: 0;
	text-align: center;
	padding: 10px 0;
}

.gotoPageTop a:hover,
.gotoPageTop a:focus {
	opacity: 0.8;
}

.gotoPageTop img {
	width: 24px;
}

.spTelAndContact {
	display: none;
}

.spTelAndContact > li {
	line-height: 0;
	margin-top: 10px;
}

.spTelAndContact > li:first-child {
	margin-top: 10px;
}

.spTelAndContact > li > a {
	display: block;
	line-height: 0;
}

.spTelAndContact > li img {
	width: 100%;
}

.spAccordion {
	display: none;
}

.spAccordion > a {
	display: block;
	line-height: 0;
}

/*グロナビ*/

#globalNav {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-bottom: 5px solid #ebebeb;
}

#globalNav ul {
	width: 1170px;
	margin: 0 auto;
}

#globalNav ul li {
	float: left;
	width: 177px;
	border-right: 1px solid #c5c5c5;
}

#globalNav ul li.home {
	border-left: 1px solid #c5c5c5;
	width: 100px;
}

#globalNav ul li.home a {
	padding: 9px 0 6px;
}

#globalNav ul li a {
	display: block;
	line-height: 1;
	padding: 12px 0 14px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4d4d4d;
	text-decoration: none;
}

#globalNav ul li a:hover,
#globalNav ul li a:focus {
	color: #717171;
}

.gnavMenu {
	display: none;
	margin: 0;
	float: right;
	line-height: 0;
}

.gnavMenu a {
	display: inline-block;
	line-height: 0;
}

.gnavMenu img {
	width: 40px;
}

/* --------------------------------------------------
   調整用
-------------------------------------------------- */

/*width*/

.w1 {
	width: 1% !important;
}

.w2 {
	width: 2% !important;
}

.w3 {
	width: 3% !important;
}

.w4 {
	width: 4% !important;
}

.w5 {
	width: 5% !important;
}

.w6 {
	width: 6% !important;
}

.w7 {
	width: 7% !important;
}

.w8 {
	width: 8% !important;
}

.w9 {
	width: 9% !important;
}

.w10 {
	width: 10% !important;
}

.w11 {
	width: 11% !important;
}

.w12 {
	width: 12% !important;
}

.w13 {
	width: 13% !important;
}

.w14 {
	width: 14% !important;
}

.w15 {
	width: 15% !important;
}

.w16 {
	width: 16% !important;
}

.w17 {
	width: 17% !important;
}

.w18 {
	width: 18% !important;
}

.w19 {
	width: 19% !important;
}

.w20 {
	width: 20% !important;
}

.w21 {
	width: 21% !important;
}

.w22 {
	width: 22% !important;
}

.w23 {
	width: 23% !important;
}

.w24 {
	width: 24% !important;
}

.w25 {
	width: 25% !important;
}

.w26 {
	width: 26% !important;
}

.w27 {
	width: 27% !important;
}

.w28 {
	width: 28% !important;
}

.w29 {
	width: 29% !important;
}

.w30 {
	width: 30% !important;
}

.w31 {
	width: 31% !important;
}

.w32 {
	width: 32% !important;
}

.w33 {
	width: 33% !important;
}

.w34 {
	width: 34% !important;
}

.w35 {
	width: 35% !important;
}

.w36 {
	width: 36% !important;
}

.w37 {
	width: 37% !important;
}

.w38 {
	width: 38% !important;
}

.w39 {
	width: 39% !important;
}

.w40 {
	width: 40% !important;
}

.w41 {
	width: 41% !important;
}

.w42 {
	width: 42% !important;
}

.w43 {
	width: 43% !important;
}

.w44 {
	width: 44% !important;
}

.w45 {
	width: 45% !important;
}

.w46 {
	width: 46% !important;
}

.w47 {
	width: 47% !important;
}

.w48 {
	width: 48% !important;
}

.w49 {
	width: 49% !important;
}

.w50 {
	width: 50% !important;
}

.w51 {
	width: 51% !important;
}

.w52 {
	width: 52% !important;
}

.w53 {
	width: 53% !important;
}

.w54 {
	width: 54% !important;
}

.w55 {
	width: 55% !important;
}

.w56 {
	width: 56% !important;
}

.w57 {
	width: 57% !important;
}

.w58 {
	width: 58% !important;
}

.w59 {
	width: 59% !important;
}

.w60 {
	width: 60% !important;
}

.w61 {
	width: 61% !important;
}

.w62 {
	width: 62% !important;
}

.w63 {
	width: 63% !important;
}

.w64 {
	width: 64% !important;
}

.w65 {
	width: 65% !important;
}

.w66 {
	width: 66% !important;
}

.w67 {
	width: 67% !important;
}

.w68 {
	width: 68% !important;
}

.w69 {
	width: 69% !important;
}

.w70 {
	width: 70% !important;
}

.w71 {
	width: 71% !important;
}

.w72 {
	width: 72% !important;
}

.w73 {
	width: 73% !important;
}

.w74 {
	width: 74% !important;
}

.w75 {
	width: 75% !important;
}

.w76 {
	width: 76% !important;
}

.w77 {
	width: 77% !important;
}

.w78 {
	width: 78% !important;
}

.w79 {
	width: 79% !important;
}

.w80 {
	width: 80% !important;
}

.w81 {
	width: 81% !important;
}

.w82 {
	width: 82% !important;
}

.w83 {
	width: 83% !important;
}

.w84 {
	width: 84% !important;
}

.w85 {
	width: 85% !important;
}

.w86 {
	width: 86% !important;
}

.w87 {
	width: 87% !important;
}

.w88 {
	width: 88% !important;
}

.w89 {
	width: 89% !important;
}

.w90 {
	width: 90% !important;
}

.w91 {
	width: 91% !important;
}

.w92 {
	width: 92% !important;
}

.w93 {
	width: 93% !important;
}

.w94 {
	width: 94% !important;
}

.w95 {
	width: 95% !important;
}

.w96 {
	width: 96% !important;
}

.w97 {
	width: 97% !important;
}

.w98 {
	width: 98% !important;
}

.w99 {
	width: 99% !important;
}

.w100 {
	width: 100% !important;
}

.wAuto {
	width: auto !important;
}

/*SPのときのみ幅100%強制*/

/*margin,padding*/

.m-top-0 {
	margin-top: 0px !important;
}

.m-right-0 {
	margin-right: 0px !important;
}

.m-bottom-0 {
	margin-bottom: 0px !important;
}

.m-left-0 {
	margin-left: 0px !important;
}

.p-top-0 {
	padding-top: 0px !important;
}

.p-right-0 {
	padding-right: 0px !important;
}

.p-bottom-0 {
	padding-bottom: 0px !important;
}

.p-left-0 {
	padding-left: 0px !important;
}

.m-top-5 {
	margin-top: 5px !important;
}

.m-right-5 {
	margin-right: 5px !important;
}

.m-bottom-5 {
	margin-bottom: 5px !important;
}

.m-left-5 {
	margin-left: 5px !important;
}

.p-top-5 {
	padding-top: 5px !important;
}

.p-right-5 {
	padding-right: 5px !important;
}

.p-bottom-5 {
	padding-bottom: 5px !important;
}

.p-left-5 {
	padding-left: 5px !important;
}

.m-top-10 {
	margin-top: 10px !important;
}

.m-right-10 {
	margin-right: 10px !important;
}

.m-bottom-10 {
	margin-bottom: 10px !important;
}

.m-left-10 {
	margin-left: 10px !important;
}

.p-top-10 {
	padding-top: 10px !important;
}

.p-right-10 {
	padding-right: 10px !important;
}

.p-bottom-10 {
	padding-bottom: 10px !important;
}

.p-left-10 {
	padding-left: 10px !important;
}

.m-top-15 {
	margin-top: 15px !important;
}

.m-right-15 {
	margin-right: 15px !important;
}

.m-bottom-15 {
	margin-bottom: 15px !important;
}

.m-left-15 {
	margin-left: 15px !important;
}

.p-top-15 {
	padding-top: 15px !important;
}

.p-right-15 {
	padding-right: 15px !important;
}

.p-bottom-15 {
	padding-bottom: 15px !important;
}

.p-left-15 {
	padding-left: 15px !important;
}

.m-top-20 {
	margin-top: 20px !important;
}

.m-right-20 {
	margin-right: 20px !important;
}

.m-bottom-20 {
	margin-bottom: 20px !important;
}

.m-left-20 {
	margin-left: 20px !important;
}

.p-top-20 {
	padding-top: 20px !important;
}

.p-right-20 {
	padding-right: 20px !important;
}

.p-bottom-20 {
	padding-bottom: 20px !important;
}

.p-left-20 {
	padding-left: 20px !important;
}

.m-top-25 {
	margin-top: 25px !important;
}

.m-right-25 {
	margin-right: 25px !important;
}

.m-bottom-25 {
	margin-bottom: 25px !important;
}

.m-left-25 {
	margin-left: 25px !important;
}

.p-top-25 {
	padding-top: 25px !important;
}

.p-right-25 {
	padding-right: 25px !important;
}

.p-bottom-25 {
	padding-bottom: 25px !important;
}

.p-left-25 {
	padding-left: 25px !important;
}

.m-top-30 {
	margin-top: 30px !important;
}

.m-right-30 {
	margin-right: 30px !important;
}

.m-bottom-30 {
	margin-bottom: 30px !important;
}

.m-left-30 {
	margin-left: 30px !important;
}

.p-top-30 {
	padding-top: 30px !important;
}

.p-right-30 {
	padding-right: 30px !important;
}

.p-bottom-30 {
	padding-bottom: 30px !important;
}

.p-left-30 {
	padding-left: 30px !important;
}

.m-top-35 {
	margin-top: 35px !important;
}

.m-right-35 {
	margin-right: 35px !important;
}

.m-bottom-35 {
	margin-bottom: 35px !important;
}

.m-left-35 {
	margin-left: 35px !important;
}

.p-top-35 {
	padding-top: 35px !important;
}

.p-right-35 {
	padding-right: 35px !important;
}

.p-bottom-35 {
	padding-bottom: 35px !important;
}

.p-left-35 {
	padding-left: 35px !important;
}

.m-top-40 {
	margin-top: 40px !important;
}

.m-right-40 {
	margin-right: 40px !important;
}

.m-bottom-40 {
	margin-bottom: 40px !important;
}

.m-left-40 {
	margin-left: 40px !important;
}

.p-top-40 {
	padding-top: 40px !important;
}

.p-right-40 {
	padding-right: 40px !important;
}

.p-bottom-40 {
	padding-bottom: 40px !important;
}

.p-left-40 {
	padding-left: 40px !important;
}

.m-top-45 {
	margin-top: 45px !important;
}

.m-right-45 {
	margin-right: 45px !important;
}

.m-bottom-45 {
	margin-bottom: 45px !important;
}

.m-left-45 {
	margin-left: 45px !important;
}

.p-top-45 {
	padding-top: 45px !important;
}

.p-right-45 {
	padding-right: 45px !important;
}

.p-bottom-45 {
	padding-bottom: 45px !important;
}

.p-left-45 {
	padding-left: 45px !important;
}

.m-top-50 {
	margin-top: 50px !important;
}

.m-right-50 {
	margin-right: 50px !important;
}

.m-bottom-50 {
	margin-bottom: 50px !important;
}

.m-left-50 {
	margin-left: 50px !important;
}

.p-top-50 {
	padding-top: 50px !important;
}

.p-right-50 {
	padding-right: 50px !important;
}

.p-bottom-50 {
	padding-bottom: 50px !important;
}

.p-left-50 {
	padding-left: 50px !important;
}

.p-bottom-14 {
	padding-bottom: 14px !important;
}

.p-top-14 {
	padding-top: 14px !important;
}

/*テキストカラー*/

.colorRed {
	color: #bb272d !important;
}

/*text-align*/

.tRight {
	text-align: right !important;
}

.tCenter {
	text-align: center !important;
}

.tLeft {
	text-align: left !important;
}

.vTop {
	vertical-align: top !important;
}

.vMiddle {
	vertical-align: middle !important;
}

.positionCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.inlineBlock {
	display: inline-block !important;
}

.Relative {
	position: relative;
}

/*SPサイズになると非表示*/

/*PCサイズになると非表示*/

.pcNone {
	display: none !important;
}

/*文字サイズ(子孫要素も全て適用させる)*/

.fs10 {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}

.fs10 * {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}

.fs12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs12 * {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs14 * {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs15 {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

.fs15 * {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

.fs16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs16 * {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs17 {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.fs17 * {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.fs18 {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.fs18 * {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.fs20 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

.fs20 * {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

.fs22 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

.fs22 * {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

.fs24 {
	font-size: 24px !important;
	font-size: 2.4rem !important;
}

.fs24 * {
	font-size: 24px !important;
	font-size: 2.4rem !important;
}

.fs26 {
	font-size: 26px !important;
	font-size: 2.6rem !important;
}

.fs26 * {
	font-size: 26px !important;
	font-size: 2.6rem !important;
}

.fs28 {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}

.fs28 * {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}

.fs30 {
	font-size: 30px !important;
	font-size: 3.0rem !important;
}

.fs30 * {
	font-size: 30px !important;
	font-size: 3.0rem !important;
}

.fs36 {
	font-size: 36px !important;
	font-size: 3.6rem !important;
}

.fs36 * {
	font-size: 36px !important;
	font-size: 3.6rem !important;
}

.fBold {
	font-weight: bold !important;
}

.fBold * {
	font-weight: bold !important;
}

.wild {
	height: auto !important;
}

em.ty01,
strong.ty01 {
	color: #cc0000;
	font-weight: normal;
}

em.ty02,
strong.ty02 {
	color: #005;
}

.jsOffNone {
	display: none;
}

/*下線*/

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

.line-through {
	text-decoration: line-through !important;
}

.minchou {
	font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝","Yu Mincho","ＭＳ 明朝","MS Mincho";
}

.color1 {
	color: #479edb;
}

.color2 {
	color: #ff6e8b;
}

.color3 {
	color: #ffb506;
}

.color4 {
	color: #519651;
}

/* ----------------------------------------------------------------------------------------------------
   見出し
---------------------------------------------------------------------------------------------------- */

.hdg1 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1.4;
	border-bottom: 2px solid #61a224;
	margin: 0 0 15px;
	padding: 0 0 12px 7px;
}

body.single article h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #e39939;
	margin: 30px 0 10px;
	line-height: 1.4;
}
body.single article h3 {
  font-size: 16px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 30px 0 10px;
	line-height: 1.4;
}

.hdg2 {
	margin: 40px 0 40px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #4d4d4d;
	border-bottom: 1px solid #e39939;
	line-height: 1.4;
	padding-bottom: 16px;
}

.hdg2 span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	color: #e39939;
	font-weight: normal;
	line-height: 1;
	padding-left: 14px;
	margin-left: 18px;
}

.hdg2 span:before {
	width: 1px;
	height: 16px;
	background-color: #e39939;
	top: -1px;
	left: 0;
}

.hdg3 {
	color: #e39939;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 40px 0 30px;
	border-bottom: 2px solid #65b60d;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/h3.png) 0 0;
	line-height: 1.4;
	padding: 12px 15px 10px;
}

.hdg2 + .hdg3 {
	margin-top: 15px;
}

.hdg_side,
.hdg4 {
	position: relative;
	color: #4d4d4d;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
	border-bottom: 1px dotted #e39939;
	padding: 0 0 8px 16px;
	margin: 35px 0 20px;
}

.hdg_side:before,
.hdg4:before {
	width: 3px;
	height: 22px;
	background-color: #61a224;
	top: 0;
	left: 0;
}

.hdg4 {
	font-size: 22px;
	font-size: 2.2rem;
	margin-top: 70px;
}

.hdg4:before {
	height: 27px;
	top: -2px;
}

.hdg5 {
	font-size: 43px;
	font-size: 4.3rem;
	font-weight: bold;
	border-bottom: 3px solid #61a224;
	line-height: 1.4;
	text-align: center;
	margin: 60px 0 40px;
	padding-bottom: 8px;
}
.hdg6 {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dotted #e39939;
  margin-bottom: 15px;
}
.hdg_step {
	font-weight: bold;
	line-height: 1.4;
	color: #4d4d4d;
	margin: 40px 0;
}

.hdg_step .step {
	display: inline-block;
	background-color: #61a224;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 12px;
	vertical-align: baseline;
	padding: 6px 15px 4px;
}

.hdg_step .text {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	font-size: 2.2rem;
}

.hdg_step small {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-left: 20px;
}

/* ----------------------------------------------------------------------------------------------------
   レイアウト
---------------------------------------------------------------------------------------------------- */

/*画像*/

.lytImgBa {
	margin-top: 10px;
	margin-bottom: 25px;
	width: 100%;
}

.lytImgBa.imageR,
.lytImgBa.imageL {
	display: table;
	vertical-align: top;
}

.lytImgBa.imageR > .img,
.lytImgBa.imageL > .img {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
	white-space: nowrap;
}

.lytImgBa.imageR > .img .caption,
.lytImgBa.imageL > .img .caption {
	display: block;
}

.lytImgBa.imageR > .img img,
.lytImgBa.imageL > .img img {
	max-width: none;
	margin-bottom: 0;
}

.lytImgBa.imageR > .img img + .caption,
.lytImgBa.imageL > .img img + .caption {
	margin-top: -2px;
	font-size: 10px;
	font-size: 1rem;
}

.lytImgBa.imageR > .content,
.lytImgBa.imageL > .content {
	display: table-cell;
	width: 100%;
}

.lytImgBa.imageR > .content > *:first-child,
.lytImgBa.imageL > .content > *:first-child {
	margin-top: 0;
}

.lytImgBa.imageR > .content > *:last-child,
.lytImgBa.imageL > .content > *:last-child {
	margin-bottom: 0;
}

.lytImgBa.imageR > .content > *:last-child *:last-child,
.lytImgBa.imageL > .content > *:last-child *:last-child {
	margin-bottom: 0;
}

.lytImgBa.imageL {
	direction: rtl;
}

.lytImgBa.imageL > .img {
	direction: ltr;
	padding-left: 0;
	padding-right: 15px;
}

.lytImgBa.imageL > .img img {
	max-width: none;
}

.lytImgBa.imageL > .content {
	direction: ltr;
}

.lytImgBa.float {
	display: block;
}

.lytImgBa.float > .img,
.lytImgBa.float > .content {
	display: block;
	margin-top: 0;
}

.lytImgBa.float > .img > *:first-child,
.lytImgBa.float > .content > *:first-child {
	margin-top: 0;
}

.lytImgBa.float > .img > *:last-child,
.lytImgBa.float > .content > *:last-child {
	margin-bottom: 0;
}

.lytImgBa.float.imageR > .img {
	float: right;
}

.lytImgBa.float.imageL {
	direction: ltr;
}

.lytImgBa.float.imageL > .img {
	float: left;
}

/*画像1カラム配置の場合に付ける*/

.img100 {
	text-align: center;
	margin: 10px 0;
}

.img100 img,
.img100.img {
	max-width: 100%;
}

.img100.left {
	text-align: left;
}

/* ----------------------------------------------------------------------------------------------------
   リスト
---------------------------------------------------------------------------------------------------- */

ul > li > *:first-child,
ul > dt > *:first-child,
ul > dd > *:first-child,
ol > li > *:first-child,
ol > dt > *:first-child,
ol > dd > *:first-child,
dl > li > *:first-child,
dl > dt > *:first-child,
dl > dd > *:first-child {
	margin-top: 0;
}

ul > li > *:last-child,
ul > dt > *:last-child,
ul > dd > *:last-child,
ol > li > *:last-child,
ol > dt > *:last-child,
ol > dd > *:last-child,
dl > li > *:last-child,
dl > dt > *:last-child,
dl > dd > *:last-child {
	margin-bottom: 0;
}

span.category {
	display: inline-block !important;
	background-color: #e39939;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	padding: 4px 10px;
}

span.category.id_card {
	background-color: #257bb2;
}

span.category.mental_care {
	background-color: #519651;
}

span.category.point_card {
	background-color: #62bcd7;
}

span.category.sokuji_card {
	background-color: #ff6e8b;
}

.listBlog1 > li {
	position: relative;
	width: 100%;
	border-bottom: 1px dotted #e39939;
	padding: 30px 0;
}

.listBlog1 > li:first-child {
	padding-top: 0;
}

.listBlog1 > li:first-child .image {
	top: 0;
}

.listBlog1 .imageTitle {
	padding-left: 290px;
}

.listBlog1 .image {
	vertical-align: top;
	white-space: nowrap;
	width: 270px;
	overflow: hidden;
	line-height: 0;
	position: absolute;
	top: 30px;
	left: 0;
}

.listBlog1 .image a {
	display: inline-block;
	line-height: 0;
	height: 153px;
}

.listBlog1 .image img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.listBlog1 .content {
	vertical-align: top;
	width: 100%;
	padding-left: 290px;
	min-height: 70px;
}

.listBlog1 time {
	display: block;
	line-height: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

.listBlog1 span {
	display: block;
}

.listBlog1 .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1.4;
	margin: 5px 0 8px;
}

.listBlog1 .title a {
	text-decoration: none;
	color: #4d4d4d;
	line-height: 1.4;
}

.listBlog1 .tag {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.4;
	margin: 8px 0;
}

.listBlog1 .excerpt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.listBlog2 {
	margin-left: -30px;
}

.listBlog2.col3 > li {
	margin-bottom: 50px;
}

.listBlog2 > li {
	position: relative;
	float: left;
	width: 270px;
	margin: 0 0 0 30px;
}

.listBlog2 .image {
	line-height: 0;
}

.listBlog2 .image a {
	display: inline-block;
	line-height: 0;
	height: 153px;
	overflow: hidden;
}

.listBlog2 .image img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.listBlog2 .content {
	margin-top: 20px;
}

.listBlog2 span {
	display: block;
}

.listBlog2 .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1.3;
	margin: 5px 0 8px;
}

.listBlog2 .title a {
	text-decoration: none;
	color: #4d4d4d;
	line-height: 1.3;
}

.listBlog2 time {
	display: block;
	line-height: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

.listBlog2 .excerpt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 12px 0 15px;
}

.listBlog3 li {
	line-height: 1;
	padding: 15px 0;
	border-bottom: 1px dotted #c1c1c1;
}

.listBlog3 li:first-child {
	padding-top: 0;
}

.listBlog3 .lytImgBa.imageL {
	margin: 0;
}

.listBlog3 .lytImgBa.imageL > .img {
	margin: 0;
}

.listBlog3 .lytImgBa.imageL > .img img {
	width: 130px;
	height: auto;
}

.listBlog3 time {
	display: block;
}

.listBlog3 .title {
	display: block;
	line-height: 1.4;
	margin-top: 10px;
}

.listBlog3 a {
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
}

.listBlog4 {
	margin-left: -15px;
}

.listBlog4 .btn1 {
	margin-top: 15px;
}

.listBlog4 .btn1 a {
	display: block;
	width: auto;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 6px 0 5px;
}

.listBlog4 > li {
	position: relative;
	float: left;
	width: 280px;
	margin: 0 0 15px 15px;
	border: 2px solid #e8f4db;
	padding: 13px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/h3.png) 0 0;
}

.listBlog4 .image {
	line-height: 0;
	text-align: center;
}

.listBlog4 .image a {
	display: inline-block;
	line-height: 0;
	height: 142px;
	overflow: hidden;
}

.listBlog4 .image img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.listBlog4 .content {
	margin-top: 20px;
}

.listBlog4 span {
	display: block;
}

.listBlog4 .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1.3;
	margin: 5px 0 8px;
}

.listBlog4 .title a {
	text-decoration: none;
	color: #4d4d4d;
	line-height: 1.3;
}

.listBlog4 time {
	display: block;
	line-height: 1;
	font-size: 12px;
	font-size: 1.2rem;
}

.listBlog4 .excerpt {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin: 0 0 0;
}

.listBlog4 .tag {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.4;
	margin: 8px 0;
}

.listInfo {
	margin: 0;
	max-height: 220px;
	overflow: auto;
}

.listInfo::-webkit-scrollbar {
	width: 3px;
	background: #dfdfdf;
}

.listInfo::-webkit-scrollbar-piece {
	background: #dfdfdf;
}

.listInfo::-webkit-scrollbar-piece:start {
	background: #dfdfdf;
}

.listInfo::-webkit-scrollbar-thumb {
	background: #e39939;
}

.listInfo::-webkit-scrollbar-corner {
	background: #e39939;
}

.listInfo > li {
	position: relative;
	margin: 20px 0 0;
}

.listInfo > li:first-child {
	margin-top: 0;
}

.listInfo > li:first-child time {
	top: 0;
}

.listInfo > li:last-child {
	padding-bottom: 0;
}

.listInfo > li time {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.listInfo > li .category {
	position: absolute;
	top: 0;
	left: 90px;
	font-size: 10px;
	font-size: 1rem;
	width: 128px;
	font-weight: normal;
	text-align: center;
}

.listInfo > li .content {
	padding: 0 40px 0 236px;
	white-space: normal;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.listInfo > li .content * {
	margin: 0;
}

ul.listBa,
body.single article ul {
	margin: 10px 0;
}

ul.listBa > li,
body.single article ul > li {
	position: relative;
	margin-bottom: 0px;
	padding-left: 12px;
}

ul.listBa > li:before,
body.single article ul > li:before {
	content: "・";
	top: 0;
	left: 0;
}
.listBa2 >li  {
  margin-bottom: 10px;
}

.listOrderBa {
	margin: 10px 0;
	list-style: decimal outside none;
	padding-left: 2.6rem;
}

.listOrderBa > li {
	margin-bottom: 30px;
	padding-left: 10px;
}

.listOrderBa > li > .listOrderBa {
	margin-top: 35px !important;
}

.listOrderBa > li:last-child {
	margin-bottom: 0;
}

.listOrderBa.lowerAlpha {
	list-style: lower-alpha outside none;
}

body.home dl.listBa > dt {
	margin-bottom: 20px;
}

dl.listBa {
	margin: 20px 0 20px;
}

dl.listBa > dt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 20px;
	font-size: 2rem;
	color: #e39939;
	line-height: 1.4;
}

dl.listBa > dd {
	margin-bottom: 40px;
}

dl.listBa > dd:last-of-type {
	margin-bottom: 0;
}
.policy_p-mark {
  display: flex;
  align-items: center;
}
.policy_p-mark li {
  margin-top: 15px;
  margin-right: 20px;
}

.listNoteBa {
	margin: 10px 0;
}

.policy_hdg {
  font-weight: bold;
}

.claim {
  border: solid 1px #7ab75c;
  background: #f8fff3;
  padding: 20px;
  margin: 15px 0 20px;
}
.claim h2 {
  color: #e39939;
  font-size: 16px;
  font-weight: bold;
}

.listNoteBa > li {
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 18px;
	line-height: 1.3;
	margin-top: 2px;
}

.listNoteBa > li:first-child {
	margin-top: 0;
}

.listNoteBa > li:before {
	content: "※";
	top: 0;
	left: 0;
}

.listQA {
	margin: 20px 0;
	color: #4d4d4d;
}

.listQA > dt,
.listQA > dd {
	position: relative;
}

.listQA > dt:before,
.listQA > dd:before {
	left: 0;
	width: 26px;
	height: 26px;
}

.listQA > dt {
	font-weight: bold;
	margin: 20px 0 15px;
	padding-left: 36px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.listQA > dt:first-child {
	margin-top: 0;
}

.listQA > dt:before {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/q.png) no-repeat 0 0;
	top: -3px;
}

.listQA > dd {
	border-bottom: 1px dotted #c1c1c1;
	padding-left: 36px;
	padding-bottom: 15px;
	line-height: 1.5;
	min-height: 27px;
}

.listQA > dd:before {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/a.png) no-repeat 0 0;
	top: 1px;
}

.listCheck {
	margin-bottom: 70px;
}

.listCheck > li {
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	color: #4d4d4d;
	font-weight: bold;
	border-bottom: 1px dotted #e39939;
	line-height: 1.4;
	margin-top: 28px;
	padding-left: 53px;
}

.listCheck > li:first-child {
	margin-top: 0;
}

.listCheck > li:before {
	top: 50%;
	left: 0;
	margin-top: -21px;
	width: 38px;
	height: 34px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/check.png) no-repeat 0 0;
}

.listCheck em {
	font-size: 34px;
	font-size: 3.4rem;
	color: #ff6600;
}

.listHdgBox,
.listHdgBox2 {
	margin-left: -3%;
}

.listHdgBox > li,
.listHdgBox2 > li {
	float: left;
	width: 30.33333%;
	margin: 0 0 3% 3%;
	margin: 0 0 3 3%;
}

.listHdgBox > li,
.listHdgBox2 > li {
	border: 2px solid #61a324;
	padding: 20px;
}

.listHdgBox > li > h2,
.listHdgBox2 > li > h2,
.listHdgBox > li > h3,
.listHdgBox2 > li > h3,
.listHdgBox > li > h4,
.listHdgBox2 > li > h4 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #e39939;
	line-height: 1.4;
	text-align: center;
	border-bottom: 1px dotted #61a324;
	margin: 0 -20px;
	padding-bottom: 15px;
}

.listHdgBox > li > .content,
.listHdgBox2 > li > .content {
	padding-top: 18px;
}

.listHdgBox > li > .content p,
.listHdgBox2 > li > .content p {
	line-height: 1.6;
}

.listHdgBox > li > .content > *:first-child,
.listHdgBox2 > li > .content > *:first-child {
	margin-top: 0;
}

.listHdgBox > li > .content > *:last-child,
.listHdgBox2 > li > .content > *:last-child {
	margin-bottom: 0;
}

.listHdgBox2 {
	margin-left: -3.4%;
}

.listHdgBox2 > li {
	float: left;
	width: 46.6%;
	margin: 0 0 3.4% 3.4%;
	margin: 0 0 3 3.4%;
}

.listHdgBox2 > li {
	padding: 0 30px 30px;
}

.listHdgBox2 > li > h2,
.listHdgBox2 > li > h3,
.listHdgBox2 > li > h4 {
	font-size: 24px;
	font-size: 2.4rem;
	border-bottom: none;
	margin: 0 -30px;
	padding: 15px 0;
	color: #fff;
	background-color: #61a324;
}

.listHdgBox2 > li > .content {
	padding-top: 28px;
}

.listHdgBox2 > li > .content p {
	line-height: 1.6;
}

.listOrder1 > li {
	margin-top: 50px;
}

.listOrder1 > li:first-child {
	margin-top: 0;
}

.listOrder1 > li > h2,
.listOrder1 > li > h3 {
	position: relative;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f9ef;
	padding: 10px 0 8px 52px;
	overflow: hidden;
	margin-bottom: 25px;
}

.listOrder1 > li > h2:before,
.listOrder1 > li > h3:before {
	width: 30px;
	height: 100%;
	background-color: #315412;
	top: 0;
	left: 0;
}

.listOrder1 > li > h2:after,
.listOrder1 > li > h3:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 8px;
	border-color: transparent transparent transparent #315412;
	top: 0;
	left: 30px;
}

.listOrder1 > li > h2 span,
.listOrder1 > li > h3 span {
	position: absolute;
	top: 10px;
	left: 9px;
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1;
}

.listImg1 {
	text-align: center;
}

.listImg1 ul {
	text-align: center;
	display: inline-block;
}

.listImg1 ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.listImg1 ul li:first-child {
	margin-left: 0;
}

.listImg2 {
	margin-left: -30px;
}

.listImg2 li {
	float: left;
	line-height: 0;
	width: 270px;
	margin: 0 0 30px 30px;
}

.listImg2 a {
	display: inline-block;
	line-height: 0;
}

.listOrder2 {
	margin-top: 30px;
}

.listOrder2 > li {
	position: relative;
	padding-left: 34px;
}

.listOrder2 > li span {
	position: absolute;
	top: 0;
	left: 0;
}

/* ----------------------------------------------------------------------------------------------------
   リンクリスト リストじゃないリンクもついでに
---------------------------------------------------------------------------------------------------- */

.linkList1 a {
	position: relative;
	display: inline-block;
	line-height: 1.4;
	padding: 0 0 0 13px;
}

.linkList1 a:before {
	content: ">";
	top: 0;
	left: 0;
}

.linkList2 {
	background-color: #fffcf9;
	transition: height 0.5s ease;
	overflow: hidden;
}

.linkList2 li {
	border-top: 1px dotted #4d4d4d;
}

.linkList2 li:first-child {
	border-top: none;
}

.linkList2 a {
	position: relative;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 10px 22px 10px 26px;
}

.linkList2 a:before {
	content: ">";
	top: 10px;
	left: 12px;
}

.linkList3 {
	background-color: #fffcf9;
	width: 100%;
	transition: opacity 0.3s ease;
	text-align: left;
}

.linkList3 li {
	border-top: 1px dotted #4d4d4d;
}

.linkList3 li:first-child {
	border-top: none;
}

.linkList3 a {
	position: relative;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 10px 22px 10px 26px;
}

.linkList3 a:before {
	content: ">";
	top: 10px;
	left: 12px;
}

.hdg_side + .listCategoryBtn,
.hdg4 + .listCategoryBtn {
	margin-top: -10px;
}

.listCategoryBtn li {
	border-bottom: 1px dotted #c1c1c1;
	line-height: 1;
}

.listCategoryBtn a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	line-height: 1.3;
	padding: 10px 0 8px 33px;
}

.listCategoryBtn a:before {
	top: 50%;
	left: 15px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #597e30;
	border-right: 1px solid #597e30;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.listCategoryBtn a:hover,
.listCategoryBtn a:focus
.listCategoryBtn a.current {
	opacity: 0.8;
}

.listTagBtn {
	line-height: 1;
}

.listTagBtn li {
	display: inline-block;
	line-height: 1;
	margin: 0 5px 5px 0;
}

.listTagBtn a {
	display: inline-block;
	text-decoration: none;
	line-height: 1;
	color: #213609;
	text-decoration: none;
	background-color: #ecf6e2;
	padding: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

.listTagBtn a:hover,
.listTagBtn a:focus {
	opacity: 0.8;
}

.linkListSitemap > ul {
	width: 270px;
	float: left;
	margin-left: 30px;
}

.linkListSitemap > ul:first-child {
	margin-left: 0;
}

.linkListSitemap > ul > li:first-child > a {
	padding-top: 0;
}

.linkListSitemap > ul > li > a {
	position: relative;
	display: block;
	text-decoration: none;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #333;
	padding: 25px 0 15px;
	border-bottom: 1px dotted #c1c1c1;
}

.linkListSitemap > ul > li > a:before {
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #5c8133;
	border-right: 1px solid #5c8133;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.linkListSitemap > ul > li > a:hover,
.linkListSitemap > ul > li > a:focus {
	opacity: 0.8;
}

.linkListSitemap > ul > li > ul {
	margin: 18px 0 20px;
	padding-left: 10px;
}

.linkListSitemap > ul > li > ul:first-child {
	margin-top: 0;
}

.linkListSitemap > ul > li > ul li {
	margin-top: 24px;
	line-height: 1;
}

.linkListSitemap > ul > li > ul li:first-child {
	margin-top: 0;
}

.linkListSitemap > ul > li > ul a {
	position: relative;
	display: inline-block;
	line-height: 1.4;
	padding-left: 10px;
}

.linkListSitemap > ul > li > ul a:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2px 0 2px 3px;
	border-color: transparent transparent transparent #406c12;
	top: 50%;
	left: 0;
	margin-top: -2px;
}

/* ----------------------------------------------------------------------------------------------------
   ボックス
---------------------------------------------------------------------------------------------------- */

*[class^="box"] *:first-child {
	margin-top: 0;
}

*[class^="box"] *:last-child {
	margin-bottom: 0;
}

.boxBa {
	margin: 20px 0;
	padding: 20px;
	background-color: white;
	border: 1px solid #e2e2e2;
}

.boxBa.yellow {
	background-color: #FAF5C5;
}

.boxBa.pink {
	background-color: #fff8ff;
}

.boxTy01 {
	padding: 20px 25px;
	margin: 20px 0;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/h3.png) 0 0;
}

.boxTy02 {
	padding: 30px;
	margin: 30px 0;
	border: 3px solid #e39939;
}

/* ----------------------------------------------------------------------------------------------------
   テーブル
---------------------------------------------------------------------------------------------------- */

.swipe {
	position: absolute;
	top: 30px;
	left: 120px;
	display: none;
	z-index: 2;
	opacity: 0.85;
	-webkit-animation: moveX 3s infinite normal linear;
	animation: moveX 3s infinite normal linear;
}

.swipe img {
	width: 60px;
}

table caption {
	font-weight: bold;
	margin-bottom: 5px;
}

table img {
	vertical-align: middle;
}

table.allCenter thead th,
table.allCenter thead td,
table.allCenter tbody th,
table.allCenter tbody td,
table.allCenter th,
table.allCenter td {
	text-align: center;
}

table.theadCenter thead th,
table.theadCenter thead td {
	text-align: center !important;
}

table.theadLeft thead th,
table.theadLeft thead td {
	text-align: left !important;
}

table.tbodyLeft tbody th,
table.tbodyLeft tbody td {
	text-align: left;
}

table.tbodyTdRight tbody td {
	text-align: right;
}

table.vMiddle th,
table.vMiddle td {
	vertical-align: middle;
}

table.vTop th,
table.vTop td {
	vertical-align: top;
}

table tr th > *:first-child,
table tr td > *:first-child {
	margin-top: 0;
}

table tr th > *:last-child,
table tr td > *:last-child {
	margin-bottom: 0;
}

.tableBa {
	width: 100%;
	border-top: 1px dotted #e39939;
	border-right: 1px dotted #e39939;
}

.tableBa th,
.tableBa td {
	border-left: 1px dotted #e39939;
	border-bottom: 1px dotted #e39939;
	vertical-align: middle;
	word-break: break-all;
}

.tableBa th {
	background-color: #eaf5e0;
	padding: 15px 20px;
	font-weight: bold;
	overflow: hidden;
}

.tableBa td {
	padding: 15px 30px;
	background-color: #fff;
}

.tableTy01 {
	width: 100%;
	border-top: 1px solid #7ab75c;
	border-right: 1px solid #7ab75c;
}

.tableTy01 th,
.tableTy01 td {
	border-left: 1px solid #7ab75c;
	border-bottom: 1px solid #7ab75c;
	vertical-align: middle;
}

.tableTy01 thead th,
.tableTy01 thead td {
	border-left: 1px solid #fff;
	text-align: center;
	background-color: #7ab75c;
	color: #fff;
	font-weight: bold;
	padding: 14px 0 10px;
}

.tableTy01 thead tr th:first-child,
.tableTy01 thead tr td:first-child {
	border-left-color: #7ab75c;
}

.tableTy01 tbody th,
.tableTy01 tbody td {
	background-color: #fff;
	padding: 8px 7px 7px;
}

.tableTy01 tbody th {
	background-color: white;
	font-weight: bold;
}

.tableTy01 tbody td {
	text-align: center;
}

.tableTy02 {
	width: 100%;
}

.tableTy02 th,
.tableTy02 td {
	border-bottom: 1px solid #7ab75c;
	vertical-align: middle;
	word-break: break-all;
}

.tableTy02 th {
	padding: 20px;
	font-weight: bold;
	overflow: hidden;
}

.tableTy02 td {
	padding: 12px;
	border-bottom: 1px solid #cfcfcf;
}

.tableTy02 tr:nth-child(even) {
	background-color: white;
}

/* ----------------------------------------------------------------------------------------------------
   ボタン
---------------------------------------------------------------------------------------------------- */

.btn1 {
	text-align: center;
	margin: 40px 0;
}

.btn1 a {
	display: inline-block;
	background-color: #e39939;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	width: 380px;
	text-decoration: none;
	line-height: 1.4;
	padding: 12px 0;
	border: 1px solid #61a024;
}

.btn1 a:hover,
.btn1 a:focus {
	background-color: #fff;
	color: #61a024;
}

.btn2 {
	text-align: center;
}

.btn2 a {
	display: block;
	text-decoration: none;
	border: 1px solid #61a024;
	color: #61a024;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #fff;
	line-height: 1.4;
	padding: 8px 0 7px;
}

.btn2 a:hover,
.btn2 a:focus {
	background-color: #61a024;
	color: #fff;
}

.btn3 a {
	display: block;
	background-color: #fff;
	color: #e39939;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
	padding: 10px 10px 8px 29px;
	border: 1px solid #e39939;
}

.btn3 a:hover,
.btn3 a:focus {
	background-color: #61a024;
	color: #fff;
}

/* ----------------------------------------------------------------------------------------------------
   ナビゲーション
---------------------------------------------------------------------------------------------------- */

.anchor1 {
	margin-left: -10px;
}

.anchor1 li {
	float: left;
	width: 280px;
	line-height: 0;
	margin: 0 0 10px 10px;
}

.anchor1 a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #61a224;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	padding: 17px 0 16px;
	border: 1px solid #61a224;
}

.anchor1 a:hover,
.anchor1 a:focus {
	background-color: #61a224;
	color: #fff;
}

/* ----------------------------------------------------------------------------------------------------
   フォーム
---------------------------------------------------------------------------------------------------- */

.tableBa input[type="text"],
.tableBa input[type="tel"],
.tableBa input[type="email"] {
	width: 100%;
}

.tableBa .otherWrap {
	width: 100%;
	display: table;
}

.tableBa .otherWrap .mwform-checkbox-field.horizontal-item,
.tableBa .otherWrap .mwform-radio-field.horizontal-item,
.tableBa .otherWrap .other {
	display: table-cell;
}

.tableBa .otherWrap .mwform-radio-field.horizontal-item,
.tableBa .otherWrap .mwform-checkbox-field.horizontal-item {
	width: 70px;
}

.tableBa textarea {
	width: 100%;
}

.tableBa label {
	position: relative;
	display: block;
}

textarea#naiyou {
	width: 100%;
}

.hissu {
	background-color: #b6272d;
	color: #fff;
	display: inline-block;
	line-height: 1;
	padding: 4px 5px 3px;
	vertical-align: baseline;
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
	position: absolute;
	top: 3px;
	right: 0;
}

.mwform-radio-field.horizontal-item,
.mwform-checkbox-field.horizontal-item {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 10px 0 !important;
	line-height: 1.3;
}

.mwform-radio-field.horizontal-item input[type="radio"],
.mwform-radio-field.horizontal-item input[type="checkbox"],
.mwform-checkbox-field.horizontal-item input[type="radio"],
.mwform-checkbox-field.horizontal-item input[type="checkbox"] {
	margin: 0 8px 0 0;
	padding: 0;
	vertical-align: middle;
}

.inputMessage {
	display: none;
}

.mw_wp_form_input .inputMessage {
	display: block;
}

.mw_wp_form_input .inputMessage.inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}

#kankyo_other {
	display: inline-block;
	vertical-align: bottom;
	width: 582px;
}

.kojinWrap br {
	display: none;
}

.kojinWrap .radio,
.kojinWrap .meibun,
.kojinWrap .confirm {
	display: inline-block;
	vertical-align: middle;
}

.kojinWrap .radio .mwform-radio-field.horizontal-item,
.kojinWrap .radio .mwform-checkbox-field.horizontal-item,
.kojinWrap .confirm .mwform-radio-field.horizontal-item,
.kojinWrap .confirm .mwform-checkbox-field.horizontal-item {
	margin-bottom: 0 !important;
}

.kojinWrap #kojin_ari_meibun {
	width: 75px;
	margin-right: 10px;
}

.kojinWrap .confirm {
	margin-left: 19px;
}

#nouhin {
	width: 220px;
	margin-right: 10px;
}

.img100.step {
	margin-top: 50px;
}

.mwform-radio-field.horizontal-item.barcode label,
.mwform-radio-field.horizontal-item.other label {
	display: inline-block;
}

.mwform-radio-field.horizontal-item.barcode > span,
.mwform-radio-field.horizontal-item.other > span {
	display: inline-block;
	margin-left: 10px;
}

.mwform-radio-field.horizontal-item.barcode > span input,
.mwform-radio-field.horizontal-item.other > span input {
	width: 190px;
}

td.option .mwform-radio-field.horizontal-item,
td.option .mwform-checkbox-field.horizontal-item {
	margin-right: 13px !important;
}

td.hope .mwform-radio-field.horizontal-item,
td.face .mwform-radio-field.horizontal-item {
	margin-bottom: 0 !important;
}

td.color label {
	display: inline-block;
	margin-right: 20px;
}

td.color select {
	margin: 0 10px;
}

td.color .text {
	display: inline-block;
}

/* ----------------------------------------------------------------------------------------------------
   その他
---------------------------------------------------------------------------------------------------- */

.listPaging {
	text-align: center;
}

.listPaging > ul {
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
}

.listPaging > ul li {
	float: left;
	margin-left: 15px;
}

.listPaging > ul li:first-child {
	margin-left: 0;
}

.wp-pagenavi {
	text-align: center;
	margin-top: 40px;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi span,
.wp-pagenavi a {
	position: relative;
	display: inline-block;
	background-color: white;
	border: 1px solid #e39939;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 7px 7px 5px;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 5px 5px;
	background-color: #e39939;
}

.wp-pagenavi span:first-child,
.wp-pagenavi a:first-child {
	margin-left: 0;
}

.wp-pagenavi span.current,
.wp-pagenavi span:hover,
.wp-pagenavi span:focus,
.wp-pagenavi a.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:focus {
	background-color: #fff;
	color: #4d4d4d;
	border-color: #e39939;
	font-weight: normal;
	text-decoration: none !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:focus {
	text-decoration: underline;
}

main .googlemap {
	width: 100%;
	height: 350px;
}

#testFormWrap #listPageID {
	padding: 0 40px 40px;
	float: left;
}

#testFormWrap #listPageID li {
	margin-top: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}

#testFormWrap #listPageID li:first-child {
	margin-top: 0;
}

#testFormWrap #listPageID a {
	display: inline-block;
}

#testFormWrap #listPageID .id {
	font-weight: bold;
	width: 50px;
	display: inline-block;
	cursor: pointer;
}

#testFormWrap #listPageID .id:hover {
	text-decoration: underline;
}

#testFormWrap #wp_update_post {
	float: left;
	margin-left: 40px;
}

/* ----------------------------------------------------------------------------------------------------
   印刷対応
---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------
   トップページ専用
--------------------------------------------------------------------------------------------------------------- */

body.home #container {
	width: 100%;
	margin-top: 0;
}

body.home #main.col1 {
	width: 100%;
}

body.home section {
	width: 1170px;
	margin: 0 auto;
	padding: 50px 0;
}

body.home section > *:first-child {
	margin-top: 0;
}

body.home section > *:last-child {
	margin-bottom: 0;
}

#mainvisual {
	line-height: 0;
	text-align: center;
	background-color: #f6f6f6;
	border-bottom: 5px solid #ebebeb;
}

#mainvisual .inner {
	position: relative;
	width: 1170px;
	margin: 0 auto;
}

#mainvisual ul li {
	position: relative;
	float: left;
	line-height: 0;
	margin-left: 6px;
}

#mainvisual ul li:first-child {
	margin-left: 0;
}

#mainvisual ul li:before,
#mainvisual ul li:after {
	width: 100%;
	height: 5px;
	left: 0;
}

#mainvisual ul li:before {
	bottom: 100%;
}

#mainvisual ul li:after {
	top: 100%;
}

#mainvisual ul li.service1:before,
#mainvisual ul li.service1:after {
	background-color: #ff6e8b;
}

#mainvisual ul li.service2:before,
#mainvisual ul li.service2:after {
	background-color: #257bb2;
}

#mainvisual ul li.service3:before,
#mainvisual ul li.service3:after {
	background-color: #519651;
}

#mainvisual ul li.service4:before,
#mainvisual ul li.service4:after {
	background-color: #ffb606;
}

#mainvisual ul a {
	display: block;
	line-height: 0;
}

#mainvisual .text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.fourServiceWrap .content {
	float: left;
	width: 670px;
}

.fourServiceWrap .content > *:first-child {
	margin-top: 0;
}

.fourServiceWrap .circleWrap {
	float: right;
	width: 470px;
	text-align: center;
}

.fourServiceWrap .circleWrap h3 {
	margin: 0 0 20px;
}

.fourServiceWrap .mov_box {
	position: relative;
}

.fourServiceWrap .mov_img {
	width: 470px;
	animation: rotateplane 70s linear infinite;
	overflow: hidden;
}

.fourServiceWrap .mov_img img {
	float: left;
}

.fourServiceWrap .mov_img a {
	display: block;
}

.fourServiceWrap .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -96px 0 0 -96px;
}

/*カラム*/

.column > .col {
	float: left;
}

.column > .col > *:first-child {
	margin-top: 0;
}

.column > .col > *:last-child {
	margin-bottom: 0;
}

.column.col2 {
	margin-left: -30px;
}

.column.col2 > .col {
	width: 570px;
	margin-left: 30px;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	position: absolute;
	top: 62px;
	width: 30px;
	height: 66px;
	opacity: 1;
	padding: 0;
	margin: 0 !important;
	border-radius: 0;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"].owl-prev {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/btn_prev.png) no-repeat 0 0;
	right: 100%;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"].owl-next {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/btn_next.png) no-repeat 0 0;
	left: 100%;
}

.owl-theme .owl-dots .owl-dot span {
	background-color: #c6c6c6;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #519751;
}

.owl-carousel .owl-stage-outer {
	overflow: inherit !important;
}

/* ---------------------------------------------------------------------------------------------------------------
   ユニーク専用
--------------------------------------------------------------------------------------------------------------- */

.categoryAndTag {
	line-height: 0;
	margin-bottom: 30px;
}

.categoryAndTag li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 22px;
	line-height: 1;
}

.categoryAndTag li:first-child {
	margin-left: 0;
}

.categoryAndTag span {
	display: inline-block;
	vertical-align: middle;
}

.categoryAndTag .title {
	color: #4d4d4d;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 3px;
}

.categoryAndTag .tag a {
	background-color: #ecf6e2;
	color: #213609;
	display: inline-block;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1;
	padding: 5px;
	text-decoration: none;
	margin-right: 5px;
}

.categoryAndTag .tag a:hover,
.categoryAndTag .tag a:focus {
	opacity: 0.8;
}

.dateAndSns {
	margin: 40px 0 30px;
	padding: 10px 0;
	border-top: 1px dotted #c1c1c1;
	border-bottom: 1px dotted #c1c1c1;
	line-height: 1;
}

.dateAndSns time {
	float: left;
	padding-top: 6px;
}

.dateAndSns .snsArea {
	float: right;
}

.snsArea {
	line-height: 0;
}

.snsArea ul {
	line-height: 0;
	display: inline-block;
}

.snsArea ul li {
	float: left;
	margin: 0 0 0 10px;
	line-height: 0;
}

.snsArea ul li:first-child {
	margin-left: 0;
}

.snsArea .fb_iframe_widget {
	display: block;
}

.snsArea .g-plusone,
.snsArea #___plusone_0 {
	height: 20px !important;
}

.snsArea .g-plusone iframe,
.snsArea #___plusone_0 iframe {
	transform: scale(0.86);
	transform-origin: center top 0;
}

.paging:empty {
	margin: 0;
}

.paging li {
	line-height: 0;
}

.paging li.prev {
	float: left;
}

.paging li.prev a {
	padding-left: 40px;
}

.paging li.prev a:before {
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	left: 14px;
}

.paging li.next {
	float: right;
	text-align: right;
}

.paging li.next a {
	padding-right: 40px;
}

.paging li.next a:before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 14px;
}

.paging a {
	width: 250px;
	display: inline-block;
	position: relative;
	color: #e39939;
	text-decoration: none;
	border: 1px solid #e39939;
	line-height: 1;
	padding: 10px 14px 9px;
}

.paging a:before {
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -6px;
	border-top: 1px solid #e39939;
	border-right: 1px solid #e39939;
}

.paging a:hover,
.paging a:focus {
	background-color: #e39939;
	color: #fff;
}

.paging a:hover:before,
.paging a:focus:before {
	border-top-color: #fff;
	border-right-color: #fff;
}

.paging span {
	display: block;
}

.paging .name {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.paging .title {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 8px;
}

.firstArea {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/firstArea.png) 0 0;
	color: #213609;
}

.firstArea .image,
.firstArea .content {
	float: left;
}

.firstArea .image {
	width: 370px;
	height: 210px;
	overflow: hidden;
	background-size: cover;
}

.firstArea .content {
	width: 500px;
	min-height: 210px;
	padding: 20px 30px;
}

.firstArea .content.noimage {
	width: auto;
	float: none;
}

.firstArea time {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.firstArea .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 15px;
}

.firstArea .text {
	line-height: 1.5;
	margin: 15px 0 0;
}

.customerHope {
	margin-top: 40px;
	color: #213609;
	padding: 20px;
	overflow: hidden;
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/customer.png) 3 3 3 3 round round;
	border-style: solid;
	border-width: 3px;
}

.customerHope > *:last-child {
	margin-bottom: 0;
}

.customerHope .title {
	position: relative;
	margin: 0 0 15px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}

.customerHope .title:before {
	width: 100%;
	height: 2px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/common/images/bg/pattern1.png) 0 0;
	top: 50%;
	margin-top: -1px;
	left: 0;
}

.customerHope .title span {
	position: relative;
	display: inline-block;
	z-index: 2;
	background-color: #fff;
	padding-right: 13px;
}

section.case {
	margin: 45px 0;
}

section.case .lytImgBa.imageR > .img img,
section.case .lytImgBa.imageL > .img img {
	max-width: 370px;
	height: auto;
}

section.case .lytImgBa.imageR > .img {
	padding-left: 30px;
}

section.case .lytImgBa.imageL > .img {
	padding-right: 30px;
}

section.case pre {
	line-height: 1.6;
}

article.case {
	margin-bottom: 70px;
}

article.case .lastText {
	line-height: 1.5;
}

.contactHideBtn {
	text-align: center;
}

.contactHideBtn .btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 0;
	line-height: 0;
}

.contactHideBtn .btn > a {
	display: inline-block;
	line-height: 0;
}

.contactHideBtn .btn > .linkList3 {
	position: absolute;
	top: 100%;
	left: 0;
	height: 0;
	opacity: 0;
}

.contactHideBtn .btn:hover,
.contactHideBtn .btn:focus,
.contactHideBtn .btn:active,
.contactHideBtn .btn.open {
	overflow: visible;
}

.contactHideBtn .btn:hover > .linkList3,
.contactHideBtn .btn:focus > .linkList3,
.contactHideBtn .btn:active > .linkList3,
.contactHideBtn .btn.open > .linkList3 {
	opacity: 1;
	z-index: 2;
	height: auto;
}

body.support #main.col1,
body.contact #main.col1,
body.contact_form #main.col1,
body.data #main.col1,
body.data_form #main.col1,
body.order #main.col1,
body.order_form #main.col1 {
	width: 970px;
	margin: 0 auto;
}

.scrollHeight {
	max-height: 100px;
	overflow: auto;
}

.scrollHeight::-webkit-scrollbar {
	width: 3px;
	background: #dfdfdf;
}

.scrollHeight::-webkit-scrollbar-piece {
	background: #dfdfdf;
}

.scrollHeight::-webkit-scrollbar-piece:start {
	background: #dfdfdf;
}

.scrollHeight::-webkit-scrollbar-thumb {
	background: #e39939;
}

.scrollHeight::-webkit-scrollbar-corner {
	background: #e39939;
}

.btnContactAgree {
	text-align: center;
	margin-top: 30px;
}

.btnContactAgree ul {
	display: inline-block;
}

.btnContactAgree ul li {
	float: left;
	width: 270px;
	margin-left: 30px;
}

.btnContactAgree ul li:first-child {
	margin-left: 0;
}

.btnContactAgree ul a,
.btnContactAgree ul button,
.btnContactAgree ul input {
	width: 100%;
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #e39939;
	border: 1px solid #e39939;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1;
	padding: 12px 5px 10px;
	text-align: center;
}

.btnContactAgree ul a.disable,
.btnContactAgree ul button.disable,
.btnContactAgree ul input.disable {
	background-color: #8e8e8e;
	border: 1px solid #8e8e8e;
}

.btnContactAgree ul a.disable:hover,
.btnContactAgree ul a.disable:focus,
.btnContactAgree ul button.disable:hover,
.btnContactAgree ul button.disable:focus,
.btnContactAgree ul input.disable:hover,
.btnContactAgree ul input.disable:focus {
	color: #8e8e8e;
}

.btnContactAgree ul a:hover,
.btnContactAgree ul a:focus,
.btnContactAgree ul button:hover,
.btnContactAgree ul button:focus,
.btnContactAgree ul input:hover,
.btnContactAgree ul input:focus {
	background-color: #fff;
	color: #e39939;
	cursor: pointer;
}

#container.lp {
	width: 100%;
	margin-top: 0;
}

#container.lp #main.col1 {
	width: 100%;
}

#container.lp section {
	margin: 60px 0;
	padding: 0 10px;
}

#container.lp .inner {
	width: 1170px;
	margin: 0 auto;
}

#container.lp .inner > *:first-child {
	margin-top: 0;
}

#container.lp .inner > *:last-child {
	margin-bottom: 0;
}

#container.lp #sec2 {
	padding-bottom: 80px;
}

#container.lp #sec2 > h2 {
	margin: 0 -10px 40px;
}

#container.lp #sec3 {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

#container.lp #sec3.staff:before {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/staff_card/sec3_bg_top.png) 0 0;
}

#container.lp #sec3.members:before {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/members_card/sec3_bg_top.png) 0 0;
	height: 10px;
}

#container.lp #sec3.student:before {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/sec3_bg_top.png) 0 0;
	height: 10px;
}

#container.lp #sec3:before {
	width: 100%;
	height: 11px;
	bottom: 100%;
	left: 0;
}

#container.lp #sec3 h2 {
	margin: 0 0 70px;
	text-align: center;
}

#container.lp #sec3 h3 {
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
}

#container.lp #sec3 h3 small {
	font-size: 18px;
	font-size: 2.6rem;
}

#container.lp #sec3 .lytImgBa.imageL {
	margin-top: 40px;
}

#container.lp #sec3 .lytImgBa.imageL > .img {
	padding-right: 30px;
	vertical-align: top;
}

#container.lp #sec3 p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

#container.lp #sec3 p small {
	font-size: 12px;
	font-size: 1.2rem;
}

#container.lp #sec3 .lastText {
	text-align: center;
	line-height: 0;
	margin-top: 70px;
}

#container.lp #sec3 .lastText img {
	max-width: 100%;
}

#container.lp #sec3 .boldText1,
#container.lp #sec3 .boldText2 {
	font-weight: bold;
}

#container.lp #sec3 .boldText1 em,
#container.lp #sec3 .boldText2 em {
	color: #f60;
}

#container.lp #sec3 .boldText1 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.4;
}

#container.lp #sec3 .boldText1 em {
	font-size: 26px;
	font-size: 2.6rem;
}

#container.lp #sec3 .boldText2 em {
	font-size: 20px;
	font-size: 2rem;
}

#container.lp #sec4 {
	position: relative;
	background-color: #ececec;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

#container.lp #sec4:before,
#container.lp #sec4:after {
	width: 100%;
	height: 10px;
	left: 0;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/common/sec4_bg_top_bottom.png) 0 0;
}

#container.lp #sec4:before {
	bottom: 0;
}

#container.lp #sec4:after {
	top: 0;
}

#container.lp #sec4 h2 {
	line-height: 1;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}

#container.lp #sec4 p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

#container.lp #sec4 ul.img {
	margin: 40px auto 60px;
	display: inline-block;
	line-height: 0;
}

#container.lp #sec4 ul.img li {
	display: inline-block;
	vertical-align: top;
}

#container.lp #sec4 ul.img li:first-child {
	margin-right: -16px;
}

#container.lp #sec4 ul.btn2 {
	width: 840px;
	display: inline-block;
}

#container.lp #sec4 ul.btn2.staff a {
	color: #e39939;
	border-color: #e39939;
}

#container.lp #sec4 ul.btn2.staff a:hover,
#container.lp #sec4 ul.btn2.staff a:focus {
	background-color: #e39939;
}

#container.lp #sec4 ul.btn2.members a {
	color: #f18d1e;
	border-color: #f18d1e;
}

#container.lp #sec4 ul.btn2.members a:hover,
#container.lp #sec4 ul.btn2.members a:focus {
	background-color: #f18d1e;
}

#container.lp #sec4 ul.btn2.student a {
	color: #257bae;
	border-color: #257bae;
}

#container.lp #sec4 ul.btn2.student a:hover,
#container.lp #sec4 ul.btn2.student a:focus {
	background-color: #257bae;
}

#container.lp #sec4 ul.btn2 li {
	float: right;
	width: 48%;
}

#container.lp #sec4 ul.btn2 li:first-child {
	float: left;
}

#container.lp #sec4 ul.btn2 a {
	font-size: 20px;
	font-size: 2rem;
	background-color: transparent;
	padding: 15px 0 13px;
	border-width: 2px;
}

#container.lp #sec4 ul.btn2 a:hover,
#container.lp #sec4 ul.btn2 a:focus {
	color: #fff;
}

#container.lp #sec5 {
	padding-bottom: 30px;
}

#container.lp #sec5 h2 {
	line-height: 0;
	margin-bottom: 50px;
}

#container.lp #sec5 h2 + p {
	margin-bottom: 50px;
}

#container.lp #sec5 h3 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #1c5c83;
	line-height: 1.4;
	margin: 50px 0 30px;
}

#container.lp #sec5 h3 span {
	display: inline-block;
	padding: 10px 38px 8px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/sec5_bg_hdg.png) 0 0;
}

#container.lp #sec5 .inner > p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

#container.lp #sec5 p.small {
	font-size: 12px;
	font-size: 1.2rem;
}

#container.lp #sec6 h2 {
	line-height: 0;
}

#container.lp.staff_card section#sec2 {
	background-color: #e0f0cf;
}

#container.lp.staff_card section#sec3 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/staff_card/sec3_bg.png) 0 0;
}

#container.lp.staff_card section#sec3 h3 {
	color: #e39939;
}

#container.lp.members_card section#sec2 {
	background-color: #fdf1e4;
}

#container.lp.members_card section#sec3 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/members_card/sec3_bg.png) 0 0;
}

#container.lp.members_card section#sec3 h3 {
	color: #333333;
}

#container.lp.members_card section#sec3 em {
	color: #b6272d !important;
}

#container.lp.student_card section#sec2 {
	background-color: #e8f5f8;
}

#container.lp.student_card section#sec3 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/sec3_bg.png) 0 0;
}

#container.lp.student_card section#sec3 h3 {
	color: #257bae;
}

.telAndContactWrap.staff .inner {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/staff_card/onayamibox.png) 10 10 10 10 round round;
}

.telAndContactWrap.members .inner {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/members_card/bg_tel_contact.png) 10 10 10 10 fill stretch;
}

.telAndContactWrap.student .inner {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/bg_tel_contact.png) 10 10 10 10 fill stretch;
}

.telAndContactWrap .inner {
	border-style: solid;
	border-width: 10px;
	padding: 35px 50px;
}

.telAndContactWrap .title {
	font-size: 36px;
	font-size: 3.6rem;
	text-align: center;
	line-height: 1.4;
	clear: both;
	margin: 0 0 20px;
}

.telAndContactWrap .title em {
	color: #ef5a24;
}

.telAndContactWrap .telAndSupport {
	float: left;
}

.telAndContactWrap .orderAndContact {
	float: right;
}

.telAndContactWrap .telAndSupport li,
.telAndContactWrap .orderAndContact li {
	line-height: 0;
	margin-top: 10px;
}

.telAndContactWrap .telAndSupport li:first-child,
.telAndContactWrap .orderAndContact li:first-child {
	margin-top: 0;
}

.telAndContactWrap .telAndSupport a,
.telAndContactWrap .orderAndContact a {
	display: inline-block;
	line-height: 0;
}

#lpMainvisual {
	margin: 0 auto;
	text-align: center;
	background-color: #f7f7f7;
	line-height: 0;
}

.onayamiBox {
	padding: 50px 90px;
	border-style: solid;
	border-width: 10px;
	margin-top: 33px;
}

.onayamiBox > *:last-child {
	margin-bottom: 0;
}

.onayamiBox.staff {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/staff_card/onayamibox.png) 10 10 10 10 round round;
}

.onayamiBox.members {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/members_card/onayamibox.png) 10 10 10 10;
}

.onayamiBox.members .listCheck em {
	color: #b6272d;
}

.onayamiBox.student {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/onayamibox.png) 10 10 10 10;
}

.lpPointList {
	margin-left: -2%;
}

.lpPointList > li {
	float: left;
	width: 48%;
	margin: 0 0 2% 2%;
	margin: 0 0 2 2%;
}

.lpPointList > li {
	border-style: solid;
	border-width: 2px;
	padding: 8px;
}

.lpPointList.staff > li {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/staff_card/pointbox.png) 2 2 2 2 fill stretch;
}

.lpPointList.staff dt {
	color: #e39939;
}

.lpPointList.staff dt .point {
	background-color: #e39939;
}

.lpPointList.staff dd:before {
	border-top-color: #e39939;
}

.lpPointList.members > li {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/members_card/pointbox.png) 2 2 2 2 fill stretch;
}

.lpPointList.members dt {
	color: #f18d1e;
}

.lpPointList.members dt .point {
	background-color: #f18d1e;
}

.lpPointList.members dd:before {
	border-top-color: #f18d1e;
}

.lpPointList.student > li {
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/pointbox.png) 2 2 2 2 fill stretch;
}

.lpPointList.student dt {
	color: #257bae;
}

.lpPointList.student dt .point {
	background-color: #257bae;
}

.lpPointList.student dd:before {
	border-top-color: #257bae;
}

.lpPointList dl {
	background-color: #fff;
	border-radius: 10px;
}

.lpPointList dt {
	position: relative;
	font-weight: bold;
	line-height: 1.4;
	color: #e39939;
	display: table;
	width: 100%;
}

.lpPointList dt .point {
	display: table-cell;
	border-radius: 10px 0 0 0;
	background-color: #e39939;
	color: #fff;
	width: 80px;
	height: 100%;
	z-index: 1;
	vertical-align: middle;
	padding: 15px 0;
}

.lpPointList dt .point .text,
.lpPointList dt .point .num {
	display: block;
	text-align: center;
	line-height: 1;
}

.lpPointList dt .point .text {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 4px;
}

.lpPointList dt .point .num {
	font-size: 34px;
	font-size: 3.4rem;
}

.lpPointList dt .title {
	font-size: 34px;
	font-size: 3.4rem;
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
	line-height: 1.4;
}

.lpPointList dd {
	position: relative;
	padding: 30px;
}

.lpPointList dd > *:first-child {
	margin-top: 0;
}

.lpPointList dd > *:last-child {
	margin-bottom: 0;
}

.lpPointList dd:before {
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 0;
	border-top: 1px dotted #e39939;
	z-index: 0;
}

ul.meritDemerit {
	margin-bottom: 80px;
}

ul.meritDemerit h4 {
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin-bottom: 40px;
}

ul.meritDemerit > li {
	float: right;
	width: 48.5%;
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	padding: 38px;
}

ul.meritDemerit > li:first-child {
	float: left;
}

ul.meritDemerit > li.merit {
	border-color: #f0a53b;
	background-color: #fefaf4;
}

ul.meritDemerit > li.demerit {
	border-color: #62b8d3;
	background-color: #f4fafc;
}

ul.meritDemerit > li.white {
	background-color: #fff !important;
}

ul.meritDemerit .listCheck > li.small {
	font-size: 21px;
	font-size: 2.1rem;
}

.tablePrice {
	width: 100%;
	table-layout: fixed;
	border-top-style: dotted;
	border-right-style: dotted;
	border-width: 1px;
	text-align: center;
}

.tablePrice.staff {
	border-color: #e39939;
}

.tablePrice.staff th,
.tablePrice.staff td {
	border-color: #e39939;
}

.tablePrice.staff thead th {
	background-color: #eaf5e0;
}

.tablePrice.members {
	border-color: #f18d1e;
}

.tablePrice.members th,
.tablePrice.members td {
	border-color: #f18d1e;
}

.tablePrice.members thead th {
	background-color: #fef6ed;
}

.tablePrice.student {
	border-color: #0071bc;
}

.tablePrice.student th,
.tablePrice.student td {
	border-color: #0071bc;
}

.tablePrice.student thead th {
	background-color: #f0f8fb;
}

.tablePrice th,
.tablePrice td {
	border-left-style: dotted;
	border-bottom-style: dotted;
	border-left-width: 1px;
	border-bottom-width: 1px;
	text-align: center;
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
	padding: 20px 0;
}

.cautionBox {
	padding: 30px;
	margin-top: 30px;
}

.cautionBox.staff {
	background-color: #f3f9ec;
}

.cautionBox.members {
	background-color: #fef6ed;
}

.cautionBox.student {
	background-color: #f5fbfc;
}

.cautionBox > *:first-child {
	margin-top: 0;
}

.cautionBox > *:last-child {
	margin-bottom: 0;
}

.cautionBox p {
	font-size: 12px;
	font-size: 1.2rem;
}

.cautionBox > dl > dt {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 28px;
}

.cautionBox > dl > dt:first-child {
	margin-top: 0;
}

.cautionBox > dl strong {
	font-weight: normal;
	color: #b6272d;
}

.cautionBox > dl dl dt {
	font-weight: bold;
	margin-top: 6px;
}

.cautionBox > dl dl dt:first-child {
	margin-top: 0;
}

.flowCardMake {
	margin-top: 50px;
}

.flowCardMake > li {
	margin-top: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}

.flowCardMake > li:first-child {
	margin-top: 0;
}

.flowCardMake.staff h3 {
	color: #e39939;
	background-color: #edf1e9;
}

.flowCardMake.staff h3 .point {
	background-color: #e39939;
}

.flowCardMake.staff .btn2 a {
	border-color: #e39939;
	color: #e39939;
}

.flowCardMake.staff .btn2 a:hover,
.flowCardMake.staff .btn2 a:focus {
	background-color: #e39939;
}

.flowCardMake.members h3 {
	color: #f18d1e;
	background-color: #fff9f5;
}

.flowCardMake.members h3 .point {
	background-color: #f18d1e;
}

.flowCardMake.members .btn2 a {
	border-color: #f18d1e;
	color: #f18d1e;
}

.flowCardMake.members .btn2 a:hover,
.flowCardMake.members .btn2 a:focus {
	background-color: #f18d1e;
}

.flowCardMake.student h3 {
	color: #257bae;
	background-color: #f3f9fb;
}

.flowCardMake.student h3 .point {
	background-color: #257bae;
}

.flowCardMake.student .btn2 a {
	border-color: #257bae;
	color: #257bae;
}

.flowCardMake.student .btn2 a:hover,
.flowCardMake.student .btn2 a:focus {
	background-color: #257bae;
}

.flowCardMake .lytImgBa.imageR > .img {
	line-height: 0;
	padding-left: 30px;
}

.flowCardMake p {
	line-height: 1.7;
}

.flowCardMake h3 {
	position: relative;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 18px;
	display: table;
	width: 100%;
}

.flowCardMake h3 .point {
	display: table-cell;
	color: #fff;
	width: 70px;
	height: 100%;
	z-index: 1;
	vertical-align: middle;
	padding: 15px 0 10px;
}

.flowCardMake h3 .point .text,
.flowCardMake h3 .point .num {
	display: block;
	text-align: center;
	line-height: 1;
}

.flowCardMake h3 .point .text {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 4px;
}

.flowCardMake h3 .point .num {
	font-size: 28px;
	font-size: 2.8rem;
}

.flowCardMake h3 .title {
	font-size: 34px;
	font-size: 3.4rem;
	display: table-cell;
	vertical-align: middle;
	padding-left: 25px;
	line-height: 1.4;
}

.flowCardMake .btn2 a {
	font-size: 16px;
	font-size: 1.6rem;
	border-width: 2px;
	padding: 12px 0 10px;
}

.flowCardMake .btn2 a:hover,
.flowCardMake .btn2 a:focus {
	color: #fff !important;
}

.flowCardMake ul.btn2 li {
	float: right;
	width: 49%;
}

.flowCardMake ul.btn2 li:first-child {
	float: left;
}

.flowCardMake ul.btn2 + p {
	margin-top: 16px;
}

.flowPrePrint {
	padding: 40px 50px;
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 70px;
}

.flowPrePrint > *:first-child {
	margin-top: 0;
}

.flowPrePrint > *:last-child {
	margin-bottom: 0;
}

.flowPrePrint > h3 {
	text-align: center;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	color: #257bae;
	line-height: 1.4;
	padding-bottom: 10px;
	border-bottom: 2px solid #257bae;
}

.flowPrePrint > h3 small {
	font-size: 26px;
	font-size: 2.6rem;
}

.flowPrePrint .img {
	margin: 40px auto 0;
	line-height: 0;
	text-align: center;
	width: 774px;
}

.flowPrePrint .img ul li {
	float: right;
	line-height: 0;
}

.flowPrePrint .img ul li:first-child {
	float: left;
}

.flowPrePrint .explain {
	border: 4px solid #d3e5ef;
	padding: 25px 40px;
	border-radius: 10px;
	margin-top: 40px;
}

.flowPrePrint .explain dt {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #1c5c83;
}

.flowPrePrint .explain dd {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 28px;
}

.flowPrePrint .explain .blue {
	color: #257bae;
}

.flowPrePrint .arrow {
	margin: 40px auto;
	text-align: center;
	line-height: 0;
}

.paySample {
	margin: 50px 0 30px;
	padding: 30px 45px;
	border: 5px solid #257bae;
	border-radius: 10px;
}

.paySample > dt {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #1c5c83;
	border-bottom: 1px dotted #1c5c83;
	padding-bottom: 10px;
	margin-bottom: 30px;
	text-align: center;
}

.paySample > dd {
	font-size: 14px;
	font-size: 1.4rem;
}

.paySample > dd p {
	line-height: 1.8;
}

.paySample .sample {
	margin-bottom: 24px;
}

.paySample .sample li {
	float: right;
	width: 48.5%;
	padding: 30px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/student_card/sec5_bg_hdg.png) 0 0;
	line-height: 1;
}

.paySample .sample li:first-child {
	float: left;
}

.paySample .sample dt {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #1c5c83;
	text-align: center;
	margin-bottom: 15px;
}

.paySample table {
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
}

.paySample table th,
.paySample table td {
	padding: 8px 0;
}

.paySample table td {
	text-align: right;
}

#container.lp.pet {
	color: #0a1320;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0 !important;
}

#container.lp.pet + footer {
	margin-top: 0 !important;
}

#container.lp.pet .img100 {
	line-height: 0;
	text-align: center !important;
}

#container.lp.pet .lytImgBa.imageR > .img img,
#container.lp.pet .lytImgBa.imageL > .img img {
	max-width: none;
}

#container.lp.pet .lytImgBa.imageL > .img {
	padding-right: 30px;
}

#container.lp.pet .lytImgBa.imageR > .img {
	padding-left: 30px;
}

#container.lp.pet img {
	max-width: 100%;
}

#container.lp.pet .inner2 {
	width: 965px;
	margin: 0 auto;
}

#container.lp.pet section#petSec1 .comunication {
	margin-top: 50px;
}

#container.lp.pet section#petSec2 {
	text-align: center;
}

#container.lp.pet section#petSec2 h3 {
	margin: 70px 0 30px;
}

#container.lp.pet section#petSec2 h3:first-of-type {
	margin-top: 0;
}

#container.lp.pet section#petSec2 p {
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

#container.lp.pet section#petSec2 .img100 {
	margin: 30px 0;
}

#container.lp.pet section#petSec2 ul.img {
	margin-top: 40px;
}

#container.lp.pet section#petSec2 ul.img li {
	float: right;
	width: 48%;
	line-height: 0;
}

#container.lp.pet section#petSec2 ul.img li:first-child {
	float: left;
}

#container.lp.pet section#petSec3 {
	padding: 80px 10px;
}

#container.lp.pet section#petSec3 .img {
	margin-top: 60px;
}

#container.lp.pet section#petSec3 .img li {
	float: left;
	margin-left: 30px;
}

#container.lp.pet section#petSec3 .img li:first-child {
	margin-left: 0;
}

#container.lp.pet section#petSec4 {
	padding: 120px 10px 60px;
}

#container.lp.pet section#petSec4 .inner {
	position: relative;
}

#container.lp.pet section#petSec4 h2 {
	position: absolute;
	top: -70px;
	left: 0;
	z-index: 1;
}

#container.lp.pet section#petSec5 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg2.png) 0 0;
	padding-bottom: 90px;
	margin-bottom: 0;
}

#container.lp.pet section#petSec5 h2 {
	position: relative;
	margin: 0 -10px;
	height: 210px;
	background-color: #fffafb;
}

#container.lp.pet section#petSec5 h2:after,
#container.lp.pet section#petSec5 h2:before {
	width: 100%;
	height: 14px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg3.png) 0 0;
	left: 0;
	z-index: 0;
}

#container.lp.pet section#petSec5 h2:before {
	top: 0;
}

#container.lp.pet section#petSec5 h2:after {
	bottom: 0;
}

#container.lp.pet section#petSec5 h2 span {
	display: block;
	position: relative;
}

#container.lp.pet section#petSec5 h2 img {
	position: absolute;
	top: -20px;
	right: 120px;
	z-index: 1;
}

#container.lp.pet section#petSec5 > .inner {
	padding-top: 80px;
}

#container.lp.pet section#petSec5 .omakasekudasai {
	margin-bottom: 50px;
}

#container.lp.pet section#petSec6 .inner {
	position: relative;
}

#container.lp.pet section#petSec6 h2 {
	position: absolute;
	top: 0;
	left: 0;
}

#container.lp.pet section#petSec6 .sorotteimasu {
	margin: 40px 0;
	line-height: 1.4;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	background-color: #e85777;
	text-align: center;
	border-radius: 20px;
	padding: 10px 0 8px;
}

#container.lp.pet section#petSec6 .indexBox {
	border-color: #ff7ba1;
	margin: 50px 0;
}

#container.lp.pet section#petSec6 .indexBox h3 {
	background-color: #ff7ba1;
}

#container.lp.pet section#petSec6 .indexBox .left {
	float: left;
}

#container.lp.pet section#petSec6 .indexBox .right {
	float: right;
}

#container.lp.pet section#petSec6 .indexBox .right ul li {
	float: left;
	margin-left: 40px;
}

#container.lp.pet section#petSec6 .indexBox .right ul li:first-child {
	margin-left: 0;
}

#container.lp.pet section#petSec7 {
	margin: 0;
	padding: 100px 10px;
}

#container.lp.pet section#petSec7 h2 {
	text-align: center;
	margin-bottom: 50px;
}

#container.lp.pet section#petSec7 .herimasita {
	font-size: 28px;
	font-size: 2.8rem;
	color: #ef7f0f;
	font-weight: bold;
}

#container.lp.pet section#petSec7 .lytImgBa {
	margin-top: 45px;
}

#container.lp.pet section#petSec7 .lytImgBa .content {
	position: relative;
}

#container.lp.pet section#petSec7 .animal {
	position: absolute;
	bottom: 0;
}

#container.lp.pet section#petSec7 .animal.left {
	left: 0;
}

#container.lp.pet section#petSec7 .animal.right {
	right: 0;
}

#container.lp.pet section#petSec8 {
	margin: 0;
	padding: 100px 10px;
}

#container.lp.pet section#petSec8 h2 {
	text-align: center;
	margin-bottom: 50px;
}

.youtube {
	display: block;
	width: 640px;
	height: 340px;
	margin: 60px auto 110px;
}

.mizutamaBg1 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg1.png) 0 0;
	line-height: 0;
}

.mizutamaBg1 * {
	margin: 0;
}

.mizutamaBg2 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg2.png) 0 0;
}

.mizutamaBg3 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg2.png) 0 0;
	border-radius: 80px;
	padding: 120px 140px 50px;
}

.mizutamaBg4 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg6.png) 0 0;
}

.mizutamaBg5 {
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg8.png) 0 0;
}

.mizuiroborder {
	position: relative;
	border-style: solid;
	border-width: 10px;
	border-image: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg5.png) 10 10 10 10 fill stretch;
	padding: 50px 90px;
	margin-bottom: 60px;
}

.mizuiroborder .listCheck {
	margin: 0;
}

.mizuiroborder .listCheck em {
	color: #eb5777 !important;
}

.listColorIndexBox {
	margin: 0 0 60px -3%;
}

.listColorIndexBox li {
	float: left;
	width: 47%;
	margin: 0 0 3% 3%;
	border-radius: 4px;
	border-style: solid;
	border-width: 5px;
}

.listColorIndexBox li:last-child {
	clear: both;
	display: block;
	float: none;
	margin: 0 auto;
}

.listColorIndexBox li.color1 {
	border-color: #f2c32f;
}

.listColorIndexBox li.color1 h3 {
	background-color: #f2c32f;
}

.listColorIndexBox li.color2 {
	border-color: #55bf82;
}

.listColorIndexBox li.color2 h3 {
	background-color: #55bf82;
}

.listColorIndexBox li.color3 {
	border-color: #ff71a0;
}

.listColorIndexBox li.color3 h3 {
	background-color: #ff71a0;
}

.listColorIndexBox li.color4 {
	border-color: #b395db;
}

.listColorIndexBox li.color4 h3 {
	background-color: #b395db;
}

.listColorIndexBox li.color5 {
	border-color: #4dc7db;
}

.listColorIndexBox li.color5 h3 {
	background-color: #4dc7db;
}

.listColorIndexBox li.color6 {
	border-color: #f49e40;
}

.listColorIndexBox li.color6 h3 {
	background-color: #f49e40;
}

.listColorIndexBox li.color7 {
	border-color: #aedd6b;
}

.listColorIndexBox li.color7 h3 {
	background-color: #aedd6b;
}

.listColorIndexBox h3 {
	text-align: center;
	line-height: 0;
	padding: 20px 10px;
}

.listColorIndexBox .content {
	background-color: #fff;
	padding: 25px 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	color: #0a1320;
}

.listColorIndexBox .content > *:first-child {
	margin-top: 0;
}

.listColorIndexBox .content > *:last-child {
	margin-bottom: 0;
}

.fiveServiceImgList {
	margin: 50px 0 50px -1.5%;
}

.fiveServiceImgList li {
	float: left;
	line-height: 0;
	margin: 0 0 0 1.5%;
	width: 18.5%;
}

.petContactArea {
	position: relative;
	padding: 45px 10px;
}

.petContactArea:before,
.petContactArea:after {
	width: 100%;
	height: 10px;
	left: 0;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg4.png) 0 0;
}

.petContactArea:before {
	top: 0;
}

.petContactArea:after {
	bottom: 0;
}

.petContactArea .innerArea {
	width: 900px;
	margin: 0 auto;
	line-height: 0;
}

.petContactArea .mail dt {
	float: left;
	padding-top: 20px;
}

.petContactArea .mail dd {
	float: right;
}

.petContactArea .tel {
	margin: 15px 0 0;
}

.indexBox {
	border-radius: 4px;
	border-style: solid;
	border-width: 5px;
}

.indexBox h3 {
	text-align: center;
	line-height: 0;
	padding: 20px 10px;
}

.indexBox .content {
	background-color: #fff;
	padding: 25px 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	color: #0a1320;
}

.indexBox .content > *:first-child {
	margin-top: 0;
}

.indexBox .content > *:last-child {
	margin-bottom: 0;
}

dl.situmon {
	color: #1e0b0a;
}

dl.situmon dt {
	position: relative;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
	overflow: hidden;
	padding-bottom: 14px;
}

dl.situmon dt:before {
	width: 100%;
	height: 4px;
	bottom: 0;
	left: 0;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/bg7.png) 0 0;
}

dl.situmon dd {
	margin-top: 12px;
}

.listPetQA li {
	border: 6px solid #62b8d3;
	border-radius: 10px;
	margin-top: 30px;
}

.listPetQA li:first-child {
	margin-top: 0;
}

.listPetQA dt {
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	background-color: #62b8d3;
	line-height: 1.4;
	padding: 15px 10px 14px 110px;
}

.listPetQA dt:before {
	width: 34px;
	height: 34px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/q.png) 0 0;
	top: 50%;
	margin-top: -17px;
	left: 35px;
}

.listPetQA dd {
	position: relative;
	background-color: #fff;
	padding: 20px 10px 19px 110px;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.6;
	border-radius: 0 0 10px 10px;
}

.listPetQA dd:before {
	width: 34px;
	height: 34px;
	background: url(/web/20190213232306im_/https://www.cardsn.com/wordpress2/wp-content/themes/mytheme/images/service/pet/a.png) 0 0;
	top: 20px;
	left: 35px;
}

/*# sourceMappingURL=style.css.map */

@media screen and (max-width: 1190px) {

header .headerContent {
	width: 100%;
	padding: 20px 10px;
}

header .headerCopy {
	width: 417px;
}

header .headerLogo img {
	width: 180px;
}

header .btnWrap {
	width: 73%;
	padding: 0;
}

header .tel {
	width: 35%;
}

header .tel img {
	width: 100%;
}

header .headerBtn {
	margin-left: 3%;
	width: 62%;
}

header .headerBtn > li {
	width: 32%;
	margin-left: 2%;
}

header .headerBtn > li img {
	width: 100%;
}

header .headerBtn > li > ul a:before {
	top: 10px;
	left: 12px;
}

#topicPath p {
	width: auto;
	padding: 0 10px;
}

#container {
	width: auto;
	padding: 0 10px;
}

#main {
	width: 72%;
}

#main.col1 {
	width: 100%;
}

#aside {
	width: 26%;
}

#aside img {
	width: 100%;
}

#aside .privacy.lytImgBa.imageR > .img img {
	width: 60px;
}

footer #footerContent {
	width: auto;
	padding: 30px 10px;
}

footer #footerLogo img {
	width: 180px;
}

footer .btnWrap {
	width: 73%;
	padding: 0;
}

footer .tel {
	width: 35%;
}

footer .tel img {
	width: 100%;
}

footer .footerBtn {
	margin-left: 3%;
	width: 62%;
}

footer .footerBtn > li {
	width: 32%;
	margin-left: 2%;
}

footer .footerBtn > li img {
	width: 100%;
}

footer .footerBtn > li > ul a:before {
	top: 10px;
	left: 12px;
}

footer .service ul li {
	width: 25%;
	padding: 1.5% !important;
}

footer .service ul li:nth-child(4n+1) {
	border-left: 1px solid #f8fff3;
}

footer .service img {
	width: 100%;
}

footer .footerLinkList {
	padding: 30px 0 10px;
}

#globalNav ul {
	width: 100%;
}

#globalNav ul li {
	width: 15%;
	box-sizing: border-box;
}

#globalNav ul li.home {
	width: 10%;
}

#globalNav ul li a {
	font-size: 15px;
}

.listBlog1 .imageTitle {
	padding-left: 160px;
	min-height: 90px;
}

.listBlog1 .image {
	width: 150px;
}

.listBlog1 .image a {
	height: 85px;
}

.listBlog1 .image img {
	width: 100%;
}

.listBlog1 .title {
	font-size: 16px;
	font-size: 1.6rem;
}

.listBlog1 .content {
	padding-left: 0;
	min-height: 0;
}

.listBlog2 {
	margin-left: -3%;
}

.listBlog2 > li {
	width: 47%;
	margin: 0 0 30px 3%;
}

.listBlog2 .image {
	text-align: center;
}

.listBlog3 .lytImgBa.imageL > .img img {
	width: 80px !important;
}

.listBlog4 {
	margin-left: -3%;
}

.listBlog4 > li {
	width: 47%;
	margin: 0 0 30px 3%;
}

.listBlog4 .image {
	text-align: center;
}

.listHdgBox > li > h2,
.listHdgBox2 > li > h2,
.listHdgBox > li > h3,
.listHdgBox2 > li > h3,
.listHdgBox > li > h4,
.listHdgBox2 > li > h4 {
	font-size: 15px;
	font-size: 1.5rem;
}

.listImg2 {
	margin-left: -3%;
}

.listImg2 li {
	width: 47%;
	margin: 0 0 3% 3%;
}

.listImg2 img {
	width: 100%;
}

.linkListSitemap > ul {
	width: auto;
	float: none;
	margin: 15px 0 0;
}

.linkListSitemap > ul:first-child {
	margin-top: 0;
}

.tableBa {
	border-right: none;
}

.tableBa col {
	width: 100% !important;
}

.tableBa th,
.tableBa td {
	float: left;
	width: 100%;
}

.tableBa th {
	padding: 10px 10px;
	border-bottom: 1px dotted #e39939;
	border-right: 1px dotted #e39939;
}

.tableBa td {
	border-left: none;
	padding: 10px 0;
}

.tableBa tr td {
	border-bottom: none;
}

.tableBa tr td:first-of-type {
	border-bottom: none;
}

.tableBa tr td:last-of-type {
	border-bottom: 1px dotted #e39939;
	padding-bottom: 30px;
}

.anchor1 {
	margin-left: -2%;
}

.anchor1 li {
	width: 48%;
	margin: 0 0 2% 2%;
}

#kankyo_other {
	width: 59%;
}

.kojinWrap .radio,
.kojinWrap .meibun,
.kojinWrap .confirm {
	display: block;
}

.kojinWrap .confirm,
.kojinWrap .meibun {
	margin: 10px 0 0 0;
}

.kojinWrap #kojin_ari_meibun {
	width: 84%;
}

.kojinWrap .confirm .mwform-radio-field.horizontal-item,
.kojinWrap .confirm .mwform-checkbox-field.horizontal-item {
	margin: 0 !important;
}

.mwform-radio-field.horizontal-item.barcode,
.mwform-radio-field.horizontal-item.other {
	margin-bottom: 15px !important;
}

.mwform-radio-field.horizontal-item.barcode > span,
.mwform-radio-field.horizontal-item.other > span {
	margin-left: 0;
}

.mwform-radio-field.horizontal-item.barcode > span input,
.mwform-radio-field.horizontal-item.other > span input {
	width: 100%;
	margin: 3px 0 0 16px;
}

td.color label {
	display: block;
	margin-top: 10px;
}

td.color label:first-child {
	margin-top: 0;
}

td.color .text {
	display: block;
	margin-top: 5px;
}

body.home #container {
	padding: 0;
}

body.home section {
	width: auto;
	padding: 50px 10px;
}

#mainvisual .inner {
	width: auto;
}

#mainvisual ul {
	margin-left: -2%;
}

#mainvisual ul li {
	width: 23%;
	margin: 0 0 0 2% !important;
}

#mainvisual ul img {
	width: 100%;
}

#mainvisual .text {
	width: 100%;
}

.fourServiceWrap .content {
	width: 55%;
}

.fourServiceWrap .circleWrap {
	width: 40%;
	overflow: hidden;
}

.fourServiceWrap .circleWrap h3 img {
	width: 100%;
}

.fourServiceWrap .mov_img {
	width: 100%;
}

.fourServiceWrap .mov_img img {
	width: 50%;
}

.column.col2 {
	margin-left: -2%;
}

.column.col2 > .col {
	width: 48%;
	margin-left: 2%;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"].owl-prev {
	left: 0;
	right: auto;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"].owl-next {
	right: 0;
	left: auto;
}

.owl-carousel .owl-stage-outer {
	overflow: hidden !important;
}

.firstArea {
	background: none;
}

.firstArea .image,
.firstArea .content {
	float: none;
	width: 100%;
}

.firstArea .content {
	margin-top: 20px;
	padding: 0;
}

section.case .lytImgBa.imageR,
section.case .lytImgBa.imageL {
	display: block;
	margin: 0;
}

section.case .lytImgBa.imageR .content,
section.case .lytImgBa.imageL .content {
	display: block;
	margin-bottom: 20px;
}

section.case .lytImgBa.imageR > .img,
section.case .lytImgBa.imageL > .img {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}

section.case .lytImgBa.imageR > .img img,
section.case .lytImgBa.imageL > .img img {
	max-width: 100%;
}

body.support #main.col1,
body.contact #main.col1,
body.contact_form #main.col1,
body.data #main.col1,
body.data_form #main.col1,
body.order #main.col1,
body.order_form #main.col1 {
	width: auto;
}

#container.lp #sec4 ul.btn2 {
	width: auto;
	display: block;
}

#container.lp {
	padding: 0;
}

#container.lp .inner {
	width: auto;
}

.telAndContactWrap {
	padding: 0 10px;
}

.telAndContactWrap .inner {
	padding: 25px 40px;
}

.telAndContactWrap .title {
	font-size: 28px;
	font-size: 2.8rem;
}

.telAndContactWrap .telAndSupport,
.telAndContactWrap .orderAndContact {
	width: 48%;
}

.telAndContactWrap .telAndSupport img,
.telAndContactWrap .orderAndContact img {
	width: 100%;
}

#lpMainvisual img {
	width: 100%;
}

.onayamiBox {
	padding: 30px 70px;
}

.lpPointList dt {
	font-size: 28px;
	font-size: 2.8rem;
}

.lpPointList dt .point {
	padding: 15px 0;
}

.lpPointList dt .point .text {
	font-size: 15px;
	margin-bottom: 3px;
}

.lpPointList dt .point .num {
	font-size: 32px;
}

.lpPointList dt .title {
	padding-left: 15px;
	font-size: 24px;
	font-size: 2.4rem;
}

.flowCardMake ul.btn2 li {
	float: none !important;
	width: auto;
	margin-top: 10px;
}

.flowCardMake ul.btn2 li:first-child {
	margin-top: 0;
}

.flowCardMake ul.btn2 + p {
	margin-top: 10px;
}

.flowPrePrint .img {
	width: auto;
}

.flowPrePrint .img ul li {
	width: 48%;
}

.flowPrePrint .img img {
	width: 100%;
}

.paySample {
	padding: 30px;
}

.paySample .sample li {
	float: none !important;
	width: auto;
	padding: 30px;
	margin-top: 20px;
}

.paySample .sample li:first-child {
	margin-top: 0;
}

#container.lp.pet .inner2 {
	width: auto;
}

#container.lp.pet section#petSec2 ul.img img {
	width: 100%;
}

#container.lp.pet section#petSec3 .img {
	margin-left: -3%;
}

#container.lp.pet section#petSec3 .img li {
	float: left;
	width: 22%;
	margin: 0 0 3% 3% !important;
}

#container.lp.pet section#petSec3 .img img {
	width: 100%;
}

#container.lp.pet section#petSec4 h2 {
	top: -30px;
}

#container.lp.pet section#petSec5 h2 img {
	right: 10px;
}

#container.lp.pet section#petSec6 .indexBox .left {
	width: 30%;
}

#container.lp.pet section#petSec6 .indexBox .right {
	width: 65%;
}

#container.lp.pet section#petSec6 .indexBox .right ul {
	float: none;
}

#container.lp.pet section#petSec6 .indexBox .right ul li {
	margin: 0;
}

#container.lp.pet section#petSec6 .indexBox .right ul img {
	width: 100%;
}

#container.lp.pet section#petSec7 .animal {
	position: static;
}

.mizutamaBg1 {
	padding: 0 10px;
}

.mizutamaBg3 {
	padding: 60px 20px 50px;
}

.petContactArea .innerArea {
	width: auto;
}

.petContactArea .mail dt,
.petContactArea .mail dd {
	width: 47%;
}

.petContactArea .mail dt {
	padding-top: 12px;
}

}

@media screen and (max-width: 750px) {

body {
	font-size: 12px;
	line-height: 1.8;
}

img {
	max-width: 100%;
}

div.section {
	padding: 0 8px;
}

div.section2 {
	padding: 0 22px;
}

body.admin-bar header.fixed .headerFixed {
	top: 0;
}

header .headerContent {
	padding: 5px 10px 12px;
}

header .headerCopy {
	width: auto;
	font-size: 6px;
}

header .utility {
	display: none;
}

header .bottom {
	margin-top: 10px;
}

header .headerLogo img {
	width: 154px;
}

header .btnWrap {
	display: none;
}

#topicPath {
	margin: 10px 0 10px;
}

#topicPath p {
	line-height: 1.5;
}

#container {
	margin: 20px 0 30px;
	padding: 0;
}

#main {
	width: 100%;
	box-shadow: none;
	padding: 0 10px;
	float: none;
}

#aside {
	float: none;
	width: 100%;
	margin-top: 30px;
	padding: 0 10px;
}

#aside .listBnr {
	margin-left: -3%;
}

#aside .listBnr li {
	float: left;
	width: 47%;
	padding: 0 !important;
	border: none !important;
	margin: 0 0 3% 3%;
}

#aside .listBnr a {
	display: block;
}

#aside .listBnr img {
	width: 100%;
}

#aside .tel,
#aside .sideBtn {
	display: none;
}

footer #footerContent {
	padding: 20px 10px;
}

footer .head {
	display: none;
}

footer .service {
	padding: 30px 0 20px;
	border: none;
}

footer .service dt {
	font-size: 15px;
	margin-bottom: 10px;
}

footer .service ul {
	margin-left: -3%;
}

footer .service ul li {
	width: 47%;
	padding: 0 !important;
	border: none !important;
	margin: 0 0 3% 3%;
}

footer .service ul a {
	display: block;
}

footer .footerLinkListWrap {
	border: none;
}

footer .footerLinkList {
	border: none;
	padding: 0 0 10px;
	margin-left: -3%;
}

footer .footerLinkList li {
	width: 47%;
	margin: 0 0 3% 3%;
}

footer .footerLinkList a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	padding: 12px 10px 12px 34px;
	font-size: 12px;
	line-height: 1.3;
}

footer .footerLinkList a:before {
	border-color: transparent transparent transparent #c1e29e;
	left: 15px;
}

footer .footerLinkList span {
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

footer .footerSection {
	padding: 15px 10px;
	margin-top: 15px;
}

footer .footerSection .lytImgBa {
	margin: 0;
}

footer .footerSection .privacy img {
	width: 52px;
}

footer .footerSection .lytImgBa.imageL > .img {
	padding-right: 13px;
}

footer .footerDefine > dt {
	font-size: 14px;
}

footer .footerDefine > dd {
	margin-top: 10px;
	word-break: break-all;
}

footer .footerDefine > dd dl dt {
	margin-top: 10px;
}

footer .footerDefine > dd dl dt:first-child {
	margin-top: 0;
}

footer .footerDefine > dd dl dd {
	margin-top: 4px;
}

.gotoPageTop img {
	width: 28px;
}

.spTelAndContact {
	display: block;
}

.spAccordion {
	display: block;
}

#globalNav {
	border: none;
	overflow: hidden;
	transition: height 0.5s ease;
	z-index: 100;
}

#globalNav.fixed {
	position: fixed;
	top: 64px;
	left: 0;
}

#globalNav ul {
	border-top: 1px solid #c5c5c5;
}

#globalNav ul li {
	float: none;
	width: auto;
	border: none;
	border-bottom: 1px solid #c5c5c5;
	text-align: center;
}

#globalNav ul li.home {
	display: none;
}

#globalNav ul li a {
	font-size: 14px;
	vertical-align: middle;
}

#globalNav ul li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #c1e29e;
}

.gnavMenu {
	display: block;
}

.spW100 {
	width: 100% !important;
}

.spNone {
	display: none !important;
}

.pcNone {
	display: block !important;
}

.hdg1 {
	font-size: 16px;
	padding: 0 0 6px 4px;
}

body.single article h2 {
	font-size: 16px;
}

.hdg2 {
	font-size: 16px;
	padding-bottom: 8px;
	margin: 20px 0 20px;
}

.hdg2 span {
	font-size: 10px;
	margin-left: 10px;
	padding-left: 8px;
}

.hdg2 span:before {
	height: 10px;
}

.hdg3 {
	font-size: 14px;
	margin: 20px 0 15px;
	padding: 6px 10px 5px;
}

.hdg_side,
.hdg4 {
	font-size: 16px;
	margin: 25px 0 10px;
	padding: 0 0 5px 10px;
	line-height: 1.4;
}

.hdg_side:before,
.hdg4:before {
	height: 15px;
}

.hdg4 {
	font-size: 16px;
	margin-top: 30px;
}

.hdg4:before {
	height: 78%;
	top: 0;
}

.hdg5 {
	font-size: 13px;
	padding-bottom: 4px;
	border-bottom-width: 2px;
	margin: 30px 0 20px;
}
.hdg6 {
  font-size: 13px;
}
.hdg_step {
	margin: 20px 0;
}

.hdg_step .step {
	font-size: 12px;
	margin-right: 8px;
	padding: 5px 10px 4px;
}

.hdg_step .text {
	font-size: 16px;
}

.hdg_step small {
	font-size: 11px;
	margin: 6px 0 0;
	display: block;
}

.lytImgBa.imageR > .img .caption,
.lytImgBa.imageL > .img .caption {
	width: auto !important;
}

.lytImgBa.imageR,
.lytImgBa.imageL {
	display: block;
}

.lytImgBa.imageR > .img,
.lytImgBa.imageL > .img {
	float: none !important;
	display: block;
	text-align: center;
	padding: 0;
}

.lytImgBa.imageR > .img img,
.lytImgBa.imageL > .img img {
	max-width: 100%;
}

.lytImgBa.imageR > .content,
.lytImgBa.imageL > .content {
	display: block;
	margin-bottom: 20px;
}

.lytImgBa.float.imageR > .content,
.lytImgBa.float.imageL > .content {
	margin-bottom: 0;
}

.lytImgBa.float.imageR > .img,
.lytImgBa.float.imageL > .img {
	margin-bottom: 20px;
}

.lytImgBa.spKeep.imageR,
.lytImgBa.spKeep.imageL {
	display: table !important;
}

.lytImgBa.spKeep.imageR > .img,
.lytImgBa.spKeep.imageL > .img {
	display: table-cell !important;
	padding-left: 15px;
}

.lytImgBa.spKeep.imageR > .img img,
.lytImgBa.spKeep.imageL > .img img {
	max-width: none;
}

.lytImgBa.spKeep.imageR > .content,
.lytImgBa.spKeep.imageL > .content {
	display: table-cell !important;
	margin-bottom: 10px;
}

.lytImgBa.spKeep.imageL > .img {
	padding-left: 0;
	padding-right: 15px;
}

.lytImgBa.spKeep.float.imageR > .content,
.lytImgBa.spKeep.float.imageL > .content {
	margin-bottom: 0;
}

.lytImgBa.spKeep.float.imageR > .img,
.lytImgBa.spKeep.float.imageL > .img {
	margin-bottom: 20px;
}

.spImgWidthHarf img {
	width: 50% !important;
}

span.category {
	font-size: 10px;
}

.listBlog1 > li {
	padding: 15px 0;
}

.listBlog1 .imageTitle {
	padding-left: 145px;
	min-height: 77px;
}

.listBlog1 .image {
	width: 135px;
	top: 15px;
}

.listBlog1 .image a {
	height: 77px;
}

.listBlog1 .title {
	font-size: 13px;
	margin: 3px 0 4px;
}

.listBlog1 time {
	font-size: 10px;
}

.listBlog1 .tag {
	margin: 8px 0 4px;
}

.listBlog1 .excerpt {
	font-size: 11px;
}

.listBlog2.col3 > li {
	margin-bottom: 25px;
}

.listBlog2 .image a {
	height: 82px;
}

.listBlog2 .content {
	margin-top: 10px;
}

.listBlog2 .title {
	font-size: 13px;
	margin: 5px 0 5px;
}

.listBlog2 .excerpt {
	font-size: 11px;
	margin: 6px 0 8px;
}

.listBlog2 + .btn1 {
	margin: 0;
}

.listBlog3 li {
	padding: 10px 0;
}

.listBlog3 .lytImgBa.imageL > .img img {
	width: 80px !important;
}

.listBlog3 .title {
	margin-top: 5px;
}

.listBlog4 {
	margin: 0;
}

.listBlog4 > li {
	float: none;
	width: auto;
	margin: 20px 0 0 0;
}

.listBlog4 > li:first-child {
	margin-top: 0;
}

.listBlog4 .content {
	margin-top: 10px;
}

.listBlog4 .title {
	font-size: 13px;
	margin: 5px 0 5px;
}

.listBlog4 .excerpt {
	font-size: 11px;
	margin: 6px 0 8px;
}

.listBlog4 + .btn1 {
	margin: 0;
}

.listInfo {
	max-height: 350px;
}

.listInfo > li {
	margin: 18px 0;
}

.listInfo > li time {
	position: static;
	font-size: 10px;
}

.listInfo > li .category {
	top: -1px;
	left: 54px;
	width: 90px;
	padding: 2px 0;
}

.listInfo > li .content {
	padding: 0 5px 0 0;
	margin-top: 6px;
	font-size: 11px;
}

ul.listBa > li,
body.single article ul > li {
	padding-left: 12px;
}

dl.listBa > dt {
	font-size: 14px;
	margin-bottom: 10px;
}

dl.listBa > dd {
	margin-bottom: 30px;
}

.listQA > dt:before,
.listQA > dd:before {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}

.listQA > dt {
	font-size: 14px;
	padding-left: 30px;
	line-height: 1.4;
	margin: 15px 0 10px;
}

.listQA > dt:before {
	top: -2px;
}

.listQA > dd {
	padding-left: 30px;
	padding-bottom: 10px;
}

.listCheck {
	margin-bottom: 30px;
}

.listCheck > li {
	font-size: 14px;
	padding: 0 0 5px 30px;
	margin-top: 10px;
}

.listCheck > li:before {
	margin-top: -11px;
	width: 19px;
	height: 17px;
	background-size: 19px 17px;
}

.listCheck em {
	font-size: 16px;
}

.listHdgBox,
.listHdgBox2 {
	margin-left: 0%;
}

.listHdgBox > li,
.listHdgBox2 > li {
	float: left;
	width: 100%;
	margin: 0 0 0% 0%;
	margin: 0 0 20px 0%;
}

.listHdgBox > li,
.listHdgBox2 > li {
	padding: 15px;
}

.listHdgBox > li > h2,
.listHdgBox2 > li > h2,
.listHdgBox > li > h3,
.listHdgBox2 > li > h3,
.listHdgBox > li > h4,
.listHdgBox2 > li > h4 {
	font-size: 15px;
	font-size: 1.5rem;
	margin: 0 -15px;
	padding-bottom: 10px;
}

.listHdgBox > .content,
.listHdgBox2 > .content {
	padding-top: 13px;
}

.listHdgBox2 {
	margin-left: 0%;
}

.listHdgBox2 > li {
	float: left;
	width: 100%;
	margin: 0 0 0% 0%;
	margin: 0 0 20px 0%;
}

.listHdgBox2 > li {
	padding: 0 15px 15px;
}

.listHdgBox2 > li > h2,
.listHdgBox2 > li > h3,
.listHdgBox2 > li > h4 {
	font-size: 16px;
	margin: 0 -15px;
	padding: 10px 0;
}

.listHdgBox2 > li > .content {
	padding-top: 18px;
}

.listHdgBox2 > li > .content p {
	line-height: 1.6;
}

.listOrder1 > li {
	margin-top: 30px;
}

.listOrder1 > li > h2,
.listOrder1 > li > h3 {
	font-size: 13px;
	padding: 10px 0 8px 34px;
	margin-bottom: 14px;
}

.listOrder1 > li > h2:before,
.listOrder1 > li > h3:before {
	width: 20px;
}

.listOrder1 > li > h2:after,
.listOrder1 > li > h3:after {
	border-width: 19px 0 19px 8px;
	left: 20px;
}

.listOrder1 > li > h2 span,
.listOrder1 > li > h3 span {
	font-size: 16px;
	top: 12px;
	left: 6px;
}

.listImg1 ul li {
	width: 47%;
	margin-bottom: 10px;
}

.boxTy01 {
	padding: 10px;
}

.tableFrame {
	overflow: auto;
	position: relative;
	padding-bottom: 10px;
	width: 100%;
}

.tableFrame::-webkit-scrollbar {
	width: 5px;
	background: #eee;
}

.tableFrame::-webkit-scrollbar:horizontal {
	height: 8px;
}

.tableFrame::-webkit-scrollbar-piece {
	background: #eee;
}

.tableFrame::-webkit-scrollbar-piece:start {
	background: #eee;
}

.tableFrame::-webkit-scrollbar-thumb {
	background: #0087cd;
}

.tableFrame::-webkit-scrollbar-corner {
	background: #0087cd;
}

.tableFrame table {
	width: 720px !important;
	font-size: 14px;
}

.swipe {
	display: block;
}

.tableTy02 col {
	width: 100% !important;
}

.tableTy02 th,
.tableTy02 td {
	float: left;
	width: 100%;
	padding: 0 10px;
}

.tableTy02 tr td {
	border-bottom: none;
}

.tableTy02 tr td:first-of-type {
	border-bottom: none;
}

.tableTy02 tr td:last-of-type {
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 10px;
}

.tableTy02 tr th {
	border-bottom: none;
	padding-top: 10px;
	padding-bottom: 3px;
}

.btn1 {
	margin: 20px 0;
}

.btn1 a {
	width: 270px;
	font-size: 14px;
	padding: 10px 0;
}

.btn2 a {
	font-size: 10px;
	padding: 4px 0 3px;
}

.anchor1 a {
	font-size: 10px;
	padding: 12px 0;
}

.tableBa input[type="text"],
.tableBa input[type="tel"],
.tableBa input[type="email"] {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.mw_wp_form_input .inputMessage.inline {
	display: block;
	margin: 6px 0 0 0;
}

#kankyo_other {
	width: 100%;
}

td.kankyo .mwform-radio-field:last-of-type {
	display: block;
}

.wp-pagenavi {
	margin-top: 20px;
}

.wp-pagenavi span,
.wp-pagenavi a {
	font-size: 13px;
}

.wp-pagenavi span:first-child,
.wp-pagenavi a:first-child {
	margin-left: 0;
}

main .googlemap {
	height: 120px;
}

body.home #main {
	padding: 0;
}

body.home #main .spTelAndContact {
	padding: 0 10px;
	margin-top: 25px;
}

body.home section {
	padding: 25px 10px;
}

#mainvisual {
	border-width: 3px;
	padding-top: 3px;
}

#mainvisual ul li:before,
#mainvisual ul li:after {
	height: 3px;
}

.fourServiceWrap .content,
.fourServiceWrap .circleWrap {
	width: auto;
}

.fourServiceWrap .circleWrap {
	padding: 0 30px;
}

.fourServiceWrap .circleWrap h3 {
	margin-bottom: 10px;
}

.fourServiceWrap .icon {
	width: 96px;
	margin: -48px 0 0 -48px;
}

.column {
	margin-left: 0 !important;
}

.column > .col {
	float: none;
	margin-left: 0 !important;
	width: auto !important;
	margin-top: 30px;
}

.column > .col:first-child {
	margin-top: 0;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
	display: none !important;
}

.categoryAndTag {
	margin-bottom: 20px;
}

.categoryAndTag li {
	display: block;
	margin: 10px 0 0;
}

.categoryAndTag li:first-child {
	margin-top: 0;
}

.dateAndSns {
	margin: 20px 0 15px;
}

.dateAndSns time,
.dateAndSns .snsArea {
	padding: 0;
	float: none;
}

.dateAndSns .snsArea {
	margin-top: 10px;
}

.snsArea ul li {
	margin: 0 0 0 6px;
}

.paging li {
	float: none !important;
	margin-top: 10px;
}

.paging li:first-child {
	margin-top: 0;
}

.paging a {
	display: block;
	width: auto;
}

.firstArea .content {
	min-height: 0;
}

.firstArea .title {
	font-size: 16px;
	margin-top: 12px;
}

.firstArea .text {
	margin-top: 12px;
}

.customerHope {
	margin-top: 20px;
	padding: 15px;
}

.customerHope .title {
	font-size: 16px;
	margin-bottom: 10px;
}

.customerHope .title:before {
	margin-top: -2px;
}

.customerHope .title span {
	padding-right: 8px;
}

section.case {
	margin: 30px 0;
}

article.case {
	margin-bottom: 30px;
}

.btnContactAgree {
	margin-top: 15px;
}

.btnContactAgree ul {
	display: block;
	margin-left: -3%;
}

.btnContactAgree ul li {
	margin-left: 3% !important;
	width: 47%;
}

.btnContactAgree ul li.single {
	width: 100%;
	margin: 0 !important;
	text-align: center;
}

.btnContactAgree ul li.single a,
.btnContactAgree ul li.single button,
.btnContactAgree ul li.single input {
	width: 180px;
	display: inline-block;
}

.btnContactAgree ul a,
.btnContactAgree ul button,
.btnContactAgree ul input {
	font-size: 15px;
}

#container.lp #sec2 {
	padding-bottom: 30px;
}

#container.lp #sec2 > h2 {
	margin: 0 -10px 20px;
}

#container.lp #sec3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

#container.lp #sec3 h2 {
	margin: 0 0 20px;
}

#container.lp #sec3 h2 img {
	width: 221px;
}

#container.lp #sec3 h3 {
	font-size: 18px;
	line-height: 1.4;
}

#container.lp #sec3 h3 small {
	font-size: 14px;
}

#container.lp #sec3 .lytImgBa.imageL {
	margin-top: 10px;
}

#container.lp #sec3 .lytImgBa.imageL > .img {
	padding-right: 0;
	margin: 0 0 10px;
	line-height: 0;
}

#container.lp #sec3 .lytImgBa.imageL > .img img {
	max-width: 240px;
}

#container.lp #sec3 p {
	font-size: 13px;
}

#container.lp #sec3 p small {
	font-size: 10px;
	line-height: 1.3;
	display: block;
}

#container.lp #sec3 .lastText {
	margin: 30px 0 0;
}

#container.lp #sec3 .boldText1 {
	font-size: 14px;
}

#container.lp #sec3 .boldText1 em {
	font-size: 16px;
}

#container.lp #sec3 .boldText2 em {
	font-size: 16px;
}

#container.lp #sec4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

#container.lp #sec4 h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

#container.lp #sec4 p {
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

#container.lp #sec4 ul.img {
	margin: 20px auto 30px;
}

#container.lp #sec4 ul.img li {
	display: block;
}

#container.lp #sec4 ul.img li:first-child {
	margin-right: 0;
}

#container.lp #sec4 ul.btn2 li {
	float: none !important;
	width: auto;
}

#container.lp #sec4 ul.btn2 li:first-child {
	margin-bottom: 14px;
}

#container.lp #sec4 ul.btn2 a {
	font-size: 14px;
	padding: 12px 0 11px;
}

#container.lp #sec5 {
	padding-bottom: 10px;
}

#container.lp #sec5 h2 {
	margin-bottom: 20px;
}

#container.lp #sec5 h2 + p {
	margin-bottom: 20px;
}

#container.lp #sec5 h2 img {
	width: 113px;
}

#container.lp #sec5 h3 {
	font-size: 16px;
	margin: 25px 0 15px;
}

#container.lp #sec5 h3 span {
	padding: 10px 20px 8px;
}

#container.lp #sec5 .inner > p {
	font-size: 13px;
	text-align: left !important;
}

#container.lp #sec6 h2 img {
	width: 233px;
}

#container.lp #main {
	padding: 0;
}

#container.lp section {
	margin: 30px 0;
}

.telAndContactWrap .inner {
	border-width: 0;
	border: none;
	padding: 0;
	border-image: none !important;
}

.telAndContactWrap .title {
	font-size: 14px;
	margin-bottom: 10px;
}

.telAndContactWrap .telAndSupport,
.telAndContactWrap .orderAndContact {
	width: auto;
	float: none;
}

.telAndContactWrap .orderAndContact {
	overflow: hidden;
	margin-top: 10px;
}

.telAndContactWrap .orderAndContact li {
	width: 48%;
	float: right;
	margin: 0;
}

.telAndContactWrap .orderAndContact li:first-child {
	float: left;
}

#lpMainvisual {
	margin-top: -10px !important;
}

.onayamiBox {
	padding: 20px 15px;
	border-width: 5px;
	margin-top: 15px;
}

.lpPointList {
	margin-left: 0%;
}

.lpPointList > li {
	float: left;
	width: 100%;
	margin: 0 0 0% 0%;
	margin: 0 0 20px 0%;
}

.lpPointList dt .point {
	width: 56px;
	padding: 10px 0 8px;
}

.lpPointList dt .point .text {
	font-size: 12px;
	margin-bottom: 3px;
}

.lpPointList dt .point .num {
	font-size: 22px;
}

.lpPointList dt .title {
	padding-left: 10px;
	font-size: 16px;
}

.lpPointList dd {
	padding: 20px;
}

.lpPointList .privacy {
	width: 46px;
}

ul.meritDemerit {
	margin-bottom: 30px;
}

ul.meritDemerit h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

ul.meritDemerit > li {
	float: none !important;
	width: auto;
	border-width: 2px;
	padding: 15px;
}

ul.meritDemerit > li.demerit {
	margin-top: 20px;
}

ul.meritDemerit .listCheck > li.small {
	font-size: 11px;
}

.tablePrice th,
.tablePrice td {
	font-size: 11px;
	padding: 10px 0;
}

.cautionBox {
	padding: 15px;
}

.cautionBox > dl > dt {
	font-size: 14px;
}

.flowCardMake {
	margin-top: 15px;
}

.flowCardMake > li {
	margin-top: 30px;
	font-size: 14px;
}

.flowCardMake .lytImgBa.imageR > .img {
	line-height: 0;
	padding-left: 0;
}

.flowCardMake .lytImgBa.imageR > .content {
	margin-bottom: 15px;
}

.flowCardMake h3 {
	margin-bottom: 11px;
}

.flowCardMake h3 .point {
	width: 56px;
	padding: 6px 0 4px;
}

.flowCardMake h3 .point .text {
	font-size: 11px;
	margin-bottom: 3px;
}

.flowCardMake h3 .point .num {
	font-size: 18px;
}

.flowCardMake h3 .title {
	padding-left: 15px;
	font-size: 16px;
}

.flowCardMake .btn2 a {
	font-size: 14px;
	padding: 10px 0 9px;
}

.flowCardMake .btn2 a.small {
	font-size: 11px;
}

.flowPrePrint {
	padding: 15px;
	margin-bottom: 30px;
}

.flowPrePrint > h3 {
	font-size: 16px !important;
	padding-bottom: 8px;
}

.flowPrePrint > h3 small {
	font-size: 12px;
}

.flowPrePrint .img {
	margin-top: 20px;
}

.flowPrePrint .img ul li {
	width: auto;
	margin-top: 20px;
	float: none !important;
}

.flowPrePrint .img ul li:first-child {
	margin-top: 0;
}

.flowPrePrint .img img {
	width: 220px;
}

.flowPrePrint .explain {
	border-width: 2px;
	padding: 15px 15px;
	margin-top: 20px;
}

.flowPrePrint .explain dt {
	font-size: 16px;
}

.flowPrePrint .explain dd {
	font-size: 13px;
	margin-top: 10px;
}

.flowPrePrint .arrow {
	margin: 20px auto;
}

.flowPrePrint .arrow img {
	width: 155px;
}

.paySample {
	padding: 15px;
	margin: 25px 0 15px;
	border-width: 2px;
}

.paySample > dt {
	font-size: 16px;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

.paySample > dd {
	font-size: 13px;
}

.paySample > dd p {
	line-height: 1.7;
}

.paySample .sample {
	margin-bottom: 15px;
}

.paySample .sample li {
	padding: 15px;
}

.paySample .sample dt {
	font-size: 14px;
	margin-bottom: 10px;
}

.paySample table {
	font-size: 11px;
}

.paySample table th,
.paySample table td {
	padding: 5px 0;
	line-height: 1.3;
}

.paySample table td {
	white-space: nowrap;
}

#container.lp.pet .lytImgBa.imageR > .img img,
#container.lp.pet .lytImgBa.imageL > .img img {
	max-width: 100%;
}

#container.lp.pet .lytImgBa.imageL > .img {
	padding-right: 0;
}

#container.lp.pet .lytImgBa.imageR > .img {
	padding-left: 0;
}

#container.lp.pet section#petSec1 .comunication {
	margin-top: 20px;
}

#container.lp.pet section#petSec2 h3 {
	margin: 30px 0 15px;
}

#container.lp.pet section#petSec2 .img100 {
	margin: 10px 0;
}

#container.lp.pet section#petSec2 ul.img {
	margin-top: 20px;
}

#container.lp.pet section#petSec3 {
	padding: 30px 10px;
}

#container.lp.pet section#petSec3 .img {
	margin-top: 10px;
}

#container.lp.pet section#petSec3 .img li {
	width: 47%;
}

#container.lp.pet section#petSec4 {
	padding: 10px 10px 30px;
}

#container.lp.pet section#petSec4 h2 {
	top: -10px;
}

#container.lp.pet section#petSec5 {
	padding-bottom: 30px;
}

#container.lp.pet section#petSec5 h2 {
	height: 105px;
	padding: 0 10px;
}

#container.lp.pet section#petSec5 h2:after,
#container.lp.pet section#petSec5 h2:before {
	height: 7px;
	background-size: 7px 7px;
}

#container.lp.pet section#petSec5 h2 img {
	position: static;
}

#container.lp.pet section#petSec5 > .inner {
	padding-top: 30px;
}

#container.lp.pet section#petSec5 .omakasekudasai {
	margin-bottom: 20px;
}

#container.lp.pet section#petSec6 .sorotteimasu {
	font-size: 15px;
	padding: 8px 10px 7px;
	margin: 20px;
}

#container.lp.pet section#petSec6 .indexBox {
	margin: 20px 0;
}

#container.lp.pet section#petSec6 .indexBox .left {
	float: none;
	width: 100%;
}

#container.lp.pet section#petSec6 .indexBox .right {
	width: 100%;
	float: none;
	margin-top: 10px;
}

#container.lp.pet section#petSec6 .indexBox .right ul {
	float: none;
}

#container.lp.pet section#petSec6 .indexBox .right ul li {
	margin: 0;
}

#container.lp.pet section#petSec6 .indexBox .right ul img {
	width: 100%;
}

#container.lp.pet section#petSec7 {
	padding: 30px 10px;
}

#container.lp.pet section#petSec7 h2 {
	margin-bottom: 20px;
}

#container.lp.pet section#petSec7 .herimasita {
	font-size: 15px;
	line-height: 1.6;
}

#container.lp.pet section#petSec7 .lytImgBa {
	margin-top: 20px;
}

#container.lp.pet section#petSec7 .animal {
	text-align: center;
}

#container.lp.pet section#petSec7 .animal img {
	width: 70px;
}

#container.lp.pet section#petSec8 {
	padding: 30px 10px;
}

#container.lp.pet section#petSec8 h2 {
	margin-bottom: 15px;
}

#container.lp.pet section#petSec8 h2 img {
	width: 200px;
}

.youtube {
	width: 100%;
	height: 200px;
	margin: 10px auto 20px;
}

.mizutamaBg3 {
	padding: 30px 15px 20px;
}

.mizuiroborder {
	border-width: 5px;
	padding: 20px 15px;
	margin-bottom: 20px;
}

.listColorIndexBox {
	margin-left: 0;
}

.listColorIndexBox li {
	float: none !important;
	width: auto;
	margin: 20px 0 0 0 !important;
}

.listColorIndexBox li:first-child {
	margin-top: 0 !important;
}

.listColorIndexBox h3 {
	padding: 10px;
}

.listColorIndexBox .content {
	padding: 10px 15px;
	font-size: 14px;
}

.fiveServiceImgList {
	margin: 20px 0 20px -2%;
}

.fiveServiceImgList li {
	width: 48%;
	margin: 0 0 2% 2%;
}

.fiveServiceImgList li:last-child {
	clear: both;
	display: block;
	float: none;
	margin: 0 auto;
}

.petContactArea {
	padding: 20px 10px;
}

.petContactArea:before,
.petContactArea:after {
	height: 5px;
	background-size: auto 5px;
}

.petContactArea .mail dt,
.petContactArea .mail dd {
	width: auto;
}

.petContactArea .mail dt {
	padding-top: 0;
	margin-bottom: 15px;
}

.indexBox {
	border-width: 3px;
}

.indexBox h3 {
	padding: 10px;
}

.indexBox .content {
	padding: 10px 15px;
	font-size: 14px;
}

dl.situmon dt {
	font-size: 16px;
	padding-bottom: 10px;
}

dl.situmon dd {
	font-size: 13px;
	margin-top: 10px;
}

.listPetQA li {
	border-width: 3px;
	margin-top: 20px;
}

.listPetQA dt {
	font-size: 16px;
	padding: 10px 15px 9px 52px;
}

.listPetQA dt:before {
	width: 17px;
	height: 17px;
	margin-top: -8.5px;
	left: 17px;
	background-size: 17px 17px;
}

.listPetQA dd {
	padding: 15px 15px 14px 52px;
	font-size: 14px;
}

.listPetQA dd:before {
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	top: 15px;
	left: 17px;
}

}

/* ----------------------------------------------------------------------------------------------------
   サービスページ
---------------------------------------------------------------------------------------------------- */
.pMark_text {
  float: left;
}
.pMark_img {
  float: right;
}
/* ----------------------------------------------------------------------------------------------------
   カード　サンプルページ等
---------------------------------------------------------------------------------------------------- */
.sample_card_box {
  width: 100%;
  display: -webkit-flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow:row wrap;
}
.sample_card_box li{
  font-size: 16px;
  font-weight: bold;
  width: 31.333%;
  margin: 1%;
}
.sample_card_box li img{
  width: 100%;
}
.sample_card_box .text {
  font-size: 14px;
  font-weight: normal;
}

/* ----------------------------------------------------------------------------------------------------
   オプション加工
---------------------------------------------------------------------------------------------------- */
.option .service{
  margin-bottom: 20px;
  overflow: hidden;
}
.option .service .text {
  float: left;
  width: 630px;
}
.option .service img {
  float: right;
  display: block;
}
@media screen and (max-width: 750px) {
  .option .service .text {
  float: none;
  width: 100%;
}
.option .service img {
  float: none;
}
}
  
@-webkit-keyframes moveX {

0% {
	left: 14px;
}

50% {
	left: 200px;
}

100% {
	left: 14px;
}

}

@keyframes moveX {

0% {
	left: 14px;
}

50% {
	left: 200px;
}

100% {
	left: 14px;
}

}

@-webkit-keyframes rotateplane {

0% {
	-webkit-transform: rotateZ(0deg);
}

100% {
	-webkit-transform: rotateZ(360deg);
}

}

@-ms-keyframes rotateplane {

0% {
	-ms-transform: rotateZ(0deg);
}

100% {
	-ms-transform: rotateZ(360deg);
}

}

@-o-keyframes rotateplane {

0% {
	-o-transform: rotateZ(0deg);
}

100% {
	-o-transform: rotateZ(360deg);
}

}

@keyframes rotateplane {

0% {
	transform: rotateZ(0deg);
}

100% {
	transform: rotateZ(360deg);
}

}

/* ----------------------------------------------------------------------------------------------------
   404ページ
---------------------------------------------------------------------------------------------------- */
.not-txt {
  margin-bottom: 40px;
}

/*
     FILE ARCHIVED ON 23:23:06 Feb 13, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:33:39 Jul 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.779
  load_resource: 465.834 (2)
  PetaboxLoader3.resolve: 374.863 (2)
  PetaboxLoader3.datanode: 27.276 (2)
*/