
.hidden {
	display: block;
	height: 0px;
	width: 0px;
	margin: 0!important;
	padding: 0!important;
	overflow: hidden;
}

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body .mincyo {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

body a {
	color: #000;
	text-decoration: none;
}

.fadeup {
	translate: 0 3vw;
	opacity: 0;
	transition: all 1s .2s ease-out;
}
.fadeleft {
	translate: -3vw 0;
	opacity: 0;
	transition: all 1s .2s ease-out;
}
.faderight {
	translate: 3vw 0;
	opacity: 0;
	transition: all 1s .2s ease-out;
}
.fadeup.effect, .fadeleft.effect, .faderight.effect {
	translate: 0 0;
	opacity: 1;
}

/*===============================================
●style.css 画面の横幅が1000px以上
===============================================*/
@media all and (min-width: 1000px) {

html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}

.sp {display: none;}

body {
	font-size: 16px;
	line-height: 1.6em;
	position: relative;
/*	letter-spacing: 0.1em;
	font-feature-settings: "palt";*/
}
body a {
	transition: all  0.5s ease;
}
body a:hover {
	opacity: 0.7;
}
body img {
	max-width: 100%;
	display: block;
}

#head {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0;
	background: rgb(255 255 255 / 0.7);
	z-index: 10;
}
#head .toplogo {
	width: 195px;
	height: 45px;
	background: url(img2025/up-logo.png) center / contain no-repeat;
	position: absolute;
	bottom: 15px;
	left: calc(50% - 490px);
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
#head .gmenu {
	display: flex;
	justify-content: space-between;
	width: 420px;
	height: 40px;
	position: absolute;
	bottom: 15px;
	right: calc(50% - 430px);
}
#head .gmenu li {
	padding: 0 10px;
}
#head .gmenu li a {
	display: block;
	width: 100%;
	line-height: 40px;
}

.contents {
	padding: 100px 0 0;
	position: relative;
	min-height: calc(100dvh - 100px - 56px);
}

.home .main {
	display: flex;
}
.home .main .mleft {
	width: 40%;
	background: url(img2025/top-main-obi.svg) center / 102% no-repeat;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-wrap: wrap;
}
.home .main .mleft h1 {
	width: 19dvw;
	height: 15.2dvw;
	background: url(img2025/top-main-h1.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 0 2.7vw;
}
.home .main .mleft p {
	font-feature-settings: 'palt';
	font-weight: bold;
	font-size: 1.2dvw;
	line-height: 1.8em;
}
.home .main .slick {
	width: 60%;
  opacity: 0;
  visibility: hidden;
}
.home .main .slick.slick-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease;
}
.home .shop {
	width: 980px;
	margin: 70px auto;
	display: flex;
	justify-content: space-between;
}
.home .shop h2 {
	width: 275px;
	height: 210px;
	background: url(img2025/home-shop-h2.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.home .shop ul {
	width: 306px;
}
.home .shop ul p {
	width: 306px;
	height: 55px;
	background: url(img2025/home-shop-copy.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 30px;
}
.home .shop ul li {
	margin: 20px 0 0;
}
.home .shop ul li a {
	background: url(img2025/home-shop-bot-bg.svg) center / contain no-repeat;
	display: block;
	width: 286px;
	height: 51px;
	padding-right: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 51px;
}
.home .shop img {
	width: 330px;
}

.home .news {
	margin: 70px 0 70px calc(50% - 490px + 85px);
	background: #FBE334;
	position: relative;
}
.home .news h2 {
	width: 170px;
	height: 170px;
	position: absolute;
	left: -85px;
	top: 65px;
	background: #93CBE1 url(img2025/home-news-h2.svg) center 51px / 68.4px auto no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.home .news .more {
	width: 61px;
	height: 21px;
	position: absolute;
	top: 168px;
	left: -30px;
}
.home .news .nwrap {
	padding: 26px 0 26px 111px;
	width: 780px;
	display: flex;
	justify-content: space-between;
}
.home .news .nwrap dl {
	width: 240px;
}
.home .news .nwrap dl img {
	width: 240px;
	height: 150px;
	object-fit: cover;
	object-position: 0 0;
}
.home .news .nwrap dl dt {
	font-size: 14px;
	line-height: 20px;
	margin: 16px 0 13px;
}
.home .news .nwrap dl dt span {
	background: #000;
	color: #FFF;
	font-family: serif;
	font-style: italic;
	font-size: 12.5px;
	line-height: 20px;
	text-align: center;
	width: 100px;
	display: inline-block;
}
.home .news .nwrap dl dd {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home .ambassador {
	width: 810px;
	margin: 70px auto;
}
.home .ambassador a {
	display: block;
}

.home .c-menu {
	width: 465px;
	float: right;
	margin: 0 calc(50% - 490px) 0 0;
}
.home .c-menu h2 {
	width: 139px;
	height: 16px;
	background: url(img2025/home-menu-h2.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.home .c-menu a {
	display: block;
	margin-top: 25px;
	padding-left: 113px;
	height: 100px;
	position: relative;
	background: url(img2025/home-menu-arrow.svg) right bottom 3px / 6px auto no-repeat;
}
.home .c-menu a h3 {
	width: 100px;
	height: 100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.home .c-menu a.zerog h3 {
	background: url(img2025/home-menu-zerog.png) center / contain no-repeat;
}
.home .c-menu a.g10 h3 {
	background: url(img2025/home-menu-10g.svg) center / contain no-repeat;
}
.home .c-menu a.g7 h3 {
	background: url(img2025/home-menu-7g.svg) center / contain no-repeat;
}
.home .c-menu a.g5 h3 {
	background: url(img2025/home-menu-5g.svg) center / contain no-repeat;
}
.home .c-menu a p {
	font-size: 17px;
	line-height: 1.3em;
	font-feature-settings: 'palt';
	padding: 24px 0;
}
.home .c-menu a .taikyu {
	float: left;
	font-size: 17px;
	line-height: 26px;
	border: 1px solid #000;
	padding: 0 10px;
	margin-right: 15px;
}
.home .c-menu a .hours {
	font-size: 17px;
	line-height: 28px;
}
.home .c-menu a .hours span {
	font-size: 14px;
}

.home .l-jump {
	width: 450px;
	margin: 70px 0 70px calc(50% - 490px);
}
.home .l-jump li {
	padding-bottom: 28px;
}
.home .l-jump li.movie {
	background: url(img2025/home-movie-text_pc.svg) center bottom / contain no-repeat;
	margin-bottom: 30px;
}
.home .l-jump li.product {
	background: url(img2025/home-products-text_pc.svg) center bottom / contain no-repeat;
}
.home .l-jump li a {
	display: block;
}

.home .cases {
	width: 980px;
	margin: 70px auto;
}
.home .cases h2 {
	width: 115px;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	padding: 10px 0 0;
	margin: 30px auto;
	border: 1px solid #000;
	border-bottom: none;
}
.home .cases ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.home .cases ul::before {
	content: ' ';
	width: 230px;
	height: 1px;
	order: 1;
}
.home .cases ul::after {
	content: ' ';
	width: 230px;
	height: 1px;
}
.home .cases ul li {
	width: 220px;
	padding: 0 0 40px 10px;
	position: relative;
}
.home .cases ul li a {
	display: block;
	transition: none;
}
.home .cases ul li {
	display: block;
	transition: all  0.5s ease;
}
.home .cases ul li:hover {
	opacity: 0.7;
}
.home .cases ul li a:hover {
	opacity: 1;
}
.home .cases ul li h3 {
	display: none;
}
.home .cases ul li::before {
	content: ' ';
	width: 80px;
	height: 120px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.home .cases ul li.g5::before {
	background: #D95F29;
}
.home .cases ul li.g7::before {
	background: #63AE48;
}
.home .cases ul li.g10::before {
	background: #211816;
}
.home .cases ul li.zero::before {
	background: #000000;
}
.home .cases ul li .grade {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.home .cases ul li.g5 .grade {
	background: url(img2025/home-menu-5g.svg) center / cover no-repeat;
}
.home .cases ul li.g7 .grade {
	background: url(img2025/home-menu-7g.svg) center / cover no-repeat;
}
.home .cases ul li.g10 .grade {
	background: url(img2025/home-menu-10g.svg) center / cover no-repeat;
}
.home .cases ul li.zero .grade {
	background: url(img2025/home-menu-zerog.png) center / cover no-repeat;
}
.home .cases ul li img {
	width: 100%;
	position: relative;
	z-index: 10;
}
.home .cases .more {
	display: block;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	width: 160px;
	height: 40px;
	background: url(img2025/home-menu-more.svg) center / 124px auto no-repeat;
	margin: 10px auto 0;
}

.shop.contents::before {
	content: ' ';
	width: 100%;
	height: 645px;
	background: url(img2025/top-main-obi.svg) center 100px / cover no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.shop .concept {
	font-feature-settings: 'palt';
	font-family: serif;
	font-weight: nowrap;
	font-size: 65px;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0.05em;
	padding: 40px 0;
}
.shop .col01 {
	width: 980px;
	padding: 50px;
	background: #FFF;
	margin: auto;
	position: relative;
	min-height: 555px;
}
.shop .col01 h1 {
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	line-height: 1em;
}
.shop .col01 h1 span {
	font-size: 25px;
}
.shop .col01 p.tel {
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #000;
}
.shop .col01 p.tel span {
	display: inline-block;
	padding-left: 14px;
	margin-left: 5px;
	border-left: 1px solid #000;
	font-weight: bold;
	font-size: 22px;
}
.shop .col01 .messege {
	width: 350px;
	font-size: 17px;
	line-height: 30px;
}
.shop .col01 .sns {
	position: absolute;
	top: 193px;
	right: 50px;
	display: flex;
	justify-content: space-between;
	width: 150px;
}
.shop .col01 .sns li {
	width: 30px;
}
.shop .col01 .sns li a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.shop .col01 .sns li:nth-of-type(1) a {
	background: url(img2025/shop-icon-hp.svg) center / contain no-repeat;
}
.shop .col01 .sns li:nth-of-type(2) a {
	background: url(img2025/shop-icon-fb.svg) center / contain no-repeat;
}
.shop .col01 .sns li:nth-of-type(3) a {
	background: url(img2025/shop-icon-insta.svg) center / contain no-repeat;
}
.shop .col01 .sns li:nth-of-type(4) a {
	background: url(img2025/shop-icon-x.svg) center / contain no-repeat;
}
.shop .col01 .sns li a.none {
	opacity: 0.3;
}
.shop .col01 .slick {
	position: absolute;
	top: 240px;
	right: 50px;
	width: 580px;
}
.shop .col01 .slick .slick-slide img {
	max-height: 400px;
	object-fit: cover;
}
.shop .col01 .menulist {
	margin: 35px 0;
}
.shop .col01 .menulist h2 {
	width: 160px;
	height: 25px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(img2025/shop-menu-h2.svg) center bottom / 137px auto no-repeat;
	border: 1px solid #000;
	border-bottom: none;
	margin: 0 0 20px;
}
.shop .col01 .menulist ul {
	display: flex;
	justify-content: space-between;
	width: 340px;
}
.shop .col01 .menulist ul li {
	width: 70px;
}
.shop .col01 .menulist ul li img {
	opacity: 0.3;
}
.shop .col01 .menulist ul li a img {
	opacity: 1;
}
.shop .col01 .service h2 {
	font-feature-settings: 'palt';
	font-weight: bold;
	font-size: 17px;
	line-height: 32px;
}
.shop .col01 .service ul {
	width: 340px;
}
.shop .col01 .service ul li {
	font-size: 17px;
	line-height: 32px;
	display: inline-block;
	margin-right: 1em;
}
.shop .col02 {
	width: 980px;
	padding: 0 50px;
	margin: auto;
	position: relative;
}
.shop .col02 .contractor {
	width: 140px;
	float: right;
	padding: 0 0 20px 110px;
	background: url(img2025/shop-staff-scroll-v.svg) 75px 130px / auto 400px no-repeat;
	pointer-events: none;
}
.shop .col02 .contractor h2 {
	width: 140px;
	height: 120px;
	box-sizing: border-box;
	padding: 20px 0;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	background: url(img2025/staff-h2-bg.svg) center / contain no-repeat;
}
.shop .col02 .contractor h2 span {
	font-size: 22px;
	line-height: 26px;
}
.shop .col02 .contractor .slick img {
	width: 140px;
	height: 145px;
	object-fit: cover;
	object-position: 50% 0;
}
.shop .col02 .contractor .slick p {
	margin: 5px 0 10px;
	font-size: 14px;
	line-height: 20px;
}
.shop .col02 .contractor .slick p span {
	font-size: 17px;
	line-height: 22px;
}
.shop .col02 .data {
	width: 730px;
}
.shop .col02 .data h2 {
	width: 50px;
	height: 20px;
	background: url(img2025/shop-data-h2.svg) center top / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom: 20px;
}
.shop .col02 .data ul {
	font-feature-settings: 'palt';
	font-size: 16px;
	line-height: 26px;
}
.shop .col02 .data ul li {
	display: inline-block;
	margin-right: 20px;
}
.shop .col02 .data iframe {
	margin-top: 35px;
	width: 730px;
	height: 400px;
}
.shop .col02 .contact {
	margin: 60px auto;
	text-align: center;
}
.shop .col02 .contact a {
	width: 250px;
	font-size: 17px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	margin: 0 10px;
	background: #93CBE1;
}
.shop .col02 .contact a.formbot {
	background: #E5A2B5;
}
.shop .menu {
	width: 980px;
	margin: 100px auto 60px;
	clear: both;
}
.shop .menu h2 {
	border-bottom: 1px solid #000;
	height: 40px;
	background: url(img2025/shop-menu-h2.svg) center top / 281px auto no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.shop .menu .grade {
	margin: 50px;
	padding: 0 350px 0 180px;
	position: relative;
	height: 250px;
}
.shop .menu .grade h3 {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.shop .menu #zerog.grade h3 {
	background: url(img2025/home-menu-zerog.png) center / cover no-repeat;
}
.shop .menu #g10.grade h3 {
	background: url(img2025/home-menu-10g.svg) center / cover no-repeat;
}
.shop .menu #g7.grade h3 {
	background: url(img2025/home-menu-7g.svg) center / cover no-repeat;
}
.shop .menu #g5.grade h3 {
	background: url(img2025/home-menu-5g.svg) center / cover no-repeat;
}
.shop .menu .grade .data {
	width: 150px;
	height: 100px;
	position: absolute;
	top: 150px;
	left: 0;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.shop .menu #zerog.grade .data {
	background: url(img2025/shop-menu-data-zerog.svg) center bottom / contain no-repeat;
}
.shop .menu #g10.grade .data {
	background: url(img2025/shop-menu-data-10g.svg) center bottom / contain no-repeat;
}
.shop .menu #g7.grade .data {
	background: url(img2025/shop-menu-data-7g.svg) center bottom / contain no-repeat;
}
.shop .menu #g5.grade .data {
	background: url(img2025/shop-menu-data-5g.svg) center bottom / contain no-repeat;
}
.shop .menu .grade img {
	width: 325px;
	position: absolute;
	top: 0;
	right: 0;
}
.shop .menu .grade h4 {
	font-size: 23px;
	line-height: 32px;
	padding: 14px 0;
}
.shop .menu .grade p {
	font-size: 17px;
	line-height: 27px;
}

.shop #price {
	width: 980px;
	margin: auto;
}
.shop #price h2 {
	margin: auto;
	width: 204px;
	height: 34px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(img2025/lp_price_h2.svg) center / contain no-repeat;
}
.shop #price table {
	width: 980px;
	margin: 40px auto 10px;
	box-sizing: border-box;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.shop #price table tr td {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	width: calc(980px / 6);
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0;
}
.shop #price table tr td span {
	font-size: 17px;
}
.shop #price ul {
	width: 746px;
	height: 29px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(img/lp_price_off.svg) center / contain no-repeat;
	margin: auto;
}
.shop #price p {
	margin: 0;
}


