@charset "UTF-8";
/*
Theme Name: nishimura-newwork-service
Description: nishimura V4.4.1 Design WordPress tmpl.
Author: cmdc
Author URI: c-mdc.jp
Version: 4.4.1
*/

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

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

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

/* ------------------------------------
// common
------------------------------------ */

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	color: #1A1A1A;
	text-align: center;
	font-weight: normal;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	overflow-x: hidden;
}

a {
	overflow: hidden;
	color: #1A1A1A;
	outline: none !important;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}

a:link,
a:visited,
a:active,
a:hover,
a:focus {
	overflow: hidden !important;
	outline: none !important;
}

a:link {
	color: #1880D9;
}

a:hover {
	color: #4da0e9 !important;
	text-decoration: none !important;
}

:focus {
	outline: none !important;
}

/*
a:visited {
	color: #2188D8 !important;
}*/

.current {
	color: #C1272D !important;
}

.page_link {
	margin-top: -150px !important;
	padding-top: 150px !important;
}

img {
	max-width: 100% !important;
	height: auto !important;
}

a img {
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}

a:hover img {
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	filter: alpha(opacity=80);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)";
	/* IE 8 */
	opacity: 0.8;
	-webkit-transform: scale(0.98);
	-moz-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
}

.noimage {
	height: 100%;
	display: block;
	color: #FFF;
	font-size: large;
	text-align: center;
	line-height: 10rem;
	background: #eee;
}

.none {
	display: none;
}

[class*="col-"] {
	margin-bottom: 1rem;
	/*overflow: hidden;*/
}

blockquote {
	padding: 1rem 2rem !important;
	text-align: left;
	background-color: #fff5ab;
	border: 2px solid #DDD;
	border-radius: 3rem;
}

blockquote:before {
	color: #333;
	content: "";
}

/* ------------------------------------
// background
------------------------------------ */

.bg-main {
	background-color: #009688 !important;
}

.bg-sky {
	background-color: #5db7e8 !important;
}

.bg-lime {
	background-color: #B8FAEB !important;
}

.bg-cyan {
	background-color: #9de2f5 !important;
}

.bg-orange {
	background-color: #EF8300 !important;
}

.bg-pink {
	background-color: #f77366 !important;
}

.bg-purple {
	background-color: #c375ad !important;
}

.bg-gray {
	background-color: #F3F3F3 !important;
}

.bg-contact {
	background-color: #fdeef1 !important;
}

.bg-beige {
	background-color: #FFF8E1 !important;
}

.bg-01 {
	background-color: #FFF8E1 !important;
}

.bg-02 {
	background-color: #E5F5F3 !important;
}

.bg-tbl {
	background-color: #ebfcff !important;
}

.bg-pattern01 {
	background: linear-gradient(45deg, #e3faff 25%, transparent 25%, transparent 75%, #e3faff 75%), linear-gradient(45deg, #e3faff 25%, transparent 25%, transparent 75%, #e3faff 75%);
	background-color: #FFF;
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
}

.bg-pattern02 {
	background: linear-gradient(45deg, #ecfff5 25%, transparent 25%, transparent 75%, #ecfff5 75%), linear-gradient(45deg, #ecfff5 25%, transparent 25%, transparent 75%, #ecfff5 75%);
	background-color: #FFF;
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
}

.bg-pattern01 {
	background-color: #E3FAFF !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='53' height='53' fill-opacity='0.5' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
}

.bg-pattern02 {
	background-color: #ECFFF5 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 100 100'%3E%3Crect x='0' y='0' width='53' height='53' fill-opacity='0.7' fill='%23FFFFFF'/%3E%3C/svg%3E") !important;
}

.bg-plant {
	margin: 0 0 3rem;
	background: url('common/background/bg-plant') no-repeat top right;
	background-size: cover;
	text-align: center;
}

/* ------------------------------------
// border
------------------------------------ */

/* ------------------------------------
// typography
------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0 0 2rem;
	font-weight: bold !important;
	text-align: center;
	line-height: 1.4 !important;
	letter-spacing: .1rem;
}

.post-title {
	margin-bottom: 1rem;
	padding: 1.5rem;
	font-size: 2.4rem !important;
	color: #FFFF;
	text-align: center !important;
	background-color: #495057 !important;
}

.eng-title {
	font-family: 'Oswald', sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
}

.eng-title span {
	display: block;
	text-align: center;
	font-size: 1.4rem !important;
	line-height: 1.2 !important;
}

h1 {
	color: #1A1A1A;
	line-height: 1.3;
}

.title {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 400 !important;
	letter-spacing: .25rem !important;
}

.title>small {
	display: block;
	text-align: left;
	font-size: 45% !important;
}

.page-title {
	padding: 1.35rem 1rem;
	text-align: center !important;
}

.page-title>span {
	margin-right: 1rem;
	padding: .3rem .75rem;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 700 !important;
	color: #FFF;
	letter-spacing: 0 !important;
	display: inline-block;
	border-radius: .3rem;
	background-color: #C1272D;
}

h1.title {
	padding: 1.5rem 1rem;
	line-height: 1.3;
	letter-spacing: .2rem !important;
}

h1.title>small {
	margin-top: .2rem;
	display: block;
	text-align: center;
	font-size: 1.3rem !important;
}

#page-title h1.title>small {
	font-family: "Noto Sans JP", sans-serif !important;
	text-transform: none;
}

h2 {
	margin: 1rem 0 2.5rem !important;
	color: #0F5DD9;
	font-weight: bold !important;
	line-height: 1.4;
	letter-spacing: .4rem;
}

h2.title {
	margin: 3rem 0 3.5rem !important;
	text-align: center;
	letter-spacing: .2rem !important;
}

h2.title>small {
	margin-top: .2rem;
	display: block;
	text-align: center;
	font-size: 1.3rem !important;
}

h2.page-title {
	margin: 1rem 0 3rem !;
	padding: 1rem 1rem;
	text-align: center;
	letter-spacing: .4rem;
	border-bottom: 3px double #CCC;
}

h2.list-title {
	margin: 0 0 1.5rem !important;
	color: #EF8300 !important;
	font-size: 2.1rem !important;
	text-align: left;
	letter-spacing: .1rem;
}

h2.list-title a {
	color: #EF8300 !important;
}

h2.lead-title {
	font-size: 3rem !important;
	line-height: 1.8 !important;
}

h3 {
	margin: 0 0 2rem !important;
	padding: 0;
	line-height: 1.5;
	letter-spacing: .2rem !important;
}

h3.title {
	letter-spacing: .1rem !important;
}

h3 small {
	font-weight: bold;
	font-size: 55% !important;
	letter-spacing: .1rem !important;
}

h3.title>small {
	display: block;
	text-align: center;
	font-size: 1.3rem !important;
}

h3.sub-title>small {
	display: inline-block;
	text-align: left;
	font-size: 1.3rem !important;
}

h4 {
	margin: .5rem 0 1rem;
	line-height: 1.5 !important;
}

h5 {
	margin: .5rem 0 .75rem !important;
	line-height: 1.6 !important;
	letter-spacing: 0 !important;
}

h6 {
	margin: 0 0 .5rem;
	line-height: 1.5 !important;
}

p {
	margin: 0 0 1rem;
	line-height: 1.7 !important;
	text-align: center;
	letter-spacing: 0.5px;
}

body p:empty:before {
	content: none !important;
}

strong {
	font-weight: 600 !important;
}

em {
	font-weight: 800 !important;
	font-style: normal !important;
}

small {
	display: inline-block;
	font-size: 80%;
	line-height: 1.7;
}

label {
	padding: 1.5rem 2.5rem;
	line-height: 1;
	text-transform: capitalize;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.5px;
	background: #333 !important;
	border-radius: .25rem;
}

label>small {
	display: block;
	text-align: center;
	font-size: 70%;
	color: #0AA800;
}

label.sub-label {
	padding: 1rem 1.5rem;
	line-height: 1;
	text-transform: capitalize;
	font-weight: 700;
	color: #FFF;
	letter-spacing: 0.5px;
	border-radius: .75rem;
}

label.label-list {
	margin-right: .5rem;
	padding: .75rem 1rem;
	line-height: 1;
	text-transform: capitalize;
	font-weight: 700;
	color: #FFF !important;
	letter-spacing: 0.5px;
	border-radius: .35rem;
	background-color: #09E !important;
}

hr {
	margin-top: 3rem !important;
	margin-bottom: 3.5rem !important;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.bg-title {
	padding: .7rem 2rem;
	min-width: 280px;
	display: inline-block;
	color: #FFF;
	border-radius: .25rem;
}

.text-link {
	font-weight: bold;
}

.telephone {
	color: #028e61 !important;
	font-weight: bold;
	font-size: 3.6rem !important;
	letter-spacing: -1px !important;
}

.ls-2 {
	letter-spacing: .2rem !important;
}

.ls-3 {
	letter-spacing: .3rem !important;
}

.lh-2 {
	line-height: 2 !important;
}

.slug {
	text-transform: capitalize;
}

/* ------------------------------------
// header
------------------------------------ */

header#main-head {
	padding: 0 0;
	overflow: hidden;
}

header#main-head .site-title {
	margin: .5rem 0 .35rem .0 !important;
	padding-left: .5rem;
	text-align: left;
	font-size: 1.4rem;
	color: #202020;
	font-weight: normal !important;
}

header#main-head .navbar-brand {
	padding-left: .5rem !important;
}

/* ------------------------------------
// color variation
------------------------------------ */

.text-black {
	color: #1A1A1A !important;
}

.text-red {
	color: #d30023 !important;
}

.text-blue {
	color: #083888 !important;
}

.text-sky {
	color: #009AC3 !important;
}

.text-cyan {
	color: #9de2f5 !important;
}

.text-pink {
	color: #FD757A !important;
}

.text-purple {
	color: #c375ad !important;
}

.text-lime {
	color: #76C944 !important;
}

.text-yellow {
	color: #F8AF4B !important;
}

