@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap');



/*  ----------------------------------------------------------

base

----------------------------------------------------------  */
:root {
	--red: #e32f2f;
	--orange: #e4821f;
	--yellow: #ffdf00;
	--blue: #2343b0;
}
body {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
	body {
		font-size: 1.5rem;
	}
}
a {
	color: #000;
}



/*  ----------------------------------------------------------

font-size

----------------------------------------------------------  */
html {
    font-size: 0.833vw;
}
@media screen and (max-width: 768px) {
    html {
        font-size: 1.303vw;
    }	
}
@media screen and (max-width: 540px) {
    html {
        font-size: 1.851vw;
    }	
}
@media screen and (max-width: 414px) {
    html {
        font-size: 2.415vw;
    }	
}



/*  ----------------------------------------------------------

header

----------------------------------------------------------  */
header {
	padding: 2rem 8rem 6rem 2rem;
}
header.low {
	padding: 2rem 5rem 0 2rem;
}
header .summary {
	font-size: 1.2rem;
	color: #aaa;
	padding-left: 3rem;
}
header h1.summary {
    line-height: 1.6;
    width: 100%;
}
header .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header h1,
header .h1_ttl {
	width: 26rem;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	header {
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 6rem;
	}
	header.low {
		padding: 0;
	}	
	header .wrap {
		display: block;
	}
	header h1,
	header .h1_ttl {
		width: auto;
		display: flex;
		justify-content: center;
	}
	header h1 img,
	header .h1_ttl img {
		width: auto;
		height: 6rem;
	}
}



/*  ----------------------------------------------------------

nav

----------------------------------------------------------  */
ul.gnav-menu {
	display: flex;
	align-items: center;
}
ul.gnav-menu > li {
	white-space: nowrap;
	padding: 0 2.5rem;
	font-size: 1.4rem;
	border-left: solid 0.15rem #aaa;
	line-height: 1.4;
}
ul.gnav-menu > li:last-child {
	border-right: solid 0.15rem #aaa;
}
ul.gnav-menu > li > a {
	display: inline-block;
	position: relative;
}
ul.gnav-menu > li > a::after {
	position: absolute;
	background: var(--orange);
	bottom: -0.7rem;
	content: '';
	height: 0.2rem;
	left: 0;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
	width: 100%;	
}
ul.gnav-menu > li > a:hover::after {
	transform: scale(1,1);
}
ul.gnav-menu > li > a:hover {
	opacity: 1;  
	filter: alpha(opacity=100);  
	color: var(--orange);
}



/*  ----------------------------------------------------------

footer

----------------------------------------------------------  */
footer {
	color: #fff;
	background: var(--orange);
	padding: 5rem 8rem;
}
footer a {
	color: #fff;
}
footer nav {
	display: flex;
}
footer nav > ul:nth-of-type(1) {
	width: 20%;
}
footer nav > ul:nth-of-type(2) {
	width: 80%;
}
footer nav > ul > li > a {
	font-size: 1.8rem;
	font-weight: bold;
	border-left: solid 0.4rem var(--yellow);
	padding-left: 1.5rem;
	padding-bottom: 0.15rem;
}
footer nav > ul:nth-of-type(1) > li:not(:last-child) {
	margin-bottom: 4rem;
}
footer nav > ul:nth-of-type(2) > li:not(:last-child) {
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	border-bottom: solid 0.15rem rgba(255,255,255,0.5);
}
footer nav > ul > li > ul,
footer nav > ul > li > div {
	margin-top: 2rem;
}
footer nav > ul > li > div {
	display: flex;
}
footer nav > ul > li > div > ul:nth-of-type(1) {
	margin-right: 4rem;
}
footer nav > ul > li > ul > li a,
footer nav > ul > li > div > ul li a {
	display: flex;
	align-items: center;
	opacity: 0.7;
}
footer nav > ul > li > ul > li a::before,
footer nav > ul > li > div > ul li a::before {
	content: "▲";
	transform: rotate(90deg);
	font-size: 1.2rem;
	margin-right: 1rem;
}
footer nav > ul > li > ul > li:not(:last-child),
footer nav > ul > li > div > ul li:not(:last-child) {
	margin-bottom: 1.5rem;
}
footer .wrap {
	display: flex;
	align-items: center;
	margin-top: 6rem;
}
footer .sns {
	display: flex;
	align-items: center;
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 1rem;
}
footer .sns li:not(:last-child) {
	margin-right: 1.5rem;
}
footer .sns + div {
	font-size: 1.2rem;
	opacity: 0.7;
}
footer .wrap > div:last-of-type {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: calc(100% - 22rem);
}
footer small {
	text-align: right;
	opacity: 0.7;
}
/* logo */
footer .logo {
	width: 20rem;
	margin-right: 2rem;
}
footer small {
	display: block;
	text-align: center;
	font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	footer {
		padding: 5rem 2rem 9rem 2rem;
	}
	footer nav {
		display: block;
	}
	footer nav > ul:nth-of-type(1) {
		width: 100%;
		margin-bottom: 4rem;
	}
	footer nav > ul:nth-of-type(2) {
		width: 100%;
	}
	footer nav > ul:nth-of-type(2) > li:not(:last-child) {
		margin-bottom: 4rem;
		padding-bottom: 0;
		border-bottom: none;
	}
	footer nav > ul > li > ul,
	footer nav > ul > li > div {
		margin-top: 2rem;
	}
	footer nav > ul > li > div {
		display: block;
	}
	footer nav > ul > li > div > ul:nth-of-type(1) {
		margin-right: 4rem;
	}
	footer nav > ul > li > ul > li a,
	footer nav > ul > li > div > ul li a {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	footer nav > ul > li > ul > li a::before,
	footer nav > ul > li > div > ul li a::before {
		font-size: 1rem;
	}
	footer .wrap {
		flex-direction: column;
		margin-top: 6rem;
	}
	footer .sns {
		margin: 2rem 0;
		justify-content: center;
	}
	footer .sns + div {
		font-size: 1.2rem;
		opacity: 0.7;
	}
	footer .wrap > div:last-of-type {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	footer small {
		margin-top: 4rem;
		text-align: center;
	}
	/* logo */
	footer .logo {
		width: 20rem;
		margin-right: 0;
	}
	footer small {
		display: block;
		text-align: center;
		font-size: 1.2rem;
	}
}



/*  ----------------------------------------------------------

style

----------------------------------------------------------  */
/* heading */
.heading-1 {
	line-height: 1;
	margin-bottom: 3rem;
	font-size: 2.8rem;
	text-align: center;
}
.heading-1 span {
	display: block
}
@media screen and (max-width: 768px) {

}
/* more */
.more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 48.5%;
    padding-bottom: 0.2rem;
    font-size: 1.6rem;
    font-weight: bold;
	background: url(../img/arrow-wt.png) no-repeat center right 1.7rem;
    background-size: 1rem auto;
	color: #fff;
}
.more.blue {
    background-color: var(--blue);
}
.more.orange {
    background-color: var(--orange);
}

/* table */
table.price {
	width: 100%;
	border-collapse: collapse;
	border: solid 0.15rem #ccc;
	font-size: 1.3rem;
}
table.price tr:nth-of-type(odd) {
	background: #fafafa;
}
table.price tr {
	transition: all .3s;
}
table.price tr:hover {
	background: var(--yellow);
}
table.price th {
	padding: 1rem;
	border: solid 0.15rem #ccc;
	background: var(--yellow);
	vertical-align: middle;
	white-space: nowrap;
}
table.price td {
	padding: 1rem 0.8rem;
	border: solid 0.15rem #ccc;
	vertical-align: middle;
}
#docomo table.price tr td:last-of-type {
	white-space: nowrap;
}
#au table.price tr td:nth-of-type(3) {
	white-space: nowrap;
}
td.nowrap {
	white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.table-wrap {
		overflow-x: scroll;
		font-size: 1.3rem;
	}
	.table-wrap table th,
	.table-wrap table td {
		white-space: nowrap;
	}
}