.shop .cases {
	width: 980px;
	margin: 70px auto;
}
.shop .cases h2 {
	width: 100px;
	height: 100px;
	background: url(img2025/shop-case-h2.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 auto 50px;
}
.shop .cases ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.shop .cases ul::before {
	content: ' ';
	width: 230px;
	height: 1px;
	order: 1;
}
.shop .cases ul::after {
	content: ' ';
	width: 230px;
	height: 1px;
}
.shop .cases ul li {
	width: 220px;
	padding: 0 0 40px 10px;
	position: relative;
}
.shop .cases ul li a {
	display: block;
	transition: none;
}
.shop .cases ul li {
	display: block;
	transition: all  0.5s ease;
}
.shop .cases ul li:hover {
	opacity: 0.7;
}
.shop .cases ul li a:hover {
	opacity: 1;
}
.shop .cases ul li h3 {
	display: none;
}
.shop .cases ul li::before {
	content: ' ';
	width: 80px;
	height: 120px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.shop .cases ul li.g5::before {
	background: #D95F29;
}
.shop .cases ul li.g7::before {
	background: #63AE48;
}
.shop .cases ul li.g10::before {
	background: #211816;
}
.shop .cases ul li.zero::before {
	background: #000000;
}
.shop .cases ul li .grade {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.shop .cases ul li.g5 .grade {
	background: url(img2025/home-menu-5g.svg) center / cover no-repeat;
}
.shop .cases ul li.g7 .grade {
	background: url(img2025/home-menu-7g.svg) center / cover no-repeat;
}
.shop .cases ul li.g10 .grade {
	background: url(img2025/home-menu-10g.svg) center / cover no-repeat;
}
.shop .cases ul li.zero .grade {
	background: url(img2025/home-menu-zerog.png) center / cover no-repeat;
}
.shop .cases ul li img {
	width: 220px;
	height: auto;
	position: relative;
	z-index: 10;
}
.shop .cases .more {
	display: block;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	width: 100px;
	height: 60px;
	background: url(img2025/shop-case-more.svg) center / 47px auto no-repeat;
	margin: 10px auto 0;
}

.shop #contact {
	background: #E9E6E3;
	padding: 50px 0 100px;
	min-width: 980px;
}
.shop #contact h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
}
.shop #contact p.intro {
	text-align: center;
	font-size: 17px;
	line-height: 1.5em;
	margin: 20px 0;
}
.shop #contact ul.tab-menu {
	text-align: center;
	margin-bottom: 50px;
}
.shop #contact ul.tab-menu li {
	width: 300px;
	height: 70px;
	margin: 0 15px;
	display: inline-block;
	position: relative;
	border: 1px solid #000;
	font-size: 22px;
	line-height: 70px;
	background: #FFF;
}
.shop #contact ul.tab-menu li.active {
	background: #000;
	color: #FFF;
}
.shop #contact ul.tab-menu li.active:after {
	content: " ";
	display: block;
	width: 1px;
	height: 50px;
	border-left: 1px solid #000;
	position: absolute;
	left: 150px;
	bottom: -50px;
}
.shop #contact dl {
	width: 980px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.shop #contact dl dt {
	padding: 50px 0;
	width: 340px;
	border-top: 1px solid #000;
}
.shop #contact dl dd {
	padding: 50px 0;
	width: 640px;
	border-top: 1px solid #000;
}
.shop #contact dl dt h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	padding: 0 0 0 20px;
	background: url(img2025/lp_form_arrow.svg) left top / auto 20px no-repeat;
}
.shop #contact dl dt h4 span {
	display: block;
	background: #FFF;
	padding: 0 6px;
	margin: 10px 0 0 -20px;
	font-weight: normal;
	font-size: 15px;
	width: fit-content;
}
.shop #contact dl dt p {
	margin: 10px 0 0;
	width: 260px;
	font-size: 14px;
	line-height: 1.5em;
}
.shop #contact dl dt.full {
	width: 100%;
	padding: 50px 0 30px;
}
.shop #contact dl dd.full {
	width: 100%;
	border-top: none;
	padding: 0;
}
.shop #contact dl dd {
	font-size: 20px;
	line-height: 30px;
}
.shop #contact dl dd .memo {
	font-size: 15px;
}
.shop #contact dl dd .memo.block {
	display: block;
}
.shop #contact dl dd ul li {
	margin: 20px 0 0;
}
.shop #contact dl dd ul li:nth-of-type(1) {
	margin: 0;
}
.shop #contact dd .course .wpcf7-list-item, .shop #contact dd .options .wpcf7-list-item {
	display: block;
	width: fit-content;
}
.shop #contact dl dt.flex {
	width: 240px;
}
.shop #contact dl dd.flex {
	width: 740px;
}
.shop #contact dl dd.flex ul li {
	display: flex;
}
.shop #contact dl dd.flex ul li .xname {
	width: 240px;
	text-align: right;
}
.shop #contact dl dd.flex ul li .xinput {
	width: 510px;
	padding-left: 15px;
	text-align: left;
}
.shop #contact .options label {
	display: inline-block;
}
.shop #contact .wpcf7-form dl textarea {
	padding: 5px 10px;
	font-size: 15px;
	line-height: 1.5em;
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
}
.shop #contact .wpcf7-form dl dd input {
	font-size: 15px;
	line-height: 40px;
	background: #FFF;
	padding: 0 10px;
}
.shop #contact .wpcf7-form dl dd input#zip {
	width: 10em;
	margin-bottom: 20px;
}
.shop #contact .wpcf7-form span.wpcf7-list-item {
	padding: 0 10px;
	margin: 0 1em 0.5em 0;
	background: #FFF;
	display: inline-block;
}
.shop #contact .wpcf7-form dl dd.flex ul li span.wpcf7-list-item {
	margin: 0;
}
.shop #contact .wpcf7-form dl dd select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
	line-height: 40px;
	padding: 0 50px 0 10px;
	background: #FFF url(img/lp_contac_pd_arrow.svg) center right 10px / 15px no-repeat;
	overflow: hidden;
}
.shop #contact .wpcf7-form dl dd .wpcf7-date {
		margin: 0;
		padding-left: 35px;
		position: relative;
		background: #FFF url(img/lp_contac_cal.svg) 12px center / 15px no-repeat;;
}
.shop #contact .wpcf7-form dl dd input[type="checkbox"] {
  position: relative;
  padding: 0;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  vertical-align: -1px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.shop #contact .wpcf7-form dl dd input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
}
.shop #contact input[type="submit"] {
	width: 270px;
	font-weight: bold;
    font-size: 30px;
    color: #FFF;
	display: block;
    padding: 15px 0px;
    margin: 40px auto;
    text-align: center;
	background-color: #000;
    border: 1px solid #000;
    border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 1s;
}