.text-orange {
	color: #EF8300 !important;
}

.text-green {
	color: #009A88 !important;
}

.text-white {
	color: #FFF !important;
}

.svg-title {
	fill: currentColor !important;
}

.text-serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.text-sanserif {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

.text-description {
	font-size: 85% !important;
}

.shodow {
	box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	border-radius: .25rem;
}

/* ------------------------------------
// button
------------------------------------ */

.button {
	padding: 1.75rem 3.5rem;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #FFF !important;
	font-size: 1.8rem;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .1rem;
	text-shadow: initial;
	border: 2px solid #EF8300;
	border-radius: .2rem;
	background-color: #EF8300;
}

.button::before,
.button::after {
	width: 50%;
	height: 100%;
	top: 0;
	display: block;
	position: absolute;
	z-index: -1;
	content: "";
	background-color: #EF8300;
}

.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	color: #FFF !important;
	border-color: #f4a84c;
	background-color: #f4a84c;
}

.button:focus,
.button:active,
.button:visited {
	color: #FFF !important;
}

.button::before {
	right: 0;
}

.button::after {
	left: 0;
}

.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #f4a84c;
}

.button .fas {
	margin-right: .6rem;
}

.button>small {
	margin-bottom: .25rem;
	display: block;
	line-height: 1.1;
	text-align: center;
}

.button>.display-3 {
	font-weight: 600;
	letter-spacing: 0 !important;
}

.button-link {
	padding: 1.75rem 4.5rem;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #FFF !important;
	font-size: 1.8rem;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .1rem;
	text-shadow: initial;
	border: 2px solid #036637;
	border-radius: 3rem;
	background-color: #036637;
}

.button-link::before,
.button-link::after {
	width: 50%;
	height: 100%;
	top: 0;
	display: block;
	position: absolute;
	z-index: -1;
	content: "";
	background-color: #036637;
}

.button-link,
.button-link::before,
.button-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-link:hover {
	color: #FFF !important;
	border-color: #4CB8AB;
	background-color: #4CB8AB;
}

.button-link:focus,
.button-link:active,
.button-link:visited {
	color: #FFF !important;
}

.button-link::before {
	right: 0;
}

.button-link::after {
	left: 0;
}

.button-link:hover::before,
.button-link:hover::after {
	width: 0;
	background-color: #4CB8AB;
}

.button-link .fas {
	margin-right: .6rem;
}

.button-works {
	padding: 1.75rem 3.5rem;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #FFF !important;
	font-size: 1.8rem;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .1rem;
	text-shadow: initial;
	border: 2px solid #009ac3;
	border-radius: .2rem;
	background-color: #009ac3;
}

.button-works::before,
.button-works::after {
	width: 50%;
	height: 100%;
	top: 0;
	display: block;
	position: absolute;
	z-index: -1;
	content: "";
	background-color: #009ac3;
}

.button-works,
.button-works::before,
.button-works::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-works:hover {
	color: #FFF !important;
	border-color: #26a4c7;
	background-color: #26a4c7;
}

.button-works:focus,
.button-works:active,
.button-works:visited {
	color: #FFF !important;
}

.button-works::before {
	right: 0;
}

.button-works::after {
	left: 0;
}

.button-works:hover::before,
.button-works:hover::after {
	width: 0;
	background-color: #26a4c7;
}

.button-works .fas {
	margin-right: .6rem;
}

/* ------------------------------------
// list
------------------------------------ */

ul,
ol,
dl dt,
dd {
	line-height: 1.5;
}

dl {
	margin: 0 0 1rem;
}

dt {
	margin: 0 0 .5rem;
	padding: .35rem 1rem;
	text-align: left;
	font-weight: 500;
	color: #FFF;
	background-color: #495057;
}

dd {
	margin: 0 0 .75rem !important;
	padding: .35rem 1rem;
	line-height: 1.6;
	text-align: left;
}

dd:last-child {
	margin-bottom: 0 !important;
}

li {
	margin: .5rem 0 .5rem;
	list-style: none;
}

ul.arrow {
	margin: 0 0 2rem;
}

ul.arrow li {
	margin: 0 0 .75rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}

ul.arrow li:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #09C;
}

ul.arrow-sub li {
	margin: 0 0 .75rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}

ul.arrow-sub li:before {
	margin-right: 5px;
	content: "◎";
	color: #888;
}

.sub-list {
	margin: 0 0 1rem;
}

dl.question {
	margin: 0 0 4rem;
}

dl.question dt {
	padding: 1rem 2rem !important;
	font-weight: bold;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: .35rem;
}

dl.question dd {
	padding: .75rem 2rem !important;
}

dl.privacy {
	margin: 0 0 2rem;
}

dl.privacy dt {
	padding: .75rem 2rem !important;
	font-weight: bold;
	text-align: center;
	color: #101010;
	background-color: #dee2e6;
}

dl.privacy dd {
	padding: .75rem 2rem !important;
}

hr.hr-dotted {
	margin: 1rem 0 2.5rem !important;
	border-top: 2px dotted rgba(125, 125, 125, 0.2) !important;
}

hr.hr-dotted2 {
	margin: 2rem 0 2rem !important;
	border-top: 2px dotted rgba(255, 255, 255, 0.5);
}

hr.hr-line {
	margin: 1em 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* ------------------------------------
// media
------------------------------------ */

object {
	pointer-events: none;
}

a>object {
	display: inline-block;
}

.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
}

.navbar-brand img {
	margin-top: 0;
	margin-bottom: 0;
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
}

.img-responsive {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
}

.img-svg {
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.img-mark {
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	width: 18%;
	height: auto;
}

.logo-svg {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 10%;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.svg-logo {
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
}

.img-call {
	margin: 0 0 .5rem auto;
	width: 100%;
	max-width: 100% !important;
	height: auto;
}

.img-followme {
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	width: 45%;
	max-width: 100%;
	height: auto;
}

.svg-inline {
	width: 25rem;
}

.img-fit {
	max-width: 100% !important;
	width: 100% !important;
	height: auto;
}

.img-50 {
	margin: 0 auto;
	width: 50% !important;
	max-width: 50% !important;
	height: auto;
	display: block;
	text-align: center;
}

.img-maker {
	margin: 0 auto;
	width: 50% !important;
	max-width: 50% !important;
	height: auto;
	display: block;
	text-align: center;
}

.img-freedial {
	vertical-align: middle;
	display: inline-block;
}

.youtube {
	padding-top: 56.25%;
	width: 100%;
	height: 100%;
	position: relative;
}

.youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

#freedial {
	width: 200px;
}

.fixed-btn {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

@media(max-width:768px) {
	.fixed-btn {
		display: none;
	}
}

/* ------------------------------------
// layout
------------------------------------ */

main {
	margin: 0;
	min-height: 10vh;
}

article {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

article#page {
	text-align: left;
}

section {
	margin: 0 0;
	padding: 3rem 0 4rem;
}

article section {
	padding: 5rem 0 5rem;
	background: #FFF;
}

article#pages section {
	height: 100%;
	min-height: 720px;
	position: relative;
	background: #FFF;
}

article section#item-list .card h4 {
	position: relative;
	font-size: 1.5rem !important;
	letter-spacing: 0 !important;
}

article section#item-list .card h4 .new-item {
	padding: 1rem;
	position: absolute;
	left: 14px;
	bottom: 25px;
	display: inline-block;
	line-height: 1;
	color: #FFF;
	background-color: #C33;
	border-radius: 50%;
}

article section#contact {
	padding: 3rem 0 3rem;
	color: #1A1A1A;
}

.parallax {
	padding: 3rem 1rem !important;
	min-height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

article section.parallax-primary {
	background-image: url('common/parallax/parallax-primary.jpg');
}

article section.parallax-secondary {
	background-image: url('common/parallax/parallax-secondary.jpg');
}

article section.parallax-tertiary {
	background-image: url('common/parallax/parallax-tertiary.jpg');
}

article section.parallax-quaternary {
	background-image: url('common/parallax/parallax-quaternary.jpg');
}

.label-title {
	padding: 1rem;
	width: 5rem;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.label-title .rotate {
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%)
}

article section .container_innner {
	margin-bottom: 5rem;
	background-color: #FFF;
}

aside {
	padding: 3rem 0 2rem;
	margin: 0 0 1rem;
}

aside section {
	padding: 0;
}

footer {
	margin: 0 auto 0;
	padding: 1rem 0 .5rem;
	text-align: left;
	color: #FFF;
	background-color: #35ADDB;
}

@media (max-width: 767.98px) {
	article section#item-list .card h4 .new-item {
		padding: 1rem;
		position: absolute;
		left: 5px;
		bottom: 48px;
		display: inline-block;
		line-height: 1;
		color: #FFF;
		background-color: #C33;
		border-radius: 50%;
	}
}

/*-----------------------------------------------------
// footer
-----------------------------------------------------*/

footer section {
	padding-top: 2rem !important;
	padding-bottom: .5rem !important;
}

footer a {
	color: #FFF !important;
}

footer a:hover {
	color: rgba(255, 255, 255, 0.6) !important;
	text-decoration: none !important;
}

footer #copy {
	padding: 1.2rem .5rem 0 !important;
}

#footer-banner h4 {
	margin-bottom: 1rem !important;
}

#footer-banner a {
	display: block;
}

#footer-banner a:hover {
	text-decoration: none !important;
	opacity: 0.8;
}

footer .company-info {
	text-align: right;
}

footer .company-info p {
	text-align: right !important;
}

footer .footer-nav {
	margin: 0;
	padding: 1rem;
}

footer .footer-nav li {
	font-weight: normal;
	text-align: left;
	font-size: 1.4rem !important;
}

footer .footer-nav li a::before {
	margin-right: .35rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
}

footer .footer-nav li ul {
	margin-left: 1.5rem;
}

footer h2.title {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	background-color: transparent !important;
}

footer h2.title>small {
	margin-top: .2rem;
	display: block;
	text-align: center;
	font-size: 1.3rem !important;
}

