@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.html {
	overflow-x: hidden;
}
body {
	line-height: 1.8;
	color: #003e92;
	font-size: 1.1rem;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	overflow-x: hidden;
}
body,
input,
textarea,
select {
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.02rem;
}
h1,
h2,
h3,
h4,
h5,
button,
.contact-bg-gray .row .number-area,
.btn-basic a,
.btn-flat-simple a {
	font-family: "Lato", sans-serif, "Noto Sans JP";
}
p,
.accordion-content ol {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック",
		"Yu Gothic", sans-serif;
	font-size: 0.99rem;
	line-height: 2.2rem;
}
a {
	text-decoration: none;
	color: #003e92;
}
a:hover {
	color: #41a9ee;
}
img a:hover {
	opacity: 0.8;
}
h2 {
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
}
.font09 {
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
.font12 {
	font-size: 1.2rem;
}
.center {
	text-align: center;
}
.light-blue {
	color: #41a9ee;
}
.blue {
	color: #003e92;
	border: 1px solid #003e92;
}
.gray {
	color: #e8e8e8;
	border: 1px solid #e8e8e8;
}
.orange {
	color: #f77143;
}
.yellow {
	color: #ffff24;
	border: 1px solid #ffff24;
}
.mkYL {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #f7fd9b 70%);
}
.mkPN {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #fbd4e6 70%);
}
.mkGR {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #b5f8d9 70%);
}
.mkBL {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #bfe1fc 70%);
}

.items-center {
	align-items: center;
}

.margin-bottom-2rem {
	margin-bottom: 2rem !important;
}
.margin-bottom-3rem {
	margin-bottom: 3rem !important;
}
.margin-bottom-4rem {
	margin-bottom: 4rem !important;
}
.margin-bottom-5rem {
	margin-bottom: 5rem !important;
}
.margin-top-2rem {
	margin-top: 2rem !important;
}
.margin-top-3rem {
	margin-top: 3rem !important;
}
.margin-top-4rem {
	margin-top: 4rem !important;
}
.margin-top-5rem {
	margin-top: 5rem !important;
}
.margin-top-negative1 {
	margin-top: -0.56rem !important;
}
.border-bottom-1px-navy {
	border-bottom: 1px solid #003e92;
}
.border-bottom-1px-navy2 {
	border-bottom: 1px solid #003e92;
}
.line-navy-2px {
	width: 100%;
	height: 2px;
	background-color: #003e92;
	margin: 1.5rem 0 2rem;
}
.line-navy-1px {
	width: 100%;
	height: 1px;
	background-color: #003e92;
	margin: 4rem 0 2rem;
}
.line-navy-1px-no-margin {
	width: 100%;
	height: 1px;
	background-color: #003e92;
	z-index: 400;
}
/* スペーサー */
.sp-spacer {
	display: block;
	width: 100%;
	height: 0px;
}
.content {
	margin-top: 0;
}
.content .wrap,
.road-sign,
.maintenance,
.sign-menu,
.contact,
.company,
.notfound,
.privacy-policy {
	width: calc(100% - 200px) !important;
	margin: 0 auto;
	float: right;
}
.main {
	width: 100%;
	margin-right: 0;
	padding: 0;
	border: 0px solid transparent;
}
.footer {
	margin-top: 4rem;
	padding: 1rem 0;
	background-color: #003e92;
	color: #fff;
	width: calc(100% - 200px);
	float: right;
}
.footer-bottom-content {
	float: left;
	display: block;
	margin: 0 10%;
	text-align: center;
	color: #fff;
}
.navi-footer-in a {
	color: #fff;
}
.navi-footer-in a:hover {
	color: #003e92;
}
.navi-footer {
	margin-bottom: 2.5rem;
}
.flex-content {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 auto;
}
.footer-contact-area {
	width: 100%;
	height: auto;
	background-color: #e8e8e8;
	margin: -1rem 0 0;
	color: #003e92;
	padding: 4rem 0;
}
.footer-contact-area h3 {
	font-size: 1.5rem;
}
.footer-contact-area h5 {
	font-size: 1.2rem;
	text-align: center;
}
.footer-contact-area p {
	font-size: 0.95rem;
	text-align: center;
	margin: 0.5rem 0;
}
.icon-sec {
	width: 30%;
	height: auto;
	margin: 0 35% 0.5rem;
	background-color: #003e92;
	border-radius: 1000px;
	padding: 1rem 0.5rem;
}
.icon-sec img {
	width: 70%;
	margin: 0 15%;
}
.icon-sec a img:hover {
	opacity: 0.8;
}
.footer-contact-area .flex-content {
	width: 82%;
	margin: 0 auto;
}
.footer-contact-area .flex-content .flex-box {
	width: 27%;
	height: auto;
	margin: 3rem 3.15% 0;
	padding: 1rem 1%;
	border: solid 3px #003e92;
	border-radius: 40px;
	background-color: #fff;
}
.footer-upper-area {
	width: 100%;
	margin: 4rem auto;
}
.footer-left-sec {
	width: 40%;
	height: auto;
	margin: 0 5%;
	text-align: center;
}
.footer-right-sec {
	width: 40%;
	height: auto;
	margin: 0 5%;
}
.footer-right-sec h3 {
	margin: 0 0 2rem 0;
	letter-spacing: 0.1rem;
}
.footer-right-sec p {
	margin: 0 0 1.2em 0;
}
.footer-right-sec address {
	color: #fff !important;
	text-decoration: none !important;
}
.footer-img01 {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.btn-footer-white {
	width: fit-content;
	height: auto;
	background-color: #fff;
	border-radius: 8px;
	padding: 0.7rem 1rem;
	margin: 3rem 0 0;
	color: #003e92;
}
.tel-number a {
	color: #fff;
	text-decoration: none;
}
.logo-car-wrap {
	width: 18%;
	padding: 0 0 0 2%;
}
.car-wrap {
	width: 80%;
	padding: 0.5rem 0 0.5rem 5%;
}
.navi-footer-in > .menu-footer li {
	border-right: 1px solid #fff;
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
}
.navi-footer-in > .menu-footer li a {
	display: block;
	transform: skewX(-150deg);
	padding: 0 10px;
}
.navi-footer-in a:hover {
	background-color: #003e92;
	transition: all 0.7s;
	color: #41a9ee;
}
.go-to-top-button {
	background-color: #003e92;
	color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-align: center;
	line-height: 1;
	border-radius: 12px;
	font-size: 30px;
	border-width: 0;
}
.go-to-top-button:hover {
	color: #ffff24;
	background-color: #41a9ee;
}
.header-container {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 30;
	clear: both;
	display: inline;
	float: left;
	width: 200px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #003e92;
}
.header-in {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
.logo-main {
	width: 80%;
	height: auto;
	margin: 1rem 10% 1.5rem;
}
.header-tel-sec,
.header-mail-sec {
	width: 90%;
}
.header-tel-sec {
	margin: 0 5% 0.5rem;
}
.header-mail-sec {
	margin: 0 5% 0.5rem;
}
.header-tel-sec img,
.header-mail-sec img {
	border-radius: 5px;
}
.navi-in {
	width: 100%;
}
#navi .navi-in a {
	color: #003e92;
}
#navi .navi-in a:hover {
	color: #41a9ee;
	background-color: #fff;
}
.navi-in > ul {
	text-align: left;
	padding: 1rem 0 0 1rem;
}
.navi-in ul li {
	width: 100%;
	height: 3rem;
	line-height: 1.7rem;
	font-size: 0.85rem;
}
.header-sns-area {
	margin: 0;
}
.header-sns-area .left,
.header-sns-area .right {
	display: block;
	float: left;
	width: 50%;
}
.header-sns-area .left img {
	display: block;
	width: 34.6%;
	margin: 1rem 15% 1rem 50.4%;
}
.header-sns-area .right img {
	display: block;
	width: 34.6%;
	margin: 1rem 0 1rem 15%;
}
.page-template-front-page .content-in {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% - 200px);
	float: right;
}
.page-template-front-page .content-in .main {
	width: 100%;
}
/*　　トップページ　　*/
.toppage-content {
	width: calc(100% - 200px);
	margin-left: 200px;
}
.flex-content {
	display: flex;
	flex-wrap: wrap;
}
.flex-box-50per {
	width: 50%;
}
.flex-box-40per {
	width: 40%;
}
.flex-box-60per {
	width: 60%;
}
.top-greeting-area p {
	padding: 1.25rem 3%;
}
.sign {
	display: block;
	padding-top: 0.75rem;
	text-align: right !important;
}
.sign-name {
	font-weight: 600;
}
.top-insta-area {
	height: auto;
}
#sbi_images {
	padding: 0 !important;
}
#sb_instagram .sbi_follow_btn a {
	background: #003e92 !important;
	color: #fff;
}
.top-catch-area {
	padding: 0 3% 0 5%;
}
.top-catch-ttl-area {
	padding: 0 3% 0 3%;
}
.top-catch-area h3 {
	font-size: 2rem;
}
.top-catch-ttl-area {
	height: 25rem;
	background-image: url(https://adven.jp/wp-content/themes/cocoon-child-master/images/top-img-menu-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.top-catch-ttl-area h3 {
	font-size: 3.4rem;
	letter-spacing: 0.15rem;
}
.top-catch-ttl-area p {
	letter-spacing: 1rem;
}
.tategaki {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.tategaki p {
	font-size: 1.5rem;
}
.top-menu-left,
.top-menu-right {
	padding: 1rem 3% 2rem;
}
.top-menu-left img,
.top-menu-right img {
	border-radius: 15px;
}
.top-menu-left a img,
.top-menu-right a img {
	display: block;
	transition-duration: 0.5s; /*変化に掛かる時間*/
}
.top-menu-left a img:hover,
.top-menu-right a img:hover {
	transform: scale(1.06); /*画像の拡大率*/
	transition-duration: 0.3s; /*変化に掛かる時間*/
}
.top-menu-left h4,
.top-menu-right h4 {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
.top-menu-right h4 {
	text-align: right;
}
/*　  トップページ施工事例　　*/
.flex-box-25per {
	width: 22%;
	margin: 0 1.5%;
}
.toppage-works .flex-box-25per {
	margin-bottom: 3rem;
}
.toppage-works .flex-box-25per img {
	border-radius: 20px;
}
.client {
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
}
.sign-type p {
	margin: 0.5rem 0;
}
.toppage-bg-gray {
	display: block;
	width: 100%;
	height: auto;
	background-color: #e8e8e8;
	margin: 0 auto;
	padding: 4rem 0;
}
.toppage-bg-gray h4 {
	text-align: center;
	font-size: 1.8rem;
}
.toppage-bg-gray p {
	text-align: center;
}
.business-map-area {
	width: 60%;
	margin: 0 20% 4rem;
}
/*　　ボタン　　*/
.btn {
	display: block;
	margin: 0 auto;
}
.btn-flat-simple {
	position: relative;
	display: inline-block;
	padding: 1.25rem 5% 1.25rem 6%;
	text-decoration: none;
	color: #fff;
	background: #003e92;
	transition: 0.4s;
	border-radius: 16px;
}
.btn-flat-simple a {
	color: #fff;
	font-size: 1.2rem;
}
.btn-flat-simple p a:hover {
	color: #41a9ee;
	font-weight: 600;
}
.btn-basic {
	position: relative;
	display: inline-block;
	padding: 1.3rem 7%;
	text-decoration: none;
	color: #fff;
	background: #003e92;
	transition: 0.4s;
	border-radius: 8px;
	margin: 2rem auto;
}
.btn-basic a {
	color: #fff;
	font-size: 1.2rem;
}
.btn-basic a:hover {
	color: #41a9ee;
	font-weight: 600;
	opacity: 1;
}
/*　　スライダー　　*/
.n2-section-smartslider {
	position: relative;
	width: 100%;
	float: right;
}
/************************************
** 会社概要のページ
************************************/
.company-info {
	display: block;
	width: 65%;
	margin: 0 auto;
}
.company-info .row {
	display: flex;
	flex-wrap: wrap;
	padding: 2% 0.5rem;
	border-bottom: solid 1px #d2d2d2;
}
.company-info .row:first-child {
	border-top: solid 1px #d2d2d2;
}
.company-info .row .col-1 {
	width: 28%;
	font-weight: 500;
	letter-spacing: 0.2rem;
	text-align: center;
}
.company-info .row .col-2 {
	width: 72%;
}
.office-photo {
	width: 100%;
	margin: 2rem auto;
}
/************************************
** お問い合わせページ
************************************/
.wrap .contact {
	width: 100%;
	float: right;
}
.contact {
	margin-bottom: 6rem;
}
.contact-text {
	text-align: center;
}
.contact-bg-gray {
	display: block;
	width: 90%;
	max-width: 900px;
	height: auto;
	background-color: #e8e8e8;
	margin: 3rem auto;
	padding: 1rem 0 2rem;
	border-radius: 20px;
}
.contact-bg-gray .row {
	display: flex;
	flex-wrap: wrap;
	padding: 2% 0.5rem;
	height: 4rem;
	margin: 0 5%;
}
.contact-bg-gray .row .icon-area {
	width: 2rem;
	height: 2rem;
	margin: 0.5rem 1% 0 3%;
}
.contact-bg-gray .row .number-area {
	width: 45%;
	text-align: center;
	font-size: 1.5rem;
}
.contact-bg-gray .row .text-area {
	width: auto;
	font-size: 0.9rem;
	padding-top: 0.5rem;
}
.contact-badge {
	width: 18%;
	height: auto;
	margin: -22rem 0 0 70%;
}
.contact-form-adven h2 {
	font-size: 1.5rem;
}
.inquiry {
	width: 80%;
	margin: 4rem 10%;
}
table .inquiry th,
table .inquiry td {
	border-bottom: 1px solid #ddd;
	padding: 1rem;
}
table .inquiry-th {
	width: 28% !important;
	letter-spacing: 0.1rem;
	text-align: left;
	padding: 0.5rem 0 0.5rem 1.5rem;
	border-left: 1px solid #fff;
}
table .inquiry-td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
	margin-top: 10px;
	display: block;
	font-size: 0.98rem;
}
.wpcf7-checkbox .wpcf7-list-item {
	margin-top: 10px;
	display: block;
	font-size: 0.98rem;
}
.haveto {
	color: #f77143;
	font-size: 0.75rem;
	font-weight: 300;
	margin-left: 0.75rem;
}
.hosoku {
	font-size: 0.85rem;
	color: #41a9ee;
	font-weight: 400;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
.search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
	padding: 0.8rem;
	border: 1px solid #fff;
	font-size: 1rem;
	width: 100%;
	letter-spacing: 0.05rem;
}
::placeholder {
	color: #b9b9b9;
	font-weight: 300;
}
input[type="submit"] {
	padding: 1.5rem 1rem;
	width: 90%;
	margin: 0 5%;
	font-size: 1rem;
	background-color: #003e92;
	color: #fff;
	border-radius: 10px;
	-webkit-appearance: none;
}
.contact-acceptance {
	width: 60%;
	margin: 0 20% 2rem;
	font-size: 0.95rem;
}
.contact-acceptance .haveto {
	margin-left: 0;
	color: #f77143;
	font-size: 0.85rem;
}
.wpcf7-not-valid-tip {
	color: #f77143 !important;
	font-size: 0.95rem !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
	width: 80%;
	margin: 0 10% 5rem !important;
	padding: 0.5rem !important;
}
input[type="checkbox"] {
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
	margin-right: 0.3rem;
}
/************************************
** 看板メニュー
************************************/
.sign-menu #n2-ss-3 {
	border-bottom: 5px solid #003e92;
}
.menu-outer {
	display: block;
	position: relative;
	width: 80%;
	height: auto;
	border: 3px solid #003e92;
	margin: 5rem auto;
	padding: 2rem 0;
}
.menu-ttl-box {
	padding: 2rem 0;
	border-bottom: 1px solid #003e92;
}
.menu-ttl-box h2 {
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid #003e92;
	font-size: 2.5rem;
	letter-spacing: 0.15rem;
}
.menu-ttl-box .font09 {
	font-size: 1.2rem;
}
.menu-ttl-box p {
	text-align: center;
	line-height: 2.2rem;
}
.menu-badge-faq {
	position: fixed;
	width: 11%;
	right: 3px;
	top: 230px;
	z-index: 400;
}
.menu-badge-contact {
	position: fixed;
	width: 11%;
	right: 3px;
	top: 10px;
	z-index: 400;
}
.fixed {
	position: fixed;
	top: 0;
}
.rotation:hover {
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
		0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.rotation:hover img {
	/*ホバーでアイコン回転*/
	-webkit-transform: rotate(5deg);
	transform: rotate(4deg);
}
.rotation2:hover img {
	/*ホバーでアイコン回転*/
	-webkit-transform: rotate(5deg);
	transform: rotate(7deg);
}
.menu01,
.menu02,
.menu03 {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	height: auto;
	position: relative;
	margin: 2rem 5%;
	border-bottom: 1px solid #003e92;
}
.menu01 h4,
.menu02 h4,
.menu03 h4 {
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
}
.menu-last {
	border-bottom: none;
}
.menu-text-area-left {
	width: 67%;
	margin: 0 3% 0 0;
}
.menu-text-area-left-0 {
	width: 60%;
	margin: 0 3% 0 0;
}
.menu-text-area-right {
	width: 67%;
	margin: 0 0 0 3%;
}
.menu-text-area-right h3,
.menu-text-area-right h4 {
	text-align: right;
}
.menu-img-area-0 {
	width: 37%;
	height: auto;
	margin: 2rem 0;
}
.menu-img-area-left {
	width: 30%;
	height: auto;
	margin: 1rem 0;
}
.menu-img-area-right {
	width: 30%;
	height: auto;
	margin: 1rem 0;
}
.menu-img-area-left img,
.menu-img-area-right img {
	border-radius: 50%;
}
.menu01 h3,
.menu02 h3,
.menu03 h3 {
	font-size: 2.2rem;
}
.menu02 h3,
.menu02 h4 {
	text-align: right;
}
.menu-detail-box {
	margin: 2rem 0;
}
.menu-detail-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.menu-detail-row .col-icon {
	width: 2rem;
	height: auto;
}
.menu-detail-row .text-row {
	width: 90%;
	height: auto;
	padding: 0 0 0 1rem;
	margin-top: -1rem;
}
.menu05-img {
	position: absolute;
	width: 30%;
	height: auto;
	overflow: visible;
	z-index: 300;
	margin: 1.5rem auto 0 70%;
	border-radius: 50%;
}
.menu06-img {
	position: absolute;
	width: 30%;
	height: auto;
	overflow: visible;
	z-index: 300;
	margin: 1.5rem auto 0 0;
	border-radius: 50%;
}
.menu07-img {
	position: absolute;
	width: 30%;
	height: auto;
	overflow: visible;
	z-index: 300;
	margin: 0 auto 0 70%;
	border-radius: 50%;
}
.menu09-img {
	position: absolute;
	width: 30%;
	height: auto;
	overflow: visible;
	z-index: 300;
	margin: 0 auto 0 70%;
	border-radius: 50%;
}
.menu10-img {
	position: absolute;
	width: 30%;
	height: auto;
	overflow: visible;
	z-index: 300;
	margin: 3rem auto 0 0;
	border-radius: 50%;
}
.fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 300ms;
}
.fadein2 {
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 200ms;
}
.fadein.scrollin,
.fadein2.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}
/************************************
** FAQ よくある質問
************************************/
.faq-container h2 {
	font-size: 2.2rem;
	letter-spacing: 0.1rem;
}
.faq-area {
	display: block;
	width: 65%;
	height: auto;
	margin: 4rem 17.5%;
}
.faq-box {
	padding: 2rem 0;
	border-bottom: 1px solid #003e92;
}
.article-title {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}
.ico-q,
.ico-a {
	position: absolute;
	width: 2.5rem;
	height: auto;
}
.article-title h4 {
	width: 90%;
	height: auto;
	margin-left: 3.5rem;
}
.accordion-content p {
	margin-left: 3.5rem;
	width: 88%;
}
.accordion-content ol {
	margin-left: 3.5rem;
	width: 88%;
	font-size: 0.99rem;
}
.accordion-content p a {
	color: #41a9ee;
	font-weight: 600;
}
/*アコーディオンメニュー*/
.accordion-container {
	/*  position: relative;*/
	width: 100%;
	border-top: none;
	outline: 0;
	cursor: pointer;
}
.accordion-container .article-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 0.75rem 3%;
	font-size: 1.25em;
	font-weight: normal;
	cursor: pointer;
}
.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
	color: #41a9ee;
}
.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
	color: #41a9ee;
}
.accordion-content {
	display: none;
	padding-left: 2.7rem;
}
/* アコーディオンメニュー + - の矢印*/
.accordion-container .content-entry h4 {
	position: relative;
}
.accordion-container .content-entry h4:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	width: 20px;
	height: 4px;
	background: #003e92;
	transition: all 0.2s ease-in-out;
}
.accordion-container .content-entry h4:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	width: 20px;
	height: 4px;
	transform: rotate(90deg);
	background: #003e92;
	transition: all 0.3s ease-in-out;
}
.accordion-container .content-entry.open h4:before {
	transform: rotate(180deg);
}
.accordion-container .content-entry.open h4:after {
	opacity: 0;
}
/************************************
** プライバシーポリシー
************************************/
.privacy-policy {
	display: block;
	width: 75%;
	height: auto;
	margin: 0 auto 5rem;
	padding: 0 15%;
}
.privacy-policy h6 {
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.75rem;
	border-bottom: 1px solid #003e92;
}
.privacy-policy p {
	margin: 0 0 3rem 0;
}
/************************************
** 404ページ
************************************/
.notfound {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto 5rem 5rem;
	padding: 0 10%;
}
.notfound h2 {
	font-size: 3.5rem;
	font-weight: 600;
	color: #9bcdee;
	margin: 5% auto 5%;
}
.notfound p {
	font-size: 1.1rem;
	margin: 2rem auto 0;
	line-height: 3rem;
}
.btn-404 {
	display: block;
	float: left;
	padding: 1rem 4rem;
	font-size: 1.2rem;
	color: #003e92;
	background-color: #fff;
	border: 1px solid #003e92;
}
.btn:hover,
.ranking-item-link-buttons a:hover,
.btn-wrap > a:hover {
	opacity: 0.7;
	color: #41a9ee;
	transition: all 0.7s;
}
/************************************
** 定期メンテナンスのページ
************************************/
.maintenance {
	display: block;
	width: 85%;
	height: auto;
	margin: 0 auto 6rem;
}
.maintenance .flex-content {
	align-items: flex-start;
}
.maintenance h3 {
	font-size: 1.7rem;
	text-align: center;
	margin: 5rem auto 4rem;
}
.maintenance h4 {
	font-size: 1.8rem;
	text-align: center;
	margin: 4rem auto 3rem;
}
.maintenance h5 {
	font-size: 1.7rem;
	text-align: center;
	margin: 5rem auto 4rem;
}
.maintenance p {
	width: 73%;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 2.8rem;
}
.maintenance-plan-container {
	width: 80%;
	margin: 0 auto 3rem;
}
.maintenance-plan-info {
	width: 23%;
	height: auto;
	margin: 0 auto;
}
.maintenance-before-after-container {
	width: 80%;
	margin: 0 auto 3rem;
}
.maintenance-before-after {
	width: 48%;
	height: auto;
	margin: 0 1% 2rem;
}
.sign-rules {
	width: 60% !important;
	margin: 0 auto 2rem;
}
.sign-rules-and-regulations {
	width: 60%;
	padding: 1rem;
	border: 1px solid rgba(201, 201, 201, 1);
	margin: 0 20%;
}
.the-source {
	width: 60% !important;
	text-align: right;
	margin: 2rem auto 0 !important;
	font-size: 0.94rem !important;
}
.line-town-navy {
	width: 100%;
	margin: 2rem 0;
}
/************************************
** 小谷IC 野立て看板のページ
************************************/
.road-sign {
	/*
  display: block;
  width: 85%;
  height: auto;
*/
	margin: 0 auto 6rem;
}
.road-sign h4 {
	font-size: 1.8rem;
	text-align: center;
	margin: 3rem auto;
}
.road-sign p {
	width: 70%;
	margin: 0 auto;
}
.road-sign-img-big {
	width: 94%;
	margin: 0 3%;
}
.road-sign .details1 {
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	height: auto;
	margin: 2rem auto;
}
.road-sign .details1 .text-area {
	width: 48%;
	height: auto;
	margin: 0 2% 0 0;
}
.road-sign .details1 .map-area {
	width: 50%;
	height: auto;
	margin: 0;
}
.road-sign .details1 .text-area h4,
.details2 h4 {
	text-align: left;
	font-size: 1.5rem;
}
.road-sign .details1 .text-area h4 {
	margin: 0 0 1.5rem;
}
.details2 h4 {
	margin: 0 0 2rem;
}
.details3 .line-navy-1px {
	margin: 2rem 0 2rem;
}
.road-sign .details1 .text-area p {
	text-align: left;
	width: auto;
}
.kanban-address {
	margin: 0 0 2rem !important;
	font-size: 1.2rem;
}
.road-sign .details2 {
	width: 94%;
	height: auto;
	margin: 4rem 3% 0;
}
.details3,
.details3-sold {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	height: auto;
	padding: 2rem 0;
	border-bottom: 1px solid #003e92;
	margin: 0 auto;
}
.details3 .sold,
.details3-sold .sold {
	width: 12%;
	color: #f77143;
	font-weight: 600;
	text-align: right;
}
.details3 .kanban-num,
.details3-sold .kanban-num {
	width: 18%;
	padding: 0 0 0 1rem;
}
.details3 .kanban-size,
.details3-sold .kanban-size {
	width: 70%;
}
.details3 .kanban-size p,
.details3-sold .kanban-size p {
	width: auto;
}
.details3-sold .kanban-num,
.details3-sold .kanban-size,
.details3-sold .kanban-size p {
	color: #b5b5b5;
}
/************************************
** スマホ用ヘッダー
************************************/
.header-sp {
	display: block;
	position: fixed;
	float: left;
	width: 100%;
	height: auto;
	padding: 0.7rem 0 0.2rem;
	margin: 0;
	z-index: 1999;
	background-color: rgba(255, 255, 255, 0.92);
}
.hamburger-menu {
	display: block;
	float: left;
	width: 11.5%;
	margin: 0.8rem 0 0 3.5%;
}
.logo-header-sp {
	display: block;
	float: left;
	width: 51%;
	margin: 0.8rem 1% 0.3rem;
}
.header-sp-right-area {
	width: 28%;
	float: left;
	padding: 0 0 0 2%;
}
.header-mail-sec-sp,
.header-tel-sec-sp {
	display: block;
	float: right;
	width: 42%;
	height: auto;
	margin: 0.3rem 4%;
	padding: 0.5rem;
	border-radius: 10px;
}
.header-mail-sec-sp {
	background-color: #003e92; /*ネイビー*/
}
.header-tel-sec-sp {
	background-color: #003e92; /*ネイビー*/
}
#nav-drawer {
	position: relative;
}
/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}
/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 25px;
	vertical-align: middle;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
	position: absolute;
	height: 4px; /*線の太さ*/
	width: 30px; /*長さ*/
	border-radius: 10px;
	background: #003e92;
	display: block;
	content: "";
	cursor: pointer;
}
#nav-open span:before {
	bottom: -11px;
}
#nav-open span:after {
	bottom: -22px;
}
/*閉じる用の薄黒カバー*/
#nav-close {
	display: none; /*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0; /*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: 0.3s ease-in-out;
}
/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999; /*最前面に*/
	width: 75%; /*右側に隙間を作る*/
	/*max-width: 340px;*/ /*最大幅*/
	height: 100%;
	background: rgba(255, 255, 255, 0.85); /*背景色*/
	transition: 0.3s ease-in-out; /*滑らかに表示*/
	-webkit-transform: translateX(-100.5%);
	transform: translateX(-100.5%); /*左に隠しておく*/
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block; /*カバーを表示*/
	opacity: 0.5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%); /*中身を表示*/
	box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}