/*--hover--*/
.shop #contact input[type="submit"]:hover {
    color: #000;
    background-color: #FFF;
    border: 1px solid #000;
    cursor: pointer;
    transition: background-color 1s;
}
.shop #contact .note {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.shop #contact ul.tab-menu {
	text-align: center;
	margin-bottom: 50px;
}
.shop #contact ul.tab-menu li {
	width: 300px;
	height: 70px;
	margin: 0 15px;
	display: inline-block;
	position: relative;
	border: 1px solid #000;
	font-size: 22px;
	line-height: 70px;
	background: #FFF;
}
.shop #contact ul.tab-menu li.active {
	background: #000;
	color: #FFF;
}
.shop #contact ul.tab-menu li.active:after {
	content: " ";
	display: block;
	width: 1px;
	height: 50px;
	border-left: 1px solid #000;
	position: absolute;
	left: 150px;
	bottom: -50px;
}

/*タブ切り替え全体のスタイル*/
.shop #contact .tabs {
	margin: 50px auto;
	text-align: center;
}
/*タブのスタイル*/
.shop #contact .tab_item {
 	width: 300px;
	height: 70px;
	margin: 0 15px;
	display: inline-block;
	position: relative;
	border: 1px solid #000;
	font-size: 22px;
	line-height: 70px;
	background: #FFF;
  transition: all 0.2s ease;
}
/*ラジオボタンを全て消す*/
.shop #contact input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.shop #contact .tab_content {
  display: none;
  padding: 50px 40px 0;
  clear: both;
  overflow: hidden;
  text-align: left;
}
/*選択されているタブのコンテンツのみを表示*/
#reservation:checked ~ #reservation_content,
#contactus:checked ~ #contactus_content,
#design:checked ~ #design_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.shop #contact .tabs input:checked + .tab_item {
  background-color: #000;
  color: #FFF;
}
.shop #contact .tabs input:checked + .tab_item::after {
	content: " ";
	display: block;
	width: 1px;
	height: 50px;
	border-left: 1px solid #000;
	position: absolute;
	left: 150px;
	bottom: -50px;
}

#autozip {
	display: none!important;
}