footer h5 {
	margin: 0 0 .5rem;
	font-weight: bold !important;
	letter-spacing: .1rem;
}

footer small {
	font-size: 90%;
	;
}

footer .title small {
	display: inline-block;
	font-size: 80%;
	vertical-align: middle;
}

footer p {
	margin: 0 0 .5rem;
	font-size: 1.5rem;
	text-align: left;
	letter-spacing: 0;
}

footer .telephone a {
	letter-spacing: 0 !important;
}

footer .svg-icon {
	margin: 0 1rem 0;
	padding: 0;
	display: inline-block;
	width: 42px;
}

footer .footer-svg {
	margin: 0 0 1rem auto;
	padding: 0;
	display: block;
	width: 95%;
}

.copyright {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	color: #FFF;
	letter-spacing: .1rem;
	font-size: 1.2rem !important;
	letter-spacing: 0 !important;
}

/*-----------------------------------------------------
// slider
-----------------------------------------------------*/

.n2-ss-layers-container {
	margin: 0 auto !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	max-width: 1140px !important;
}

.n2-ss-slider .n2-ss-text {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 400 !important;
	letter-spacing: .5rem !important;
}

.slide-top_title {
	margin: 0 auto 2rem !important;
	padding: .5rem 3rem;
	min-width: 30%;
	max-width: 768px !important;
	display: block;
	position: relative;
	z-index: 1;
}

.slide-top_title::before {
	content: "" !important;
	display: inline-block !important;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #2acea8c7;
}

.slide-top_title h2 {
	margin: 0 !important;
	padding: .5rem 0 !important;
	font-size: 3.7rem !important;
	color: #FFF !important;
}

.slide-title {
	margin: 0 auto 2rem !important;
	padding: .5rem 3rem;
	min-width: 30%;
	max-width: 1100px !important;
	display: block;
	position: relative;
	z-index: 1;
}

.slide-title::before {
	content: "" !important;
	display: inline-block !important;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #2acea8c7;
}

.slide-title h2 {
	margin: 0 !important;
	padding: .5rem 0 !important;
	font-size: 3.7rem !important;
	color: #FFF !important;
}

.slide-description {
	padding: .5rem .3rem;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6993172268907564) 15%, rgba(255, 255, 255, 0.7021183473389356) 85%, rgba(255, 255, 255, 0) 100%);
}

.n2-ss-slider p {
	text-align: center;
	letter-spacing: .2rem !important;
	font-weight: 700 !important;
	font-size: 2.4rem !important;
	color: #1880D9 !important;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .8) !important;
}

@media (max-width: 767.98px) {
	.n2-ss-slider .n2-ss-section-main-content {
		padding: 0 !important;
	}

	.n2-ss-layers-container {
		margin: 0 auto !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		max-width: 90% !important;
	}

	.n2-ss-slider .n2-ss-text {
		font-family: 'Noto Serif JP', serif !important;
		font-weight: 400 !important;
		letter-spacing: .3rem !important;
	}

	.slide-title {
		margin: 0 auto 2rem !important;
		padding: .5rem 0;
		min-width: 30%;
		max-width: 100% !important;
		display: block;
		position: relative;
		z-index: 1;
	}

	.slide-title::before {
		content: "" !important;
		display: inline-block !important;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;
		transform: skewX(-30deg);
		background-color: #2acea8c7;
	}

	.slide-title h2 {
		margin: 0 !important;
		padding: .5rem 0 !important;
		font-size: 2.2rem !important;
		color: #FFF !important;
	}

	.slide-top_title {
		margin: 0 auto 2rem !important;
		padding: .5rem 0;
		min-width: 30%;
		max-width: 100% !important;
		display: block !important;
		position: relative !important;
		z-index: 1;
	}

	.slide-top_title::before {
		content: "" !important;
		display: inline-block !important;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;
		transform: skewX(-30deg);
		background-color: #2acea8c7;
	}

	.slide-top_title h2 {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.9rem !important;
		color: #FFF !important;
		letter-spacing: 0 !important;
	}

	.slide-description {
		padding: .5rem .3rem;
		background: rgb(255, 255, 255);
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6993172268907564) 15%, rgba(255, 255, 255, 0.7021183473389356) 85%, rgba(255, 255, 255, 0) 100%);
	}

	.n2-ss-slider p {
		text-align: center;
		letter-spacing: .2rem !important;
		font-weight: 700 !important;
		font-size: 1.5rem !important;
		color: #1880D9 !important;
		line-height: 1.6 !important;
		letter-spacing: 0.5px !important;
		text-shadow: 1px 1px 0px rgba(255, 255, 255, .85) !important;
	}
}

/*-----------------------------------------------------
// contents
-----------------------------------------------------*/

/*--- top ---*/

#top-head {
	margin: 0 auto;
	padding-top: 42.708%;
	height: 0;
	position: relative;
	background: url('common/header/hero.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

#top-head h1 {
	width: 98%;
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #2ACEA8 !important;
	font-weight: 400 !important;
	letter-spacing: 1rem !important;
}

.top-head-delivery {
	margin: 0 auto 3rem;
	padding-top: 21.875%;
	height: 0;
	/*min-height: 350px;*/
	position: relative;
	background: url('common/background/top-delivery-head.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

.top-head-delivery .maker-logo {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.top-head-aquaclara {
	margin: 0 auto 3rem;
	padding-top: 21.875%;
	height: 0;
	/*min-height: 350px;*/
	position: relative;
	background: url('common/background/top-aquaclara-head.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

.page-head-deliveryarea {
	margin: 0 auto 3rem;
	padding-top: 21.875%;
	height: 0;
	/*min-height: 350px;*/
	position: relative;
	background: url('common/background/page-deliveryarea-head.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

#page section h3,
#page section h4,
#page section h5,
#page section h6,
#page section p {
	text-align: left;
}

#recruit {
	margin: 0 auto;
	padding-top: 26.041%;
	height: 0;
	position: relative;
	background: url('common/background/top-recruit-head.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

#recruit .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#recruit .text-primary {
	color: #0F5DD9 !important;
}

#recruit .border-primary {
	border-color: #0F5DD9 !important;
}

#page-head {
	margin: 0 auto;
	padding-top: 35%;
	height: 0;
	position: relative;
	background: url('common/header/header.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}

#pages-head {
	margin: 0 auto;
	padding-top: 26.041%;
	height: 0;
	position: relative;
	background: url('common/header/pages-head.jpg') no-repeat center center #FFF;
	background-size: cover !important;
	text-align: center;
}

body.delivery-item #pages-head,
body.delivery-item-child #pages-head,
body.delivery-system #pages-head,
body.order-form #pages-head {
	background: url('common/header/pages-delivery.jpg') no-repeat center center #FFF;
}

body.aquaclara #pages-head,
body.aquaclara-child #pages-head,
body.aqua-slim #pages-head,
body.aqua-fab #pages-head,
body.aqua-with #pages-head {
	background: url('common/header/pages-aquaclara.jpg') no-repeat center center #FFF;
}

body.recruit #pages-head {
	background: url('common/header/pages-recruit.jpg') no-repeat center center #FFF;
}

body.delivery-business #pages-head {
	background: url('common/header/pages-deliverybusiness.jpg') no-repeat center center #FFF;
}

body.delivery-promotion #pages-head {
	background: url('common/header/pages-deliverypromotion.jpg') no-repeat center center #FFF;
}

body.aquaclara-sales #pages-head {
	background: url('common/header/pages-aquaclarasales.jpg') no-repeat center center #FFF;
}

body.aquaclara-aquaporter #pages-head {
	background: url('common/header/pages-aquaclaraaquaporter.jpg') no-repeat center center #FFF;
}

body.call-center #pages-head {
	background: url('common/header/pages-callcenter.jpg') no-repeat center center #FFF;
}

body.staff #pages-head,
body.staff-child #pages-head {
	background: url('common/header/pages-staff.jpg') no-repeat center center #FFF;
}

body.company #pages-head {
	background: url('common/header/pages-company.jpg') no-repeat center center #FFF;
}

body.contact #pages-head,
body.contact-child #pages-head {
	background: url('common/header/pages-contact.jpg') no-repeat center center #FFF;
}

body.tullys-coffee #pages-head {
	background: url('common/header/pages-tullys.jpg') no-repeat center center #FFF;
}

body.nishimura-club #pages-head {
	background: url('common/header/pages-nishimura.jpg') no-repeat center center #FFF;
}

body.dohiemon #pages-head {
	background: url('common/header/pages-dohiemon.jpg') no-repeat center center #FFF;
}

body.dohiemon #pages-head .container-fluid {
	display: none !important;
}

#pages-head .container-fluid,
.content-head .container-fluid {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.parallelogram {
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.parallelogram::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #1880D9;
	content: "";
}

.parallelogram-g {
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.parallelogram-g::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #2ACEA8;
	content: "";
}

.parallelogram-p {
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.parallelogram-p::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #BC67F0;
	content: "";
}

#pages-head h1.title {
	margin: 0 auto !important;
	padding: 0 !important;
	color: #FFF;
	font-size: 3.2rem !important;
	text-transform: none !important;
	z-index: 9999;
}

#page-head .container-fluid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#page-head h2.title {
	letter-spacing: .3rem;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
	color: #ff5722;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0.2) 58%, rgba(255, 255, 255, 0) 95%);
}

#page-head .page-head_inner div {
	display: block;
	text-align: center;
}

.postmeta-date {
	font-size: 1.4rem;
	color: #555;
	letter-spacing: 0 !important;
}

.page-nav {
	margin: .5rem 0 0;
	text-align: right;
}

.page-nav a {
	margin: 0 1rem;
	display: inline-block;
	color: #222 !important;
	font-weight: 600;
}

/* --- item ---*/

.item-name {
	margin: 0 .5rem .5rem 0;
	padding: .5rem 1rem;
	display: inline-block;
	color: #FFF;
	font-size: 90% !important;
	border-radius: 2rem;
}