.drawer-menu-item {
	font-size: 1.25rem !important;
	font-weight: 500;
	display: block;
	padding: 0.7rem 0 0.7rem 1.2rem !important;
	text-decoration: none;
	color: #003e92 !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1800px以下*/
@media screen and (max-width: 1800px) {
	/*必要ならばここにコードを書く*/
	.top-greeting-area p {
		line-height: 1.7rem;
		font-size: 0.96rem;
	}
	.faq-area {
		display: block;
		width: 70%;
		height: auto;
		margin: 4rem 15%;
	}
}
/*1400px以下*/
@media screen and (max-width: 1400px) {
	/*必要ならばここにコードを書く*/
	/* .main .contact,  .main .company {
    width: calc(100% - 200px);
    float: right;
    margin: 0 0 0 200px;
  }*/

	.content .wrap,
	.road-sign,
	.maintenance,
	.sign-menu,
	.contact,
	.company,
	.notfound {
		width: calc(100% - 200px) !important;
		margin-left: 200px;
	}
	.footer {
		width: calc(100% - 200px);
	}
	.toppage-content {
		width: calc(100% - 200px);
		margin-left: 200px;
	}

	/*
  .wrap {
    width: 94%;
    margin: 0 auto;
  }
*/
	.logo-header img {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.navi-in .item-label {
		font-size: 0.9rem;
	}
	.navi-in ul li {
		height: 2.5rem;
		line-height: 1.2rem;
	}
	.header-sns-area .left img {
		display: block;
		width: 40%;
		margin: 1rem 20% 1rem 40%;
	}
	.header-sns-area .right img {
		display: block;
		width: 40%;
		margin: 1rem 0 1rem 20%;
	}
	/*	トップページ 1400px以下 */
	.top-greeting-area h2,
	.top-insta-area h2 {
		font-size: 2rem;
		letter-spacing: 0.05rem;
	}
	.top-greeting-area .font09,
	.top-insta-area .font09 {
		font-size: 1.1rem;
		letter-spacing: 0.05rem;
	}
	.top-greeting-area p {
		line-height: 1.5rem;
		font-size: 0.9rem;
		margin: 1rem 0;
		text-align: justify;
	}
	/*	フッター 1400px以下 */
	#navi-footer-in {
		width: 98%;
		margin: 0 1%;
	}
	.footer-contact-area .flex-content {
		width: 100%;
	}
	.footer-contact-area p {
		font-size: 0.85rem;
	}
	.menu-outer {
		width: 90%;
	}
	.menu-badge-faq {
		right: 5px;
		top: 190px;
	}
	.menu-badge-contact {
		right: 5px;
		top: 10px;
	}
	.faq-area {
		width: 85%;
		margin: 4rem 7.5%;
	}
	.road-sign .forward-text {
		width: 94%;
		margin: 0 3%;
	}
	.maintenance-before-after-container,
	.maintenance p {
		width: 90%;
	}
	.maintenance-plan-container {
		width: 95%;
	}
	.sign-rules,
	.the-source {
		width: 90% !important;
	}
	.sign-rules-and-regulations {
		width: 90%;
		margin: 0 5%;
	}
	/*	コンタクトページ 1400px以下
	.contact-bg-gray {
		width: 70%;
	}*/
}
/*1240px以下*/
@media screen and (max-width: 1240px) {
	/*必要ならばここにコードを書く*/
	.header-container {
		width: 170px;
	}
	.content .wrap,
	.road-sign,
	.maintenance,
	.sign-menu,
	.contact,
	.company,
	.notfound {
		width: calc(100% - 170px) !important;
	}
	.footer {
		width: calc(100% - 170px);
	}
	.toppage-content {
		width: calc(100% - 170px);
		margin-left: 170px;
	}
	.footer-contact-area .flex-content .flex-box {
		width: 29.5%;
		margin: 3rem 1.916% 0;
	}
	.main {
		width: 100%;
		margin: 0;
	}
	.navi-in .item-label {
		font-size: 0.84rem;
	}
	.navi-in ul li {
		height: 2.6rem;
		line-height: 1.1rem;
	}
	.top-greeting-area h2,
	.top-insta-area h2 {
		font-size: 1.9rem;
		letter-spacing: 0.05rem;
	}
	.flex-box-50per.top-greeting-area {
		margin-bottom: 5rem;
	}
	.top-greeting-area p {
		line-height: 1.75rem;
		margin: 2rem 2% 0;
	}
	.top-insta-area h2 {
		margin-bottom: 2rem;
	}
	.flex-box-50per {
		width: 100%;
		margin-bottom: 3rem;
	}
	.border-bottom-1px-navy2 {
		border-bottom: solid 1px #fff;
	}
	.toppage-content.margin-top-5rem {
		margin-top: 2rem !important;
	}
	.toppage-content.margin-top-4rem {
		margin-top: 2rem !important;
	}
	.toppage-content.margin-top-2rem {
		margin-top: 0.5rem !important;
	}
	.toppage-menu .flex-box-50per {
		width: 70%;
		margin: 0 auto;
	}
	.business-map-area {
		width: 90%;
		margin: 0 5%;
	}
	.toppage-works .flex-box-25per {
		width: 30%;
		margin: 0 1.666%;
	}
	.sign-type p {
		margin: 0.5rem 0 3rem;
		line-height: 1.5rem;
		font-size: 0.98rem;
	}
	.client {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.road-sign {
		width: 95%;
	}
	.road-sign h4 {
		font-size: 1.6rem;
	}
	.btn,
	.ranking-item-link-buttons a,
	.btn-wrap > a,
	.wp-block-freeform .btn-wrap > a {
		padding: 8px 0;
	}
	.btn-basic {
		padding: 1.3rem 5%;
		margin: 1rem auto;
	}
	.btn-basic a {
		color: #fff;
		font-size: 1.05rem;
	}
	.btn-404 {
		padding: 1rem 4rem !important;
	}
	.details3,
	.details3-sold {
		width: 95%;
	}
	.menu-outer {
		width: 95%;
	}
	.menu-text-area-left-0 {
		width: 88%;
		margin: 0 0 0 0;
	}
	.menu-text-area-left-0 p {
		line-height: 2rem;
	}
	.menu-img-area-0 {
		width: 60%;
		margin: -2rem auto 1rem;
	}
	.menu02 {
		flex-wrap: wrap-reverse;
	}
	.menu-text-area-right {
		width: 88%;
		margin: 0 0 0 0;
	}
	.menu02 h3,
	.menu02 h4 {
		text-align: left;
	}
	.menu-text-area-left {
		width: 88%;
		margin: 0 0 0 0;
	}
	.menu-img-area-left {
		width: 50%;
		height: auto;
		margin: -2rem auto 1rem;
	}
	.menu-img-area-right {
		width: 50%;
		height: auto;
		margin: -2rem auto 1rem;
	}
	.menu-badge-faq {
		right: 2px;
		top: 190px;
	}
	.menu-badge-contact {
		right: 2px;
		top: 10px;
	}
	.menu-badge-faq,
	.menu-badge-contact {
		width: 14%;
	}
	.faq-area {
		width: 100%;
		margin: 1rem 0;
	}
	.faq-container h2 {
		font-size: 2.5rem;
	}
	.article-title h4 {
		width: 88%;
	}
	/* .contact-bg-gray {
		width: 80%;
	} */
	.inquiry {
		width: 86%;
		margin: 4rem 7%;
	}
	.contact-acceptance {
		width: 80%;
		margin: 0 10% 2rem;
		font-size: 1rem;
	}
	.company-info {
		width: 86%;
	}
	.privacy-policy {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto 5rem;
		padding: 0 10%;
	}
	.footer-right-sec {
		width: 46%;
		margin: 0 2%;
	}
	.footer-left-sec {
		width: 46%;
		margin: 0 2%;
	}
	.car-wrap {
		width: 80%;
		padding: 0.5rem 0 0.5rem 3%;
		font-size: 1.05rem;
	}
	/* .logo-car-wrap {
		padding: 0.5rem 0 0 1%;
	} */
}
/*1030px以下*/
@media screen and (max-width: 1030px) {
	/*必要ならばここにコードを書く*/
	.main {
		width: 100%;
		margin: 0;
	}
	.privacy-policy {
		display: block;
		width: 95%;
		height: auto;
		margin: 0 auto 5rem;
		padding: 0 5%;
	}
	.road-sign h2 {
		line-height: 3rem;
	}
	.border-bottom-1px-navy {
		border-bottom: 1px solid #003e92;
	}
	.road-sign .details1 .text-area {
		width: 100%;
		height: auto;
		margin: 0 auto 1rem;
	}
	.road-sign .details1 .map-area {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.road-sign .details2 {
		width: 94%;
		height: auto;
		margin: 4rem 3% 0;
	}
	.details3,
	.details3-sold {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.details3 .sold,
	.details3-sold .sold {
		width: 5%;
		font-size: 0.97rem;
		display: none;
	}
	.details3 .kanban-num,
	.details3-sold .kanban-num {
		width: 100%;
		font-size: 1.2rem;
	}
	.details3 .kanban-size,
	.details3-sold .kanban-size {
		width: 94%;
		margin: 0 3%;
	}
	.details3 .kanban-size p,
	.details3-sold .kanban-size p {
		width: auto;
		font-size: 0.93rem;
	}

	#navi-footer-in {
		width: 90%;
		margin: 0 5%;
	}
	/*1030px以下 定期メンテナンスのページ*/
	.maintenance-plan-info {
		width: 40%;
		height: auto;
		margin: 0 auto 3rem;
	}
	/*1030px以下 看板メニューのページ*/
	.menu-badge-faq,
	.menu-badge-contact {
		display: none;
	}
	.menu-ttl-box p {
		text-align: left;
		width: 85%;
		margin: 0 auto;
		line-height: 2.2rem;
	}
	.menu01,
	.menu02,
	.menu03 {
		width: 85%;
		margin: 2rem 7.5%;
	}
	.menu-text-area-left-0,
	.menu-text-area-right,
	.menu-text-area-left {
		width: 100%;
		margin: 0 0 0 0;
	}
	.faq-box {
		padding: 2rem;
	}
	.accordion-container .content-entry h4:before,
	.accordion-container .content-entry h4:after {
		right: -40px;
	}
	/*	コンタクトページ 1030px以下 */
	.contact-bg-gray {
		width: 90%;
		max-width: 600px;
	}
	.contact-bg-gray .row {
		justify-content: center;
		margin: 0 5% 2rem;
	}
	.contact-bg-gray .row .number-area {
		width: fit-content;
		margin: 0.05rem 0 0.5rem 1rem;
	}
	.contact-bg-gray .row .text-area {
		width: 100%;
		text-align: center;
	}
}

/* 1023px以下 */
@media screen and (max-width: 1023px) {
	.footer-right-sec adress {
		line-height: 1.8;
	}

	.btn-footer-white .car-wrap a {
		display: block;
		font-size: 0.97rem;
		line-height: 1.6;
	}
}

/*960px以下 */
@media screen and (max-width: 960px) {
	.contact-text {
		text-align: left;
		width: fit-content;
		margin: 1.2em 5%;
	}

	.footer-right-sec adress {
		line-height: 1.7;
		font-size: 0.95rem;
	}

	.btn-footer-white .car-wrap a {
		font-size: 0.95rem;
		line-height: 1.5;
	}
}

/*768px以下 */
@media screen and (max-width: 768px) {
	/*768px以下 スマホ用ヘッダーのスタイル */
	.header-sp {
		padding: 1rem 0 0.2rem;
	}
	.hamburger-menu {
		display: block;
		float: left;
		width: 7%;
		margin: 1.1rem 0 0 3.5%;
	}
	.logo-header-sp {
		display: block;
		float: left;
		width: 35%;
		margin: 0.5rem 1% 0.3rem;
	}
	.header-sp-right-area {
		width: 24%;
		float: right;
		padding: 0 3.5% 0 0;
	}
	.header-mail-sec-sp,
	.header-tel-sec-sp {
		display: block;
		float: right;
		width: 36%;
		height: auto;
		margin: 0.3rem 7%;
		padding: 0.5rem;
		border-radius: 10px;
	}
	#nav-content {
		width: 45%;
		padding: 5rem 0 0 2rem;
	}
	.drawer-menu-item {
		font-size: 1.4rem !important;
	}
	p,
	.accordion-content ol {
		font-size: 1.2rem;
		line-height: 2.2rem;
	}
	.main {
		width: 100%;
		margin: 0;
	}
	.header-container {
		width: 0;
	}
	/*
  .wrap {
    width: 98%;
    margin: 0 auto;
  }
*/
	.content .wrap,
	.road-sign,
	.maintenance,
	.sign-menu,
	.contact,
	.company,
	.notfound,
	.privacy-policy {
		width: 100% !important;
	}
	.footer {
		width: 100%;
	}
	.header-container {
		display: none;
	}
	.margin-bottom-3rem {
		margin-bottom: 2rem !important;
	}
	.margin-bottom-5rem {
		margin-bottom: 3rem !important;
	}
	.toppage-content {
		width: 100%;
		margin: 0;
	}
	.n2-section-smartslider {
		position: relative;
		width: 100%;
		margin-top: 100px;
	}
	.sp-spacer {
		display: block;
		width: 100%;
		height: 90px;
	}
	.toppage-content .margin-top-5rem {
		margin-top: 3rem !important;
	}
	.top-greeting-area h2,
	.top-insta-area h2 {
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.top-greeting-area p {
		line-height: 2.2rem;
		font-size: 1.2rem;
	}
	.flex-content.margin-top-2rem.toppage-menu {
		margin-top: -4rem !important;
	}
	.toppage-menu .flex-box-50per {
		width: 96%;
		margin: 0 auto;
	}
	.top-menu-left h4,
	.top-menu-right h4 {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}
	.top-menu-left .font09,
	.top-menu-right .font09 {
		font-size: 1rem;
		font-weight: 500;
		letter-spacing: 0;
	}
	.toppage-works .flex-box-25per {
		width: 45%;
		margin: 0 2.5%;
	}
	.top-insta-area {
		height: auto;
		margin-bottom: 2rem !important;
	}
	.toppage-bg-gray p {
		text-align: left;
		width: 80%;
		margin: 2rem auto 0;
	}
	.business-map-area {
		margin: 0 5% 3rem;
	}
	.footer-contact-area .flex-content {
		width: 100%;
		padding: 0 0 2rem;
	}
	.footer-contact-area .flex-content .flex-box {
		width: 30%;
		margin: 3rem 1.666% 0;
	}
	.icon-sec {
		width: 60%;
		margin: 0 20% 0.5rem;
	}
	.icon-sec img {
		width: 60%;
		margin: 0.8rem 20%;
	}
	.footer-contact-area {
		padding: 4rem 0 3rem;
	}
	.footer-contact-area h3 {
		font-size: 1.7rem;
	}
	.footer-contact-area p {
		font-size: 0.98rem;
		margin: 0.5rem;
		line-height: 1.8rem;
	}
	.footer-upper-area {
		margin: 3rem auto;
	}
	.footer-upper-area .flex-content {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.footer-left-sec,
	.footer-right-sec {
		width: 85%;
		margin: 0 7.5%;
	}
	.footer-left-sec {
		margin-top: 2rem;
	}
	.footer-right-sec h3 {
		margin: 0 0 2rem 0;
		letter-spacing: 0.1rem;
		font-size: 1.7rem;
	}
	.footer-right-sec adress {
		font-size: 1.2rem;
		text-decoration: none;
	}
	.btn-footer-white {
		width: 100%;
		padding: 0.7rem 0.9rem;
	}
	.logo-car-wrap {
		width: 13%;
		padding: 0.5rem 0 0.5rem 3%;
	}
	.car-wrap {
		width: 70%;
		padding: 0.5rem 0 0.5rem 3%;
	}
	.btn-footer-white .car-wrap a {
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.navi-footer-in > .menu-footer li.menu-item a {
		padding: 0;
		width: 100%;
		font-size: 1rem;
		letter-spacing: 0.05rem;
		line-height: 2rem;
	}
	.road-sign .margin-top-3rem {
		margin-top: 0 !important;
	}
	.menu-badge-faq,
	.menu-badge-contact {
		display: none;
	}
	.menu-ttl-box p {
		text-align: left;
		line-height: 2.2rem;
		padding: 0 4%;
	}
	/*768px以下 定期メンテナンスのページ */
	.maintenance-before-after {
		width: 88%;
		height: auto;
		margin: 0 6% 1rem;
	}
	.maintenance-plan-info {
		width: 46%;
		margin: 0 2% 2rem;
	}
	.sign-rules,
	.the-source {
		width: 90% !important;
	}
	.line-town-navy {
		width: 100%;
		margin: 0 0 2rem;
	}
	.maintenance p {
		font-size: 1.35rem;
	}
	/*768px以下 コンタクトのページ */
	.contact-text {
		text-align: left;
		width: 90%;
		margin: 0 auto;
		line-height: 2.3rem;
	}
	.contact-bg-gray {
		width: 90%;
	}
	.inquiry {
		width: 95%;
		margin: 4rem 2.5%;
	}
	table .inquiry-th {
		width: 28% !important;
		letter-spacing: 0.02rem;
		text-align: left;
		padding: 0.5rem 0 0.5rem 1.5rem;
		border-left: 1px solid #fff;
		font-size: 1.1rem;
	}
	.wpcf7-radio .wpcf7-list-item,
	.wpcf7-checkbox .wpcf7-list-item {
		margin: 1rem 0 1rem 1rem;
		display: block;
		font-size: 1.1rem;
	}
	.privacy-policy {
		padding: 0 2.5%;
	}
}
/*480px以下*/
@media screen and (max-width: 480px) {
	/*必要ならばここにコードを書く*/
	.main {
		width: 100%;
		margin: 0;
	}
	/*
  .toppage-content, .footer {
    width: 100%;
    margin: 0 -2% 0 2%;
  }
*/
	/*480px以下 スマホ用ヘッダーのスタイル*/
	.header-sp {
		padding: 0.7rem 0 0.2rem;
	}
	.hamburger-menu {
		display: block;
		float: left;
		width: 11.5%;
		margin: 0.8rem 0 0 3.5%;
	}
	.logo-header-sp {
		display: block;
		float: left;
		width: 51%;
		margin: 0.8rem 1% 0.3rem;
	}
	.header-sp-right-area {
		width: 28%;
		float: left;
		padding: 0 0 0 2%;
	}
	.header-mail-sec-sp,
	.header-tel-sec-sp {
		display: block;
		float: right;
		width: 42%;
		height: auto;
		margin: 0.3rem 4%;
		padding: 0.5rem;
		border-radius: 10px;
	}
	#nav-content {
		width: 75%;
		padding: 0;
	}
	.drawer-menu-item {
		font-size: 1.25rem !important;
	}
	.n2-section-smartslider {
		margin-top: 90px;
	}
	.top-catch-area h3 {
		font-size: 1.7rem;
		margin-top: -2rem;
	}
	.top-catch-ttl-area h3 {
		font-size: 3.2rem;
		line-height: 3rem;
	}
	.flex-content.margin-top-2rem.toppage-menu {
		margin-top: -6rem !important;
	}
	.flex-content.margin-bottom-4rem.toppage-works {
		margin-bottom: 1rem !important;
	}
	.toppage-bg-gray h4 {
		font-size: 1.65rem;
	}
	.toppage-bg-gray p {
		text-align: left;
		width: 90%;
		margin: 2rem auto 0;
	}
	.top-page-business-area h2 {
		font-size: 1.8rem;
	}
	.top-page-business-area.font09 {
		font-size: 1rem;
	}
	/*480px以下 インスタ埋め込み部分 */
	/* #sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item {
		width: 46% !important;
		height: 24vh !important;
		margin: 10px 2% !important;
	} */
	#sb_instagram.sbi_col_10 #sbi_images,
	#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_3 #sbi_images,
	#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_4 #sbi_images,
	#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_5 #sbi_images,
	#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_6 #sbi_images,
	#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_7 #sbi_images,
	#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_8 #sbi_images,
	#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_col_9 #sbi_images,
	#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,
	#sb_instagram.sbi_mob_col_1 #sbi_images {
		grid-template-columns: repeat(2, 1fr);
	}

	/*480px以下 野立て看板のページ */
	.road-sign h4 {
		font-size: 1.3rem;
	}
	.road-sign .forward-text {
		width: 94%;
		margin: 0 3%;
		font-size: 1.05rem;
	}
	/*480px以下 定期メンテナンスのページ */
	.maintenance h2 {
		font-size: 2rem;
		letter-spacing: 0;
	}
	.maintenance h4 {
		font-size: 1.4rem;
		margin: 3rem auto 3rem;
	}
	.maintenance-before-after {
		width: 100%;
		height: auto;
		margin: 0 0 1rem;
	}
	.maintenance-plan-info {
		width: 90%;
		margin: 0 5% 2rem;
	}
	.maintenance p {
		font-size: 1.1rem;
		line-height: 2.6rem;
	}
	.maintenance h3 {
		margin: 5rem auto 2rem;
	}
	.maintenance h5 {
		font-size: 1.5rem;
		margin: 3rem auto 3rem;
	}
	.line-town-navy {
		margin: -4rem 0 2rem;
	}
	.the-source {
		font-size: 0.8rem !important;
	}
	/*480px以下看板メニューのページ */
	.menu-outer {
		width: 95%;
		padding: 0 0 1rem;
		margin: 3rem auto;
	}
	.menu-ttl-box h2 {
		font-size: 2.2rem;
	}
	.menu-ttl-box p {
		width: 97%;
		font-size: 1rem;
	}
	.menu01,
	.menu02,
	.menu03 {
		width: 90%;
		margin: 2rem 5%;
	}
	.menu01 h3,
	.menu02 h3,
	.menu03 h3 {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}
	.menu-text-area-left-0 p,
	.menu-text-area-left p,
	.menu-text-area-right p {
		font-size: 1rem;
	}
	.menu-detail-row .text-row {
		width: 80%;
		float: left;
		height: auto;
		padding: 0 0 0 1rem;
		margin-top: -1.5rem;
	}
	.menu-detail-row .text-row p {
		font-size: 0.9rem;
		line-height: 2rem;
		letter-spacing: 0;
	}
	.menu-img-area-0 {
		width: 100%;
		margin: -2rem auto 1rem;
	}
	.menu-img-area-left {
		width: 100%;
		height: auto;
		margin: -2rem auto 1rem;
	}
	.menu-img-area-right {
		width: 100%;
		height: auto;
		margin: -2rem auto 1rem;
	}
	.faq-box {
		padding: 1rem;
	}
	.faq-box .article-title h4 {
		width: 72%;
		font-size: 1rem;
	}
	.faq-box .accordion-content {
		padding-left: 0.7rem;
	}
	.faq-box .accordion-content p {
		width: 80%;
		font-size: 1rem;
	}
	.faq-box .accordion-content ol {
		font-size: 0.97rem;
		line-height: 2.2rem;
		margin-left: 2rem;
		width: 89%;
	}
	/*480px以下コンタクトのページ */
	.contact h2 span.font09 {
		letter-spacing: 0.01rem;
	}
	.contact-text {
		text-align: left;
		width: 90%;
		margin: 0 auto;
		font-size: 1.1rem;
	}
	.contact-bg-gray {
		width: 95%;
		padding: 1rem 0;
	}
	.contact-bg-gray .row .icon-area {
		width: 2rem;
		height: 2rem;
		margin: 0.5rem 1% 0 0;
	}
	.contact-bg-gray .row .number-area {
		width: 73%;
		text-align: left;
		font-size: 1.9rem;
		padding: 0;
		margin: -0.2em 0 0 1rem;
	}
	.contact-bg-gray .row {
		padding: 2% 0.5rem;
		height: 7rem;
		margin: 0;
	}
	.contact-bg-gray .row .text-area {
		width: 100%;
		font-size: 1.15rem;
		padding-top: 0;
		text-align: center;
	}
	.contact-bg-gray.row.number-area a {
		text-decoration: none;
	}

	.inquiry {
		width: 100%;
		margin: 4rem 0;
	}
	table.inquiry tr {
		display: flex;
		flex-wrap: wrap;
	}
	table .inquiry-th {
		width: 100% !important;
		border-right: 1px solid #fff;
	}
	table .inquiry-td {
		width: 100% !important;
	}
	/*480px以下 会社概要 */
	.company-info {
		width: 100%;
	}
	/*480px以下 プライバシーポリシー */
	.privacy-policy h2 {
		font-size: 2.2rem;
	}
	.privacy-policy p {
		font-size: 1rem;
	}

	/*480px以下 野立て看板のページ */
	.road-sign h2 {
		line-height: 3rem;
		font-size: 2.2rem;
	}
	.details3 .kanban-num,
	.details3-sold .kanban-num {
		width: 100%;
		font-size: 1.2rem;
	}
	.details3 .kanban-size,
	.details3-sold .kanban-size {
		width: 94%;
		margin: 0 3%;
	}
	.details3 .kanban-size p,
	.details3-sold .kanban-size p {
		width: auto;
		font-size: 0.98rem;
	}

	/*480px以下 フッター */
	.footer-contact-area {
		padding: 2rem 0 3rem;
	}
	.footer-contact-area h3 {
		font-size: 1.45rem;
		letter-spacing: 0.05rem;
		padding: 0 3%;
	}
	.footer-contact-area .flex-content .flex-box {
		width: 88%;
		height: auto;
		margin: 2rem 6% 0;
		padding: 1rem 0.7%;
		border: solid 1px #003e92;
		border-radius: 30px;
		background-color: #fff;
	}
	.icon-sec {
		width: 20%;
		margin: 0 40%;
		padding: 0.3rem 0.5rem;
	}
	.footer-contact-area h5 {
		font-size: 1.2rem;
		text-align: center;
	}
	.footer-contact-area h5 a {
		font-size: 1.2rem;
		text-align: center;
		text-decoration: none;
	}
	.footer-contact-area p {
		font-size: 0.93rem;
		line-height: 1.7rem;
	}
	.footer-right-sec h3 {
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
	}
	.footer-right-sec adress {
		font-size: 1rem;
		text-decoration: none;
	}
	.footer-left-sec,
	.footer-right-sec {
		width: 92%;
		margin: 0 4%;
	}
	.logo-car-wrap {
		width: 25%;
	}
	.car-wrap {
		width: 75%;
		padding: 0.5rem 0 0.5rem 3%;
	}
	.btn-footer-white {
		margin: 2rem 0;
	}

	.btn-footer-white .car-wrap a {
		font-size: 1.02rem;
		line-height: 1.6;
	}

	.footer-bottom-content {
		margin: 0 2%;
	}
	#navi-footer-in {
		width: 100% !important;
		margin: 0;
	}
	.navi-footer-in > .menu-footer li.menu-item {
		width: 48%;
	}
}
/* トップ インスタ埋め込み */
@media (max-width: 360px) {
	#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images .sbi_item,
	#sb_instagram.sbi_mob_col_1 #sbi_images .sbi_item {
		height: 23vh;
	}
}

/*  改行についてまとめ  */
/****  PC ****/
@media screen and (min-width: 1240px) {
	.br_sp {
		display: none;
	}
	.br_tab {
		display: none;
	}
}
/* *** Tab*** */
@media only screen and (min-width: 769px) and (max-width: 1239px) {
	.br_sp {
		display: none;
	}
	.br_pc {
		display: none;
	}
}
/* *** SP*** */
@media screen and (max-width: 768px) {
	.br_tab {
		display: none;
	}
	.br_pc {
		display: none;
	}
}
/* Cocoonのタブレット向けメニュー切り替えをキャンセルする */
@media screen and (max-width: 1023px) {
	.navi-in .menu-pc {
		display: block;
	}
	.menu-pc li,
	.menu-header li,
	.menu-top li {
		width: 100% !important; /* 50%などになってるのを上書き */
		display: block !important;
	}
}
@media screen and (max-width: 834px) {
	.navi-in > .menu-header {
		display: block !important;
	}
}
/*ヘッダーのSP用PC用切り替えのためのCSS*/
@media screen and (max-width: 768px) {
	#header-navi-sp {
		display: block;
	}
	#header-navi-pc {
		display: none;
	}
}
@media screen and (min-width: 769px) {
	#header-navi-pc {
		display: block;
	}
	#header-navi-sp {
		display: none;
	}
}
/* cocoonのスタイルを変更  */
@media screen and (max-width: 1023px) {
	.mblt-footer-mobile-buttons .go-to-top-button {
		display: block !important;
	}
	.go-to-top-button {
		padding-top: 0.7rem;
		opacity: 0.9;
	}
	.go-to-top-button:hover {
		opacity: 0.85;
	}
}