@charset "utf-8";

 body {
 	margin: 0;
 	padding: 0;
 	font-size: 15px;
 	line-height: 160%;
	font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
 	color: #585858;
 	box-sizing: border-box;
 	text-size-adjust: 100%;
 	-webkit-text-size-adjust: 100%;
 	-moz-text-size-adjust: 100%;
 	-ms-text-size-adjust: 100%;
 	-o-text-size-adjust: 100%;
	font-feature-settings: "palt";
 	letter-spacing: 0.1em;
 }

 body,
 html {
 	height: 100%;
 	margin: 0;
 }

 .gird-1000,
 .gird-1140,
 .gird-1044,
 .gird-796 {
 	width: 100%;
 	max-width: 1000px;
 	margin: 0 auto 0 auto;
 	position: relative;
 }

 .gird-796 {
 	max-width: 796px;
 }

 .gird-1044 {
 	max-width: 1044px;
 }

 .gird-1140 {
 	max-width: 1140px;
 }

 * {
 	box-sizing: border-box;
 }

 *::after {
 	box-sizing: border-box;
 }

 *::before {
 	box-sizing: border-box;
 }

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

 a:hover,
 a:visited,
 a:focus {
 	outline: none;
 	border: none;
 }

 a[href^="tel:"] {
 	cursor: default;
 }

 a,
 button {
 	color: inherit;
 	text-decoration: none;
 	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
 	-o-transition: all 0.5s;
 	transition: all 0.5s;
 }

 input,
 textarea,
 button,
 select {
 	outline: none;
 	resize: none;
 }

 a:hover,
 a:focus,
 a:active,
 button:hover,
 button:focus,
 button:active {
 	-webkit-transition: all 0.35s ease 0s;
 	-moz-transition: all 0.35s ease 0s;
 	transition: all 0.35s ease 0s;
 }

 .hv-o {
 	transition: ease all 0.25s;
 }

 .hv-o:hover {
 	opacity: 0.8;
 	box-shadow: none;
 	transform: scale(0.99, 0.99) translateY(2px);
 }


 /* 
	===================
	-- C O N M O N T --
	===================
*/


 .group-header-top img {
 	width: 100%;
 }

 .slick-slide img {
 	margin: 0 auto;
 }

 .slick-next,
 .slick-prev {
 	display: none !important;
 }

 ul.slick-dots {
 	display: flex;
 	justify-content: center;
 	position: relative;
 	top: 4px;
 }

 ul.slick-dots li:not(:last-child) {
 	margin-right: 16px;
 }

 ul.slick-dots button {
 	font-size: 0;
 	width: 10px;
 	height: 10px;
 	background-color: #AAAAAA;
 	border-radius: 100%;
 	outline: none;
 	border: none;
 	padding: 0;
 }

 ul.slick-dots li.slick-active button {
 	background-color: #3453B5 !important;

 }

 .grid-980 {
 	max-width: 980px;
 	width: 100%;
 	margin: 0 auto;
 }

 .group-header-ul li {
 	width: calc(100% / 4);
 	text-align: center;
 	transition: ease all 0.45s;
 	position: relative;
 	padding-bottom: 12px;
 }

 .group-header-ul li a {
 	display: block;
 	width: 100%;
 	height: 100%;
 }

 .group-header-ul li:first-child a {
 	position: relative;
 	top: 4px;
 }

 .group-header-ul li:last-child {
 	border: none;
 }

 .ds-flex {
 	display: flex;
 }

 .group-header-ul li:hover::before {
 	content: "";
 	display: block;
 	width: 100%;
 	height: 10px;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 }

 .hv-com a:hover {
	transform: translateY(8px);
 }

 .group-header-ul {
 	padding-top: 25px;
 	padding-bottom: 15px;
 }

 .group-header-ul li p {
 	font-size: 16px;
 	font-weight: bold;
 	line-height: 131%;
 	color: #323232;
 	margin-top: 5px;
 }

 .top-cont-1 {
 	background-color: #FDEF8B;
 }

 .top-cont-title {
 	max-width: 550px;
 	width: 100%;
 	height: 80px;
 	background-color: #fff;
 	margin: 0 auto;
 	position: relative;
 	animation: poyoyon3 2.5s infinite;
 	opacity: 1;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .top-cont-title-1 {
 	box-shadow: 8px 8px #68b200;
 }

 .top-cont-title span {
 	font-size: 33px;
 	font-weight: bold;
 	letter-spacing: 0;
 	line-height: 100%;
 	color: #323232;

 }

 .ie .top-cont-title span {
 	position: relative;
 	top: 5px;
 }

 .top-cont-title::before,
 .top-cont-title::after {
 	content: "";
 	display: block;
 	border-style: solid;
 	border-width: 20px 14px;

 }

 .top-cont-title::before {
 	position: absolute;
 	left: 50%;
 	bottom: -38px;
 	transform: translateX(-50%);
 	z-index: 2;
 	border-color: #fff transparent transparent transparent;
 }

 .top-cont-title::after {
 	position: absolute;
 	left: 51%;
 	bottom: -45px;
 	transform: translateX(-50%);
 	z-index: 0;
 }

 .top-cont-title-1::after {
 	border-color: #68b200 transparent transparent transparent;
 }

 .top-cont-txt {
	text-align: center;
    margin-top: 43px;
    font-size: 35px;
	color: #00358F;
	line-height: 1.2;
	font-weight: bold;
 }

 @keyframes poyoyon3 {

 	0%,
 	40% {
 		transform: skew(0deg, 0deg);
 	}

 	5% {
 		transform: skew(5deg, 5deg);
 	}

 	10% {
 		transform: skew(-4deg, -4deg);
 	}

 	15% {
 		transform: skew(3deg, 3deg);
 	}

 	20% {
 		transform: skew(-2deg, -2deg);
 	}

 	25% {
 		transform: skew(1deg, 1deg);
 	}

 	30% {
 		transform: skew(-0.6deg, -0.6deg);
 	}

 	35% {
 		transform: skew(0.3deg, 0.3deg);
 	}
 }

.grid-pattern {
    background-color: #dcf2dc;
    background-image: 
        linear-gradient(#e8f9e8 1px, transparent 1px),
        linear-gradient(90deg, #e8f9e8 1px, transparent 1px);
    background-size: 20px 20px;
    background-position: 0 0;
}

.grid-pattern2 {
    background-color: #E6F6FF;
    background-image: 
        linear-gradient(90deg, #dcf2ff 1px, transparent 10px);
    background-size: 22px 22px;
    background-position: 0 0;
}

.dot-grid-pattern {
    background-color: #f5f5f5;
    background-image: radial-gradient(#fcbbc7 1px, transparent 2px);
    background-size: 20px 20px;
}

 .top-cont-1-ul ul {
 	margin-top: 20px;
 }

 .top-cont-1-ul ul li {
 	width: calc((100% - 60px) / 3);
 	margin-right: 30px;
 	text-align: center;
 }

 .top-cont-1-ul ul li:last-child {
 	margin-right: 0;
 }

 .top-cont-desc-3 {
 	margin-top: 78px;
 	margin-bottom: 60px;
 }

 .top-cont-1 .grid-980 {
 	padding-left: 70px;
 	padding-right: 70px;
 }

 .top-cont-1-ul ul li p {
 	font-size: 18px;
 	line-height: 120%;
	font-weight: bold;
 	color: #323232;
 	margin-top: 20px;
 }

 .top-cont-1-ul img {
	border-radius: 20px;
 }

 .top-cont-desc {
 	font-size: 18px;
 	line-height: 140%;
 	color: #323232;
 	text-align: center;
 }

 .top-cont-desc-st {
	font-weight: bold;
	font-size: 22px;
	color: #00358F;
	margin-top: 10px;
 }

 .top-cont-desc-1 {
 	margin-top: 50px;
 	margin-bottom: 50px;
 }

 .top-btn a {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	box-shadow: 0 10px 5px rgba(51, 39, 20, 0.16);

 	border-radius: 50px;
 }

 .top-btn span {
 	font-size: 30px;
 	font-weight: bold;
 	color: #FFFFFF;
 	line-height: 120%;
	width: 100%;
 }

 .ie .top-btn span {
 	position: relative;
 	top: 5px;
 }

 .top-btn-1 a {
 	background-color: #68b200;
 	max-width: 664px;
 	width: 100%;
 	height: 101px;
 	margin: 0 auto;
	text-align: center;
 }

 .top-cont-com {
 	padding: 60px 0 100px;
 }

 .top-cont-2 {
 	background-color: #FBD6DD;
 }

 .top-cont-title-2 {
 	box-shadow: 8px 8px #E86798;
 }

 .top-cont-title-2::after {
 	border-color: #E86798 transparent transparent transparent;
 }

 .top-cont-2-title-small {
 	font-size: 25px;
 	font-weight: bold;
 	line-height: 100%;
 	color: #464646;
 }

 .top-btn-2 a {
 	background-color: #233DA7;
 }

 .top-btn-2 a span {
 	letter-spacing: 0;
 }

 .top-btn-3 a {
 	background-color: #E86798;
	display: inline-flex;
 }

 .btn-icon {
	max-width: 8%;
    padding: 4px;
 }

 .top-btn-2 a span {
 	letter-spacing: 0;
 }

 .top-2-all {
 	background-color: #fff;
 	padding-left: 70px;
 	padding-right: 70px;
 	padding-top: 60px;
 	padding-bottom: 50px;
 	margin-top: 65px;
 	text-align: center;
 	border-radius: 15px;
 	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 }

 .top-cont-2-btn {
 	padding-left: 15px;
 	padding-right: 15px;
 	margin-top: 30px;
 }

 .top-cont-2-btn.ds-flex {
 	justify-content: space-between;
 }

 .top-btn-2-com a {
 	height: 85px;
 	width: 385px;
 }

 .top-cont-2-img {
 	margin-top: 35px;
 	margin-bottom: 30px;
 }

 .top-cont-desc-2 {
 	text-align: justify;
 }

 .top-cont-title-3 {
 	box-shadow: 8px 8px #FF8E1D;
 }

 .top-cont-title-3::after {
 	border-color: #FF8E1D transparent transparent transparent;
 }

 .top-cont-3 {
 	background-color: #FBDFB9;
 }

 .top-cont-3-ul li {
 	width: calc((100% - 50px) / 3);
 	margin-right: 25px;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
 	background-color: #FFFFFF;
 	padding: 30px 18px;
 	height: auto !important;
 	margin-bottom: 48px;
 }

 .top-cont-3-ul li:nth-child(3n),
 .top-cont-3-ul li:last-child {
 	margin-right: 0;
 }

 .top-cont-3-ul-title-1 {
 	font-size: 25px;
 	font-weight: bold;
 	line-height: 120%;
 	color: #464646;
 	letter-spacing: 0;
 	position: relative;
 	padding-bottom: 11px;
 	text-align: center;
 	margin-bottom: 12px;
 	margin-top: 5px;
 }

 .br-480-pc {
 	display: none;
 }

 .top-cont-3-ul-title-1::before {
 	content: "";
 	display: block;
 	width: 30px;
 	height: 3px;
 	background-color: #3453B5;
 	position: absolute;
 	left: 50%;
 	transform: translateX(-50%);
 	bottom: 0;
 }


 .top-cont-3-ul li:nth-child(2n) .top-cont-3-ul-title-1::before {
 	background-color: #FF6F4D;
 }

 .top-cont-3-ul-pos {
 	position: relative;
 	margin-top: -58px;
 	top: 0 !important;
 	width: 100%;
 }

 .top-cont-3-ul-pos-img {
 	text-align: center;
 }

 .top-cont-3-ul-title-2 {
 	font-size: 20px;
 	font-weight: bold;
 	letter-spacing: 0;
 	line-height: 125%;
 	color: #000000;
 	margin-top: 16px;
 	margin-bottom: 34px;
 }

 .top-cont-3-ul-title-desc {
 	font-size: 16px;
 	line-height: 137%;
 	letter-spacing: 0;
 	color: #323232;
 	font-weight: 300;
 }

 .top-cont-3-ul-img img {
 	width: 100%;
 }

 .top-cont-3-ul .ds-flex {
 	flex-wrap: wrap;
 	margin-bottom: -48px;
 }

 .mb10 {
 	margin-bottom: 10px;
 }

 .top-cont-title-4 {
 	box-shadow: 8px 8px #3453B5;
 }

 .top-cont-title-4::after {
 	border-color: #3453B5 transparent transparent transparent;
 }

 .top-cont-4 {
 	background-color: #E6F6FF;
 }

 .top-cont-4 .grid-980 {
 	padding-left: 70px;
 	padding-right: 70px;
 }

 .top-cont-title-4-n-item:first-child {
 	width: 140px;
 }

 .top-cont-title-4-n-item:last-child {
 	width: calc(100% - 140px);
 	padding-left: 22px;
 }

 .top-cont-4-com a {
 	background-color: #E26638;
 	background-image: url(../img/top-20.png);
 	background-repeat: no-repeat;
 	background-size: 17px;
 	background-position: right 20px center;
 }

 .top-cont-4-com-1 a {
 	height: 29px;
 	width: 236px;
 }

 .sp-sp {
 	display: none;
 }

 .sp-pc {
 	display: block;
 }

 .top-cont-4-com-1 a span {
 	font-size: 16px;
 	font-weight: 500;
 	letter-spacing: 0;
 	position: relative;
 	top: 1px;
 	margin-right: 25px;
 }

 .sp-76 {
 	display: none;
 }

 .ie .top-cont-4-com-1 a span {
 	top: 3px;
 }

 .top-cont-title-4-col-n {
 	max-width: 672px;
 	width: 100%;
 	margin: 0 auto;
 	margin-top: 50px;
 	margin-bottom: 80px;
 }

/* .top-cont-title-4-col-big-all a {
	border-radius: 10px;
} */

 .top-cont-title-4-col-big-item:first-child {
 	width: 400px;
 }

 .top-cont-title-4-col-big-item:last-child {
 	width: calc(100% - 400px);
 	padding: 18px 28px 17px;
 }

 .top-cont-title-4-col-big {
	border-radius: 15px;
    overflow: hidden;
 	margin-bottom: 15px;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
 }

 .top-cont-title-4-col-title-rigth {
 	height: 25px;
 	width: 150px;
 	background-color: #fff;
 	display: flex;
 	align-items: center;
 	justify-content: center;
	border-radius: 18px;
 }

 .top-cont-title-4-col-title-left {
 	width: calc(100% - 150px);
 	font-size: 25px;
 	font-weight: 500;
 	line-height: 100%;
 	color: #FFFFFF;
 	letter-spacing: 0;
 }

 .ie .top-cont-title-4-col-title-left {
 	position: relative;
 	top: 4px;
 }


 .top-cont-title-4-col-title {
 	padding-bottom: 15px;
 	border-bottom: 1px solid #FFFFFF;
 	margin-top: 15px;
 	margin-bottom: 16px;
 }

 .top-cont-title-4-col-desc {
 	color: #FFFFFF;
 	text-align: justify;

 }

 .top-cont-4-com-2 a {
 	height: 43px;
 	max-width: 354px;
 	width: 100%;
 	margin-top: 12px;
 	background-image: url(../img/top-20tt.png);
 	background-size: 25px;
 }

 .top-cont-4-com-2 {
 	background-position: right 30px center;
 }

 .top-cont-4-com-2 span {
 	font-size: 25px;
 	font-weight: 500;
 	margin-right: 40px;
 	letter-spacing: 0;
 }

 .top-cont-title-4-col-big-1 .top-cont-title-4-col-big-item:last-child {
 	background-color: #053699;
 }

 .top-cont-title-4-col-big-2 .top-cont-title-4-col-big-item:last-child {
 	background-color: #4592E0;
 }

 .top-cont-title-4-col-big-3 .top-cont-title-4-col-big-item:last-child {
 	background-color: #7C3131;
 }

 .top-cont-title-4-col-big-4 .top-cont-title-4-col-big-item:last-child {
 	background-color: #cc5625;
 }

 .top-cont-title-4-col-big-5 .top-cont-title-4-col-big-item:last-child {
 	background-color: #0a5d70;
 }

 .top-cont-title-4-col-big-6 .top-cont-title-4-col-big-item:last-child {
 	background-color: #cba134;
 }

 .top-cont-title-4-col-big-7 .top-cont-title-4-col-big-item:last-child {
 	background-color: #222b5d;
 }

 .top-cont-title-4-col-title-rigth span:first-child {
 	padding-right: 10px;
 	margin-right: 10px;
 	position: relative;
 }

 .ie .top-cont-title-4-col-title-rigth span {
 	position: relative;
 	top: 3px;
 }

 .ie .top-cont-title-4-col-title-rigth span:first-child::before {
 	top: -2px
 }

 .top-cont-title-4-col-title-rigth span:first-child::before {
 	position: absolute;
 	content: "";
 	display: block;
 	height: 17px;
 	width: 1px;
 	right: 0;
 	top: 0;
 	background-color: #323232;
 }

 .top-cont-title-4-col-title-rigth span {
 	font-size: 15px;
 	font-weight: 500;
 	color: #323232;
 	line-height: 100%;
 }

 .top-cont-4-com-desc {
 	text-align: justify;
 	margin-top: 20px;
 }

 .top-cont-4-btn-big span {
 	font-weight: 600;
 }
 
.top-cont-btn {
    height: auto;
    width: 100%;
    padding: 8px;
    background-color: #fff;
    color: #323232;
    text-align: center;
    margin-top: 6px;
    font-size: 21px;
	font-weight: bold;
	border-radius: 8px;
}

.top-cont-btn a {
	display: block;
}


 .anchor_fixtop {
 	display: block;
 	position: relative;
 	top: -80px;
 	width: 100%;
 	visibility: hidden;
 }

 .anchor_fixtop-1 {
 	top: 30px;
 }

 /* 恐らく店名エリア */


 .top-cont-5-title-com {
 	width: 100%;
 	height: 75px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 }

 .top-cont-5-title-com:not(:first-child) {
 	margin-top: 17px;
 }

 .ie .top-cont-5-title-com {
 	position: relative;
 	top: 5px;
 }

 .top-cont-5-1-item-fir-1 {
 	font-size: 17px;
 	font-weight: bold;
 	line-height: 100%;
 	letter-spacing: 0;
 	color: #FFFFFF;
 	padding: 3px 12px 2px;
 }

 .ie .top-cont-5-1-item-fir-1 {
 	padding-top: 5px;
 	padding-bottom: 0
 }

 .top-cont-5-1-item-fir-2 {
 	font-size: 23px;
 	font-weight: bold;
 	letter-spacing: 0;
 	line-height: 100%;
 	color: #464646;
 	margin-left: 7px;
 	position: relative;
 	top: 2px;
 }

 .ie .top-cont-5-1-item-fir-2 {
 	top: 4px;
 }

 .top-cont-5-1-item-fir {
 	margin-bottom: 12px;
 }

 .group-title {
 	position: relative;
	margin-bottom: 20px;
 }

.group-title h2{
	margin: 0;
	padding: 0;
	display: block;
}
 .group-title span,.group-title h2 {
 	position: absolute;
 	width: 100%;
 	max-width: 560px;
 	transform: translateX(-50%);
 	left: 50%;
 	top: 23px;
 	text-align: center;
 	font-size: 33px;
 	font-weight: bold;
 	line-height: 100%;
	line-height: 1.2;
 	color: #323232;
 }

 .ie .group-title span,
 .ie .group-title h2 {
 	top: 30px;
 }

 .top-cont-5-1-item-cen-it-btn a {
 	width: 206px;
 	height: 40px;
 	background-color: #3453B5;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 5px;
 }

 .top-cont-5-1-item-cen-it-btn span {
 	font-size: 16px;
 	font-weight: bold;
 	letter-spacing: 0;
 	line-height: 100%;
 	color: #FFFFFF;
 	position: relative;
 	top: 2px;
 }

 .ie .top-cont-5-1-item-cen-it-btn span {
 	top: 3px;
 }

 .top-cont-5-1-item-cen-it:first-child {
 	width: calc(100% - 150px);
 	padding-top: 5px;
 	padding-right: 15px;
 }

 .top-cont-5-1-item-cen-it:last-child {
 	width: 150px;
 }

 .top-cont-5-1-item {
 	background-color: #EFF9FF;
 	width: calc((100% - 20px) / 2);
 	margin-right: 20px;
 	padding-top: 15px;
 	padding-bottom: 12px;
 	padding-left: 18px;
 	padding-right: 12px;

 }

 .top-cont-5-1-item:last-child {
 	margin-right: 0;
 }

 .top-cont-5-1-col.ds-flex {
 	padding-left: 70px;
 	padding-right: 70px;
 	margin-bottom: 20px;
 }

 .top-cont-5-1-item-cen-it-title {
 	font-size: 20px;
 	letter-spacing: 0;
 	line-height: 120%;
 	color: #323232;
 }

 .top-cont-5-1-item-cen-it-link {
 	margin-bottom: 15px;
 	margin-top: 10px;
 }

 .top-cont-5-1-item-cen-it-link span {
 	position: relative;
 	top: 3px;
 	margin-left: 5px;
 	font-size: 16px;
 	line-height: 100%;
 	color: #323232;
 }

 .ie .top-cont-5-1-item-cen-it-link span {
 	top: 6px;
 }

 .top-cont-5-2 .top-cont-5-1-item {
 	background-color: rgba(234, 89, 117, 0.2)
 }

 .top-cont-5-3 .top-cont-5-1-item {
 	background-color: rgba(116, 106, 175, 0.2)
 }

 .top-cont-5-4 .top-cont-5-1-item {
 	background-color: rgba(246, 161, 32, 0.2)
 }

 .top-cont-5-1 .top-cont-5-title-com {
 	margin-top: 60px;
 }

 .top-cont-5-2 .top-cont-5-title-com,
 .top-cont-5-3 .top-cont-5-title-com,
 .top-cont-5-4 .top-cont-5-title-com {
 	margin-top: 20px;
 }

 .top-cont-5-1-col-2.ds-flex {
 	margin-bottom: 74px;
 }

 .top-cont-5-1-col-1 {
 	margin-top: 60px;
 }

 /* 店名まわり */

 .top-cont-5-ttile-bg {
 	width: 100%;
 	height: auto;
 	background-color: #3453B5;
 	display: flex;
 	align-items: center;
 	justify-content: center;
	flex-direction: column;
	padding: 25px 20px 20px;
 }

 .top-cont-5-ttile-bg span, .top-cont-5-ttile-bg h2 {
 	font-size: 40px;
 	line-height: 100%;
 	letter-spacing: 0;
 	font-weight: bold;
 	color: #FFFFFF;
 }

 .ie .top-cont-5-ttile-bg span,
.top-cont-5-ttile-bg h2 {
 	position: relative;
 	top: 5px;
 }

 .top-cont-5-ttile-bg-ul li {
 	width: calc((100% - 105px) / 4);
 	margin-right: 35px;
 	height: 75px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-radius: 10px;
 	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 	cursor: pointer;
 }

 .top-cont-5-ttile-bg-ul li:last-child {
 	margin-right: 0;
 }

 .top-cont-5-ttile-bg-ul li span,
 .top-cont-5-1-title span {
 	font-size: 30px;
 	line-height: 100%;
 	letter-spacing: 0;
 	color: #FFFFFF;
 	position: relative;
 	top: 1px;
 }

.top-cont-5-ttile-bg-ul li {
    padding: 0 !important;
}

.top-cont-5-ttile-bg-ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.top-cont-5-ttile-bg-ul li a span {
    position: relative;
    top: 1px;
	text-align: center;
}

 .ie .top-cont-5-ttile-bg-ul li span,
 .ie .top-cont-5-1-title span {
 	position: relative;
 	top: 6px;
 }

 .top-cont-5-ttile-bg-iframe {
 	text-align: center;
 	margin-top: 30px;
 	margin-bottom: 40px;
 }

 .top-cont-5-ttile-bg .top-cont-5-ttile-des {
	font-size: 30px;
    margin-top: 15px;
	text-align: center;
    line-height: 1.3;
 }

 .top-cont-5-ttile-txt {
	text-align: center;
    margin-top: 50px;
    font-size: 18px;
	line-height: 1.3;
 }

 .top-cont-5-ttile-des img {
	width: 30px;
	margin: 0 5px;
	vertical-align: middle; 
    position: relative; 
    top: -4px;
 }

 .color-a1 {
 	background-color: #33A3EB;
 }

 .color-a2 {
 	background-color: #f17991;
 }

 .color-a3 {
 	background-color: #746AAF;
 }

 .color-a4 {
 	background-color: #F6A120;
 }

  .color-a5 {
 	background-color: #61bf5b;
 }

 .area01_cl, .area02_cl, .area03_cl, .area04_cl, .area05_cl{
 	font-size: 20px;
 	font-size: 2.0rem;
 	text-align: center;
 	color: #fff;
 	padding: 14px;
 	margin-top: 50px;
 	margin-bottom: 15px;
	border-radius: 9px;
 }

 .area01_cl {
 	background-color: #33A3EB;
 }

 .area02_cl {
 	background-color: #f17991;
 }

 .area03_cl {
 	background-color: #746AAF;
 }

 .area04_cl {
 	background-color: #F6A120;
 }

  .area05_cl {
 	background-color: #61bf5b;
 }

 .dealer_shop {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 20px;
 	list-style: none;
 	padding: 10px;
 	margin: 0;
 }

 .dealer_shop .shop_card {
 	width: calc(50% - 10px);
 	padding: 20px;
 	border-radius: 5px;
 }

 .dealer_shop li {
 	width: calc(50% - 10px);
 	text-align: left;
 }

 .bgarea01 {
 	background-color: #e6f4ff;
 }

 .bgarea02 {
 	background-color: #ffeff6;
 }

 .bgarea03 {
 	background-color: #ebe6ff;
 }

 .bgarea04 {
 	background-color: #fff1e7;
 }

 .bgarea05 {
 	background-color: #e6f4e2;
 }

 .dealer_shop p {
 	font-size: 18px;
 	text-align: left;
 	margin-top: 5px;
 }

 .details_and_image {
 	display: flex;
 	align-items: flex-end;
 	gap: 15px;
 	margin-top: 10px;
 }

 .shop_content {
 	flex: 1;
 	min-width: 150px;
 }

 .shop_image_container {
 	flex-shrink: 0;
 	width: 180px;
 }

 .shop_image_container img {
 	width: 100%;
 	height: auto;
 	max-width: 100%;
 	display: block;
 }

 .shop_card h4 {
 	font-size: 20px;
 	font-size: 1.65rem;
 	margin-top: 0;
 	margin-bottom: 5px;
	line-height: 1.2;
 	color: #173491;
 }

 .shop_HP a {
 	background-color: #173491;
 	padding: 10px 10px;
 	margin: 10px 0px 0px 0px;
 	display: block;
 	border-radius: 3px;
 	color: #fff;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	text-align: center;
 	font-size: 15px;
 	height: 2.5em;
 	box-shadow: 3px 3px rgb(193, 193, 193);
 }

 .daycl {
 	font-size: 16px;
 	width: 120px;
 	text-align: center;
 	padding: 5px 10px;
 	margin-top: 5px;

 }

 .daycolor {
 	background-color: #da0a0a;
 	color: #fff;
 }


 /* フッター */
 .footer-1 {
 	width: 100%;
 	height: 78px;
 	background-color: #E3E3E3;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .footer-1-text {
 	font-size: 16px;
 	line-height: 137%;
 	color: #323232;
 	text-align: center;
 	letter-spacing: 0;
 }

 .ie .footer-1-text {
 	position: relative;
 	top: 4px;
 }

 .footer-2 {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 100%;
 	height: 115px;
 	background-color: #5C5B5B;
 }

 .footer-2-text {
 	color: #FFFFFF;
 }

 #pagetop {
 	position: fixed;
 	bottom: 20px;
 	right: 35px;
 	border: none;
 	cursor: pointer;
 	outline: none;
 	z-index: 50;
 	border-radius: 100%;
 }

 #pagetop>div {
 	position: relative;
 }

 #pagetop div::before {
 	content: "";
 	position: absolute;
 	left: 2px;
 	top: 2px;
 	width: calc(100% - 4px);
 	height: calc(100% - 4px);
 	background-color: #fff;
 	z-index: -1;
 	border-radius: 100%;
 }

 .footer-all {
 	margin-top: 60px;
 }

 .your-class-sp {
 	display: none !important;
 }

 .your-class-sp480 {
 	display: none !important;
 }

 .img-sp {
 	display: none;
 }

 .br-767 {
 	display: none;
 }

 .sp-767 {
 	display: none;
 }

 .br-480 {
 	display: block;
 }

 @media (max-width : 1024px) {
 	.top-cont-com {
 		padding: 10.254vw 0 9.749vw;
 	}

 	.top-cont-1 .grid-980 {
 		padding-left: 6.836vw;
 		padding-right: 6.836vw;
 	}

 	.top-cont-1-ul ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-1-ul ul li {
 		width: calc((100% - 5.859vw) / 3);
 		margin-right: 2.930vw;
 	}

 	.top-cont-1-ul ul {
 		margin-top: 4.813vw;
 	}

 	.top-cont-desc-1 {
 		margin-top: 6.836vw;
 		margin-bottom: 4.883vw;
 	}

 	.top-2-all {
 		background-color: #fff;
 		padding-left: 6.836vw;
 		padding-right: 6.836vw;
 		padding-top: 5.859vw;
 		padding-bottom: 4.883vw;
 		margin-top: 6.348vw;
 	}

 	.top-btn-2-com a {
 		height: 8.301vw;
 		width: 37.598vw;
 	}

 	.top-btn span {
 		font-size: 2.7vw;
 	}

 	.grid-980 {
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.top-cont-title {
 		max-width: 53.711vw;
 		height: 7.813vw;
 	}

 	.group-title span,
	.group-title h2 {
 		max-width: 54.688vw;
 		top: 2.441vw;
 		font-size: 3.223vw;
 	}

 	.ie .group-title span,
	.ie .group-title h2 {
 		top: 3.2vw;
 	}

 	.top-btn-1 a {
 		max-width: 64.844vw;
 		height: 9.863vw;
 	}

 	.top-cont-desc-3 {
 		margin-top: 7.617vw;
 		margin-bottom: 5.859vw;
 	}

 	.top-cont-3-ul-title-1 {
 		font-size: 2.441vw;
 	}

 	.top-cont-3-ul li {
 		width: calc((100% - 4.883vw) / 3);
 		margin-right: 2.441vw;
 		margin-bottom: 4.688vw;
 	}

 	.ie .top-cont-3-ul li {
 		width: calc((100% - 4.983vw) / 3);
 	}

 	.top-cont-3-ul li:nth-child(3n),
 	.top-cont-3-ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-4 .grid-980 {
 		padding-left: 6.836vw;
 		padding-right: 6.836vw;
 	}

 	.top-cont-title-4-col-n {
 		margin-top: 4.883vw;
 		margin-bottom: 7.813vw;
 	}

 	.top-cont-title-4-col-big-item:first-child {
 		width: 39.063vw;
 	}

 	.top-cont-title-4-col-big-item:last-child {
 		width: calc(100% - 39.063vw);
 	}

 	.top-cont-title-4-col-big-item:last-child {
 		padding: 15px;
 	}

 	.top-cont-title-4-col-title-left {
 		font-size: 2.441vw;
 	}

 	.top-cont-title-4-col-big-item:first-child img {
 		width: 100%;
 		height: 100%;
 	}

 	.top-cont-title-4-col-big-6 {
 		margin-bottom: 5.859vw;
 	}

 	.top-cont-5-ttile-bg span,
	.top-cont-5-ttile-bg h2 {
 		font-size: 3.906vw;
 	}

	.top-cont-5-ttile-bg .top-cont-5-ttile-des {
		font-size: 2.906vw;
	}

 	.top-cont-5-ttile-bg-iframe {
 		margin-top: 6.348vw;
 		margin-bottom: 3.906vw;
 		/* height: 46.289vw; */
 	}

 	.top-cont-5-ttile-bg-ul li {
 		width: calc((100% - 10.254vw) / 4);
 		margin-right: 3.418vw;
 		height: 9.324vw;
 	}

 	.top-cont-5-ttile-bg-ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-5-ttile-bg-ul li span,
 	.top-cont-5-1-title span {
 		font-size: 2.930vw;
 	}

 	.top-cont-5-1 .top-cont-5-title-com {
 		margin-top: 5.859vw;
 	}

 	.top-cont-5-2 .top-cont-5-title-com,
 	.top-cont-5-3 .top-cont-5-title-com,
 	.top-cont-5-4 .top-cont-5-title-com {
 		margin-top: 20px;
 	}

 	.top-cont-5-title-com {
 		height: 7.324vw;
 	}

 	.top-cont-5-1-col.ds-flex {
 		padding-left: 3.836vw;
 		padding-right: 3.836vw;
 		margin-bottom: 1.953vw;
 	}

 	.top-cont-5-1-col-1 {
 		margin-top: 5.859vw;
 	}

 	.top-cont-5-1-item {
 		background-color: #EFF9FF;
 		width: calc((100% - 1.953vw) / 2);
 		margin-right: 1.953vw;
 		padding: 15px;
 	}

 	.top-cont-5-1-item:last-child {
 		margin-right: 0;
 	}

 	.footer-1 {
 		height: 7.617vw;
 	}

 	.footer-all {
 		margin-top: 5.859vw;
 	}

 	.footer-2 {
 		height: 11.230vw;
 	}
 }

 @media (max-width : 900px) {

 	.top-cont-desc {
 		font-size: 14px;
 	}

 	.top-cont-1-ul ul li p {
 		font-size: 16px;
 		margin-top: 15px;
 	}

 	.top-cont-3-ul li {
 		padding: 30px 10px;
 		height: 51.667vw;
 	}

 	.top-cont-3-ul-title-2 {
 		font-size: 17px;
 	}

 	.top-cont-3-ul-title-desc {
 		font-size: 14px;
 	}

 	.top-cont-4-com-2 a {
 		height: 4.778vw;
 		max-width: 39.333vw;
 	}

 	.top-cont-title-4-col-title {
 		padding-bottom: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 	}

 	/* .top-cont-title-4-col-title-rigth span {
		font-size: 16px;
	} */
 	.top-cont-title-4-col-img-1 img {
 		width: 20.889vw;
 	}

 	.top-cont-title-4-col-img-2 img {
 		width: 50.333vw;
 	}

 	.top-cont-title-4-col-img-3 img {
 		width: 26.333vw;
 	}

 	.top-cont-title-4-col-img-4 img {
 		width: 24.778vw;
 	}

 	.top-cont-title-4-col-img-5 img {
 		width: 31.667vw;
 	}

 	.top-cont-title-4-col-img-6 img {
 		width: 15.222vw;
 	}

 	.top-cont-5-1-col.ds-flex,
 	.top-cont-4 .grid-980,
 	.top-cont-1 .grid-980 {
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.top-cont-5-1-item-fir-2 {
 		font-size: 2.556vw;
 	}

 	.top-cont-5-1-item-cen-it-title {
 		font-size: 2.222vw;
 	}

 	.top-cont-5-1-item-cen-it-link {
 		margin-bottom: 10px;
 	}

 	.top-cont-5-1-item-cen-it:last-child {
 		width: 16.667vw;
 	}

 	.top-cont-5-1-item-cen-it:first-child {
 		width: calc(100% - 16.667vw);
 	}

 	.top-cont-5-1-item-cen-it-btn a {
 		width: 22.889vw;
 		height: 4.444vw;
 	}

 	.top-cont-5-1-item-cen-it-btn span {
 		font-size: 14px;
 		top: 0;
 	}

 	#pagetop {
 		bottom: 20px;
 		right: 20px;
 	}

 	.footer-1 {
 		height: auto;
 		padding: 15px;
 	}

 	.footer-2 {
 		height: auto;
 		padding: 20px 15px;
 	}

 	.top-cont-4-com-2 a {
 		background-size: 19px;
 	}

 	.top-btn span {
 		left: -1px;
 	}

 }

 @media (max-width : 800px) {
 	.your-class-sp {
 		display: block !important;
 	}

 	/* .your-class-pc {
		display: none !important;
	} */

	.dealer_shop {
		padding: 0;
	}

	.top-cont-txt {
		font-size: 5vw;;
	}
 	.group-header-ul li {
 		width: calc(100% / 4);
 		margin-bottom: 5.215vw;
 		padding-bottom: 6px;
 	}

 	.ie .group-header-ul li {
 		width: calc((100% - 1px) / 3);
 	}

 	.group-header-ul ul {
 		margin-bottom: -5.215vw;
 	}

 	.group-header-ul .ds-flex {
 		flex-wrap: wrap;
 		justify-content: center;
 	}

 	.group-header-ul li p {
 		font-size: 2.868vw;
 	}

 	.group-header-ul li:hover::before {
 		height: 5px;
 	}

 	ul.slick-dots li:not(:last-child) {
 		margin-right: 2.086vw;
 	}

 	ul.slick-dots button {
 		width: 8px;
 		height: 8px;
 	}

	.group-header-ul {
		padding: 5px;
	}

 	.top-cont-com {
 		padding: 11.734vw 0 11.734vw;
 	}

 	.top-cont-title {
 		max-width: 75.098vw;
 		height: 10.952vw;
 	}

 	.group-title span,
	.group-title h2 {
 		max-width: 76.688vw;
 		top: 3.441vw;
 		font-size: 4.172vw;
 	}

 	.ie .group-title span,
	.ie .group-title h2 {
 		top: 4.2vw;
 	}

 	.top-cont-1-ul ul li {
 		width: calc((100% - 3.911vw) / 2);
 		margin-right: 3.911vw;
 	}

 	.top-cont-1-ul ul li:last-child {
 		margin-right: 0;
 	}

	.top-cont-1-ul ul li:First-child {
 		margin: 0 10px;
 	}

 	.top-cont-1-ul ul {
 		flex-wrap: wrap;
 		justify-content: center;
 	}

 	.top-cont-1-ul ul li p {
 		font-size: 3.8vw;
 		margin-top: 3.129vw;
		margin-bottom: 4vw;
 	}

 	.top-cont-desc {
 		font-size: 4.172vw;
 		text-align: justify;
 	}

	.top-cont-desc-st {
		font-size: 5.172vw;
	}

 	.top-cont-desc-1 {
 		margin-top: 10.691vw;
 		margin-bottom: 10.691vw;
 	}

	.btn-icon {
		max-width: 5%;
	}

 	.top-btn-1 a {
 		max-width: 90.966vw;
 		height: 14.734vw;
 	}

 	.top-btn span {
 		font-size: 4.5vw;

 	}

 	.top-2-all {
 		padding: 5.215vw;
 		margin-top: 11.734vw;
 	}

 	.br-767 {
 		display: block;
 	}

 	.top-cont-2-title-small {
 		font-size: 5.215vw;
 		line-height: 125%;
 	}

 	.top-cont-2-img {
 		margin-top: 20px;
 		margin-bottom: 5.215vw;
 	}

 	.top-cont-2-btn {
 		padding-left: 0;
 		padding-right: 0;
 		margin-top: 11.734vw;
 	}

 	.top-cont-2-btn.ds-flex {
 		flex-wrap: wrap;
 		justify-content: center;
 	}

 	.top-btn-2-com a {
 		height: 11.734vw;
 		width: 77.966vw
 	}

 	.top-btn-3 {
 		margin-top: 20px;
 	}

 	.grid-980 {
 		padding-left: 30px;
 		padding-right: 30px;
 	}

 	.top-cont-3 .grid-980 {
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 	.top-cont-desc-3 {
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 	.top-cont-desc-3 {
 		margin-top: 14.342vw;
 		margin-bottom: 19.557vw;
 	}

 	.top-cont-3-ul li {
 		width: calc((100% - 20px) / 2);
 		margin-right: 20px;
 		margin-bottom: 11.734vw;
 		padding: 3.911vw 2.608vw;
 		height: 86.050vw;
 	}

 	.ie .top-cont-3-ul li {
 		width: calc((100% - 21px) / 2);
 	}

 	.top-cont-3-ul li:nth-child(3n) {
 		margin-right: 20px;
 	}

 	.top-cont-3-ul li:nth-child(2n),
 	.top-cont-3-ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-3-ul .ds-flex {
 		margin-bottom: -11.734vw;
 	}

 	.top-cont-3-ul-title-1 {
 		font-size: 3vw;
 		letter-spacing: 0;
 	}

 	.top-cont-3-ul-title-1::before {
 		width: 4.433vw;
 		height: 3px;
 	}

 	.top-cont-3-ul-title-2 {
 		font-size: 3.3vw;
 		margin-bottom: 7.823vw;
 		margin-top: 20px;
 		letter-spacing: 0;
 	}

 	.top-cont-3-ul-title-desc {
 		font-size: 3vw;
 	}

 	.mb10 {
 		margin-bottom: 3.911vw;
 	}

 	.top-cont-3-ul-pos {
 		margin-top: -7.562vw;
 	}

 	.top-cont-title-4-n-item:first-child {
 		width: 100%;
 		text-align: center;
 	}

 	.top-cont-title-4-n-item:last-child {
 		width: 100%;
 		text-align: center;
 		padding-left: 0;
 	}

 	.top-cont-title-4-col-n.ds-flex {
 		flex-wrap: wrap;
 	}

 	.top-cont-4-com-1 a,
 	.top-cont-4-com-2 a {
 		height: 8.648vw;
 		width: 35.463vw;
 	}

 	.top-cont-4-com-2 a {

 		position: absolute;
 		top: 0;
 		right: 3.519vw;
 	}

 	.top-cont-4-com-1 a {
 		margin: 20px auto 0;
 	}

 	.sp-767 {
 		display: block;
 		margin: 0 auto;
 	}

 	.pc-img {
 		display: none;
 	}

 	.top-cont-4-com-1 a span {
 		font-size: 3.6vw;
 	}

 	.sp-sp {
 		display: block;
 	}

 	.sp-pc {
 		display: none;
 	}

 	.top-cont-title-4-col-n {
 		width: 100%;
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 	.top-cont-4-com-desc {
 		margin-top: 5.215vw;
 	}

 	.top-cont-title-4-col-n {
 		margin-top: 7.823vw;
 		margin-bottom: 11.734vw;
 	}

 	.top-cont-title-4-col-big.ds-flex {
 		flex-wrap: wrap;
 	}

 	.top-cont-title-4-col-big-item:first-child {
 		width: 100%;
 	}

 	.top-cont-title-4-col-big-item:last-child {
 		width: 100%;
 	}

 	.top-cont-4 .grid-980 {
 		padding-left: 30px;
 		padding-right: 30px;
 	}

 	.top-cont-title-4-col-big {
 		margin-bottom: 5.215vw;
 	}

 	.top-cont-title-4-col-big-item:last-child {
 		padding: 3.911vw;
 		position: relative;
 	}

 	.top-cont-title-4-col-title-left {
 		font-size: 4.5vw;
 	}

 	.top-cont-title-4-col-title-rigth span {
 		font-size: 3.651vw;
 	}

 	.top-cont-title-4-col-title-rigth {
 		height: 5.215vw;
 		width: 35.463vw;
 		margin-right: 0;
 	}

 	.top-cont-title-4-col-title-left {
 		width: calc(100% - 35.463vw);
 	}

 	.top-cont-title-4-col-title-rigth span:first-child::before {
 		height: 3.129vw;
 	}

 	.top-cont-title-4-col-title {
 		padding-bottom: 3.129vw;
 		margin-top: 3.129vw;
 		margin-bottom: 3.129vw;
 	}

 	.top-cont-title-4-col-big-6 {
 		margin-bottom: 9.126vw;
 	}

 	.top-cont-5-ttile-bg span,
	.top-cont-5-ttile-bg h2 {
 		font-size: 5.215vw;
 	}

	.top-cont-5-ttile-bg .top-cont-5-ttile-des {
 		font-size: 4.215vw;
	}

	.top-cont-5-ttile-des img {
		width: 5vw;
	}

	.top-cont-5-ttile-txt {
		font-size: 4.6vw;
		margin-top: 30px;
	}

 	.top-cont-5-1-col.ds-flex,
 	.top-cont-4 .grid-980 {
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.top-cont-5-1-col.ds-flex {
 		flex-wrap: wrap;
 	}

 	.top-cont-5-1-item:first-child,
 	.top-cont-5-1-col.ds-flex {
 		margin-bottom: 3.129vw;
 	}

 	.top-cont-5-1-item {
 		width: 100%;
 		margin-right: 0;
 	}

 	.top-cont-5-ttile-bg-ul li span,
 	.top-cont-5-1-title span {
 		font-size: 4.172vw;
 	}

 	.top-cont-5-1-item-cen-it:last-child {
 		width: 33.116vw;
 	}

 	.top-cont-5-1-item-cen-it:last-child img {
 		width: 100%;
 	}

 	.top-cont-5-1-item-cen-it:first-child {
 		width: calc(100% - 33.116vw);
 	}

 	.top-cont-5-1-item-fir-2 {
 		font-size: 4.694vw;
 	}

 	.top-cont-5-1-item-cen-it-title {
 		font-size: 4.172vw;
 	}

 	.top-cont-5-1-item-cen-it-link span {
 		font-size: 3.390vw;
 		top: 4px;
 	}

 	.top-cont-5-1-item-cen-it-btn a {
 		width: 45.632vw;
 		height: 9.126vw;
 	}

 	.ie .top-cont-5-1-item-cen-it-btn a {
 		width: 42.63vw;
 	}

 	.top-cont-5-1-item-cen-it-btn span {
 		font-size: 4.172vw;
 	}

 	.top-cont-5-1-item-cen-it-link img {
 		width: 3.651vw;
 	}

 	.top-cont-5-1-item-fir-1 {
 		font-size: 3.651vw;
 	}

 	.top-cont-title-4-col-big-all {
 		padding-left: 30px;
 		padding-right: 30px;
 	}

 	.pc-sp {
 		display: none;
 	}

 	.sp-76 {
 		display: block;
 	}

 	/* .anchor_fixtop {
 		top: 0;
 	} */

 	.dealer_shop {
 		gap: 5px;
 	}

 	.dealer_shop .shop_card {
 		width: 100%;
 		margin-bottom: 5px;
 	}

 	.shop_image_container {
 		flex-shrink: 0;
 		width: 190px;
 	}

 	.shop_content {
 		min-width: 100px;
 	}

 	.area02_cl {
 		background-color: #EA5975;
 		font-size: 20px;
 		font-size: 2.0rem;
 		color: #fff;
 		padding: 14px;
 		margin-top: 30px;
 		margin-bottom: 15px;
 		text-align: center;
 	}

 	.area03_cl {
 		background-color: #746AAF;
 		font-size: 20px;
 		font-size: 2.0rem;
 		color: #fff;
 		padding: 14px;
 		margin-top: 30px;
 		margin-bottom: 15px;
 		text-align: center;
 	}

 	.area04_cl {
 		background-color: #F6A120;
 		font-size: 20px;
 		font-size: 2.0rem;
 		color: #fff;
 		padding: 14px;
 		margin-top: 30px;
 		margin-bottom: 15px;
 		text-align: center;
 	}

 	.shop_card h4 {
 		font-size: 18px;
 		font-size: 1.5rem;
 		margin-top: 0;
 		margin-bottom: 5px;
 		color: #173491;
 	}
 }

 @media (max-width : 550px) {

	.area01_cl , .area02_cl , .area03_cl , .area04_cl , .area05_cl {
		font-size: 1.5rem;
	}

	.dealer_shop .shop_card {
		padding: 15px;
	}

 	.shop_card h4 {
 		font-size: 15px;
 		font-size: 1.1rem;
 		margin-top: 0;
 		margin-bottom: 5px;
 		color: #173491;
 	}

 	.shop_image_container {
 		flex-shrink: 0;
 		width: 150px;
 	}

 	.dealer_shop p {
 		font-size: 15px;
 		text-align: left;
 		margin-top: 5px;
 	}

 }


 @media (max-width : 480px) {
 	.top-cont-title-4-col-big-item:last-child {
 		padding: 4vw;
 	}

 	.grid-980 {
 		padding-left: 2.250vw;
 		padding-right: 2.250vw;
 	}

 	.footer-1-text {
 		font-size: 13px;
 	}

 	.top-cont-5-1-item-fir-1 {
 		font-size: 14px;
 	}

 	.top-cont-5-1-item-cen-it-btn span {
 		font-size: 13px;
 	}

 	.top-cont-5-1-item-cen-it-btn a {
 		height: 34px;
 	}

 	.top-cont-5-1-item-cen-it-link span {
 		font-size: 13px;
 		position: relative;
 		top: 4px;
 	}

 	.top-cont-5-1-item-cen-it-link {
 		margin-top: 5px;
 	}

 	.top-cont-5-1-item-cen-it-title {
 		font-size: 16px;
 	}

 	.top-cont-5-1-item-fir-2 {
 		font-size: 4.792vw;
 		letter-spacing: 0;

 	}

 	.top-cont-5-ttile-bg-ul li span,
 	.top-cont-5-1-title span {
 		font-size: 16px;
 	}

 	.top-cont-5-1-item:first-child,
 	.top-cont-5-1-col.ds-flex {
 		margin-bottom: 11px;
 	}

 	.top-cont-5-1-col-1 {
 		margin-top: 14px;
 	}

 	.top-cont-5-ttile-bg span,
	.top-cont-5-ttile-bg h2 {
 		font-size: 20px;
 	}

 	.top-cont-title-4-col-title-left {
 		font-size: 20px;
 		width: calc(100% - 125px);
 	}

 	.top-cont-title-4-col-title-rigth {
 		height: 20px;
 		width: 150px;
 	}

 	.top-cont-title-4-col-title-rigth span {
 		font-size: 13px;
 	}

 	.top-cont-title-4-col-big {
 		margin-bottom: 25px;
 	}

 	.top-cont-title-4-col-title {
 		padding-bottom: 10px;
 		margin-top: 10px;
 		margin-bottom: 12px;
 	}

 	.top-cont-title-4-col-n {
 		margin-top: 30px;
 		margin-bottom: 40px;
 	}

 	.top-cont-4-com-1 a span {
 		font-size: 14px;
 		letter-spacing: 0;
 	}

 	.top-cont-4-com-1 a,
 	.top-cont-4-com-2 a {
 		height: 30px;
 		width: 170px;
 	}

 	.top-cont-title-4-col-big-6 {
 		margin-bottom: 25px;
 	}

 	.top-cont-4-com-1 a {
 		margin: 10px auto 0;
 	}

 	.top-cont-4-com a {
 		background-size: 15px;

 	}

 	.top-cont-4-com-2 a {
 		background-position: right 15px center;
 	}

 	.top-cont-3-ul-pos {
 		margin-top: -7.562vw;
 	}

 	.top-cont-3-ul-title-desc {
 		font-size: 14px
 	}

 	.top-cont-3-ul-title-1::before {
 		width: 17px;
 		height: 2px;
 	}

 	.top-cont-3-ul-title-1 {
 		font-size: 16px;
 		padding-bottom: 6px;
 		margin-bottom: 6px;
 		margin-top: 0;
 		letter-spacing: 0;
 	}

 	.top-btn-2-com a {
 		height: 45px;
 		width: 299px;
 	}

 	.your-class-sp480 {
 		display: block !important;
 	}

 	.your-class-sp {
 		display: none !important;
 	}

 	.group-header-ul li p {
 		font-size: 11px;
 		line-height: 120%;
 	}

 	.group-header-ul li {
 		margin-bottom: 20px;
 		padding-bottom: 4px;
 	}

 	.group-header-ul li:first-child a {
 		top: 0;
 	}

 	.group-header-ul ul {
 		margin-bottom: -20px;
 	}

 	.img-sp {
 		display: block;
 		margin: 0 auto;
 	}

 	/* .img-pc {
 		display: none;
 	} */

 	ul.slick-dots button {
 		width: 6px;
 		height: 6px;
 	}

 	ul.slick-dots li:not(:last-child) {
 		margin-right: 9px;
 	}

 	.top-cont-com {
 		padding: 30px 0 30px;
 	}

 	.top-cont-title {
 		max-width: 288px;
 		height: 42px;
 	}

 	.top-cont-title-1 {
 		box-shadow: 4px 4px #68b200;
 	}

 	.top-cont-title::before {
 		bottom: -29px;
 	}

 	.top-cont-title::before,
 	.top-cont-title::after {
 		border-width: 15px 10px;
 	}

 	.top-cont-title::after {
 		bottom: -33px;
 	}

 	.group-title span ,
	.group-title h2{
        font-size: 19px;
        top: 11px;
 	}

	.top-cont-txt {
		font-size: 6vw;
		margin-top: 32px;
	}

 	.ie .group-title span ,
	.ie .group-title h2{
 		top: 18px;
 	}

 	/* .top-cont-1-ul ul li p {
 		font-size: 15px;
 		margin-top: 12px;
 	} */

 	.top-cont-desc {
 		font-size: 16px;
 	}

	.top-cont-desc-st {
		font-size: 18px;
	}

 	.top-cont-desc-1 {
 		margin-top: 40px;
 		margin-bottom: 45px;
 	}

 	/* .top-btn-1 a {
 		height: 6px;
 	} */

 	.top-btn span {
 		font-size: 16px;
 	}

	.btn-icon {
		max-width: 5%;
		padding: 1px;
	}

 	.top-cont-4-com-2 span {
 		margin-right: 30px;
 	}

 	.top-cont-4-com-2 {
 		background-position: right 35px center;
 	}

 	.top-btn a {
 		box-shadow: 0 5px 5px rgb(51 39 20 / 16%);
 	}

 	.top-cont-title-2 {
 		box-shadow: 4px 4px #e86798;
 	}

 	.top-2-all {
 		padding: 20px;
 		margin-top: 45px;
 	}

 	.top-cont-2-title-small {
 		font-size: 20px;
 	}

 	.top-cont-2-img {
 		margin-top: 8px;
 		margin-bottom: 18px;
 	}

 	.top-btn-3 {
 		margin-top: 10px;
 	}

 	.top-cont-2-btn.ds-flex {
 		margin-top: 40px;
 		justify-content: center;
 	}

 	.top-cont-desc-3 {
 		margin-top: 11.875vw;
 		margin-bottom: 16.250vw;
 	}

 	.top-cont-3-ul li {
 		width: calc((100% - 10px) / 2);
 		margin-right: 10px;
 		margin-bottom: 45px;
 		padding: 15px 10px;
 		height: 380px;
 	}

 	.ie .top-cont-3-ul li {
 		width: calc((100% - 11px) / 2);
 	}

 	.top-cont-3-ul li:nth-child(3n),
 	.top-cont-3-ul li:last-child {
 		margin-right: 10px;
 	}

 	.top-cont-3-ul .ds-flex {
 		flex-wrap: wrap;
 		margin-bottom: -45px;
 	}

 	.top-cont-3-ul li:nth-child(2n),
 	.top-cont-3-ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-3 .grid-980 {
 		padding-left: 10px;
 		padding-right: 10px;
 	}

 	.top-cont-3-ul-title-2 {
 		font-size: 16px;
 		margin-bottom: 35px;
 		margin-top: 10px;
 		letter-spacing: 0px;
 	}

 	.mb10 {
 		margin-bottom: 15px;
 	}

 	.top-cont-title-3 {
 		box-shadow: 4px 4px #ff8e1d;
 	}

 	.sp-767 {
 		display: none;
 	}

 	.pc-img {
 		display: block;
 		margin: 0 auto;
 	}


 	.top-cont-title-4-col-desc {
 		font-size: 14px;
 	}

 	.top-cont-5-ttile-bg-iframe {
 		margin-top: 25px;
 		margin-bottom: 14px;
 		/* height: 52.083vw; */
 	}

 	.top-cont-5 .grid-980 {
 		padding-left: 20px;
 		padding-right: 20px;
 	}

 	.top-cont-5-ttile-bg-ul li {
 		width: calc((100% - 10px) / 4);
 		margin-right: 10px;
 		height: 35px;
 	}

 	.top-cont-5-ttile-bg-ul li:last-child {
 		margin-right: 0;
 	}

 	.top-cont-5-ttile-bg-ul li span,
 	.top-cont-5-1-title span {
 		font-size: 16px;
 	}

 	.ie .top-cont-5-ttile-bg-ul li span,
 	.ie .top-cont-5-1-title span {
 		top: 3px !important;
 	}

 	.top-cont-5-1 .top-cont-5-title-com {
 		margin-top: 30px;
 	}

 	.top-cont-5-2 .top-cont-5-title-com,
 	.top-cont-5-3 .top-cont-5-title-com,
 	.top-cont-5-4 .top-cont-5-title-com {
 		margin-top: 15px;
 	}

 	.top-cont-5-title-com {
 		height: 31px;
 	}

 	#pagetop img {
 		width: 29px;
 	}

 	.top-cont-title-4 {
 		box-shadow: 4px 4px #3453b5;
 	}

 	.top-cont-title-4-col-img-6 img {
 		width: 25.222vw;
 	}

 	.top-cont-title-4-col-img-1 img {
 		width: 125px;
 	}

 	.ie .top-btn span {
 		top: 3px;
 	}

 	.top-cont-title-4-col-big-all {
 		padding-left: 5.25vw;
 		padding-right: 5.25vw;
 	}

 	.br-480 {
 		display: none;
 	}

 	.top-cont-4-com-1 a span {
 		margin-right: 15px;
 	}

 	.top-cont-4-com-2 a {
 		right: 1.519vw;
 	}

 	.shop_image_container {
 		flex-shrink: 0;
 		width: 150px;
 	}

 	.shop_card h4 {
 		font-size: 15px;
 		font-size: 1.1rem;
 		margin-top: 0;
 		margin-bottom: 5px;
 		color: #173491;
 	}

 	.dealer_shop p {
 		font-size: 13px;
 		text-align: left;
 		margin-top: 5px;
 	}

 	.daycl {
 		font-size: 13px;
 		text-align: center;
 		padding: 5px;
 		margin-top: 5px;

 	}

 }

 @media (max-width : 390px) {
	.details_and_image {
		margin-top: 5px;
	}
 	.top-cont-3-ul li {
 		height: 330px;
 	}

 	.top-cont-3-ul-title-2 {
 		margin-bottom: 7.974vw;
 	}

 	.mb10 {
 		margin-bottom: 0px;
 	}

 	.top-btn-2-com a {
 		width: 76.667vw;
 	}

 	.top-btn span {
 		position: relative;
 		top: -1px;
 	}

 	.top-cont-title-4-col-title-left {
 		font-size: 5.128vw;

 	}

 	.top-cont-4-com-2 span {
 		position: relative;
 		top: 1px;
 	}

 	.top-cont-title-4-col-title-rigth span:first-child::before {
 		top: 1px;
 	}

 	.top-cont-5-1-item-cen-it-link img {
 		width: 4.251vw;
 	}

 	.top-cont-5-1-item-cen-it-link span {
 		top: 5px;
 	}

 	.top-cont-4-com-1 a span,
 	.top-cont-4-com-2 a span {
 		margin-right: 15px;
 	}

 	.shop_image_container {
 		flex-shrink: 0;
 		width: 150px;
 	}

 	.shop_card h4 {
 		font-size: 13px;
 		font-size: 1.0rem;
 		margin-top: 0;
 		margin-bottom: 0;
 		color: #173491;
 	}

 	.dealer_shop p {
 		font-size: 11px;
 		text-align: left;
 		margin-top: 5px;
 	}

 	.daycl {
 		font-size: 2.6vw;
 		text-align: center;
 		padding: 5px;
 		margin-top: 5px;

 	}

 	.shop_image_container {
 		flex-shrink: 0;
 		width: 110px;
 	}

 	.shop_HP a {
 		background-color: #173491;
 		padding: 10px 10px;
 		margin: 10px 0px 0px 0px;
 		display: block;
 		border-radius: 3px;
 		color: #fff;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		text-align: center;
 		font-size: 10px;
 		height: 2.5em;
 		box-shadow: 3px 3px rgb(193, 193, 193);
 	}

 }

 @media (max-width : 380px) {

 	.top-cont-3-ul-title-1,
 	.top-cont-3-ul-title-2 {
 		font-size: 14px;
 	}

 	.top-cont-3-ul li {
 		padding: 15px 5px;
 	}

 	.mb10 {
 		margin-bottom: 10px;
 	}
 }

 @media (max-width : 370px) {
	.group-title span,
		.group-title h2 {
        font-size: 16px;
        top: 11px;
    }

 	.top-cont-5-1-item-fir-2 {
 		font-size: 19px;
 	}

 	.top-cont-5-1-item-cen-it-btn a {
 		width: 42.632vw;
 	}

 	.footer-1-text {
 		font-size: 13px;
 	}

 	.footer-1 {
 		padding: 15px 10px;
 	}

 	.footer-2 {
 		height: auto;
 		padding: 20px 10px;
 	}

 	.top-cont-title-4-col-big-all {
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.top-cont-4-com-1 a,
 	.top-cont-4-com-2 a {
 		height: 30px;
 	}

 	.top-cont-4-com a {
 		background-image: none;

 	}

 	.top-btn span {
 		padding-right: 0;
 	}

 	.top-cont-4-com-1 a span,
 	.top-cont-4-com-2 a span {
 		margin-right: 0;
 	}
 }