.component01 {
	background-color: #10c1d8;
}

.component02 {
	background-color: #09C;
}

.component03 {
	background-color: #ca8972;
}

.component04 {
	background-color: #f7825d;
}

.component05 {
	background-color: #74d078;
}

.component06 {
	background-color: #c56cd4;
}

.voice-box {
	position: relative;
	width: 100%;
	background: #FFFFDF;
	padding: 1rem 1.5rem;
	text-align: left;
	border: 2px solid #B8B8B8;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
}

.voice-box:after,
.voice-box:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 50%;
}

.voice-box:after {
	border-color: rgba(255, 255, 223, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 23px;
	border-right-width: 23px;
	margin-top: -10px;
	border-right-color: #FFFFDF;
}

.voice-box:before {
	border-color: rgba(184, 184, 184, 0);
	border-top-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 27px;
	border-right-width: 27px;
	margin-top: -12px;
	margin-right: 2px;
	border-right-color: #B8B8B8;
}

/* --- aquaclara ---*/

.badyaqua-point {
	margin: 0 0 3rem;
	background: url('common/background/bg-point.svg') no-repeat top center;
	background-size: cover;
	text-align: center;
}

.badyaqua-point .card {
	background-color: rgba(255, 255, 255, 0.5) !important;
}

.badyaqua-point .card-body small {
	font-size: 75% !important;
}

.point-plan {
	position: relative;
}

.plan01 {
	background-color: #fff5ab !important;
}

.plan02 {
	background-color: #a3dbff !important;
}

.plan03 {
	background-color: #ffd6d9 !important;
}

.img-point {
	position: absolute;
	top: 5px;
	left: 5px;
}

@media (max-width: 767.98px) {
	#top-head {
		margin: 0 auto;
		padding-top: 105.468%;
		height: 0;
		position: relative;
		background: url('common/header/hero_sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}

	#pages-head {
		padding-top: 46.875%;
		background: url('common/header/pages-head_sp.jpg') no-repeat center center #FFF;
		background-size: contain !important;
	}

	body.delivery-item #pages-head,
	body.delivery-item-child #pages-head,
	body.delivery-system #pages-head,
	body.order-form #pages-head {
		background: url('common/header/pages-delivery_sp.jpg') no-repeat center center #FFF;
	}

	body.aquaclara #pages-head,
	body.aquaclara-child #pages-head,
	body.aqua-slim #pages-head,
	body.aqua-fab #pages-head,
	body.aqua-with #pages-head {
		background: url('common/header/pages-aquaclara_sp.jpg') no-repeat center center #FFF;
	}

	body.company #pages-head {
		background: url('common/header/pages-company_sp.jpg') no-repeat center center #FFF;
	}

	body.recruit #pages-head {
		background: url('common/header/pages-recruit_sp.jpg') no-repeat center center #FFF;
	}

	body.delivery-business #pages-head {
		background: url('common/header/pages-deliverybusiness_sp.jpg') no-repeat center center #FFF;
	}

	body.delivery-promotion #pages-head {
		background: url('common/header/pages-deliverypromotion_sp.jpg') no-repeat center center #FFF;
	}

	body.aquaclara-sales #pages-head {
		background: url('common/header/pages-aquaclarasales_sp.jpg') no-repeat center center #FFF;
	}

	body.aquaclara-aquaporter #pages-head {
		background: url('common/header/pages-aquaclaraaquaporter_sp.jpg') no-repeat center center #FFF;
	}

	body.call-center #pages-head {
		background: url('common/header/pages-callcenter_sp.jpg') no-repeat center center #FFF;
	}

	body.staff #pages-head,
	body.staff-child #pages-head {
		background: url('common/header/pages-staff_sp.jpg') no-repeat center center #FFF;
	}

	body.tullys-coffee #pages-head {
		background: url('common/header/pages-tullys_sp.jpg') no-repeat center center #FFF;
	}

	body.nishimura-club #pages-head {
		background: url('common/header/pages-nishimura_sp.jpg') no-repeat center center #FFF;
	}

	body.contact #pages-head,
	body.contact-child #pages-head {
		background: url('common/header/pages-contact_sp.jpg') no-repeat center center #FFF;
	}

	body.dohiemon #pages-head {
		background: url('common/header/pages-dohiemon_sp.jpg') no-repeat center center #FFF;
	}

	#pages-head .container-fluid,
	.content-head .container-fluid {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.parallelogram::before {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;
		transform: skewX(-35deg);
		background-color: #1880D9;
		content: "";
	}

	#pages-head .parallelogram {
		min-width: 80%;
		max-width: 95%;
	}

	#pages-head h1.title {
		margin: 0 auto !important;
		padding: 0 !important;
		color: #FFF;
		font-size: 2.1rem !important;
		z-index: 9999;
	}

	#recruit {
		margin: 0 auto 0;
		padding-top: 46.875%;
		height: 0;
		position: relative;
		background: url('common/background/top-recruit-head_sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}

	.top-head-delivery {
		margin: 0 auto 3rem;
		padding-top: 46.875%;
		height: 0;
		position: relative;
		background: url('common/background/top-delivery-head_sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}

	.top-head-aquaclara {
		margin: 0 auto 3rem;
		padding-top: 46.875%;
		height: 0;
		position: relative;
		background: url('common/background/top-aquaclara-head_sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}

	.page-head-deliveryarea {
		margin: 0 auto 3rem;
		padding-top: 46.875%;
		height: 0;
		position: relative;
		background: url('common/background/page-deliveryarea-head_sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}

	.voice-box {
		text-align: left;
	}

	.voice-box p {
		margin-bottom: 0 !important;
		font-size: 1.4rem !important;
	}

	.voice-box:after,
	.voice-box:before {
		border: solid transparent;
		content: '';
		height: 0;
		width: 0;
		pointer-events: none;
		position: absolute;
		bottom: 100% !important;
		left: 37% !important;
	}

	.voice-box:after {
		border-color: rgba(255, 255, 223, 0);
		border-top-width: 14px !important;
		border-bottom-width: 14px !important;
		border-left-width: 7px !important;
		border-right-width: 7px !important;
		margin-top: auto !important;
		margin-left: -7px !important;
		border-bottom-color: #FFFFDF;
	}

	.voice-box:before {
		border-color: rgba(184, 184, 184, 0);
		border-top-width: 18px !important;
		border-bottom-width: 18px !important;
		border-left-width: 9px !important;
		border-right-width: 9px !important;
		margin-top: auto !important;
		margin-right: auto !important;
		margin-left: -9px !important;
		margin-bottom: 2px !important;
		border-bottom-color: #B8B8B8;
	}
}

/*-----------------------------------------------------
// pages
-----------------------------------------------------*/

#page-top {
	margin-top: 1rem;
}

.number-title1,
.number-title2,
.number-title3,
.number-title4,
.number-title5,
.number-title6 {
	color: #1880D9 !important;
}

.number-title1::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '1';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.number-title2::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '2';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.number-title3::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '3';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.number-title4::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '4';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.number-title5::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '5';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.number-title6::before {
	margin-right: .5rem;
	padding: .2rem .6rem .4rem .8rem;
	display: inline-block;
	content: '6';
	line-height: 1;
	color: #FFF !important;
	background-color: #1880D9;
	border-radius: 50%;
}

.tab-title {
	margin: 0 auto 2rem;
	padding: .75rem 1rem;
	width: 50%;
	display: inline-block;
	font-weight: 400 !important;
	color: #FFF !important;
	background-color: #495057;
	border-radius: 0 0 1rem 1rem;
}

h4.page-title {
	color: inherit !important;
}

.circle-number {
	width: 14rem;
	height: 14rem;
	display: block;
	position: relative;
	color: #FFF;
	text-align: center;
	border-radius: 50%;
	background-color: #999;
}

.circle-number span {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	width: 14rem;
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*ドロップダウン表示*/

.hidden_box {
	margin: 1rem 0 2rem;
	padding: 0;
}

.hidden_box label {
	padding: 1rem 1.5rem;
	width: 100%;
	font-weight: normal;
	font-size: 1.7rem;
	color: #1A1A1A;
	border: 1px solid rgba(0, 0, 0, 0.15);
	cursor: pointer;
	letter-spacing: .15rem;
	background-color: #EEE !important;
}

.hidden_box label::after {
	margin-left: .75rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f103";
	color: #C1272D;
}

.hidden_box label:hover {
	background: #efefef;
}

.hidden_box input {
	display: none;
}

.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

.hidden_box .hidden_show p {
	padding: 0 1rem;
	text-align: left !important;
}

.hidden_box input:checked~.hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}

/* ------------------------------------
// post
------------------------------------ */

#post h1,
#post h2,
#post h3,
#post h4,
#post h5,
#post h6,
#post p {
	text-align: left;
}

#post h1 {
	margin: .5rem 0 3rem !important;
	padding-bottom: .5rem;
	font-size: 2.8rem;
	border-bottom: 3px double #187fd9d5;
}

#post h2.post-title {
	margin: 0 0 2rem !important;
	color: #495057;
	letter-spacing: .1rem;
}

#post h2.category-title {
	margin-top: 5rem !important;
	padding: 1rem 1rem;
	font-size: 3rem !important;
	color: #FFFF;
	text-align: center;
	background-color: #495057 !important;
}

#post h2.category-title>small {
	margin-top: 0;
	display: block;
	text-align: center;
	font-size: 1.3rem !important;
}

#post h2.category-title:first-child {
	margin-top: 0 !important;
}

.entry-post {
	margin: 0 0 2rem;
	padding: 0 0 2rem;
	border-bottom: 3px dotted rgba(0, 0, 0, 0.15);
}

.cal {
	font-family: 'Oswald', sans-serif !important;
	font-weight: 700 !important;
	text-align: left;
	font-size: 1.8rem;
	letter-spacing: 0 !important;
}

#page section .parallelogram {
	margin: 0 0 3rem;
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

#page section .parallelogram::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #1880D9;
	content: "";
}