.slist .contents::before {
	display: block;
	content: ' ';
	width: 100%;
	height: 20px;
	background: url(img2025/top-main-obi.svg) center / cover no-repeat;
}
.slist .special {
	width: 940px;
	padding: 0 30px;
	margin: 60px auto 60px;
}
.slist .special h2 {
	font-family: serif;
	font-size: 50px;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 40px;
}
.slist .special ul {
	border-top: 1px solid #000;
}
.slist .special ul li {
	border-bottom: 1px solid #000;
	overflow: auto;
	position: relative;
	min-height: 195px;
}
.slist .special ul li a {
	display: block;
}
.slist .special ul li a img {
	position: absolute;
	top: 0;
	right: 0;
	width: 410px;
	height: 195px;
	object-fit: cover;
}
.slist .special ul li a h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.4em;
	vertical-align: middle;
	margin: 30px 0 15px 10px;
}
.slist .special ul li a h3 span {
	font-size: 17px;
}
.slist .special ul li a p {
	font-size: 14px;
	line-height: 24px;
	margin: 15px 10px;
	width: 470px;
}
.slist .general {
	width: 940px;
	padding: 0 30px;
	margin: 60px auto;
}
.slist .general h2 {
	font-family: serif;
	font-size: 40px;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 20px;
}
.slist .general h1 {
	width: fit-content;
	font-size: 25px;
	line-height: 35px;
	padding: 0 20px;
	margin: 20px auto;
	background: #000;
	color: #FFF;
}
.slist .general ul {
	margin-top: 40px;
	border-top: 1px solid #000;
}
.slist .general ul li {
	border-bottom: 1px solid #000;
	overflow: auto;
	position: relative;
}
.slist .general ul li a {
	display: block;
	min-height: calc(195px - 30px - 22px);
	padding: 30px 0 22px;
}
.slist .general ul li a .contractor img {
	position: absolute;
	bottom: 0;
	right: 100px;
	width: 165px;
	height: 115px;
	object-fit: cover;
}
.slist .general ul li a .contractor p {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 115px;
	background: #000;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	padding-top: 30px;
	box-sizing: border-box;
}
.slist .general ul li a .contractor p span {
	font-size: 20px;
	line-height: 24px;
}
.slist .general ul li a h3 {
	font-weight: bold;
	font-size: 22px;
	line-height: 1.4em;
	vertical-align: middle;
	margin: 0 0 15px 10px;
}
.slist .general ul li a h3 span {
	font-size: 17px;
}
.slist .general ul li a p.addr {
	font-size: 14px;
	line-height: 24px;
	margin: 10px 10px;
	width: 530px;
}
.slist .general ul li a p.service {
	font-feature-settings: 'palt';
	font-size: 14px;
	line-height: 24px;
	margin: 10px 10px 0;
	width: 530px;
}
.slist .general ul li .cmenu {
	width: 85px;
	position: absolute;
	bottom: 30px;
	right: 290px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.slist .general ul li .cmenu img {
	width: 40px;
	margin-top: 5px;
}
.slist .general ul li .cmenu img.none {
	opacity: 0.2;
}
.slist .general ul li.notfound p {
	padding: 60px 0;
	text-align: center;
}
.slist .back a {
	display: block;
	width: 170px;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
	background: #000;
	color: #FFF;
	margin: 80px auto;
}

.ss-pref .titlebg, .ss-word .titlebg {
	background: url(img2025/ss-pref-titlebg_pc.jpg) center / cover no-repeat;
	min-height: 200px;
	width: 100%;
	height: 16.66dvw;
	position: relative;
}
.ss-pref .titlebg h2, .ss-word .titlebg h2 {
	width: 270px;
	height: 65px;
	background: url(img2025/ss-pref-title-h2.svg) center / cover no-repeat;
	position: absolute;
	bottom: -2px;
	left: calc(50% - 135px);
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.ss-pref .switch, .ss-word .switch {
	width: 980px;
	margin: 50px auto;
	text-align: center;
}
.ss-pref .switch h1 {
	display: inline-block;
	box-sizing: border-box;
	width: 400px;
	padding-left: 0.5em;
	letter-spacing: 0.5em;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background: #93CBE1;
}
.ss-pref .switch a {
	display: inline-block;
	box-sizing: border-box;
	width: 400px;
	padding-left: 0.4em;
	letter-spacing: 0.4em;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background: #FFF;
	border: 1px solid #000;
	margin-left: 45px;
	opacity: 0.5;
}
.ss-pref .switch a:hover {
	background: #FBE334;
	border: 1px solid #FBE334;
	opacity: 1;
}
.ss-pref .preflist {
	width: 980px;
	margin: 50px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ss-pref .preflist li {
	width: 170px;
	margin-bottom: 50px;
}
.ss-pref .preflist li h3 {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 20px;
	line-height: 21px;
	padding-top: 19px;
	text-align: center;
	margin-bottom: 20px;
}
.ss-pref .preflist li a {
	display: block;
	width: fit-content;
	font-size: 17px;
	line-height: 37px;
	padding-right: 20px;
	background: url(img2025/ss-pref-a-arrow.svg) right center / auto 13px no-repeat;
	border-bottom: 1px solid #FFF;
}

.ss-word .switch h1 {
	display: inline-block;
	box-sizing: border-box;
	width: 400px;
	padding-left: 0.5em;
	letter-spacing: 0.5em;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	margin-left: 45px;
	background: #FBE334;
}
.ss-word .switch a {
	display: inline-block;
	box-sizing: border-box;
	width: 400px;
	padding-left: 0.4em;
	letter-spacing: 0.4em;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background: #FFF;
	border: 1px solid #000;
	opacity: 0.5;
}
.ss-word .switch a:hover {
	background: #93CBE1;
	border: 1px solid #93CBE1;
	opacity: 1;
}
.ss-word .sagasu {
	width: 980px;
	margin: 90px auto 25px;
	font-size: 20px;
	line-height: 30px;
}
.ss-word .sform {
	width: 980px;
	margin: 25px auto 0;
	position: relative;
}
.ss-word .sform p {
	float: left;
	font-size: 17px;
	line-height: 27px;
	width: 155px;
	padding-top: 10px;
}
.ss-word .sform form input[type="text"] {
	width: 715px;
	border: 1px solid #000;
	box-sizing: border-box;
	padding: 15px 20px;
	font-size: 17px;
	line-height: 38px;
}
.ss-word .sform form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 70px;
	text-align: center;
	font-size: 20px;
	line-height: 70px;
	color: #FFF;
	background: #000;
	border: 1px solid #000;
}


.outline {
	width: 980px;
	margin: auto;
}
.outline h1 {
	width: 264px;
	padding: 40px 0 0;
	margin: 70px auto 40px;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	background: url(img2025/outline-h1.svg) center top / contain no-repeat;
}
.outline dl {
	width: 940px;
	margin: 40px auto 120px;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #000;
}
.outline dl dt {
	width: 220px;
	padding: 35px 20px 35px 0;
	background: #FBE334;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	text-align: center;
	font-size: 17px;
	line-height: 1.5em;
}
.outline dl dd {
	width: 720px;
	padding: 0 0 0 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	font-size: 17px;
	line-height: 27px;
}
.outline dl dd ul li {
	display: inline-block;
	font-feature-settings: 'palt';
	margin-right: 1em;
}

.faq::before {
	content: ' ';
	display: block;
	background: url(img2025/top-main-obi.svg) center / cover no-repeat;
	width: 100%;
	height: 150px;
	position: absolute;
	z-index: -1;
}
.faq h1 {
	width: 435px;
	margin: 60px auto 50px;
	padding-top: 40px;
	background: url(img2025/faq-h1.svg) center top / contain no-repeat;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
}
.faq ul {
	margin: 110px auto 150px;
	width: 750px;
}
.faq ul li {
	border-bottom: 1px solid #000;
}
.faq ul li h3 {
	padding: 20px 0 20px 50px;
	font-size: 21px;
	line-height: 1.5em;
	background: url(img2025/faq-q01.svg) 10px center / 30px no-repeat;
}
.faq ul li:nth-of-type(3n-1) h3 {
	background: url(img2025/faq-q02.svg) 10px center / 30px no-repeat;
}
.faq ul li:nth-of-type(3n) h3 {
	background: url(img2025/faq-q03.svg) 10px center / 30px no-repeat;
}
.faq ul li p {
	border-top: 1px solid #000;
	padding: 20px 0 20px 100px;
	font-size: 17px;
	line-height: 30px;
}


.ambassador .intro {
	width: 980px;
	margin: auto;
}
.ambassador .intro h1 {
	width: 980px;
	height: 530px;
	background: url(img2025/ambassador-main_pc.jpg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.ambassador .intro p {
	width: 800px;
	margin: 30px auto;
}
.ambassador .comment {
	width: 800px;
	margin: 75px auto;
}
.ambassador .slick-next {
	width: 70px;
	height: 70px;
	right: -70px;
}
.ambassador .slick-prev {
	width: 70px;
	height: 70px;
	left: -70px;
}
.ambassador .comment h2 {
	width: 696px;
	height: 46px;
	background: url(img2025/ambassador-comment-h2_pc.svg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 50px auto 30px;
}
.ambassador .comment p {
	font-size: 17px;
	line-height: 30px;
	margin: 15px 0;
}
.ambassador .anb-movie {
	background: red;
	padding: 40px 0;
}
.ambassador .anb-movie h2 {
	width: 304px;
	height: 18px;
	background: url(img2025/ambassador-movie-h2.svg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 auto 20px;
}
.ambassador .anb-movie ul {
	width: 830px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ambassador .anb-movie ul li {
	width: 400px;
	padding-top: 25px;
}
.ambassador .anb-movie ul li p {
	font-feature-settings: 'palt';
	font-size: 15px;
	line-height: 24.5px;
	color: #FFF;
	padding-top: 5px;
}
.ambassador .profile {
	width: 790px;
	padding: 70px 0 135px;
	margin: auto;
}
.ambassador .profile h2 {
	width: 792px;
	height: 42px;
	background: url(img2025/ambassador-prof-h2_pc.svg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 auto;
}
.ambassador .profile .card {
	width: 600px;
	height: 220px;
	padding-left: 370px;
	margin: 20px auto 55px;
	box-sizing: border-box;
	background: #000;
	color: #FFF;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	position: relative;
}
.ambassador .profile .card img {
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
}
.ambassador .profile .card h3 {
	font-size: 27px;
	height: 37px;
	display: block;
	width: 230px;
}
.ambassador .profile .card h3 span {
	font-size: 18px;
}
.ambassador .profile .card p.rome {
	font-size: 15px;
	height: 25px;
	width: 230px;
	margin-bottom: 20px;
}
.ambassador .profile .card p {
	font-size: 17px;
	line-height: 27px;
	width: 230px;
}
.ambassador .profile dl {
	border-top: 1px solid #000;
	display: flex;
	flex-wrap: wrap;
}
.ambassador .profile dl dt {
	width: 160px;
	padding: 15px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
}
.ambassador .profile dl dd {
	width: calc(100% - 160px);
	padding: 15px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
}


.casetop::before {
	position: absolute;
	top: 100px;
	left: 0;
	content: ' ';
	width: 100%;
	height: 350px;
	background: url(img2025/case-top-bg.jpg) center / cover no-repeat;
	z-index: -1;
}
.casetop h1 {
	width: 445px;
	height: 350px;
	background: url(img2025/case-h1.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	margin: auto;
}
.casetop form {
	background: #F3F2F1;
	padding: 60px 0;
}
.casetop form input, .casetop form button, .casetop form textarea, .casetop form select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.casetop .searchandfilter ul {
	width: 455px;
	margin: auto;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.casetop .sf-field-search label {
	display: block;
	margin: 0 auto 20px;
	border: 1px solid #AAA;
	top: 0px;
	width: 400px;
	height: 50px;
	background: url(img2025/serchbot2.png) left no-repeat;
	background-size: 50px;
	padding-left: 50px;
}
.casetop .searchandfilter input[type="text"] {
	border: none;
	border-left: 1px solid #AAA;
	padding: 10px 15px;
	line-height: 30px;
	font-size: 20px;
	width: 368px;
	position: relative;
	top: 0;
	right: 0;
	background: #FFF;
}
.casetop .searchandfilter ul li:nth-child(n+2):nth-child(-n+5) {
	display: block;
	width: 220px;
	padding: 10px 0 0;
}
.casetop .searchandfilter h4 {
	width: 60px;
	margin-right: 0px;
	text-align: left;
	font-size: 14px;
	display: inline-block;
}
.casetop .searchandfilter li label {
	width: calc(100% - 70px);
}
.casetop .searchandfilter li:nth-of-type(1) label {
	width: auto;
}
.casetop .searchandfilter select.sf-input-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #FFF url(https://haniwaman.com/wp-content/uploads/2018/12/form-css-arrow.png) no-repeat center right 8px / 14px 14px;
  border: 1px solid #AAA;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  padding: 0.3em 0.8em;
  width: 100%;
  min-width: 100px;
  box-sizing: border-box;
  display: inline-block;
}
.casetop .screen-reader-text {
	display: none;
}
.casetop .searchandfilter select::-ms-expand {
  display: none;
}
.casetop .sf-field-submit {
	width: 180px;
	margin: 30px auto 0;
}
.casetop .searchandfilter input[type="submit"] {
	padding: 0;
	line-height: 50px;
	font-weight: bold;
	font-size: 1em;
	width: 100%;
	background: #000;
	color: #FFF;
	text-align: center;
}
.casetop .sf-field-submit input[type="submit"]:hover {
	background: #666;
	cursor: pointer;
}
.casetop .cases {
	width: 980px;
	margin: 70px auto;
}
.casetop .cases h2 {
	width: 115px;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	padding: 10px 0 0;
	margin: 30px auto;
	border: 1px solid #000;
	border-bottom: none;
}
.casetop .cases ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
}
.casetop .cases ul::before {
	content: ' ';
	width: 230px;
	height: 1px;
	order: 1;
}
.casetop .cases ul::after {
	content: ' ';
	width: 230px;
	height: 1px;
}
.casetop .cases ul li {
	width: 220px;
	padding: 0 0 40px 10px;
	position: relative;
}
.casetop .cases ul li a {
	display: block;
	transition: none;
}
.casetop .cases ul li {
	display: block;
	transition: all  0.5s ease;
}
.casetop .cases ul li:hover {
	opacity: 0.7;
}
.casetop .cases ul li a:hover {
	opacity: 1;
}
.casetop .cases ul li h3 {
	display: none;
}
.casetop .cases ul li::before {
	content: ' ';
	width: 80px;
	height: 120px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.casetop .cases ul li.g5::before {
	background: #D95F29;
}
.casetop .cases ul li.g7::before {
	background: #63AE48;
}
.casetop .cases ul li.g10::before {
	background: #211816;
}
.casetop .cases ul li.zero::before {
	background: #000000;
}
.casetop .cases ul li .grade {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 6;
}
.casetop .cases ul li.g5 .grade {
	background: url(img2025/home-menu-5g.svg) center / cover no-repeat;
}
.casetop .cases ul li.g7 .grade {
	background: url(img2025/home-menu-7g.svg) center / cover no-repeat;
}
.casetop .cases ul li.g10 .grade {
	background: url(img2025/home-menu-10g.svg) center / cover no-repeat;
}
.casetop .cases ul li.zero .grade {
	background: url(img2025/home-menu-zerog.png) center / cover no-repeat;
}
.casetop .cases ul li img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
}

.casetop .pagenation ul {
padding: 20px 0 40px;
text-align: center;
}
.casetop .pagenation ul li {
	line-height: 40px;
display: inline-block;
font-family: serif;
}
.casetop .pagenation a, .casetop .pagenation span {
display: inline-block;
padding: 5px 10px;
margin: 0 1px;
border-radius: 3px;
}
.casetop .pagenation span {
	opacity: 0.4;
}
.casetop .pagenation a:hover {
background: #EEE;
text-decoration: none;
}
.casetop .pagenation ul li .prev, .casetop .pagenation ul li .next {
	display: block;
	width: 120px;
	height: 30px;
	background: url(img2025/page-prev.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 0;
	margin: 0 70px 0 0;
}
.casetop .pagenation ul li .next {
	background: url(img2025/page-next.svg) center / contain no-repeat;
	margin: 0 0 0 70px;
}

.casetop.serch::before {
        height: 340px;
}
.casetop.serch h1 {
	width: auto;
	height: 2em;
	background: none;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 40px auto -40px;
}
.casetop.serch form {
	background: #F3F2F1;
	padding: 45px 0;
}
.casetop.serch .sf-field-search label {
    margin: 0 auto;
}
.casetop.serch .sf-field-submit {
        margin: 25px auto 0;
}
.casetop.serch form {
        background: rgb(255 255 255 / 0.7);
        padding: 40px 0;
    
}

.casesingle .toplink {
	display: block;
	width: 100px;
	margin: 10px auto 30px;
}
.casesingle h1 {
	text-align: center;
	font-size: 2.14em;
	line-height: 1.5em;
	margin: 30px auto 0;
	padding: 0;
}
.casesingle .date {
	text-align: center;
	margin: 5px 0 50px;
}
.casesingle .before-after, .casesingle .before-after2, .casesingle .after {
	width: 940px;
	margin: 30px auto 0;
}
.casesingle .after img {
	max-width: 100%;
	height: auto;
}
.casesingle .base {
	width: 940px;
	margin: 0 auto 20px;
	padding: 40px 0;
	overflow: auto;
}
.casesingle .base ul {
	width: 300px;
	float: left;
}
.casesingle .base .emb {
	display: block;
	width: 75px;
	padding: 0 0 30px;
}
.casesingle .base ul li {
	font-size: 1em;
	line-height: 1.8em;
	padding: 0;
}
.casesingle .base .comment {
	padding: 0 0 0 300px;
	margin: 0;
}
.casesingle .base .comment p {
	font-size: 1em;
	line-height: 2em;
	margin: 0 0 1em;
	text-align: justify;
}
.casesingle .base .back {
	clear: left;
	display: block;
	width: 200px;
	line-height: 50px;
	background: #FFF;
	color: #000;
	font-size: 1.2em;
	text-align: center;
	margin: 40px auto 0;
	border: 1px solid #000;
}
.casesingle .base .back:hover {
	background: #000;
	color: #FFF;
	text-decoration: none;
}
.casesingle .data {
	border-top: 1px solid #000;
	width: 940px;
	margin: 0 auto 60px;
	padding: 20px 0px 80px;
	overflow: auto;
	position: relative;
	min-height: 140px;
}
.casesingle .data .shopname {
	float: left;
	width: 280px;
}
.casesingle .data h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 10px;
}
.casesingle .data h3 {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
}
.casesingle .data .company {
	font-weight: bold;
}
.casesingle .data .shopphoto {
	position: absolute;
	top: 20px;
	right: 0;
}
.casesingle .data .shopphoto img {
	padding-top: 45px;
	height: 140px;
	width: auto;
}
.casesingle .data dl {
	width: 380px;
	padding: 45px 0 0 300px;
	margin: 0 0 30px;
}
.casesingle .data dl dt {
	float: left;
	width: 90px;
	font-feature-settings: "palt";
}
.casesingle .data dl dd {
	margin: 0 0 5px 90px;
}
.casesingle .data .forshop {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 200px;
	line-height: 50px;
	background: #000;
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto;
}
.casesingle .data .forshop:hover {
	background: #666;
	text-decoration: none;
}


.partners .main {
	min-width: 980px;
	padding: 15px 0;
	overflow: auto;
	background: #000;
	position: relative;
}
.partners .main h1 {
	width: 358px;
	height: 95px;
	position: absolute;
	top: 15px;
	right: calc(50% - 490px);
	background: url(img2025/partners-h1_pc.svg?251205) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.partners .main p {
	color: #FFF;
	padding: 20px 0 0 calc(50% - 490px);
	font-size: 17px;
	line-height: 27px;
	letter-spacing: 0.05em;
	height: 90px;
}
.partners .main img {
	min-height: 305px;
	min-width: 100%;
	object-fit: cover;
}
.partners .intro {
	position: relative;
}
.partners .intro p {
	width: 540px;
	margin: 35px auto 60px;
	padding-left: 60px;
	font-size: 17px;
	line-height: 29px;
	text-align: justify;
}
.partners .intro img.deed {
	min-height: auto;
	width: 124px;
	position: absolute;
	bottom: -100px;
	right: calc(50% - 500px);
	rotate: 5deg;
}
.partners .merit {
	width: 610px;
	margin: 60px auto;
	position: relative;
}
.partners .merit .float01 {
	width: 220px;
	height: 310px;
	object-fit: cover;
	object-position: 4% 0;
	position: absolute;
	right: 685px;
	top: -100px;
}
.partners .merit h2 {
	width: 210px;
	height: 40px;
	overflow: hidden;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-h2-merit.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 -10px;
}
.partners .merit ul li {
	margin: 30px 0 0;
	padding-left: 70px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-merit1.svg) left top / 65px auto no-repeat;
}
.partners .merit ul li:nth-of-type(2) {
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-merit2.svg) left top / 65px auto no-repeat;
}
.partners .merit ul li:nth-of-type(3) {
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-merit3.svg) left top / 65px auto no-repeat;
}
.partners .merit ul li h3 {
	margin: 0 0 5px;
	font-size: 25px;
	line-height: 1.1em;
}
.partners .merit ul li p {
	margin: 0;
	font-size: 18px;
	line-height: 29px;
	font-feature-settings: 'palt';
}
.partners .shop-voice {
	width: 540px;
	margin: 60px auto;
	position: relative;
}
.partners .shop-voice h2 {
	width: 241px;
	height: 71px;
	overflow: hidden;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-shopvoice-h2.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 15px;
}
.partners .shop-voice h3 {
	margin: 10px 0 10px 180px;
	font-weight: bold;
	font-size: 21px;
	line-height: 26px;
}
.partners .shop-voice h3 span {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 4px;
	display: block;
}
.partners .shop-voice ul {
	margin: 15px 0 8px 180px;
	font-weight: bold;
	font-size: 16.7px;
	line-height: 29px;
}
.partners .shop-voice p {
	margin: 10px 0 10px 180px;
	font-size: 16.7px;
	line-height: 29px;
	text-align: justify;
}
.partners .shop-voice a {
	display: block;
	width: 230px;
	margin: 30px 0 0 180px;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	color: #FFF;
	background: #000;
}
.partners .shop-voice a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.partners .shop-voice img.shopimg01 {
	position: absolute;
	width: 470px;
	height: 322px;
	object-fit: cover;
	top: 90px;
	right: 400px;
}
.partners .shop-voice img.shopimg02 {
	position: absolute;
	width: 240px;
	height: 135px;
	object-fit: cover;
	top: 422px;
	right: 400px;
}
.partners .shop-voice img.shop-flag {
	position: absolute;
	width: 162px;
	top: -20px;
	right: -200px;
}
.partners .col.voice {
	padding: 140px 0;
	margin: 60px auto;
	max-width: 1200px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-voice-bg.jpg) center top / auto 100% no-repeat;
}
.partners .voice .wrap {
	box-sizing: border-box;
	width: 500px;
	padding: 40px 85px 70px;
	margin: auto;
	background: #FFF;
}
.partners .voice h2 {
	width: auto;
	height: 118px;
	overflow: hidden;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-voice-h2.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 15px;
}
.partners .voice ul {
	border-top: 1px solid #000;
}
.partners .voice ul li {
	font-size: 16.7px;
	line-height: 29px;
	margin-top: 24px;
	text-align: justify;
	font-feature-settings: 'palt';
}
.partners .col.message {
	width: 700px;
	margin: 100px auto 190px;
	position: relative;
}
.partners .message h2 {
	width: 364px;
	height: 44px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-messege-h2.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 36px;
}
.partners .message p {
	font-size: 16.7px;
	line-height: 29px;
	text-align: justify;
}
.partners .message p.prof {
	width: 335px;
	padding-left: 50px;
}
.partners .message h3 {
	width: 283px;
	height: 47px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025--messege-h3-tougo.svg) left center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 40px 50px 20px;
}
.partners .message img.togo-long {
	position: absolute;
	width: 230px;
	top: 260px;
	right: 50px;
}
.partners .message img.float03 {
	position: absolute;
	height: 315px;
	bottom: -200px;
	right: 730px;
}
.partners .col.program {
	width: 595px;
	margin: 100px auto 0;
	padding: 0;
	position: relative;
}
.partners .program h2 {
	width: 375px;
	height: 98px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-program-h2.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 36px;
}
.partners .program p.visit {
	font-size: 20px;
	line-height: 27px;
	margin: 30px 0;
	text-align: center;
}
.partners .program p.visit span {
	font-size: 17px;
	line-height: 20px;
}
.partners .program ul {
	margin: auto;
	width: 550px;
}
.partners .program ul li {
	position: relative;
	margin: 50px 0 50px 30px;
	padding-left: 20px;
	border-left: 1px solid #000;
}
.partners .program ul li .label {
	position: absolute;
	top: 0;
	right: 520px;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}
.partners .program ul li:nth-of-type(1) .label {
	width: 74px;
	height: 141px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-program-h3-basis.svg) right top / contain no-repeat;
}
.partners .program ul li:nth-of-type(2) .label {
	width: 68px;
	height: 151px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-program-h3-10g.svg) right top / contain no-repeat;
}
.partners .program ul li:nth-of-type(3) .label {
	width: 95px;
	height: 290px;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-program-h3-zerog.svg) right top / contain no-repeat;
}
.partners .program ul li h3 {
	font-size: 24px;
	line-height: 1.3em;
}
.partners .program ul li p {
	font-size: 17px;
	line-height: 29px;
	font-feature-settings: 'palt';
	text-align: justify;
	margin: 8px 0 21px;
}
.partners .program ul li dl {
	display: flex;
	flex-wrap: wrap;
	width: 540px;
}
.partners .program ul li dl dt {
	position: relative;
	font-size: 17px;
	line-height: 29px;
	width: 240px;
	margin: 1em 0 0;
}
.partners .program ul li dl dt span {
	position: absolute;
	padding-right: 1ex;
	background-color: white;
}
.partners .program ul li dl dt::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	margin-top: 0.75em;
	border-top: 1px dashed #000;
}
.partners .program ul li dl dd {
	font-size: 17px;
	line-height: 29px;
	padding: 0 0 0 0.7em;
	margin: 1em 0 0;
}
.partners .program ul li img.float04 {
	position: absolute;
	width: 240px;
	top: -190px;
	left: 605px;
}
.partners .program ul li img.float05 {
	position: absolute;
	width: 175px;
	top: -160px;
	right: 620px;
}
.partners .program ul li img.float06 {
	position: absolute;
	width: 165px;
	top: -40px;
	left: 620px;
}
.partners .program ul li img.float07 {
	position: absolute;
	width: 250px;
	top: 970px;
	right: 620px;
}