/*  ----------------------------------------------------------

hamburger

----------------------------------------------------------  */
.gnav-sp {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: -1;
	opacity: 0;
	background: #fff;	
}
.gnav-sp .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.gnav-sp-menu li {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}
.gnav-sp-menu li a {
	display: block;
	padding: 1.5rem 0;
	white-space: nowrap;
}
/* toggle */
.toggle-btn {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 6rem;
	height: 6rem;
	transition: all .5s;
	cursor: pointer;
	z-index: 100000;
	background: var(--orange);
}
.toggle-btn span {
	display: block;
	position: absolute;
	left: 2rem;
	width: 2rem;
	height: 0.2rem;
	background-color: #fff;
	transition: all .4s;
}
.toggle-btn span:nth-child(1) {
	top: 1.9rem;
}
.toggle-btn span:nth-child(2) {
	top: 2.7rem;
}
.toggle-btn span:nth-child(3) {
	top: 3.5rem;
}
/* open */
.open .gnav-sp {
	top: 0;
	opacity: 1;
	z-index: 99999;
}
.open .toggle-btn span {
	background-color: #fff;
}
.open .toggle-btn span:nth-child(1) {
	-webkit-transform: translateY(0.8rem) rotate(-45deg);
	transform: translateY(0.8rem) rotate(-45deg);
}
.open .toggle-btn span:nth-child(2) {
	opacity: 0;
}
.open .toggle-btn span:nth-child(3) {
	-webkit-transform: translateY(-0.8rem) rotate(45deg);
	transform: translateY(-0.8rem) rotate(45deg);
}



/*  ----------------------------------------------------------

fixed btn

----------------------------------------------------------  */
.fixed-btn {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	z-index: 999;
	width: 7rem;
}
.fixed-btn li:not(:last-child) {
	margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
	.fixed-btn {
		top: auto;
		right: 0;
		bottom: 0;
		transform: none;
		-webkit-transform: none;
		width: 100%;
		display: flex;
	}
	.fixed-btn li:not(:last-child) {
		margin-bottom: 0;
	}
	.fixed-btn li {
		width: calc(100% / 3);
	}
	.fixed-btn a {
		display: flex;
		align-items: center;	
		justify-content: center;
		height: 6.4rem;
		color: #fff;
		line-height: 1;
	}
	.fixed-btn a img {
		width: 2.2rem;
		margin-right: 0.8rem;
	}
	.fixed-btn li:nth-child(1) a {
		background: #e3801f;
	}
	.fixed-btn li:nth-child(2) a {
		background: #6ebd6f;
	}
	.fixed-btn li:nth-child(3) a {
		background: #dd9f37;
		text-decoration: none;
	}
	.fixed-btn a > span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fixed-btn a > span > span {
		display: flex;
		flex-direction: column;
	}
	.fixed-btn a > span > span > span:nth-child(1) {
		font-weight: bold;
		font-size: 1.6rem;
	}
	.fixed-btn a > span > span > span:nth-child(2) {
		font-size: 1.2rem;
		color: var(--yellow);
		margin-top: 0.5rem;
	}
}



/*  ----------------------------------------------------------

display

----------------------------------------------------------  */
@media screen and (min-width: 769px) {
	.sp {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
}



/*  ----------------------------------------------------------

page-top

----------------------------------------------------------  */
#page-top {
    position: fixed;
	z-index: 999;
	bottom: 1rem;
	right: 1rem;	
}
#page-top a {
	background: #fff;
	color: var(--orange);
	border: solid 0.3rem var(--orange);	
	width: 4rem;
	height: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	line-height: 1;
	font-size: 1.4rem;
	padding-left: 0.1rem;
}
@media screen and (max-width: 768px) {
	#page-top {
		bottom: 7.4rem;
	}
}



/*  ----------------------------------------------------------

link

----------------------------------------------------------  */
a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out; 
}
a.line {
	text-decoration: underline;
}
a:hover.line {
	text-decoration: none;
}
a:hover {
    opacity: 0.5;
} 
@media screen and (min-width: 769px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}
@media screen and (max-width: 768px) {
    a[href^="tel:"] {
        text-decoration: underline;
    }
}