#page section .parallelogram-g {
	margin: 0 0 3rem;
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

#page section .parallelogram-p {
	margin: 0 0 3rem;
	padding: .5rem 3rem;
	min-width: 30%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

#page section .parallelogram::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #2ACEA8;
	content: "";
}

#page section .parallelogram-blue .parallelogram::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #1880D9 !important;
	content: "";
}

#page section .parallelogram-purple .parallelogram::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: skewX(-30deg);
	background-color: #BC67F0;
	content: "";
}

#page section .parallelogram .title,
#page section .parallelogram-g .title,
#page section .parallelogram-p .title {
	margin: 0 auto !important;
	padding: 0 !important;
	color: #FFF;
	font-size: 2.9rem !important;
	z-index: 9999;
}

@media (max-width: 767.98px) {

	#page section .parallelogram .title,
	#page section .parallelogram-g,
	#page section .parallelogram-p {
		margin: 0 0 2rem;
		padding: .5rem 1rem;
		min-width: 98%;
		display: inline-block;
		position: relative;
		z-index: 1;
	}

	#page section .parallelogram .title,
	#page section .parallelogram-g .title,
	#page section .parallelogram-p .title {
		margin: 0 auto !important;
		padding: 0 !important;
		color: #FFF;
		font-size: 2rem !important;
		z-index: 9999;
	}
}

/* ------------------------------------
// widget
------------------------------------ */

.widget-container {
	margin: 0 0 2rem;
}

.widget-container h4 {
	padding: 1rem;
	color: #009A88;
	font-size: 1.7rem !important;
	border-left: 5px solid #EF8300;
	border-bottom: 2px solid #4cb8ab;
}

.widget-container li {
	text-align: left;
	font-size: 1.4rem;
	font-weight: normal;
}

.widget-container li a {
	font-weight: bold;
}

.widget-container li::before {
	margin-left: .2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #EF8300;
}

.widget-container li .post-date {
	padding-left: 1.6rem;
	display: block;
	font-size: 1.2rem;
	text-align: left;
	letter-spacing: 0 !important;
	color: #555;
}

/* ------------------------------------
// feed
------------------------------------ */

.feed {
	margin: 1rem 0 3rem !important;
}

.feed li {
	margin: 0 0 1rem;
	padding: 0 1rem .5rem 2rem;
	text-align: left;
	font-size: 1.5rem;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
}

.feed li a {
	text-align: left;
	color: #202020;
}

.feed li a:hover {
	text-decoration: none !important;
}

.feed .btn {
	color: #FFF !important;
	font-size: 1.4rem !important;
}

.feed .feed-title {
	padding: .75rem 1rem .95rem 2rem;
}

.feed .post-date {
	margin-right: 1rem;
	font-size: 1.5rem !important;
	letter-spacing: 0 !important;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 700 !important;
}

.feed li a:hover .post-date {
	color: rgba(255, 255, 255, 0.6);
}

.feed .cat-name {
	font-size: 1.2rem !important;
	font-weight: normal !important;
}

.feed .cat-name a {
	letter-spacing: 0 !important;
}

.feed .cat-name a::before {
	margin-left: .2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f02b";
}

.feed-list {
	margin: 0 0 2rem
}

.feed-list li {
	margin: 0 !important;
	padding: 1.1rem 1rem;
	text-align: left;
}

.feed-list li a,
.feed-list li a:visited {
	color: #1A1A1A !important;
}

.feed-list li div {
	text-align: left;
	vertical-align: top;
}

.feed-list li span.post-date {
	margin-right: .5rem;
	letter-spacing: -0.5px;
}

.feed-list li span.cat-name {
	margin-right: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}

.feed-list li span.cat-name a {
	padding: .5rem;
	min-width: 7rem;
	display: block;
	letter-spacing: .1rem !important;
	color: #FFF !important;
	background: rgb(23, 14, 182);
	background: linear-gradient(145deg, rgba(23, 14, 182, 1) 25%, rgba(46, 167, 224, 1) 85%);
}

.feed-list li span.feed-date {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 700;
	letter-spacing: 0;
}

.feed .card-body {
	text-align: left;
}

.feed .card-body img {
	margin: 0 auto 1rem 0;
	max-width: 100%;
	height: auto;
}

/*-----------------------------------------------------
// table
-----------------------------------------------------*/

table {
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

.table-responsive>.border-white th,
.table-responsive>.border-white td {
	border: 3px solid #FFF !important;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #F5F5F5 !important;
}

.table th,
.table td {
	font-weight: normal !important;
	line-height: 1.6 !important;
}

.table th {
	padding: 1rem 2rem !important;
	text-align: center !important;
	vertical-align: middle !important;
	background-color: #c3e8ff;
}

.table td {
	padding: 1rem 2rem !important;
	text-align: left;
	vertical-align: middle !important;
}

.table td small {
	letter-spacing: 0 !important;
	font-size: 85% !important;
	display: inline-block;
	text-align: center;
}

.table .text-normal {
	font-weight: bold !important;
}

.table thead th {
	padding: 1rem;
	color: #FFF;
	font-weight: 700;
	text-align: center;
	background-color: #3D62AD !important;
	border-bottom: 1px solid #3D62AD !important;
}

.table thead th.table-primary {
	padding: 1rem;
	color: #FFF;
	font-weight: bold;
	text-align: center !important;
	font-size: 1.9rem !important;
	font-family: 'Ropa Sans', "Noto Sans JP", sans-serif !important;
	background-color: #495057 !important;
	border-bottom: 1px solid #495057 !important;
}

.table thead th.table-secondary {
	padding: 1rem;
	color: #FFF;
	font-weight: normal;
	background-color: #3D62AD;
	border-bottom: 1px solid #3D62AD !important;
}

.table thead td {
	padding: 1rem;
	color: #FFF;
	background-color: #EF845C;
	border-bottom: 1px solid #EF845C !important;
}

.table-responsive tbody th {
	white-space: nowrap;
}

.table-striped tbody th {
	font-weight: bold;
}

.table-sm {
	font-size: 90%;
}

.table-sm th,
.table-sm td {
	padding: .5rem 1rem !important;
}

table.table-list th {
	width: 45%;
	text-align: left !important;
}

table.table-list td {
	padding: .75rem 2rem !important;
	text-align: left !important;
}

table.tbl {
	margin: 0 0 2rem;
	padding: 0;
	width: 100%;
	font-size: 1.5rem;
	border-collapse: collapse;
	border: none;
}

table.tbl tr {
	margin: 0;
	padding: 0;
	border: none;
}

table.tbl th {
	width: 25%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .1rem;
	white-space: nowrap;
	border: none;
}

table.tbl td {
	margin: 0;
	text-align: left;
	line-height: 1.5;
	border: none;
}

table.tbl td small {
	font-size: 80% !important;
}

table.tbl tr {
	border-bottom: 1px solid #dee2e6 !important;
}

table.tbl th.tbl-w35 {
	width: 35%;
}

input {
	padding: .5rem;
}

table .bg-gray {
	background-color: #EEE !important;
}

/*-----------------------------------------------------
// sitemap
-----------------------------------------------------*/

#sitemap_list {
	margin: 0 0 2rem;
}

#sitemap_list li {
	text-align: left !important;
}

/*-----------------------------------------------------
// form
-----------------------------------------------------*/

.wp-form {
	margin: 0 0 1rem;
}

.wp-form label.control-label {
	color: #FFF !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.wp-form label.control-label small {
	margin-left: .5rem;
	padding: .1rem .5rem;
	color: #FFF;
	font-size: 60% !important;
	font-weight: normal !important;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: .25rem;
}

.form-group small {
	display: block;
	text-align: left;
}

.hisuu {
	margin-left: .3rem;
	font-size: 70%;
	color: #C33;
}

.label-danger {
	margin-left: .5rem;
	padding: .35rem .3rem .45rem;
	font-size: 65%;
	line-height: 1 !important;
	white-space: nowrap !important;
	color: #FFF !important;
	background-color: #C33;
	border-radius: .35rem;
}

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

input,
textarea {
	padding: .5rem .75rem;
	border: 1px solid rgba(0, 0, 0, .2) !important;
}

input[type="submit"] {
	margin: 0 1rem 1rem;
	padding: 2rem 3rem;
	width: 40%;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #FFF !important;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .3rem;
	font-size: 1.8rem;
	text-shadow: initial;
	border: 2px solid #2ACEA8;
	border-radius: .35rem;
	background-color: #2ACEA8;
}

input[type="button"] {
	margin: 0 1rem 1rem;
	padding: 2rem 3rem;
	width: 40%;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #555 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .3rem;
	font-size: 1.8rem;
	text-shadow: initial;
	border: 2px solid #CCC;
	border-radius: .35rem;
	background-color: #CCC;
}

input[type="reset"] {
	margin: 0 1rem 1rem;
	padding: 2rem 3rem;
	width: 40%;
	display: inline-block;
	position: relative;
	z-index: 0;
	outline: none;
	color: #555 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	text-align: center;
	line-height: 1;
	letter-spacing: .3rem;
	font-size: 1.8rem;
	text-shadow: initial;
	border: 2px solid #CCC;
	border-radius: .35rem;
	background-color: #CCC;
}

.wpcf7-text,
.wpcf7-textarea {
	width: 100%;
}

div.wpcf7 input[type="file"] {
	font-size: 1.3rem !important;
	display: block;
	background-color: rgba(255, 255, 255, 0.3);
}

input.p-postal-code {
	width: auto !important;
}

.wpcf7-list-item-label {
	font-weight: 400 !important;
}

span.wpcf7-list-item label {
	padding: .7rem !important;
	color: #1A1A1A;
	font-weight: 400 !important;
	background-color: transparent !important;
}

.acceptance-privacy label {
	color: #333;
}

/*-----------------------------------------------------
// pankuzu
-----------------------------------------------------*/