.partners .col.other {
	width: 460px;
	margin: 100px auto -150px;
	position: relative;
}
.partners .other ul li {
	margin: 70px 0 0;
}
.partners .other ul li img {
	width: 100%;
	display: block;
	margin: 0 0 20px;
}
.partners .other ul li:nth-of-type(3) img {
	width: 420px;
	margin: auto;
}
.partners .other ul li h2 {
	font-size: 24px;
	line-height: 34px;
	display: inline-block;
}
.partners .other ul li .zuiji {
	font-feature-settings: 'palt';
	font-size: 16.8px;
	line-height: 25px;
	display: inline-block;
	padding: 0 0.5em;
	background: #000;
	color: #FFF;
	transform: translate(0.5em, -0.2em);
}
.partners .other ul li h3 {
	font-size: 17px;
	font-weight: bold;
	line-height: 29px;
	margin: 0 0 -15px;
}
.partners .other ul li p {
	font-size: 17px;
	line-height: 29px;
	margin: 15px 0;
	text-align: justify;
}
.partners .other ul li:nth-of-type(3) a {
	font-size: 17px;
	line-height: 40px;
	border: 1px solid #000;
	width: fit-content;
	display: block;
	padding: 0 1.7em;
	margin: 20px auto 0;
	text-decoration: none;
}
.partners .other ul li:nth-of-type(3) a:hover {
	background: #000;
	color: #FFF;
}
.partners .other img.othertogo {
	position: absolute;
	width: 185px;
	top: 590px;
	left: 640px;
	margin: 0;
}
.partners .other img.othersign {
	position: absolute;
	width: 162px;
	top: 1070px;
	right: 560px;
	margin: 0;
}