/*  ----------------------------------------------------------

class

----------------------------------------------------------  */
/* txt */
.txt-vertical {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.m4020 {
	margin: 40px auto 0;
}
.bg_service {
    background: #fbf3d8;
    margin: -70px 0 70px;
    padding: 130px 0 70px;
}
.bg_service .service-wrap {
    background: #ffffff;
}
@media screen and (max-width: 768px) {
	.txt-vertical.not {
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		white-space: normal;
	}
	.m4020 {
		margin: 20px auto 0;
	}
	.bg_service {
		margin: 50px 0;
		padding: 50px 0;
	}
}

/* margin */
.mb-10 { 
	margin-bottom: 1rem !important;
}
.mb-15 {
	margin-bottom: 1.5rem !important;
}
.mb-20 {
	margin-bottom: 2.0rem !important;
}
.mb-25 {
	margin-bottom: 2.5rem !important;
}
.mb-30 {
	margin-bottom: 3.0rem !important;
}
.mb-35 {
	margin-bottom: 3.5rem !important;
}
.mb-40 {
	margin-bottom: 4.0rem !important;
}
.mb-45 {
	margin-bottom: 4.5rem !important;
}
.mb-50 {
	margin-bottom: 5.0rem !important;
}
.mb-55 {
	margin-bottom: 5.5rem !important;
}
.mb-60 {
	margin-bottom: 6.0rem !important;
}
.mb-65 {
	margin-bottom: 6.5rem !important;
}
.mb-70 {
	margin-bottom: 7.0rem !important;
}
.mb-75 {
	margin-bottom: 7.5rem !important;
}
.mb-80 {
	margin-bottom: 8.0rem !important;
}
.mb-85 {
	margin-bottom: 8.5rem !important;
}
.mb-90 {
	margin-bottom: 9.0rem !important;
}
.mb-95 {
	margin-bottom: 9.5rem !important;
}
.mb-100	{
	margin-bottom: 10.0rem !important;
}



/*  ----------------------------------------------------------

fade

----------------------------------------------------------  */
@keyframes fadeUp {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeDown {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeUp {
    animation: fadeUp 0.5s ease;
    animation-fill-mode: both
}
.fade {
	opacity: 0;
	transform: translateY(2rem);
}
.fade-down {
	opacity: 0;
    animation: fadeDown 0.5s ease;	
	transform: translateY(-2rem);
    animation-fill-mode: both	
}

.delay-1 {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.delay-2 {
	animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
}
.delay-3 {
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
.delay-4 {
	animation-delay: 0.65s;
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
}
.delay-5 {
	animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}
@charset "UTF-8";



/*  ----------------------------------------------------------

assess

----------------------------------------------------------  */
.assess {
    width: 72rem;
    margin: 0 auto;
}
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab-label {
    width: 47.5%;
    order: -1;
    background: #e0e0e0;
    padding: 2rem 2rem 1.2rem 2rem;
    border-radius: 3rem 3rem 0 0;
    position: relative;
}
.tab-label:hover {
    cursor: pointer;
}
.tab-label:hover span {
    opacity: 0.5;    
}
.tab-label span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10rem;
    color: #fff;
    background: linear-gradient(to bottom, #fcf26d 4%, #f1c500 15%, #d99f00 70%, #cd8c00 90%);
    border: solid 0.35rem #fff;
    border-radius: 2rem;
    font-weight: 900;
    font-size: 4.4rem;
    box-shadow: 0.2rem 0.3rem 0.3rem rgba(0,0,0,0.2 );
    padding-bottom: 0.5rem;
    transition: all .3s;
}
.tab-label.blue span {
    background: linear-gradient(to bottom, #1275c0 4%, #213ba2 15%, #172970 70%, #101d4f 90%);
}
.tab-label a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 99;
}

.tab-content {
    width: 100%;
    display: none;
    background: #fffce6;
    padding: 2rem 0 4rem 0;
}
.tab-content.blue {
    background: #f3f6f9;
}
.tab-switch:checked+.tab-label {
    background: #fffce6;
    border: solid 0.25rem #be9410;
    position: relative;
}
.tab-switch:checked+.tab-label.blue {
    background: #f3f6f9;
    border: solid 0.25rem #2440b0;
    position: relative;
}
.tab-switch:checked+.tab-label::before {
    content: "";
    width: 100%;
    height: 0.5rem;
    background: #fffce6;
    position: absolute;
    left: 0;
    bottom: -0.5rem;
}
.tab-switch:checked+.tab-label.blue::before {
    background: #f3f6f9;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
    border: solid 0.25rem #be9410;
}
.tab-switch:checked+.tab-label+.tab-content.blue {
    border: solid 0.25rem #2440b0;
}
.tab-switch {
    display: none;
}
.tab-content > div {
    width: 40rem;
    margin: 0 auto 2rem auto;
}
.tab-content form {
    width: 70%;
    margin: 0 auto;
}
.tab-content form > div {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.tab-content form > div > div:nth-of-type(1) {
    width: 25%;
    font-size: 2rem;
    font-weight: bold;
}
.tab-content form > div > div:nth-of-type(2) {
    width: 75%;
}
.tab-content input[type=text] {
    border: solid;
}
.tab-content form select {
    border: solid 0.15rem #be9410;
}
.tab-content.blue form select {
    border: solid 0.15rem #2440b0;
}
.tab-content .select::before {
    background: linear-gradient(to bottom, #fcf26d 4%, #f1c500 15%, #d99f00 70%, #cd8c00 90%);
    border: solid 0.15rem #be9410;
    box-sizing: border-box;
}
.tab-content.blue .select::before {
    background: linear-gradient(to bottom, #1275c0 4%, #213ba2 15%, #172970 70%, #101d4f 90%);
    border: solid 0.15rem #2440b0;
}
.tab-content input[type="submit"],
.tab-wrap .tab-content .repair-submit-btn  {
    background: linear-gradient(to bottom, #fcf26d 4%, #f1c500 15%, #d99f00 70%, #cd8c00 90%);    
}
.tab-content.blue input[type="submit"],
.tab-content .repair-submit-btn {
    background: linear-gradient(to bottom, #1275c0 4%, #213ba2 15%, #172970 70%, #101d4f 90%); 
}
.tab-repair-contents,
.tab-purchase-contents,
.assess-note-repair,
.assess-note-purchase {
    display: none;
}
body.tab-repair .tab-repair-contents,
body.tab-purchase .tab-purchase-contents,
body.tab-repair .assess-note-repair,
body.tab-purchase .assess-note-purchase {
    display: block;
}
.assess .result {
    line-height: 1;
    font-size: 3.6rem;
    font-weight: 900;
    color: var(--red);
}
.assess-note {
    width: 72rem;
    margin: 1rem auto 0 auto;
    text-align: right;
    font-size: 1rem;
}
.tab-wrap + .assess-note {
    margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
	.assess {
        width: auto;
        padding: 1rem 2rem 0 2rem;
    }
    .tab-label {
        width: 48%;
        padding: 1rem 1rem 0.6rem 1rem;
    }
    .tab-label span {
        height: 7.2rem;
        border-radius: 2rem;
        font-size: 2.8rem;
    }
    .tab-content {
        padding: 2rem 2rem 4rem 2rem;
    }
    .tab-content > div {
        width: 100%;
        margin-bottom: 2rem;
    }
    .tab-content form {
        width: 100%;
    }
    .tab-content form > div {
        display: block;
        margin-bottom: 2.5rem;
    }
    .tab-content form > div > div:nth-of-type(1) {
        width: 100%;
        margin-bottom: 1rem;
    }
    .tab-content form > div > div:nth-of-type(2) {
        width: 100%;
    }   
    .assess-note {
        width: auto;
        text-align: left;
    }     
}



/*  ----------------------------------------------------------

shoplist

----------------------------------------------------------  */
.shop-list {
    padding: 8rem 0;
    width: 72rem;
    margin: 0 auto;
}
.shop-list h2 {
    color: var(--orange);
    display: flex;
    align-items: center;
    flex-direction: column;
}
.shop-list h2 img {
    width: 11rem;
    margin-bottom: 1.5rem;
}
.shop-list h2 + p {
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 4rem;
}
.shop-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.shop-list ul li {
    width: 49%;
    border: solid 0.5rem #ffe7d2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shop-list ul li:nth-child(n + 3) {
    margin-top: 2%;
}
.shop-detail {
    display: flex;
    padding: 1.5rem;
}
.shop-detail > figure {
    width: 35%;
}
.shop-detail > figure img {
    height: 10rem;
    object-fit: cover;
}
.shop-detail > dl {
    width: 65%;
    padding-left: 1.5rem;
}
.shop-detail dl dt {
    color: var(--orange);
    line-height: 1;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
}
.shop-detail dl dd a {
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: bold;
    font-size: 1.8rem;
}
.shop-detail dd img {
    width: 2rem;
    margin-right: 0.6rem;
}
.shop-detail dd:last-of-type {
    font-size: 1.2rem;
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
}
.shop-detail dd:last-of-type img {
    padding: 0 0.3rem;
    margin-top: 0.2rem;
}
.shop-contact {
    background: #ffe7d2;
    display: flex;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    justify-content: space-between;
}
.shop-contact > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 48.5%;
    padding-bottom: 0.2rem;
    font-size: 1.6rem;
    font-weight: bold;
}
.shop-contact > a:nth-of-type(1) {
    background: url(../img/arrow-wt.png) no-repeat center right 1.7rem;
    background-size: 1rem auto;
    background-color: var(--orange);
    color: #fff;
}
.shop-contact > a:nth-of-type(2) {
    background: url(../img/arrow-or.png) no-repeat center right 1.7rem;
    background-size: 1rem auto;
    background-color: #fff;
    border: solid 0.2rem var(--orange);
    color: var(--orange);
}
.youtube-wrapper {
    padding: 1.5rem;
}
.googlemap-wrapper {
    padding: 1.5rem;
}

.youtube-wrapper .heading-3, 
.googlemap-wrapper .heading-3 {
    color: #ffffff;
    background-color: #E4821F;
    padding: 0.2rem;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0em;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
    .shop-list {
        padding: 6rem 2rem;
        width: auto;
    }
    .shop-list ul {
        display: block;
    }
    .shop-list ul li {
        width: 100%;
    }
    .shop-list ul li:nth-child(n + 3) {
        margin-top: 0;
    }
    .shop-list ul li:nth-child(n + 2) {
        margin-top: 2rem;
    }
}



/*  ----------------------------------------------------------

area

----------------------------------------------------------  */
.area {
    background: url(../img/top-bg-1.jpg) no-repeat center / cover;
    padding: 6rem 0;
}
.area figure {
    width: 72rem;
    margin: 0 auto 4rem auto;
}
.area p {
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .area {
        padding: 6rem 2rem;
    }
    .area figure {
        width: auto;
    }
}



/*  ----------------------------------------------------------

point

----------------------------------------------------------  */
.purchase-point {
	padding: 5rem 0;
    background: #e4ebf5;
}
.purchase-point h2,
.purchase-point .h2_ttl {
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, transparent 25%, #fff 25%, #fff 75%, transparent 75%);
}
.purchase-point h2 img,
.purchase-point .h2_ttl img {
    width: 56rem;
    height: auto;
}
.purchase-point p  {
    text-align: center;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}
.purchase-point p strong {
    color: var(--red);
    font-size: 2.8rem;
}
.purchase-point p + div {
    width: 72rem;
    margin: 0 auto 2rem auto;
    background: #fff;
    padding: 2rem 0;
    text-align: center;
    font-size: 2rem;
}
.purchase-point p + div strong {
    color: var(--red);
    font-weight: 500;
}
.purchase-point ul {
    width: 72rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.purchase-point ul li {
    width: 29%;
}
.purchase-point ul li figure {
    padding: 0 4rem;
}
.purchase-point ul li dl dt {
    text-align: center;
    margin: 1rem 0 0.5rem 0;
    font-size: 2rem;
    font-weight: bold;
    color: var(--red);
}
.repair-point {
	padding: 8rem 0;
    background: #fbf3d8;
}
.repair-point h2,
.repair-point .h2_ttl {
    width: 56rem;
    margin: 0 auto;
}
.repair-point > ul {
    width: 72rem;
    margin: 0 auto;
}
.repair-point > ul > li {
    background: rgba(255,255,255,0.5);
}
.repair-point h3 {
    background: var(--red);
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
    padding: 1.0rem 0 1.2rem 0;
}
.repair-point > ul > li:nth-child(1) .wrap {
    padding: 2rem 6rem;
    display: flex;
    align-items: center;
}
.repair-point > ul > li:nth-child(1) .wrap > figure {
    width: 16rem;
}
.repair-point > ul > li:nth-child(1) .wrap > figure img {
    height: 16rem;
    object-fit: cover;
    border-radius: 50%;
}
.repair-point > ul > li:nth-child(1) .wrap > div {
    width: calc(100% - 16rem);
    padding-left: 3rem;
}
.repair-point > ul > li:nth-child(1) h4 {
    font-size: 2.2rem;
    position: relative;
    display: inline-block;
    margin-bottom: 2.5rem;
}
.repair-point > ul > li:nth-child(1) h4 strong {
    background: linear-gradient(to top, var(--yellow) 30%, transparent 30%);
}
.repair-point > ul > li:nth-child(1) h4 > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 2.6rem;
    position: absolute;
    right: -19rem;
    top: -3.5rem;
    transform: rotate(-10deg);
}
.repair-point > ul > li:nth-child(1) h4 > span span:nth-child(1) {
    background: var(--yellow);
    color: var(--red);
    padding: 0.2rem 0.5rem 0.3rem 1rem;
}
.repair-point > ul > li:nth-child(1) h4 > span span:nth-child(2) {
    background: var(--red);
    color: #fff;
    font-size: 2rem;
    padding: 0.4rem 1rem 0.5rem 1rem;
    margin-left: 1rem;
}
.repair-point > ul > li:nth-child(1) p {
    font-size: 1.8rem;
}
.repair-point > ul > li:nth-child(2) .wrap {
    padding: 2rem 6rem;
}
.repair-point > ul > li:nth-child(2) p {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}
.repair-point > ul > li:nth-child(2) .wrap ul {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto 2rem auto;
}
.repair-point > ul > li:nth-child(2) .wrap ul li {
    width: 31%;
}
.repair-point > ul > li:nth-child(2) p {
    text-align: center;
    font-size: 1.6rem;
    white-space: nowrap;
}
.repair-point > ul > li:nth-child(2) p strong {
    color: var(--red);
}
@media screen and (max-width: 768px) {
	.purchase-point {
        padding: 6rem 0;
    }
    .purchase-point h2 img,
	.purchase-point .h2_ttl img {
        width: 100%;
        padding: 0 2rem;
    }
    .purchase-point p  {
        text-align: left;
        padding: 0 2rem;
    }
    .purchase-point p + div {
        width: calc(100% - 4rem);
        padding: 3rem;
        text-align: left;
    }
    .purchase-point ul {
        width: calc(100% - 4rem);
        flex-direction: column;
    }
    .purchase-point ul li {
        width: 100%;
    }
    .purchase-point ul li:not(:last-child) {
        margin-bottom: 3rem;
    }
    .purchase-point ul li figure {
        padding: 0;
        width: 60%;
        margin: 0 auto;
    }
    .purchase-point ul li dl dt {
        font-size: 2.6rem;
    }
    .repair-point {
        padding: 6rem 3rem;
    }
    .repair-point h2,
	.repair-point .h2_ttl {
        width: auto;
    }
    .repair-point > ul {
        width: auto;
        margin: 0 auto;
    }
    .repair-point h3 {
        color: #fff;
        font-size: 2.4rem;
    }
    .repair-point > ul > li:nth-child(1) .wrap {
        padding: 2rem 3rem;
        display: block;
    }
    .repair-point > ul > li:nth-child(1) .wrap > figure {
        width: 20rem;
        margin: 0 auto;
    }
    .repair-point > ul > li:nth-child(1) .wrap > figure img {
        height: 20rem;
    }
    .repair-point > ul > li:nth-child(1) .wrap > div {
        width: 100%;
        padding-left: 0;
    }
    .repair-point > ul > li:nth-child(1) h4 {
        display: block;
        text-align: center;
    }
    .repair-point > ul > li:nth-child(1) h4 > span {
        align-items: center;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 1rem;
        margin-left: -2rem;
    }
    .repair-point > ul > li:nth-child(2) .wrap {
        padding: 2rem 3rem;
    }
    .repair-point > ul > li:nth-child(2) p {
        text-align: left;
        white-space: normal;
    }
    .repair-point > ul > li:nth-child(2) .wrap ul {
        width: 100%;
    }
    .repair-point > ul > li:nth-child(2) .wrap ul li {
        width: 32%;
    }
    .repair-point > ul > li:nth-child(2) p {
        text-align: left;
    }
}



/*  ----------------------------------------------------------

cv

----------------------------------------------------------  */
.cv {
	background: #fff0e9;
}
.cv > div:nth-of-type(1) {
    background: linear-gradient(to bottom, #fff0e9, #fce5d3);
    padding-top: 4rem;
}
.cv > div:nth-of-type(1) > div {
    width: 72rem;
    margin: 0 auto;
    background: var(--orange);
    border-radius: 5rem 5rem 0 0;
    padding: 3rem 0 0 0;
    position: relative;
    height: 30rem;
}
.cv-area {
    text-align: center;
    color: var(--yellow);
    font-size: 2.4rem;
    margin-bottom: 2rem;
}
.cv .wrap {
    display: flex;
    padding: 0 4rem;
}
.cv .wrap > div {
    width: 45%;
}
.cv .wrap > div > div:last-of-type {
    margin-left: -1rem;
    margin-top: 1rem;
    padding-right: 2rem;
}
.cv .wrap > figure {
    width: 55%;
    padding-left: 2rem;
    padding-top: 6rem;
}
.cv .wrap > figure img {
    width: 120%;
}
.cv-type {
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
}
.cv-contact {
    background: #fff;
    border-top: solid 0.8rem #ff8c04;
    border-bottom: solid 0.8rem #ff8c04;
    margin-top: 11.5rem;
    position: relative;
    z-index: 99;
}
.cv-contact h2,
.cv-contact .h2_ttl {
    width: 46rem;
    margin: -2.5rem auto 0 auto;
}
.cv-contact ul {
    width: 72rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 0 3rem 0;
}
.cv-contact ul li {
    width: 32.5%;
}
@media screen and (max-width: 768px) {
    .cv > div:nth-of-type(1) {
        padding-top: 2rem;
    }
    .cv > div:nth-of-type(1) > div {
        width: calc(100% - 4rem);
        padding: 3rem 0 0 0;
        height: auto;
    }
    .cv-area {
        text-align: center;
        font-size: 1.8rem;
    }
    .cv .wrap {
        display: block;
    }
    .cv .wrap > div {
        width: 100%;
    }
    .cv .wrap > div > div:last-of-type {
        margin-left: 0;
        margin-top: 1.5rem;
        padding-right: 0;
        padding: 0 2rem;
    }
    .cv .wrap > figure {
        width: 100%;
        padding-left: 0;
        padding-top: 1.5rem;
    }
    .cv .wrap > figure img {
        width: 100%;
    }
    .cv-type {
        font-size: 2.0rem;
    }
    .cv-contact {
        border-top: solid 0.5rem #ff8c04;
        border-bottom: solid 0.5rem #ff8c04;
        margin-top: 0;
    }
    .cv-contact h2,
	.cv-contact .h2_ttl {
        width: 32rem;
        margin: -1.8rem auto 0 auto;
    }
    .cv-contact ul {
        width: auto;
        flex-direction: column;
        padding: 2rem 3rem;
    }
    .cv-contact ul li {
        width: 100%;
    }
}



/*  ----------------------------------------------------------

case

----------------------------------------------------------  */
.case {
	padding: 8rem 0;
    overflow: hidden;
}
.case .more {
    width: 100%;
}
.swiper-case {
    padding-bottom: 3rem;
}
.swiper-case .swiper-slide {
    background: url(../img/stripe-blu.png) center top;
    background-size: 4rem auto;
    border: solid 0.15rem var(--blue);
    border-radius: 1.8rem;
    display: flex;
    padding: 2rem 4rem;
    box-shadow: 0.4rem 0.4rem 0 rgba(0,0,0,0.3);
}
.case.repair .swiper-case .swiper-slide {
    background: url(../img/stripe-yel.png) center top;
    background-size: 4rem auto;
    border: solid 0.15rem #bd9510;
}

@media screen and (max-width: 768px) {
    .case.repair .swiper-case .swiper-slide {
        background: url(../img/stripe-yel.png) center top;
        background-size: 4rem auto;
        border: solid 0.15rem #bd9510;
        height: 560px;
    }
}

.swiper-case .swiper-slide > figure {
    width: 52%;
}
.swiper-case .swiper-slide > div {
    width: 55%;
    padding-left: 3rem;
}
.swiper-case dl dt {
    font-weight: bold;
    font-size: 2.6rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: dotted 0.5rem var(--blue);
}
.case.repair .swiper-case dl dt {
    border-bottom: dotted 0.5rem #bd9510;
}
.swiper-case .price {
    color: var(--red);
    font-weight: bold;
    font-size: 2.6rem;
    text-align: right;
    line-height: 1;
}
.swiper-case .detail {
    background: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
    font-size: 1.2rem;
    margin: 1.5rem 0 2rem 0;
}
.swiper-case .swiper-button-prev {
    background: url(../img/prev-blu.png) no-repeat !important;
    background-size: 5rem !important;
    width: 5rem !important;
    height: 5rem !important;
    left: 12rem !important;
    top: calc(50% - 2.5rem) !important;
    position: absolute;
    z-index: 999;
    transition: all .3s;
}	
.swiper-case .swiper-button-next  {
    background: url(../img/next-blu.png) no-repeat !important;
    background-size: 5rem !important;
    width: 5rem !important;
    height: 5rem !important;
    right: 12rem !important;   
    top: calc(50% - 2.5rem) !important;
    position: absolute;    
    z-index: 999;
    transition: all .3s;    
}
.case.repair .swiper-case .swiper-button-prev {
    background: url(../img/prev-brw.png) no-repeat !important;
    background-size: 5rem !important;
    width: 5rem !important;
    height: 5rem !important;
}	
.case.repair .swiper-case .swiper-button-next  {
    background: url(../img/next-brw.png) no-repeat !important;
    background-size: 5rem !important;
    width: 5rem !important;
    height: 5rem !important;
}
.case.repair .more {
    background-color: #bd9510;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    cursor: pointer;
    opacity: 0.5;
}
@media screen and (max-width: 768px) {
    .case {
        padding: 6rem 3rem;
    }
    .swiper-case .swiper-slide {
        display: block;
        padding: 2rem 3rem;
        height: 560px;
    }
    .swiper-case .swiper-slide > figure {
        width: 100%;
    }
    .swiper-case .swiper-slide > div {
        width: 100%;
        padding-left: 0;
        margin-top: 2rem;
    }
    .swiper-case .swiper-button-prev,
    .case.repair .swiper-case .swiper-button-prev {
        background-size: 3rem !important;
        width: 3rem !important;
        height: 3rem !important;
        left: -1.5rem !important;
        top: calc(50% - 1.5rem) !important;
    }	
    .swiper-case .swiper-button-next,
    .case.repair .swiper-case .swiper-button-next {
        background-size: 3rem !important;
        width: 3rem !important;
        height: 3rem !important;
        right: -1.5rem !important;   
        top: calc(50% - 1.5rem) !important;
    }
}



/*  ----------------------------------------------------------

voice

----------------------------------------------------------  */
.voice {
    padding: 0 0 8rem;
    overflow: hidden;
}
.voice h2,
.voice .h2_ttl {
    color: var(--orange)
}
.voice .wrap {
    padding: 0 20rem;
    position: relative;
}
.swiper-voice {
    position: relative;
}
.swiper-voice::before,
.swiper-voice::after {
    content: "";
    width: 19.5rem;
    height: 100%;
    background: #fff;
    position: absolute;
    top: -2rem;
    z-index: 10;
}
.swiper-voice::before {
    left: -20rem;
}
.swiper-voice::after {
    right: -20rem;
}
.swiper-voice .swiper-wrapper {
    padding-bottom: 5rem;
}
.swiper-voice .swiper-slide > div {
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.25);
    border-radius: 0.5rem;
    padding: 2rem;
}
.swiper-voice .swiper-button-prev {
    background: url(../img/prev-grey.png) no-repeat !important;
    background-size: 3rem !important;
    width: 3rem !important;
    height: 3rem !important;
    left: -5rem !important;
    top: 9.5rem !important;
    top: calc(50% - 4.5rem) !important;
    position: absolute;
    z-index: 999;
    transition: all .3s;
}	
.swiper-voice .swiper-button-next  {
    background: url(../img/next-grey.png) no-repeat !important;
    background-size: 3rem !important;
    width: 3rem !important;
    height: 3rem !important;
    right: -5rem !important;   
    top: 9.5rem !important;
    top: calc(50% - 4.5rem) !important;
    position: absolute;    
    z-index: 999;
    transition: all .3s;    
}
.swiper-pagination-bullet {
    bottom: 0 !important;
    background: #aaa !important;
}
.swiper-pagination-bullet-active {
    background:#b2b2b0 !important;
}

.voice .name {
    display: flex;
    align-items: center;
}
.voice .name figure {
    width: 6rem;
}
.voice .name figure img {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    border-radius: 50%;
}
.voice .name > div {
    width: calc(100%- 6rem);
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    line-height: 1.4;
}
.voice .name > div span:nth-child(1) {
    color: #5d94ef;
}
.voice .name > div span:nth-child(2) {
    color: #b2b2b0;
}
.voice .star  {
    margin: 0.5rem 0 2rem 0;
    display: flex;
    color: var(--orange);
}
.voice p {
    font-size: 1.2rem;
    height: 8rem;
    overflow-y: scroll;
    padding-right: 1rem;
}
@media screen and (max-width: 768px) {
    .voice .wrap {
        padding: 0 3rem;
    }
    .swiper-voice {
        position: relative;
    }
    .swiper-voice::before,
    .swiper-voice::after {
        display: none;
    }
    .swiper-voice .swiper-button-prev {
        left: -2rem !important;
    }	
    .swiper-voice .swiper-button-next  {
        right: -2rem !important;   
    }
}




/*  ----------------------------------------------------------

news

----------------------------------------------------------  */
.news {
    display: flex;
    justify-content: center;
    padding-bottom: 8rem;
}
.news h2,
.news .h2_ttl {
    color: var(--orange);
}
.news .more {
    width: 28rem;
    margin: 0 auto;
}
.info {
    width: 40rem;
    margin-right: 4rem;
}
.info ul {
    margin-bottom: 4rem;
}
.info ul li {
    border-bottom: dotted 0.4rem #fde8d7;
}
.info ul li a {
    display: block;
    padding: 2rem 0;
}
.info ul li dl dt {
    font-weight: bold;
    color: var(--orange);
}
.tw h2,
.tw .h2_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tw h2 i,
.tw .h2_ttl i {
    margin-right: 1rem;
    color: #000;
    font-size: 3.6rem;
}
.tw > div {
    width: 260px;
    height: 360px;
    background: #ccc;
}
@media screen and (max-width: 768px) {
	.news {
        display: block;
        padding: 0 0 8rem 0;
    }
    .news .more {
        width: 100%;
    }
    .info {
        width: auto;
        margin-right: 0;
        margin-bottom: 6rem;
        padding: 0 2rem;
    }
    .info ul {
        margin-bottom: 3rem;
    }
    .tw > div {
        margin: 0 auto;
    }
}



/*  ----------------------------------------------------------

blog

----------------------------------------------------------  */
.blog {
	padding: 8rem 0;
    background: url(../img/stripe-or.png) center top;
    background-size: 2rem auto;
}
.blog h2,
.blog .h2_ttl {
    color: var(--orange);
}
.blog .more {
    width: 28rem;
    margin: 0 auto;
}
.blog .wrap {
    width: 72rem;
    margin: 0 auto 5rem auto;
}
.blog ul {
    display: flex;
    flex-wrap: wrap;
    width: 72rem;
    margin: 0 auto 5rem auto;
}
.blog ul li {
    width: calc((100% - 8rem) / 3);
    margin-right: 4rem;
}
.blog ul li:nth-child(3n) {
    margin-right: 0;
}
.blog ul li:nth-child(n + 4) {
    margin-top: 4rem;
}
.blog ul li figure img {
    height: 16rem;
    object-fit: cover;
}
.blog ul li dl dt {
    font-size: 1.2rem;
    color: var(--orange);
    font-weight: bold;
    margin: 1.5rem 0 0.8rem 0;
    line-height: 1;
}
@media screen and (max-width: 768px) {
	.blog {
        padding: 8rem 3rem;
    }
    .blog .more {
        width: 100%;
    }
    .blog .wrap {
        width: auto;
        margin: 0 auto 4rem auto;
    }    
    .blog ul {
        display: block;
        width: auto;
        margin: 0 auto 4rem auto;
    }
    .blog ul li {
        width: 100%;
        margin-right: 0;
    }
    .blog ul li:nth-child(3n) {
        margin-right: 0;
    }
    .blog ul li:nth-child(n + 4) {
        margin-top: 0;
    }
    .blog ul li:nth-child(n + 2) {
        margin-top: 4rem;
    }
    .blog ul li figure img {
        height: 22rem;
    }
}



/*  ----------------------------------------------------------

contact

----------------------------------------------------------  */
.contact {
    padding: 8rem 0;
}
.contact .wrap {
    width: 72rem;
    margin: 0 auto;
    background: #ffe6d1;
    padding: 6rem 8rem;
}
.contact h2 + p {
    text-align: center;
    margin-bottom: 4rem;
}
.contact form > div {
    display: flex;
    align-items: center;
    margin-bottom: 3.5rem;
}
.contact form > div:last-of-type {
    margin-bottom: 6rem;
} 
.contact form > div > div:nth-of-type(1) {
    width: 32%;
    font-weight: bold;
}
.contact form > div > div:nth-of-type(2) {
    width: 68%;
}
form .radio {
    display: flex;
    flex-wrap: wrap;
}
form .radio > div {
    display: flex;
    align-items: center;
}
form .radio > div:not(:last-of-type) {
    margin-right: 3rem;
}
form .radio label {
    margin-left: 0.3rem;
    display: block;
    margin-top: 0.27rem;
}
form select {
    width: 100%;
    display: flex;
    align-items: center;
    height: 5rem;
    border: solid 0.15rem var(--orange);
    padding: 0 1.5rem;
    /* color: #bbb; */
    position: relative;
}
form select.selected {
    color: #000000;
}
select {
    -webkit-appearance: none;
    appearance: none;
}
.select {
    position: relative;
}
.select::before {
    content: "";
    width: 5rem;
    height: 5rem;
    background: var(--orange);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.select::after {
    content: "";
    width: 1rem;
    height: 1rem;
    border-right: solid 0.15rem #fff;
    border-bottom: solid 0.15rem #fff;
    position: absolute;
    right: 2rem;
    top: 1.6rem;
    z-index: 2;
    transform: rotate(45deg);
    pointer-events: none;
}
input[type=text],
textarea {
    width: 100%;
    border: solid 0.15rem var(--orange);
    padding: 1.5rem;
}
input[type="submit"],
.repair-submit-btn {
    border: solid 0.2rem #fff;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.6rem;
    font-size: 1.8rem;
    width: 36rem;
    margin: 0 auto;
	background: url(../img/arrow-wt.png) no-repeat center right 1.7rem;
    background-size: 1rem auto;    
    background-color: var(--orange);
    border-radius: 0;
    -webkit-appearance: button;
    appearance: button;
    transition: all .3s;
}
input[type="submit"]::-webkit-search-decoration,
.repair-submit-btn::-webkit-search-decoration {
    display: none;
}
input[type="submit"]:hover,
.repair-submit-btn:hover {
    cursor: pointer;
    opacity: 0.5;
}
.contact-note {
    text-align: center;
    margin: 4rem 0 2rem 0;
}
.privacy {
    border: solid 0.2rem var(--orange);
    padding: 3rem;
    height: 20rem;
    overflow-y: scroll;
    width: 72rem;
    margin: 0 auto;
    font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
	.contact {
        padding: 0 0 6rem 0;
    }
    .contact .wrap {
        width: auto;
        padding: 6rem 2rem;
    }
    .contact form > div {
        display: block;
    }
    .contact form > div > div:nth-of-type(1) {
        width: 100%;
        font-weight: bold;
        margin-bottom: 1rem;
    }
    .contact form > div > div:nth-of-type(2) {
        width: 100%;
    }
    input[type="submit"],
    .repair-submit-btn {
        width: 100%;
    }
    .contact-note {
        text-align: left;
        padding: 0 2rem;
    }
    .privacy {
        padding: 2rem;
        width: calc(100% - 4rem);
    }    
}



/*  ----------------------------------------------------------

company

----------------------------------------------------------  */
.company {
    padding: 8rem 0;
    width: 64rem;
    margin: 0 auto;
}
.company h3 {
    font-size: 2.8rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 3.5rem;
    color: var(--orange);
}
.company p {
    font-size: 1.5rem;
    line-height: 1.8;
}
.company p strong {
    color: var(--red);
}
@media screen and (max-width: 768px) {
    .company {
        padding: 6rem 3rem;
        width: auto;
        margin: 0 auto;
    }
    .company h3 {
        font-size: 2.6rem;
    }
}




/*  ----------------------------------------------------------

news/blog low

----------------------------------------------------------  */
.news-wrap h3 {
    color: #fff;
    background: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    height: 6rem;
    font-size: 3.2rem;
    margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
    .news-wrap h3 {
        height: 6rem;
        font-size: 2.4rem;
    }
}



/*  ----------------------------------------------------------

news detail

----------------------------------------------------------  */
/* CMS-NEWS */
.CMS-NEWS-INDEX {
    position: relative;
    padding-bottom: 9rem;
}
.CMS-NEWS-ITEM:first-of-type a {
    border-top: solid 1px #ddd;
}
.CMS-NEWS-ITEM a {
    transition: all .3s;
    display: flex;
	align-items: center;
    border-bottom: solid 1px #ddd;
    padding: 2rem 1.5rem;
}
.CMS-NEWS-ITEM a:hover {
    opacity: 1;
    background: #fafafa;
}
.news .CMS-NEWS-ITEM a {
    display: block;
}
.CMS-NEWS-TIME {
    font-size: 1.2rem;
    width: 20%;
}
.CMS-NEWS-LINK {
    width: 80%; 
}
.news .CMS-NEWS-TIME,
.news .CMS-NEWS-LINK {
    width: 100%;
}
.news .CMS-NEWS-INDEX {
    padding-bottom: 0;
}
.news .more {
    margin: 3rem auto 0 auto;
}
.news .CMS-NEWS-MORE-READ {
    display: none;
}
/* read more */
.CMS-NEWS-MORE-READ {
    background: var(--orange);
    border:none;
    text-align: center;
    padding: 1.6rem 0 1.7rem 0;
    font-size: 1.4rem;
    color: #fff !important;
    text-align: center;
    width: 28rem;
    display: block;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    border-radius: 0.5rem;
}
.CMS-NEWS-MORE-READ:hover {
    cursor: pointer;
    opacity: 0.6;
}
/* detail */
.CMS-NEWS-TITLE {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    font-size: 2.2rem;
    line-height: 1.6;
    margin-bottom: 3rem;
    padding: 1rem 0 1.5rem 0;
    position: relative;
    font-weight: bold;
}
.CMS-NEWS-TITLE:after {
    border-bottom: solid 4px var(--orange);
    bottom: -4px;
    content: " ";
    display: block;
    position: absolute;
    width: 25%;
}
.CMS-NEWS-CONTENT img {
    width: 70%;
    height: auto;
    display: block;
    margin: 4rem auto;
}
@media screen and (max-width: 768px) {
    .CMS-NEWS-ITEM a {
        display: block;
		padding: 2rem 0;
    }
    .CMS-NEWS-TIME {
        width: 100%;
    }
    .CMS-NEWS-LINK {
        width: 100%;    
    }   
    .CMS-NEWS-CONTENT img {
        width: 100%;
    }
    .CMS-NEWS-INDEX > * img {
        height: auto;
    }
    .CMS-NEWS-MORE-READ {
        width: 100%;
    }
}



/*  ----------------------------------------------------------

blog detail

----------------------------------------------------------  */
/* CMS-NEWS */
.CMS-ARTICLE-INDEX {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 9rem;
}
.blog .CMS-ARTICLE-INDEX {
    padding-bottom: 0;
}
.CMS-ARTICLE-INDEX > * {
    width: 31%;
    margin-right: 3.5%;
}
.CMS-ARTICLE-INDEX > *:nth-of-type(3n) {
    margin-right: 0;    
}
.CMS-ARTICLE-INDEX > *:nth-of-type(n + 4) {
    margin-top: 3.5rem;
}
.CMS-ARTICLE-ITEM a {
    transition: all .3s;
    display: block;
}
.CMS-ARTICLE-ITEM a:hover {
    opacity: 0.6;
}
.CMS-ARTICLE-TIME {
    font-size: 1rem;
    margin: 1.8rem 0 0.6rem 0;
    line-height: 1;
}
.CMS-ARTICLE-LINK {
    font-size: 1.4rem;
}
.CMS-ARTICLE-INDEX > * img {
    height: 20rem;
    width: 100%;
    object-fit: cover;  
}
/* read more */
.CMS-ARTICLE-MORE-READ {
    background: var(--orange);
    border:none;
    text-align: center;
    padding: 1.6rem 0 1.7rem 0;
    font-size: 1.4rem;
    color: #fff !important;
    text-align: center;
    width: 28rem;
    display: block;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    border-radius: 0.5rem;
}
.blog .CMS-ARTICLE-MORE-READ {
    display: none
}
.CMS-ARTICLE-MORE-READ:hover {
    cursor: pointer;
    opacity: 0.6;
}
/* detail */
.CMS-ARTICLE-TITLE {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    font-size: 2.2rem;
    margin-bottom: 3rem;
    padding: 1rem 0 1.5rem 0;
    position: relative;
    font-weight: bold;
}
.CMS-ARTICLE-TITLE:after {
    border-bottom: solid 4px var(--orange);
    bottom: -4px;
    content: " ";
    display: block;
    position: absolute;
    width: 25%;
}
.CMS-ARTICLE-CONTENT img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 3rem auto;
}
@media screen and (max-width: 768px) {
    #blog {
        padding-bottom: 6rem;
    }
    .CMS-ARTICLE-INDEX {
        display: block;
    }
    .CMS-ARTICLE-INDEX > * {
        width: 100%;
        margin-right: 0;
    }
    .CMS-ARTICLE-INDEX > *:nth-of-type(n + 4) {
        margin-top: 0;
    }
    .CMS-ARTICLE-INDEX > *:nth-of-type(n + 2) {
        margin-top: 3.5rem;
    }        
    .CMS-ARTICLE-TIME {
        margin: 1.5rem 0 0.3rem 0;
    }   
    .CMS-ARTICLE-INDEX > * img {
        height: 20rem;
    }
    .CMS-ARTICLE-CONTENT img {
        width: 100%;
    }
}

.adress {
    text-decoration: underline;
    color: blue;
}

@media screen and (min-width: 980px) {
    .tab-wrap .tab-label {
        width: 49%;
        padding: 8px;
        border-radius: 8px 8px 0 0;
    }
    .tab-wrap .tab-label span,
    .tab-wrap .tab-label.blue span {
        height: 48px;
        border-radius: 8px;
        border-width: 2px;
        font-size: 26px;
        font-weight: 600;
        padding-bottom: 2px;
    }
    .tab-wrap .tab-content {
        padding: 16px 0;
    }
    .tab-wrap .tab-content > div img {
        max-width: 300px;
        margin: 0 auto;
        display: block;
    }
    .tab-wrap .tab-content > div {
        width: 300px;
        margin-bottom: 8px;
    }
    .tab-wrap .tab-content form > div {
        margin-bottom: 8px;
    }
    .tab-wrap .tab-content form > div > div:nth-of-type(1) {
        font-size: 16px;
    }
    .tab-wrap .tab-content form select,
    .tab-wrap .tab-content.blue form select {
        height: 42px;
    }
    .tab-wrap .tab-content input[type="submit"],
    .tab-wrap .tab-content.blue input[type="submit"],
    .tab-wrap .tab-content .repair-submit-btn {
        height: 42px;
        font-size: 16px;
    }
    .tab-wrap .result {
        font-size: 30px;
    }
    .tab-wrap .select::before {
        width: 42px;
        height: 42px;
    }
    .tab-wrap .select::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff;
        right: 16px;
        top: 13px;
    }
}

.mw_wp_form.mw_wp_form_complete {
    text-align: center;
}

/*  ----------------------------------------------------------

shop info

----------------------------------------------------------  */
.shop-info {
    padding: 8rem 20rem;
}

.shop-info h2,
.shop-info .h2_ttl {
    color: var(--orange);
    display: flex;
    align-items: center;
    flex-direction: column;
}

.shop-info ul {
    width: 72rem;
    display: flex;
    justify-content: center;
    margin: auto;
}
.shop-info ul li {
    width: 100%;
    border: solid 0.5rem #ffe7d2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.shop-info figure img {
    height: 20rem;
}

@media screen and (max-width: 768px) {
    .shop-info {
        padding: 8rem 3rem;
    }
    .shop-info ul {
        width: 100%;
    }
    .shop-info figure img {
        height: 10rem;
    }
}

.wp-gr.wpac {
    padding: 0 16rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}
.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev svg,
.wp-gr .grw-slider .grw-slider-btns.grw-slider-next svg {
    display: none;
}
.wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
    background: url(../img/prev-grey.png) no-repeat !important;
    background-size: 3rem !important;
    width: 3rem !important;
    height: 3rem !important;
    left: -5rem !important;
    top: calc(50% - 1.5rem) !important;
    position: absolute;
    z-index: 999;
    transition: all .3s;
}	
.wp-gr .grw-slider .grw-slider-btns.grw-slider-next  {
    background: url(../img/next-grey.png) no-repeat !important;
    background-size: 3rem !important;
    width: 3rem !important;
    height: 3rem !important;
    right: -5rem !important;
    top: calc(50% - 1.5rem) !important;
    position: absolute;    
    z-index: 999;
    transition: all .3s;    
}
.faq_content+section.voice {
    background: url(../img/stripe-or.png) center top;
    margin-bottom: 70px;
    padding: 70px 0;
}
@media screen and (max-width: 768px) {
    .wp-gr.wpac {
        padding: 0 1rem !important;
    }
	.faq_content+section.voice {
		margin-bottom: 50px;
		padding: 50px 0;
	}
}
.faq_content{max-width:1000px;margin:0 auto 70px}ul.accordion-list>*+*{margin-top:10px}ul.accordion-list>li{border:1px solid #000;padding:0 30px}@media screen and (max-width: 768px){ul.accordion-list>li{padding:0 20px}}ul.accordion-list .acc-ttl{font-size:18px;font-weight:700;line-height:2;letter-spacing:.05em;cursor:pointer;padding:23px 25px 23px 0;position:relative;display:block}@media screen and (max-width: 768px){ul.accordion-list .acc-ttl{font-size:16px;padding:13px 25px 13px 0}}ul.accordion-list .acc-ttl::before{position:absolute;content:"\f067";top:50%;transform:translateY(-50%);right:0;font:var(--fa-font-solid);font-weight:900;font-size:20px}@media screen and (max-width: 768px){.faq_content{margin-bottom:50px;padding:0 2rem}ul.accordion-list .acc-ttl::before{font-size:16px}}ul.accordion-list .acc-ttl.active{border-bottom:1px solid #000}ul.accordion-list .acc-ttl.active::before{content:"\f068"}ul.accordion-list .acc-txt{font-weight:500;padding:26px 0 23px;line-height:2;letter-spacing:.05em;display:none}.paginate{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:50px}.paginate>*{margin:0 5px}.paginate .current{opacity:.3}
@charset "UTF-8";



/*  ----------------------------------------------------------

common

----------------------------------------------------------  */
article.service {
    width: 80rem;
    margin: 0 auto;
    padding-bottom: 6rem;
}
.service-wrap {
    border: solid 0.5rem var(--orange);
    padding: 4rem 0 0 0;
}
.service-wrap .inner {
    padding: 4rem;
}
.service-wrap h3 {
    color: #fff;
    background: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    height: 6rem;
    font-size: 3.2rem;
}
.service-wrap h4 {
    color: var(--orange);
    font-size: 2.2rem;
    margin-bottom: 2rem;
    position: relative;
    padding-left: 3rem;
}
.service-wrap h4::before {
    content: "■";
    position: absolute;
    left: 0;
    top: 0;
}
.service-wrap h4 span {
    display: block;
    font-weight: normal;
    font-size: 1.6rem;
}
.service-detail {
    padding: 3.5rem;
    background: #FAF3D7;
}
.service-detail p strong {
    color: var(--orange);
}
.service-detail dl dt {
    color: var(--orange);
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
}
.service-detail dl dd:not(:last-of-type) {
    margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
    article.service {
        width: auto;
        padding: 2rem 2rem 2rem 2rem;
    }
    .service-wrap {
        border: solid 0.4rem var(--orange);
        padding: 2rem 0 0 0;
    }
    .service-wrap .inner {
        padding: 2rem;
    }
    .service-wrap h3 {
        height: 6rem;
        font-size: 2.4rem;
    }
    .service-wrap h4 {
        color: var(--orange);
        font-size: 1.8rem;
        margin-bottom: 2rem;
        padding-left: 2.5rem;
    }
    .service-wrap h4::before {
        content: "■";
    }
    .service-wrap h4 span {
        display: block;
        font-weight: normal;
        font-size: 1.3rem;
    }    
    .service-detail {
        padding: 2rem;
    }    
}


/*  ----------------------------------------------------------

index

----------------------------------------------------------  */
/* repair */
.repair-index {
    margin-bottom: 4rem;
}
.repair-index > div {
    color: var(--orange);
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
    font-size: 2rem;
}
.repair-index ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.repair-index ul li {
    width: calc((100% - 2rem) / 3);
    margin-right: 1rem;
}
.repair-index ul li:nth-child(3n) {
    margin-right: 0;
}
.repair-index ul li:nth-child(n + 4) {
    margin-top: 1rem;
}
.repair-index ul li a {
    display: flex;
    align-items: center;
    height: 8rem;
    background: #bbb;
    justify-content: center;
    color: #fff;
    line-height: 1.4;
}
.repair-index ul li a img {
    width: 4rem;
    margin-right: 1rem;
}
.repair-index ul li i {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: -0.6rem;
}
.repair-index ul li.current a {
    background: var(--orange);
}
/* purchase */
.purchase-index {
    margin-bottom: 6rem;
}
.purchase-index > div {
    color: var(--orange);
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
    font-size: 2rem;
}
.purchase-index ul {
    display: flex;
    justify-content: space-between;
}
.purchase-index ul li {
    width: 49%;
}
.purchase-index ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8rem;
    color: var(--orange);
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1;
    border: solid 0.4rem var(--orange);
    border-radius: 1rem;
}
.purchase-index ul li a span {
    font-size: 1.4rem;
    margin-top: 0.8rem;
    margin-left: 0.5rem;
}
.purchase-index ul li a:hover {
    opacity: 1;
    background: #FAF3D7;
}
.purchase-apple-index > div {
    color: var(--orange);
    text-align: center;
    font-weight: bold;
    margin-bottom: 2rem;
    font-size: 2rem;
}
.purchase-apple-index ul {
    display: flex;
    justify-content: space-between;
}
.purchase-apple-index ul li {
    width: 24%;
}
.purchase-apple-index ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    background: #bbb;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}
.purchase-apple-index ul li.current a {
    background: var(--orange);
}
@media screen and (max-width: 768px) {
    /* repair */
    .repair-index ul {
        display: block;
    }
    .repair-index ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
    .repair-index ul li:nth-child(3n) {
        margin-right: 0;
    }
    .repair-index ul li:nth-child(n + 4) {
        margin-top: 0;
    }
    .repair-index ul li a {
        height: 7rem;
        justify-content: flex-start;
        padding-left: 1.5rem;
    }
    .repair-index ul li a img {
        margin-right: 1.5rem;
    }
    .purchase-apple-index ul {
        display: flex;
        justify-content: space-between;
    }
    .purchase-apple-index ul li {
        width: 24%;
        text-align: center;
        line-height: 1.3;
    }
    .purchase-apple-index ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 6rem;
        background: #bbb;
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
    }    
}



/*  ----------------------------------------------------------

iPhone / Android

----------------------------------------------------------  */
.mobile-type {
    display: flex;
    justify-content: space-between;
}
.mobile-type > li {
    width: 32%;
}
.mobile-type li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 6.4rem;
    color: var(--orange);
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2;
    border: solid 0.3rem var(--orange);
    border-radius: 0.8rem;
}
.mobile-type li a:hover {
    opacity: 1;
    background: #FAF3D7;
}
.purchase-img-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.purchase-img-wrap img {
    width: 48%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .mobile-type {
        display: flex;
        justify-content: space-between;
    }
    .mobile-type > li {
        width: 32%;
    }
    .mobile-type li a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 7.2rem;
        color: var(--orange);
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.2;
        border: solid 0.3rem var(--orange);
        border-radius: 0.8rem;
    }
    .mobile-type li a:hover {
        opacity: 1;
        background: #FAF3D7;
    }
}



/*  ----------------------------------------------------------

店頭買取 / 郵送買取

----------------------------------------------------------  */
#store .inner > p,
#delivery .inner > p {
    color: var(--orange);
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 3rem;
}
#store .inner > ul,
#delivery .inner > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#store .inner > ul li,
#delivery .inner > ul li {
    width: 48%;
    margin-bottom: 3rem;
}
#store .inner > ul li span,
#delivery .inner > ul li span {
    display: block;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: bold;
}
#store .inner > ul li span i,
#delivery .inner > ul li span i {
    color: var(--orange);
}
#store .inner > ul li img,
#delivery .inner > ul li img {
    border: solid 0.14rem #000;
}
#store .service-detail dl dt,
#delivery .service-detail dl dt {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}
#store .service-detail dl dd,
#delivery .service-detail dl dd {
    display: flex;
    justify-content: flex-start;
    margin-left: 4rem;
}
#store .service-detail dl ul li,
#delivery .service-detail dl ul li {
    display: flex;
    align-items: center;
}
#store .service-detail dl ul li img,
#delivery .service-detail dl ul li img {
    width: 2rem;
    margin-right: 1rem;
}
#store .service-detail dl ul li:not(:last-child),
#delivery .service-detail dl ul li:not(:last-child) {
    margin-bottom: 1rem;
}
#store .service-detail .note{
    background: #f5e8c9;
    color: var(--orange);
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 0;
    margin-top: 2rem;
}
.preapre {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 6rem 0;
}
#delivery .service-detail .note {
    background: #f5e8c9;
    color: var(--orange);
    font-weight: bold;
    padding: 1.5rem 3rem;
    margin-top: 2rem;
}
#delivery .service-detail .note h4 {
    margin-bottom: 0;
    padding-left: 0;
}
#delivery .service-detail .note h4::before {
    content: none;
}
#delivery .service-detail .note-comment {
    text-indent: 1.5rem;
}
#delivery .service-detail .issue {
    display: flex;
    margin-top: 1.8rem;
    margin-bottom: 2rem;
    gap: 2rem;
}