.breadcrumbs {
	margin: .5rem 0 1rem;
	text-align: left;
	font-size: 1.2rem;
	color: #404040;
	letter-spacing: 0 !important;
}

.breadcrumbs .fas {
	margin-left: .25rem;
	margin-right: .25rem;
	color: #999;
}

.breadcrumbs a {
	color: #404040 !important;
}

.breadcrumbs span a:hover {
	color: #009ac3 !important;
	text-decoration: none !important;
}

.breadcrumb-area {
	margin: 0 auto 2rem;
	font-size: 1.2rem;
	text-align: left;
	color: #888;
}

.breadcrumb-area span {
	margin-right: .25rem;
}

.breadcrumb-area span.current-item {
	color: #333;
}

@media (max-width:768px) {
	.breadcrumb-area {
		font-size: 1rem;
	}
}

/*-----------------------------------------------------
// google map
-----------------------------------------------------*/

#map {
	width: 100%;
	height: 520px;
	position: relative;
}

#top-map {
	width: 100%;
	height: 450px;
	position: relative;
}

#top-map iframe,
#top-map object,
#top-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.g-map {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.g-map iframe,
.g-mapr object,
.g-map embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* -- pager --*/

.pager {
	margin-top: 2rem;
	margin-bottom: 3rem;
	padding: 0 1rem;
	width: 100%;
	overflow: hidden;
	clear: both;
	list-style: none;
	font-size: 1.3rem;
	text-align: center;
}

.pager .page-prev {
	padding: 1rem 2.5rem !important;
	width: 100%;
	color: #FFF !important;
	font-size: 1.3rem;
	background-color: #495057;
	border-radius: 1rem !important;
}

.pager .page-prev .fas {
	margin-right: 2rem;
}

.pager .page-next {
	padding: 1rem 2.5rem !important;
	width: 100%;
	color: #FFF !important;
	font-size: 1.5rem;
	background-color: #495057;
	border-radius: 1rem !important;
}

.pager .page-next .fas {
	margin-left: 2rem;
}

.pager .page-none-arrow {
	text-align: center;
	color: #adb3db !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}

.pager .page-prev-arrow:hover,
.pager .page-next-arrow:hover {
	color: #C1272D !important;
}

.pager .page-prev:hover,
.pager .page-next:hover {
	color: #FFF !important;
	background-color: #C1272D !important;
}

ul.page-numbers li {
	margin: 0 .25rem;
	display: inline-block;
}

.pager .pager-prev {
	margin: 0 2rem 1rem .5rem;
	display: inline-block;
	font-size: 1.3rem;
}

.pager .pager-next {
	margin: 0 .5rem 1rem 1rem;
	display: inline-block;
	font-size: 1.3rem;
}

.pager span {
	padding: .85rem 1.2rem;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 500;
	color: #495057 !important;
	text-decoration: none !important;
	border: 2px solid #a2a3a5;
	background: #FFF;
	border-radius: 1rem;
}

.pager span.dots {
	padding: .5rem 1rem;
	text-align: center;
	color: #FFF !important;
	text-decoration: none !important;
	border: none;
	border-radius: 1rem;
	background: #495057a4;
}

.pager a {
	padding: .85rem 1.2rem;
	display: inline-block;
	overflow: hidden;
	line-height: 1;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 500;
	color: #495057 !important;
	text-decoration: none !important;
	border: 2px solid #a2a3a5;
	background: #FFF;
	border-radius: 1rem;
}

.pager .pager-prev a,
.pager .pager-next a {
	padding: .85rem 2rem;
	display: inline-block;
	overflow: hidden;
	line-height: 1.2;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 500;
	color: #495057 !important;
	text-decoration: none !important;
	border: 2px solid #a2a3a5;
	border-radius: 1rem !important;
	background: #FFF;
}

.pager-number {
	margin-top: 3rem;
	padding: 0 1rem;
	margin-bottom: 1rem;
	overflow: hidden;
	list-style: none;
	font-size: .8rem;
	text-align: center;
	display: flex;
	justify-content: center;
}

.pager-number span.current {
	margin: 0 .5rem;
	padding: .5rem 1rem;
	text-align: center;
	color: #FFF !important;
	text-decoration: none !important;
	border: none;
	background: #495057;
}

.pager-number a {
	margin: 0 .5rem;
	padding: .5rem 1rem;
	text-align: center;
	color: #FFF !important;
	text-decoration: none !important;
	border: none;
	background: #495057;
}

.pager a:hover,
.pager-number a:hover {
	color: #FFF !important;
	text-decoration: none !important;
	background-color: #495057;
}

/* ------------------------------------
// emergency
------------------------------------ */
.emergency {
	padding: 1.5rem 0 1rem;
	background-color: #FFF;
	background-image:
		repeating-linear-gradient(0deg, rgba(254, 225, 248, 0.3) 0px 16px, transparent 16px 32px),
		repeating-linear-gradient(90deg, rgba(253, 225, 254, 0.2) 0px 16px, transparent 16px 32px);
}

.emergency p {
	text-align: left !important;
}

/* ------------------------------------
// display selector
------------------------------------ */

.hidden-pc {
	display: none !important;
}

.hidden-sp {
	display: block !important;
}

/* ------------------------------------
// @Media Queries
------------------------------------ */

@media (min-width: 1700px) {
	article#pages section {
		padding: 8rem 0;
	}
}

@media (max-width: 991.98px) {
	.navbar-dark .navbar-nav .nav-link {
		letter-spacing: .1rem !important;
	}

	article#pages section {
		padding: 5rem 0;
	}

	footer p {
		font-size: 1.3rem !important;
	}
}

/*--under 768px--*/

@media (max-width: 767.98px) {
	header#main-head {
		padding: 0 !important;
	}

	header#main-head .site-title {
		font-size: 1.2rem;
	}

	.header-nav .container {
		padding: 0 !important;
	}

	.navbar {
		padding: 1rem;
	}

	.navbar-nav {
		font-size: 1.5rem;
	}

	nav.navbar-sub .collapse:not(.show) {
		display: block !important;
	}

	nav.navbar-sub ul.sub-menu {
		background-color: transparent !important;
	}

	nav.navbar-sub ul.sub-menu li {
		margin: 0 0 1.5rem !important;
		padding: 0 !important;
		font-size: 1.7rem !important;
		border: none !important;
	}

	nav.navbar-sub ul.sub-menu li a {
		padding: 0 0 0 1rem !important;
		text-align: left !important;
	}

	nav.navbar-sub ul.sub-menu li a::before {
		content: '- ';
	}

	.slide {
		padding-top: 84.635%;
		height: 0;
		/*height: 40vh;*/
	}

	.slider-img {
		/*height: 40vh;*/
		height: 100%;
	}

	section {
		margin-bottom: 0;
		padding: 2.5rem 0 1rem;
	}

	article#pages section {
		padding: 2.5rem 0 1rem;
	}

	article#pages section {
		min-height: 400px;
	}

	.parallax {
		padding: 3rem 1rem !important;
		min-height: 500px;
	}

	article section.parallax-primary {
		background-image: url('common/parallax/parallax-primary_sp.jpg');
	}

	article section.parallax-secondary {
		background-image: url('common/parallax/parallax-secondary_sp.jpg');
	}

	article section.parallax-tertiary {
		background-image: url('common/parallax/parallax-tertiary_sp.jpg');
	}

	article section.parallax-quaternary {
		background-image: url('common/parallax/parallax-quaternary_sp.jpg');
	}

	article section#service .card .card-title {
		font-size: 1.1rem !important;
		letter-spacing: 0 !important;
	}

	footer {
		padding-top: 0;
		padding-bottom: 0;
	}

	footer section {
		margin-bottom: 0 !important;
		padding-bottom: .2rem !important;
	}

	footer #copy {
		margin-bottom: .7rem !important;
		padding: 0 !important;
	}

	.copyright {
		margin: 2rem 0 1rem !important;
		font-size: 1.1rem !important;
		text-align: center !important;
	}

	footer .footer-nav li {
		text-align: left;
	}

	footer h5,
	footer p {
		margin: 0 0 .5rem;
		font-size: 1.4rem !important;
		text-align: left !important;
		line-height: 1.5 !important;
		letter-spacing: 0 !important;
	}

	footer .footer-svg {
		margin: 0 auto 0 0;
		width: 85%;
	}

	footer .company-info p {
		text-align: left !important;
		line-height: 1.75 !important;
	}

	.title {
		margin: 2rem 0 1rem !important;
		padding-bottom: .5rem;
		font-size: 2.5rem;
		letter-spacing: .2rem;
	}

	.post-title {
		padding: 1rem;
		font-size: 2rem !important;
	}

	h1.title {
		font-size: 2.6rem !important;
		text-align: center !important;
	}

	h1.title>small {
		font-size: 1.3rem;
	}

	h1.title span {
		margin-top: .3rem;
		display: block;
		text-align: center;
		font-size: 1.1rem;
		letter-spacing: .3rem;
	}

	h2 {
		margin: 1rem 0 2rem !important;
	}

	h2.title {
		text-align: center !important;
		letter-spacing: .1rem !important;
	}

	h2.title>small {
		font-size: 1.2rem;
	}

	.main-visual h2.title {
		width: 90%;
		font-size: 2.35rem !important;
	}

	h3 {
		font-size: 1.9rem !important;
	}

	h3.title {
		font-size: 1.9rem !important;
		line-height: 1.6 !important;
		text-align: center !important;
	}

	h3.title>small {
		text-align: center !important;
	}

	h4 {
		font-size: 1.6rem !important;
	}

	h5 {
		font-size: 1.5rem !important;
	}

	h6 {
		font-size: 1.45rem !important;
	}

	p {
		font-size: 1.45rem !important;
	}

	.example-title {
		margin: .5rem 0 .5rem !important;
		font-size: 1.5rem !important;
	}

	.category-list a {
		font-size: 1rem !important;
	}

	.table th,
	.table td {
		font-size: 1.3rem !important;
		letter-spacing: 0 !important;
		vertical-align: middle !important;
	}

	.post-date {
		margin: 0 0 .25rem !important;
		display: block;
		text-align: left;
		font-size: 1.3rem !important;
		font-weight: bold !important;
	}

	.card-title {
		font-size: 1.6rem !important;
	}

	.bg-title {
		width: 100%;
	}

	.img-50 {
		margin: 0 auto .5rem !important;
		width: 50% !important;
	}

	.img-maker {
		margin: 0 auto .5rem !important;
		width: 35% !important;
	}

	.img-svg {
		margin-left: auto;
		margin-right: auto;
		padding-left: 10%;
		padding-right: 10%;
	}

	.img-mark {
		margin-left: auto;
		margin-right: auto;
		padding-left: 2%;
		padding-right: 2%;
		width: 22px;
		height: auto;
	}

	.logo-svg {
		margin-left: auto;
		margin-right: auto;
		padding-left: 10%;
		padding-right: 10%;
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.img-followme {
		margin-left: auto;
		margin-right: auto;
		padding-left: 5%;
		padding-right: 5%;
		width: 70%;
		max-width: 100%;
		height: auto;
	}

	p {
		font-size: 1.35rem;
	}

	dt {
		font-size: 1.4rem;
	}

	dd,
	li {
		font-size: 1.35rem;
	}

	.feed li {
		margin: 0 0 .5rem;
		padding: 0 1rem .5rem 1rem;
		font-size: 1.35rem !important;
	}

	.btn,
	.button {
		font-size: 1.5rem !important;
	}

	.page-nav {
		margin-top: 1.5rem;
		text-align: center;
	}

	.align-items-center p {
		margin-top: 1rem !important;
	}

	.feed .card-body {
		padding: 2rem !important;
	}

	footer ul.footer-nav li {
		margin-bottom: .5rem;
		font-size: 1.3rem !important;
	}

	.button-link {
		font-size: 1.5rem !important;
	}

	.label-title {
		display: none !important;
	}

	.hidden-pc {
		display: block !important;
	}

	.hidden-sp {
		display: none !important;
	}

	table.tbl th,
	table.tbl td {
		padding: .5rem;
		text-align: left !important;
	}

	table.tbl th,
	table.tbl td {
		padding: 5px;
		width: 100% !important;
		display: block !important;
	}

	table.tbl td.hidden-sp {
		display: none !important;
	}

	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		margin: 0 auto 1.5rem;
		width: 90%;
		display: block;
	}
}