.partners .sticky {
	width: 100%;
}
.partners .stickymenu {
	width: 200px;
	position: sticky;
	left: calc(100% - 200px);
	bottom: 40px;
}
.partners .stickymenu li {
	margin: 10px 0;
}
.partners .stickymenu li a {
	display: block;
	padding: 0 0 0 30px;
	color: #FFF;
	font-weight: bolder;
	font-size: 17px;
	line-height: 60px;
	letter-spacing: 0.4em;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/ptns2025-rbot-bg.svg) center / cover no-repeat;
}
.partners .stickymenu li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.partners .col.pgallery {
	margin: auto;
	padding: 50px 0;
	background: #E8E5E2;
	overflow: auto;
}
.partners .slick-prev {
	left: 35px;
}
.partners .slick-prev:before {
content: '〈';
}
.partners .slick-next {
	right: 35px;
}
.partners .slick-next:before {
content: '〉';
}
.partners .pgallery h2 {
	text-align: center;
	margin: 0 0 20px;
}
.partners .pgallery h2 img {
	height: 30px;
}
.partners .pgallery li a:hover {
	opacity: 0.7;
}
.partners .pgallery li img {
	width: 86%;
	margin: auto;
}


/*craftsman*/
.craftsman h1 {
	width: 100%;
	height: 42.5dvw;
	background: url(img2025/craftsman-h1_pc.jpg) center / cover no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}
.craftsman .maincopy h2 {
	margin: 40px 0 30px;
	height: 33.5px;
	background: url(img2025/craftsman-main-h2_pc.svg) center / contain no-repeat;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}
.craftsman .maincopy p {
	font-size: 17px;
	line-height: 31px;
	text-align: center;
}
.craftsman .maincopy ul {
	margin: 40px auto 0;
	width: 870px;
	display: flex;
	justify-content: space-between;
}
.craftsman .maincopy ul li {
	width: 280px;
}
.craftsman .maincopy ul li img {
	width: 280px;
}
.craftsman .maincopy ul li p {
	font-size: 14px;
}

.youtube {
  position: relative;
  width: 870px;
  height: 489px;
  margin: 40px auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.craftsman .craftman {
	background: #E8E5E2;
	text-align: center;
	margin: 60px 0;
	padding: 40px 0;
}
.craftsman .craftman p {
	margin: 15px 0 20px ;
}
.craftsman .craftman h2.hikaku {
	font-size: 28px;
	line-height: 30px;
	margin: 0 auto 15px;
}
.craftsman .craftman .hikaku span {
	font-size: 24px;
	margin: 0 10px;
}
.craftsman .craftman ul {
	width: 840px;
	margin: 0 auto;
	overflow: auto;
}
.craftsman .craftman ul li {
	width: 419px;
	float: left;
}
.craftsman .craftman ul li h3 {
	font-size: 19px;
	line-height: 28px;
	padding: 0 10px;
	margin: 30px auto 0;
	width: fit-content;
	background: #000;
	color: #FFF;
}
.craftsman .craftman ul li p {
	margin: 25px 0 0;
	font-size: 17px;
	line-height: 24px;
}
.craftsman .craftman ul li:first-child {
	border-right: 1px solid #000;
}
.craftsman .craftman ul li img {
	width: 420px;
	display: block;
	margin: 0 auto;
}
.craftsman .craftman a {
	display: block;
	height: 40px;
	width: 220px;
	margin: 45px auto 0;
	border: 1px solid #000;
}
.craftsman .craftman a img {
	height: 40px;
}

.craftsman .col.base {
	margin: auto;
	width: 920px;
	padding: 0 10px 50px;
	border-bottom: 1px solid #000;
	overflow: auto;
}
.craftsman .base h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 20px;
}
.craftsman .base p {
	font-size: 17px;
	line-height: 30px;
	width: 360px;
	text-align: justify;
}
.craftsman .base img {
	width: 515px;
	height: 230px;
	object-fit: cover;
	padding: 5px 0 0;
	float: right;
}
.craftsman .base ul {
	display: flex;
	justify-content: space-between;
	float: right;
	width: 535px;
	padding: 5px 0 0;
}
.craftsman .base ul li, .craftsman .base ul li img {
	width: 130px;
}

.craftsman .col.glass {
	margin: auto;
	width: 920px;
	padding: 50px 35px 0;
	overflow: auto;
}
.craftsman .glass .right {
	float: right;
	width: 465px;
	padding-bottom: 60px;
}
.craftsman .glass h2 {
	font-feature-settings: 'palt';
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 10px;
	padding: 0;
}
.craftsman .glass p {
	text-align: justify;
	font-size: 17px;
	line-height: 30px;
}
.craftsman .glass .mech {
	width: 360px;
	padding: 0;
}
.craftsman .glass a.tomenu {
	clear: both;
	display: block;
	width: 300px;
	margin: 40px auto 0;
}

.craftsman .glass a.bnr700 {
	display: block;
	margin: 60px auto 100px;
	width: 700px;
}
.craftsman .glass a.bnr600 img {
	height: auto;
}