#delivery .service-detail .issue img {
    width: 60%;
}

#delivery .service-detail .issue .notice {
    color: #ffffff;
    background-color: #e4821f;
    padding: 0.5rem 1rem;
}

#delivery .service-detail .black-color {
    color: #000000;
}

#delivery .service-detail .issue ul {
    margin-top: 2rem;
}

#delivery .service-detail .button-wrapper {
    display: flex;
    justify-content: center;
}

#delivery .service-detail .button-wrapper a {
    margin: 3rem auto;
    padding: 2rem 2rem 1rem;
    border: 5px solid #E4821F;
    border-radius: 16px;
    font-family: Inter;
    font-size: 3rem;
    font-weight: 600;
    line-height: 4.5rem;
    letter-spacing: -0.05em;
    text-align: center;
    color: #E4821F;
    background-color: #ffffff;
    cursor: pointer;
}

#delivery .service-detail .button-wrapper:hover {
    opacity: 0.8;
}

#delivery .service-detail .button-wrapper p {
    font-family: Inter;
    font-size: 2rem;
    font-weight: 600;
    line-height: 4.5rem;
    letter-spacing: -0.05em;
    text-align: center;
}
#delivery .service-detail .button-wrapper hr {
    margin: 0;
}

#delivery .service-detail .message {
    padding: 2.6rem;
}
#delivery .service-detail .delivery-shop-list {
    border: 2px solid #E4821F;
    background-color: #ffffff;
    padding: 2rem 3rem;
}