/* overwrite style for table-responsive
-------------------------------------------------- */

.table-responsive>.table {
	width: 100% !important;
	table-layout: auto !important;
	word-wrap: break-word !important;
}

@media (max-width: 767px) {
	.table-responsive>.table {
		table-layout: auto !important;
	}

	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: nowrap;
	}
}

.clearfix,
.post_body {
	zoom: 1;
}

.clearfix:after,
.post_body:after {
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
	clear: both;
}

/* end
-------------------------------------------------- */

/*ADD 20241015 ダイワ岡村↓*/

.ap_flex_container {
	width: 1140px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.ap_main {
	width: 100%;
}

/*.ap_main {width:77.74%;}
	.ap_sidebar {width:19.35%;}*/

.ap_merit_list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ap_merit_list__item {
	width: 32%;
	margin-bottom: 20px;
	border: 1px solid #008CE2;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
}

.ap_merit_list li p {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 20px;
}

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

.ap_merit_list li p span.ap_merit_font {
	color: #DA3265;
	font-size: 1.8rem;
	font-weight: bold;
}

.ap_parent h2 {
	margin-bottom: 20px;
	font-size: 2em;
	color: #008CE2;
	font-weight: bold;
	text-align: left;
}

.ap_sidebar h2 {
	background: #008ce2;
	padding: 10px 15px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
}

.ap_color_pink {
	color: #DA3265;
}

.ap_step .ap_stepList {
	margin-bottom: 8px;
	padding: 35px;
	border: 1px solid #005BAB;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

.ap_step .ap_stepList .ap_step_no {
	margin: auto 30px auto 0;
}

.ap_txtBox__title {
	font-size: 1.8rem;
	font-weight: bold;
	color: #005BAB;
}

.ap_step .ap_stepList .ap_txtBox__title a {
	color: #DA3265;
}

.ap_step .ap_stepList .ap_txtBox__title a:hover {
	color: #DA3265 !important;
	opacity: 0.5;
}

.ap_step .ap_stepList .ap_orde_detail {
	display: block;
	width: 220px;
	margin: 10px 0;
	padding: 10px;
	color: #fff;
	background: #DA3265;
	font-size: 1.6rem;
	text-align: center;
}

.ap_step .ap_stepList .ap_orde_detail:hover {
	color: #fff !important;
	opacity: 0.5;
}

.ap_step .ap_stepList .ap_acceptance_detail {
	display: block;
	width: 220px;
	margin: 10px 0;
	padding: 10px;
	color: #fff;
	background: #DA3265;
	font-size: 1.6rem;
	text-align: center;
}

.ap_step .ap_stepList .ap_acceptance_detail:hover {
	color: #fff !important;
	opacity: 0.5;
}

.ap_acuapost_map_list {
	border: solid 2px #D3EEFF;
	border-radius: 20px;
	padding: 20px 45px 20px 20px;
}

.ap_parent .faq_content {
	margin-bottom: 20px;
}

.ap_parent .aquapost_faq .faq_content dt {
	padding: 20px;
	background-color: #D3EEFF;
	border-radius: 10px;
	position: relative;
	font-weight: bold;
}

.ap_parent .aquapost_faq .faq_content.open dt {
	border-radius: 10px 10px 0 0;
}

.ap_parent .aquapost_faq .faq_content dt img {
	position: absolute;
	right: 20px;
	top: 30px;
}

.ap_parent .ap_acuapost_place img,
.ap_parent .aquapost_faq .faq_content.open dt img {
	transform: rotate(180deg);
}

.ap_parent .aquapost_faq .faq_content dd {
	padding: 20px 20px 20px 2.5em;
	border: 5px solid #D3EEFF;
	border-radius: 10px;
	font-weight: bold;
	text-indent: -1.4em;
}

.ap_parent .aquapost_faq .faq_content.open dd {
	border-radius: 0 0 10px 10px;
}

.ap_parent .acuapost_map {
	margin: 20px 0;
	position: relative;
}

.ap_parent .acuapost_map .acuapost_place {
	font-size: 1.1rem;
	font-weight: bold;
	position: relative;
}

.ap_parent .acuapost_map .acuapost_place img {
	margin: 7px 7px 7px 0;
}

.ap_parent .acuapost_map .acuapost_place_date {
	display: inline-block;
	margin: 10px 0 20px;
}

.ap_parent .acuapost_map .acuapost_place_date dt {
	float: left;
	clear: left;
	margin-right: 1em;
	width: 120px;
	color: #008CE2;
}

.ap_parent .acuapost_map .acuapost_place_date dd {
	float: left;
	margin-left: 1em;
}

.ap_parent .acuapost_map .acuapost_map_box {
	display: flex;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map p {
	margin: 10px 0 0 45px;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map img {
	width: 100%;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map .post_map_txt {
	font-weight: bold;
}

.ap_parent .acuapost_map .acuapost_map_box .googlemap {
	position: relative;
	width: 50%;
	height: 0;
	padding-top: 34.6%;
}

.ap_parent .acuapost_map .acuapost_map_box .googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map {
	width: 50%;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map img.pc_map {
	display: block;
}

.ap_parent .acuapost_map .acuapost_map_box .post_map img.smp_map {
	display: none;
}

.ap_parent .acuapost_map_list {
	border: solid 2px #D3EEFF;
	border-radius: 20px;
	padding: 20px 45px 20px 20px;
}

.ap_parent .acuapost_map_list .acuapost_place .faq_arrow {
	position: absolute;
	right: -30px;
	top: 5px;
}

.ap_parent .acuapost_map_list.open .acuapost_place .faq_arrow {
	transform: rotate(180deg);
}

.ap_parent .acuapost_map #acuapost_map01 {
	position: absolute;
	top: -100px;
}

.ap_parent .acuapost_map #acuapost_map02 {
	position: absolute;
	top: -100px;
}

.ap_parent .acuapost_map #acuapost_map03 {
	position: absolute;
	top: -100px;
}

.ap_parent .faq_arrow {
	position: absolute;
	right: -30px;
	top: 5px;
}

.ap_parent .faq_arrow {
	transform: rotate(180deg);
}

.ap_parent .conversion_area {
	display: flex;
}

.ap_parent .conversion_myaqua {
	width: 50%;
	height: 180px;
	padding-top: 70px;
	background: #005BAB;
	text-align: center;
}

.ap_parent .conversion_inquery {
	width: 50%;
	height: 180px;
	padding-top: 70px;
	background: #DA3265;
	text-align: center;
}

.ap_parent .conversion_myaqua a,
.ap_parent .conversion_inquery a {
	color: #fff;
	font-size: 1.6rem;
}

.ap_parent .inquery {
	background: #da3265 !important;
	padding: 60px 0 30px 0;
	margin: 0;
	width: 100%;
	padding-left: 2.5% !important;
	padding-right: 2.5% !important;
}

.ap_parent .ap_acuapost_place {
	font-weight: bold;
	position: relative;
}

.ap_parent.acuapost_place_date {
	display: inline-block;
	margin: 10px 0 20px;
}

.ap_parent .ap_acuapost_place_date dt {
	float: left;
	clear: left;
	margin-right: 1em;
	width: 150px;
	color: #008CE2;
	background-color: transparent;
}

.ap_parent .ap_acuapost_place_date dd {
	float: left;
	margin-left: 1em;
}

.ap_parent .ap_acuapost_place img {
	margin: 7px 7px 7px 0;
}

.ap_parent #inquery div h1 {
	color: #ffffff;
	margin: 0 auto 50px auto;
	width: 90%;
	text-align: center;
	font-weight: bold;
}

.ap_parent #inquery div p {
	color: #ffffff;
	padding-bottom: 55px;
	text-align: center;
}

.ap_myaqua_link img {
	max-width: 50% !important;
}

@media screen and (min-width: 1280px) {
	.ap_parent #inquery div .btnmypage {
		display: block;
		width: 362px;
		height: 69px;
		float: left;
		margin: 0 35px 0 45px;
	}

}