/*zero-G*/
.zero-g .inner {
	background: #000 url(img2025/zero-g-bgimg.jpg) calc(50% + 480px) 150px no-repeat;
	position: relative;
	min-width: 980px;
}
.zero-g .intro {
	position: absolute;
	top: 84px;
	left: 0;
	right: 0;
	margin: 0 calc(50% - 430px);
	width: 100px;
}
.zero-g .intro p {
	margin: 0 auto 30px;
	width: 26px;
	height: 445px;
	background: url(img2025/zero-g-intro-copy_pc.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.zero-g .intro .work {
	margin: 30px 0 0 10px;
	width: 83px;
	height: 96px;
	background: url(img2025/zero-g-work_pc.svg) right center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.zero-g .logo {
	display: block;
	width: 277px;
	margin: auto;
	padding: 84px 0 40px;
}
.zero-g h1 {
	margin: auto;
	width: 350px;
	height: 59px;
	background: url(img2025/zero-g-h1title.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.zero-g .difference {
	margin: 30px auto;
	width: 590px;
}
.zero-g .difference h2 {
	width: 395px;
	height: 30px;
	margin: auto;
	background: url(img2025/zero-g-difference-h2.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.zero-g .difference .coatimg {
	margin: 20px 0 40px;
	padding: 45px 0 0;
	background: url(img2025/zero-g-difference-img-title.svg) center top / 109px auto no-repeat;
}
.zero-g .difference .coatimg img {
	width: 630px;
}
.zero-g .difference p {
	font-weight: normal;
	font-size: 17px;
	line-height: 30px;
	text-align: justify;
	margin: auto;
	width: 330px;
	color: #FFF;
}
.zero-g ul.point {
	text-align: center;
	margin: 40px auto;
	height: 140px;
}
.zero-g ul.point li {
	font-size: 0;
	width: 260px;
	height: 75px;
	display: inline-block;
	margin: 0 10px;
}
.zero-g ul.point li h3 {
	width: 260px;
	height: 30px;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.zero-g ul.point li:nth-of-type(1) h3 {
	background: url(img2025/zero-g-point01.svg) center / auto 11px no-repeat;
}
.zero-g ul.point li:nth-of-type(2) h3 {
	background: url(img2025/zero-g-point02.svg) center / auto 11px no-repeat;
}
.zero-g ul.point li:nth-of-type(3) h3 {
	background: url(img2025/zero-g-point03.svg) center / auto 11px no-repeat;
}
.zero-g ul.point li p {
	display: table-cell;
	width: 260px;
	height: 115px;
	background: #FFF;
	font-feature-settings: 'palt';
	font-weight: normal;
	font-size: 17px;
	line-height: 27px;
	vertical-align: middle;
}
.zero-g .prtitle {
	margin: 40px auto 0;
	width: 41px;
	height: 50px;
	background: url(img2025/zero-g-price-h2.svg) center bottom / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}

.zero-g .price {
	width: 980px;
	margin: 35px auto;
}
.zero-g .price .work {
	color: #000;
	text-align: center;
	padding: 15px 0 10px;
	margin: 0 0 10px;
	font-size: 1.35em;
}
.zero-g .price .work time {
	background: #000;
	color: #FFF;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	font-size: 0.73em;
	vertical-align: 0.2em;
}
.zero-g .price .work span {
	font-size: 1.73em;
	line-height: 1.2em;
	vertical-align: -0.1em;
}
.zero-g .price sankou {
	display: block;
	text-align: center;
	border: 1px solid #333;
	padding: 5px 10px 4px;
	line-height: 1.3em;
}
.zero-g .price sankou span {
	font-size: 0.85em;
	margin-left: 1.5em;
}
.zero-g .price ul {
	display: flex;
	margin: 20px 0 0;
}
.zero-g .price ul li {
	border-right: 1px solid #000;
	padding: 0px 0;
	text-align: center;
	width: 25%;
	font-size: 1.2em;
}
.zero-g .price ul li:first-child {
	border-left: 1px solid #000;
}
.zero-g .price ul li size {
	display: block;
	line-height: 1.6em;
}
.zero-g .price ul li span {
	font-size: 1.76em;
}
.zero-g a.tomenu {
	display: block;
	width: 300px;
	margin: 70px auto;
}


.menu h1 {
	width: 100%;
	height: 24vw;
	background: url(img2025/menu-h1_pc.jpg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.menu .intro {
	width: 980px;
	margin: auto;
	text-align: center;
	padding-bottom: 70px;
	border-bottom: 1px solid #000;
}
.menu .intro h2 {
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 0.3em;
	padding-left: 0.3em;
	margin: 50px auto 0;
}
.menu .intro p {
	margin: 30px 0;
	font-size: 17px;
	line-height: 31px;
}
.menu .intro ul {
	display: flex;
	justify-content: space-between;
}
.menu .intro ul li {
	width: 230px;
	padding-top: 50px;
	position: relative;
}
.menu .intro ul li h3 {
	position: absolute;
	top:0;
	left: calc(50% - 38px);
	width: 77px;
	height: 77px;
	background: url(img2025/menu-feature01.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu .intro ul li:nth-of-type(2) h3 {
	background: url(img2025/menu-feature02.svg) center / contain no-repeat;
}
.menu .intro ul li:nth-of-type(3) h3 {
	background: url(img2025/menu-feature03.svg) center / contain no-repeat;
}
.menu .intro ul li:nth-of-type(4) h3 {
	background: url(img2025/menu-feature04.svg) center / contain no-repeat;
}
.menu .details {
	width: 980px;
	margin: 0 auto 120px;
}
.menu .details .detail {
	padding: 60px 0;
	position: relative;
	border-bottom: 1px solid #000;
}
.menu .details .detail h3 {
	width: 150px;
	height: 150px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 60px;
	left: 0;
}
.menu .details .detail:nth-of-type(1) h3 {
	background: url(img2025/home-menu-zerog.png)center / cover no-repeat;
}
.menu .details .detail:nth-of-type(2) h3 {
	background: url(img2025/home-menu-10g.svg)center / cover no-repeat;
}
.menu .details .detail:nth-of-type(3) h3 {
	background: url(img2025/home-menu-7g.svg)center / cover no-repeat;
}
.menu .details .detail:nth-of-type(4) h3 {
	background: url(img2025/home-menu-5g.svg?1218)center / cover no-repeat;
}
.menu .details .detail p.meta {
	width: 150px;
	height: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: calc(60px + 150px);
	margin: 0;
}
.menu .details .detail:nth-of-type(1) p.meta {
	background: url(img2025/menu-meta-zerog.svg)center / contain no-repeat;
}
.menu .details .detail:nth-of-type(2) p.meta {
	background: url(img2025/menu-meta-10g.svg)center / contain no-repeat;
}
.menu .details .detail:nth-of-type(3) p.meta {
	background: url(img2025/menu-meta-7g.svg)center / contain no-repeat;
}
.menu .details .detail:nth-of-type(4) p.meta {
	background: url(img2025/menu-meta-5g.svg)center / contain no-repeat;
}
.menu .details .detail dl {
	padding-left: 190px;
}
.menu .details .detail dl dt {
	float: left;
	height: 45px;
	width: 80px;
	background: url(img2025/menu-point1.svg) center / auto 25px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu .details .detail dl dt:nth-of-type(2) {
	background: url(img2025/menu-point2.svg) center / auto 25px no-repeat;
}
.menu .details .detail dl dt:nth-of-type(3) {
	background: url(img2025/menu-point3.svg) center / auto 25px no-repeat;
}
.menu .details .detail dl dd {
	display: block;
	margin-bottom: 7px;
	padding: 0 30px 0 80px;
	font-weight: bold;
	font-size: 23px;
	line-height: 45px;
	color: #FFF;
	width: fit-content;
	background: url(img2025/menu-point-bg-10g.svg) right center / auto 45px no-repeat;
}
.menu .details .detail:nth-of-type(1) dl dd {
	background: url(img2025/menu-point-bg-zerog.png) right center / auto 45px no-repeat;
}
.menu .details .detail:nth-of-type(3) dl dd {
	background: url(img2025/menu-point-bg-7g.svg) right center / auto 45px no-repeat;
}
.menu .details .detail:nth-of-type(4) dl dd {
	background: url(img2025/menu-point-bg-5g.svg) right center / auto 45px no-repeat;
}
.menu .details .detail .chart {
	position: absolute;
	top: 60px;
	right: 0;
	width: 220px;
	height: 185px;
	background: url(img2025/menu-chart-zerog.svg) top right / contain no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu .details .detail:nth-of-type(2) .chart {
	background: url(img2025/menu-chart-10g.svg) top right / contain no-repeat;
}
.menu .details .detail:nth-of-type(3) .chart {
	background: url(img2025/menu-chart-7g.svg) top right / contain no-repeat;
}
.menu .details .detail:nth-of-type(4) .chart {
	background: url(img2025/menu-chart-5g.svg) top right / contain no-repeat;
}
.menu .details .detail h4 {
	margin: 50px 0 0 190px;
	width: 790px;
	height: 307px;
	background: url(img2025/menu-img-zerog_pc.jpg) center / cover no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu .details .detail:nth-of-type(2) h4 {
	background: url(img2025/menu-img-10g_pc.jpg) center / cover no-repeat;
}
.menu .details .detail:nth-of-type(3) h4 {
	background: url(img2025/menu-img-7g_pc.jpg) center / cover no-repeat;
}
.menu .details .detail:nth-of-type(4) h4 {
	background: url(img2025/menu-img-5g_pc.jpg) center / cover no-repeat;
}
.menu .details .detail p {
	margin: 20px 0 30px 190px;
	width: 790px;
}
.menu .details .detail .more {
	display: block;
	width: 360px;
	height: 50px;
	margin: 30px 0 30px 190px;
}

.menu .detail .sankou {
	font-family: serif;
	display: block;
	text-align: center;
	border: 1px solid #333;
	padding: 5px 10px 4px;
	line-height: 1.3em;
}
.menu .detail .sankou span {
	font-size: 0.85em;
	margin-left: 1.5em;
}
.menu .detail ul.price {
	font-family: serif;
	display: flex;
	margin: 20px 0 0;
}
.menu .detail ul.price li {
	border-right: 1px solid #000;
	padding: 0;
	text-align: center;
	width: 20%;
	box-sizing: border-box;
}
.menu .detail ul.price li:first-child {
	border-left: 1px solid #000;
}
.menu .detail ul.price li size {
	display: block;
	font-size: 17px;
	line-height: 2em;
}
.menu .detail ul.price li span {
	font-size: 30px;
}


.movies h1 {
	width: 100%;
	height: 24vw;
	background: url(img2025/movies-h1_pc.jpg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.movies .movlist ul {
	width: 980px;
	margin: 10px auto 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.movies .movlist ul::after {
	content: '';
	width: 310px;
	height: 1px;
}
.movies .movlist ul li {
	width: 310px;
	padding-top: 25px;
}
.movies .movlist ul li img {
	width: 310px;
	height: 174px;
	object-fit: cover;
}
.movies .movlist ul li p {
	font-feature-settings: 'palt';
	font-size: 14px;
	line-height: 24px;
	padding-top: 10px;
}
.movies .pagenation ul {
	padding: 40px 0;
	text-align: center;
}
.movies .pagenation ul li {
	line-height: 40px;
	display: inline-block;
	font-family: serif;
}
.movies .pagenation a, .movies .pagenation span {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 1px;
	border-radius: 3px;
}
.movies .pagenation a:hover {
	background: #EEE;
	text-decoration: none;
}
.movies .pagenation ul li .prev, .movies .pagenation ul li .next {
	display: block;
	width: 120px;
	height: 30px;
	background: url(img2025/page-prev.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 0;
	margin: 0 70px 0 0;
}
.movies .pagenation ul li .next {
	background: url(img2025/page-next.svg) center / contain no-repeat;
	margin: 0 0 0 70px;
}


.concept .main {
	width: 100%;
	height: 37dvw;
	min-height: 445px;
	background: url(img2025/concept-main.jpg) center / cover no-repeat;
	position: relative;
}
.concept .main::after {
	width: 100%;
	height: 70px;
	content: ' ';
	background: url(img2025/concept-main-after.svg) center / cover no-repeat;
	position: absolute;
	bottom: -35px;
	left: 0;
}
.concept .main h1 {
	width: 494px;
	height: 130px;
	background: url(img2025/concept-h1.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
	top: calc(50% - 65px);
	left: calc(50% - 247px);
}
.concept .intro {
	width: 980px;
	margin: 80px auto 50px;
}
.concept .intro h2 {
	width: 132px;
	height: 28px;
	margin: 20px auto;
	background: url(img2025/concept-intro-h2.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.concept .intro p {
	font-size: 17px;
	line-height: 2em;
	text-align: center;
	margin: 20px 0;
}
.concept .scene {
	width: 980px;
	margin: auto;
	border-top: 1px solid #000;
}
.concept .scene li {
	padding: 50px;
	border-bottom: 1px solid #000;
	overflow: auto;
}
.concept .scene li img {
	width: 400px;
	height: 300px;
	object-fit: cover;
	float: right;
}
.concept .scene li:nth-of-type(2) img {
	float: left;
}
.concept .scene li h3 {
	width: 430px;
	height: 66.2px;
	background: url(img2025/concept-scene01-h3.svg) left center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.concept .scene li:nth-of-type(2) h3 {
	background: url(img2025/concept-scene02-h3.svg) left center / contain no-repeat;
	margin-left: 450px;
}
.concept .scene li p {
	font-size: 17px;
	line-height: 31px;
	text-align: justify;
	width: 430px;
	margin-top: 20px;
}
.concept .scene li:nth-of-type(2) p {
	margin-left: 450px;
}
.concept .tomenu {
	display: block;
	width: 220px;
	margin: 80px auto;
}


/*contact*/
.contact {
	width: 1040px;
	margin: auto;
}
.contact h1 {
	width: 264px;
	padding: 40px 0 0;
	margin: 70px auto 40px;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	background: url(http://www.up-coat.com/main/wp-content/themes/sonar/img/contact-title.png) center top / auto 30px no-repeat;
}
.contact .col {
	width: 700px;
	margin: 40px auto;
}
.contact .contactcopy {
	text-align: center;
	margin: 40px -30px;
	font-size: 1.2em;
	line-height: 1.6em;
	font-feature-settings: "palt";
}
.contact .contactcopy span {
	display: block;
}
.contact .wpcf7-form dl {
	margin: 0px auto;
	padding: 0px;
	overflow: auto;
}
.contact .wpcf7-form dl dt {
	margin: 0px;
	padding: 20px 10px 0 0;
	float: left;
	width: 140px;
	clear: left;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.5em;
}
.contact .wpcf7-form dl dt.nopad {
	padding: 10px 0;
}
.contact .wpcf7-form dl dt span {
	font-size: 11px;
	padding: 0 0 0 5px;
	color: #999;
}
.contact .wpcf7-form dl  dd{
	margin: 0 0 0 160px;
	padding: 10px;
}
.contact .wpcf7-form dl dd:nth-child(4n)  {
}
.contact .wpcf7-form dl .fullw textarea{
	width: 96%;
	border: 1px solid #000;
	padding: 5px 10px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.contact .wpcf7-checkbox {
	padding: 10px 0;
}
.contact span.wpcf7-list-item {
	padding: 3px 20px 0 0;
	margin: 0;
}
.contact .wpcf7-form dl dd input {
	border: 1px solid #000;
	width: 96%;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 10px;
}
.contact .wpcf7-form dl dd input[type="text"] {
	border: 1px solid #000;
}
.contact .wpcf7-form dl dd input[type="email"] {
	border: 1px solid #000;
}
.contact .wpcf7-form dl dd input[type="tel"] {
	border: 1px solid #000;
}
.contact .wpcf7-form dl dd input[type="checkbox"] {
	width: auto;
}
.contact .wpcf7-form dl dd select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
	border: 1px solid #000;
	line-height: 2.35em;
	padding: 5px 50px 5px 10px;
	background: url(img/contact-select-allow.png) center right 14px no-repeat;
	background-size: 10px;
	width: 100%;
	overflow: hidden;
	font-size: 1.2em;
	margin: -5px 0 0;
}
.contact .wpcf7-form dl .accept {
	padding: 10px 0;
}
.contact .wpcf7-form dl .accept .center {
	text-align: center;
	margin: 0px 0 10px;
}
.contact .wpcf7-form dl .accept .pvp {
	margin: 0 20px;
	border: 1px solid #000;
	height: 160px;
	overflow: auto;
}
.contact .wpcf7-form input[type=submit] {
	border: 1px solid #000;
	text-align: center;
	margin: 0 0 20px 260px;
	padding: 10px 60px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: #FFF;
}
.contact .wpcf7-form input[type=submit]:hover {
	background: #EEE;
}


/*privacy*/
.privacy {
	width: 1040px;
	margin: auto;
}
.privacy h1 {
	width: 264px;
	padding: 40px 0 0;
	margin: 70px auto 40px;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/privacy-title.png) center top / auto 30px no-repeat;
}
.privacy .col {
	width: 800px;
	margin: 40px auto;
}
.privacy h2 {
	font-size: 1.28em;
	line-height: 1.5em;
	border-bottom: 1px dotted #999;
	padding: 0 0 10px;
	margin: 50px 0 10px;
}
.privacy p {
	margin: 0 0 20px;
}
.privacy h4.nomargin {
	margin: -10px 0 0;
}


/*allpost*/
.allpost h1 {
	width: 264px;
	padding: 50px 0 0;
	margin: 20px auto 40px;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	background: url(https://www.up-coat.com/main/wp-content/themes/sonar/img/news-release-title.png) center top / auto 50px no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.allpost {
	width: 1040px;
	margin: 0 auto;
}
.allpost .category-list, .category-list {
	text-align: center;
	margin: 0 0 60px;
}
.allpost .category-list li, .category-list li {
	display: inline-block;
	margin: 0 8px 0;
}
.allpost .category-list li a, .category-list li a {
	display: block;
	margin: 0;
	width: 140px;
	text-align: center;
	border: 1px solid #000;
	font-size: 1em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-style: italic;
	line-height: 25px;
	transition: all  0.4s ease;
}
.allpost .category-list li a:hover, .category-list li a:hover, .allpost .category-list li.current-cat a {
	text-decoration: none;
	color: #FFF;
	background: #000;
}
#contents.allpost .col {
	margin: 0px;
	padding: 0;
}
.allpost .col ul {
	margin: 0 auto;
	width: 920px;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.allpost .col ul li {
	width: 200px;
	margin: 0 0 15px;
	text-align: justify;
}
.allpost .col ul li .imgwrap {
	background: url(img/default.png) center no-repeat;
	background-size: cover;
	border: 1px solid #CCC;
}
.allpost .col ul li .imgwrap.training {
	background: url(img/training.png) center no-repeat;
	background-size: cover;
}
.allpost .col ul li img {
	width: 200px;
	height: 130px;
	object-fit: cover;
}
.allpost .col ul li .date {
	font-size: 0.9em;
	margin: 5px 0 0;
}
.allpost .col ul li h2 {
	font-size: 14px;
	line-height: 1.4em;
	text-align: justify;
}
.allpost .pagenation {
	margin: 40px 0;
	text-align: center;
	height: 40px;
}
.allpost .pagenation a, .allpost .pagenation span {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 1px;
	border-radius: 3px;
	vertical-align: middle;
}
.allpost .pagenation a:hover {
	background: #EEE;
	text-decoration: none;
}

.allpost .pagenation a {
	line-height: 40px;
	display: inline-block;
	font-family: serif;
}
.allpost .pagenation a, .allpost .pagenation span {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 1px;
	border-radius: 3px;
}
.allpost .pagenation a:hover {
	background: #EEE;
	text-decoration: none;
}
.allpost .pagenation a.prev, .allpost .pagenation a.next {
	width: 120px;
	background: url(img2025/page-prev.svg) center 5px / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 5px 0;
	margin: 0 70px 0 0;
}
.allpost .pagenation a.next {
	background: url(img2025/page-next.svg) center 5px / contain no-repeat;
	margin: 0 0 0 70px;
}


/*newssingle*/
.newssingle {
	width: 980px;
	margin: 0 auto;
}
.newssingle .aplink {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0 0px;
	text-align: center;
}
.newssingle .aplink img {
	height: 50px;
	display: block;
	margin: 0 auto 0px;
}
.newssingle .allpost .category-list, .category-list {
	text-align: center;
	margin: 30px 0 30px;
}
.newssingle .col {
	border-bottom: 1px solid #333;
	margin: 0 0 40px;
}
.newssingle .pagenation {
	margin: 40px 0;
	text-align: center;
}
.newssingle .pagenation a, .newssingle .pagenation span {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 1px;
	border-radius: 3px;
}
.newssingle .pagenation a:hover {
	background: #EEE;
	text-decoration: none;
}
.newssingle .title {
	display: block;
	margin: 60px auto 0;
	border: 1px solid #000;
	height: 30px;
}
.newssingle .titletext {
	display: block;
	margin: 20px auto 0;
	width: 180px;
	text-align: center;
	border: 1px solid #000;
	font-size: 1em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-style: italic;
	line-height: 30px;
}
.newssingle .date {
	text-align: center;
	margin: 10px 0 10px;
}
.newssingle h1 {
	text-align: center;
	font-size: 2.14em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
.newssingle p {
	width: 750px;
	margin: 30px auto;
	text-align: justify;
}
.newssingle img {
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 500px;
}
.newssingle .pagebot {
	width: 750px;
	padding: 0 70px;
	overflow: auto;
	display: block;
	margin: 60px auto;
}
.newssingle .pagebot li {
	float: right;
}
.newssingle .pagebot li:first-child {
	float: left;
}
.newssingle .pagebot li img {
	height: 30px;
}


.send .inner {
	text-align: center;
	margin: calc(40dvh - 5em) auto 0;
}
.send .inner p {
	font-size: 1.2em;
	line-height: 2em;
}
.send .inner input {
	line-height: 3em;
	padding: 0 2em;
	margin-top: 1em;
	border: 1px solid #000;
	background: #FFF;
}
.send .inner input:hover {
	background: #000;
	color: #FFF;
}



.backtotop a {
	display: block;
	position: absolute;
	bottom: 70px;
	right: calc(50% - 490px);
	width: 80px;
	height: 80px;
	background: url(img2025/back-to-top.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	border-radius: 5px;
}
.backtotop.w750 a {
	right: calc(50% - 430px);
}


#foot {
	border-top: 1px solid #000;
	height: 55px;
	position: relative;
}
#foot h2 {
	width: 130px;
	height: 55px;
	background: url(img2025/up-logo-bk.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
	left: calc(50% - 490px);
	top: 0;
}
#foot .copyright {
	font-size: 10px;
	line-height: 45px;
	position: absolute;
	right: calc(50% - 490px);
	top: 0;
}

/*ALL MENU*/

.hbgmenu {
	position: fixed;
	top: 40px;
	right: calc(50% - 490px);
	width: 40px;
	z-index: 9999;
	cursor: pointer;
}

#allmenu2025 {
	background: #EEE;
	visibility: hidden;
	opacity:0;
	position:fixed;
	top:-20px;
	left:0px;
	width:100%;
	height:auto;
	transform: scale(1.0);
	transition: all .3s ease-out;
	z-index: 99999;
	overflow: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#allmenu2025::-webkit-scrollbar {
	display: none;
}
#allmenu2025.open{
	visibility: visible;
	opacity:1;
	transform: scale(1);
	top: 0px;
}
#allmenu2025 .close {
	position: absolute;
	top: 40px;
	right: calc(50% - 490px);
	width: 40px;
	z-index: 100000;
	cursor: pointer;
}

#allmenu2025 .inner {
	width: 900px;
	padding: 60px 40px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#allmenu2025 .inner .mblock {
	width: 25%;
}
#allmenu2025 .inner .mblock h3 {
	font-size: 21px;
	line-height: 47px;
}
#allmenu2025 .inner .mblock a {
	display: block;
	font-size: 15px;
	line-height: 20px;
	margin: 10px auto;
	padding: 0 0 0 20px;
	background: url(img2025/menu-icon-arrow.svg) left center / 16px no-repeat;
}
#allmenu2025 .inner .mblock a:hover {
	text-decoration: underline;
}
#allmenu2025 .btmlink {
	position: absolute;
	bottom: 45px;
	left: 50%;
	width: 450px;
}
#allmenu2025 .btmlink ul {
	width: 450px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#allmenu2025 .btmlink ul li a {
	display: block;
	width: 215px;
	background: #FFF;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	margin: 0 0 15px;
}

#end{}
}