#delivery .service-detail .note-middle {
    margin-top: 4rem;
}

#delivery .service-detail .document-list {
    padding: 2rem 4rem;
}

#delivery .service-detail .document-list li {
    color: #000000;
    margin: 0 2rem;
    list-style: disc;
}


#delivery .service-detail .note-extra {
    color: #000000;
}

#delivery .service-detail .case {
    border: 2px solid #E4821F;
    background-color: #ffffff;
    padding: 2rem 3rem;
    margin: 2rem auto;
}

#delivery .service-detail .case-content {
    color: #000000;
    margin-top: 1rem;
    margin-left: 2rem;
}

#delivery .service-detail .case-notice {
    margin-top: 1rem;
    margin-left: 2rem;
    font-size: 1.2rem;
}

#delivery .flow-title {
    color: #ffffff;
    background-color: #E4821F;
    padding: 1.5rem;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 0em;
    margin-top: 7rem;
    margin-bottom: 7rem;
}

#delivery .flow-title::before {
    content: none;
}

#delivery .flow p {
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 1rem;
}


@media screen and (max-width: 768px) {
    #store .service-detail dl dt,
    #delivery .service-detail dl dt {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }
    #store .service-detail dl dd,
    #delivery .service-detail dl dd {
        display: flex;
        justify-content: center;
    }
    #store .service-detail dl ul li,
    #delivery .service-detail dl ul li {
        display: flex;
        align-items: center;
    }
    #store .service-detail dl ul li img,
    #delivery .service-detail dl ul li img {
        width: 2rem;
        margin-right: 1rem;
    }
    #store .service-detail dl ul li:not(:last-child),
    #delivery .service-detail dl ul li:not(:last-child) {
        margin-bottom: 1rem;
    }
    #store .service-detail .note,
    #delivery .service-detail .note {
        text-align: left;
        padding: 1.5rem 2rem;
    }
    #delivery .service-detail .issue {
        flex-direction: column;
    }
    #delivery .service-detail .button-wrapper a {
        padding: 1rem 1.5rem 0.5rem;
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    #delivery .service-detail .button-wrapper p {
        font-size: 1rem;   
        line-height: 2.5rem;
    }
    #delivery .service-detail .delivery-shop-list {
        font-size: 1.2rem;
    }
    #delivery .service-detail .document-list {
        font-size: 1.26rem;
        padding: 2rem 0.5rem;
    }
    #delivery .flow-title {
        font-size: 2rem;
    }
    #delivery .flow p {
        font-size: 1.2rem;
    }
}