@media screen and (min-width: 1280px) {
	.ap_parent #inquery div .btnformPc {
		display: block;
		width: 362px;
		height: 69px;
		float: left;
		margin: 0 35px 0 0;
	}

}

@media screen and (min-width: 1280px) {

	.ap_parent #inquery div .btnmypage a,
	#inquery div .btnformPc a,
	#inquery div .btnformFax a {
		display: block;
		width: 362px;
		height: 69px;
		background: #ffffff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-align: center;
		line-height: 69px;
	}
}

.ap_acuapost_place_detail {
	display: block;
}

.ap_acuapost_place_detail.closed {
	display: none;
}

.q,
.a {
	color: #000;
}

.ap_acuapost_place_detail {
	height: auto;
	opacity: 1;
	overflow: hidden;
	transition: height 0.3s ease, opacity 0.3s ease;
}

.closed {
	height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
}

.faq {
	margin: 0;
}

.faq_content {
	border-radius: 5px;
	margin-bottom: 10px;
}

.q {
	cursor: pointer;
	background: #f9f9f9;
	padding: 10px;
	position: relative;
}

.faq_arrow {
	position: absolute;
	right: 10px;
	transition: transform 0.3s;
}

.a {
	display: none;
	padding: 10px;
	background: #D3EEFF;
}

.a.show {
	display: block;
	animation: slideDown 0.3s ease;
}

@keyframes slideDown {
	from {
		max-height: 0;
		opacity: 0;
	}

	to {
		max-height: 100px;
		opacity: 1;
	}
}

.faq_content dt {
	margin: 0;
}

.faq_content dd {
	background: #fff;
}

.ap_number img {
	max-width: none !important;
}

@media screen and (max-width:1254px) {

	.ap_myaqua_link img {
		max-width: 100% !important;
	}

	.ap_flex_container {
		width: 95%;
	}

	.ap_parent .ap_main h1 img {
		width: 100%;
	}

	.ap_merit_list__item {
		width: 49%;
	}

	.ap_step .ap_stepList,
	.ap_parent .conversion_area {
		display: block;
	}

	.ap_parent .conversion_myaqua,
	.ap_parent .conversion_inquery {
		width: 100%;
	}

	.ap_parent section {
		padding: 2.5rem 0 !important;
	}

	.ap_parent h2 {
		font-size: 1.8rem;
	}

	.ap_merit_list li p span.ap_merit_font {
		font-size: 1.45rem;
	}

	.ap_step .ap_stepList {
		padding: 2.5% !important;
		padding-top: 5% !important;
		padding-bottom: 5% !important;
	}

	.ap_step .ap_stepList .ap_step_no {
		margin: 0;
	}

	.ap_number img {
		width: 15%;
		margin-bottom: 2.5%;
	}

	.ap_parent .sp_none {
		display: none;
	}

	.ap_step .ap_stepList .ap_orde_detail,
	a.ap_acceptance_detail {
		width: 100%;
	}

	.footer_top_flex {
		width: 100% !important;
		margin: 0 auto;
	}

	.btnmypage,
	.btnformPc {
		background: #fff;
		padding-bottom: 0 !important;
		margin-right: 2%;
	}

	.ap_parent #inquery div p {
		padding-bottom: 0;
	}

	.ap_number img {
		width: 75%;
	}

	.ap_step .ap_stepList .ap_step_no {
		margin: 0 auto !important;
	}

}

.ap_step .ap_stepList .ap_step_no {
	margin: auto 30px auto 0;
	width: 100px;
}

.ap_parent .conversion_myaqua,
.ap_parent .conversion_inquery {
	height: 230px;
}

.ap_googlemap {
	margin-bottom: 2.5%;
}

.faq_content dt.q .faq_arrow {
	transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.faq_content dd.a.show+dt.q .faq_arrow {
	transform: rotate(180deg);
}

.footer_top_flex {
	width: 1140px;
	margin: 0 auto;
	display: flex;
}

.conversion_myaqua a:hover,
.conversion_inquery a:hover {
	color: #fff !important;
}

.aquapost_explanation {
	padding: 0 !important;
}

@media screen and (max-width:767px) {

	.ap_txtBox {
		margin-top: 2.5%;
	}

	.ap_acceptance_detail {
		width: 100% !important;
	}

	.btnmypage,
	.btnformPc {
		background: #fff;
		padding-bottom: 0 !important;
	}

	.footer_top_flex {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.ap_parent .tel {
		padding-bottom: 0 !important;
	}

	.inquery h1,
	.inquery h1+p {
		padding-bottom: 1rem !important;
		margin-bottom: 1rem !important;
	}

	.footer_top_flex p {
		margin-bottom: 2rem !important;
	}

	.aquapost_explanation {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.ap_parent section {
		padding: 1rem 0 !important;
	}

	.ap_parent .inquery {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}

	.ap_parent .conversion_myaqua,
	.ap_parent .conversion_inquery {
		height: 120px;
	}

	.ap_parent .conversion_myaqua {
		padding-top: 20px;
	}

	.ap_parent .conversion_inquery {
		padding-top: 20px;
	}

	.ap_parent .faq_arrow {
		right: -50px;
	}

	.ap_parent .ap_acuapost_place img {
		margin: 14px 14px 14px 0;
		margin-left: 10px;
	}

	.ap_acuapost_place {
		font-size: 1.1rem;
		font-weight: bold;
		position: relative;
	}

	.ap_acuapost_map_list {
		padding: 20px 45px 20px 20px !important;
	}

	.ap_googlemap img,
	.ap_post_map p {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	.ap_acuapost_place {
		width: 85%;
		text-indent: -10px;
		padding-left: 10px;
	}

	.ap_parent .ap_acuapost_place_date dt {
		width: 100%;
	}

}

.ap_or {
	width: 1140px;
	margin: 0 auto;
}

.ap_sttl01 {
	padding: 20px 40px;
	font-size: 2em;
	color: #fff !important;
	font-weight: bold;
	background: #008CE2;
	border-radius: 20px 20px 0 0;
}

.ap_h2_txt {
	font-size: 1.6rem;
	margin-left: 40px;
}

.ap_or_container {
	border: 5px solid #008CE2;
	width: 100%;
	border-radius: 0 0 20px 20px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
}

.ap_or_container figure+img {
	width: 5% !important;
	height: 5% !important;
	margin: 0 1%;
	margin-top: 12.5%;
}

.ap_or_container figure figcaption {
	text-align: left !important;
	margin-top: 5%;
}

.ap_or_container_receive figure {
	width: 30%;
}

.ap_or_container_receive figure+img {
	margin-top: 3%;
}

.ap_or h2 {
	margin: 0 !important;
	margin-top: 5% !important;
}

.ap_main,
.aquapost_faq {
	padding-bottom: 0% !important;
}

.ap_or {
	padding-top: 0% !important;
}

@media screen and (max-width:1254px) {
	.ap_or {
		width: 95%;
		margin: 0 auto;
	}

}

@media screen and (min-width:767px) {
	.pc_none {
		display: none;
	}
}

@media screen and (max-width:767px) {
	.pc_none {
		display: block;
	}

	.ap_or_container {
		display: block;
	}


	.ap_or_container figure+img {
		width: 20% !important;
		height: 20% !important;
		margin: 0%;
		margin-top: 10%;
		margin-bottom: 10%;
		transform: rotate(90deg);
	}

	.ap_or_container_receive figure {
		width: 100%;
	}

	.ap_or_container figure img {
		width: 100%;
	}

	.conversion_inquery {
		margin-top: 5%;
		margin-bottom: 15%;
	}

	.ap_or_container_receive {
		margin-bottom: 15%;
	}

	.ap_sttl01 {
		font-size: 2.4rem !important;
	}

	.ap_h2_txt {
		margin-left: 0;
	}

	.ap_sttl01 {
		padding: 10px 20px;
	}

	.ap_or_container {
		padding: 10px;
	}
}

@media screen and (min-width:767px) and ( max-width:1279px) {
    .btnmypage,.btnformPc {
		background: #fff;
		padding-bottom: 0 !important;
		margin-right: 2%;
		height: 75px;
		width:350px!important;
		display:flex;
		justify-content: center;
		align-items: center;
	}

	.btnmypage img,
	.btnformPc img {
		padding:2%!important;;
	}

.ap_googlemap {
	padding:0 1rem;
}

.ap_post_map p {padding-left:1rem;
}

}

@media screen and (min-width:767px) {
	.btnmypage,.btnformPc {
		display:flex;
		justify-content: center;
		align-items: center;
	}

}

@media screen and (max-width:767px) {
	.btnmypage,.btnformPc {
		height:80px;
		display:flex;
		justify-content: center;
		align-items: center;
	}

}

.ap_googlemap {
	display:flex;
	justify-content: space-between;
	width:100%;
}

.ap_googlemap img {width:49%;}

@media screen and (min-width:767px) {
.ap_sp_only {display:none;}
}

@media screen and (max-width:767px) {
	.ap_googlemap {
		display:block;
		width:100%;
	}
	
	.ap_googlemap img {width:100%;}

.ap_googlemap img:nth-child(2) {margin-top:2rem;}

.ap_sp_only {display:block;}

}

/*20241108 複数の問い合わせ先や受付時間が表示され、誤解を招くためコメントアウト*/
.page-id-11027 .bg-pattern02 {display:none;}

.add_css_2504 {padding:5rem 0;}

section.rec_bnr {padding:0!important;}

@media screen and (max-width:767px) {

.add_css_2504 {width: 100%;
padding:2.5rem 0;
padding-right: 15px;
padding-left: 15px;}

}