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

div#CONTENTS_BLOCK.full_width { /* コンテンツサイズフルサイズ */
	max-width: none;
}
/* CSSファイル名をリネーム後に、独自の内容を追加 */

body.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow-y: scroll;
}
#page,
main {
	overflow: clip;
}
#CONTENTS .sticky_box {
	margin-bottom: 135px;
	--num: 1;
	height: calc(100lvh * (var(--num) + 1));
}
#CONTENTS .sticky_box .sticky_inner_box {
	position: sticky;
	top: 93px;
}
#CONTENTS .sticky_box .dots_list {
	position: absolute;
	left: max(-0.9vw,-8px);
	top: min(5.6vw,80px);
	/* left: max(-3.1vw,-44px);
	top: min(14.6vw,210px); */
	width: 4px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 10;
}
#CONTENTS .sticky_box .dots_list li {
	background: #eee;
	height: 20px;
	cursor: pointer;
	pointer-events: none;
}
#CONTENTS .sticky_box .dots_list li.slick-active {
	background: #7872AB;
}
#CONTENTS .sticky_box .dots_list li button {
	display: none;
}
#CONTENTS .everyday_box_list {
	display: flex;
}
#CONTENTS .everyday_box_list > li {
	flex-shrink: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.5s;
}
#CONTENTS .everyday_box_list > li + li {
	margin-left: -100%;
}
#CONTENTS .everyday_box_list > li.on {
	opacity: 1;
	visibility: visible;
}
html.touch-device body,
html.touch-device #page {
	min-width: auto;
}
.fadeInUp {
    opacity: 0;
	transform: translate(0,50px);
    transition: all ease-in-out 0.8s;
}
.fadeInUp.on {
    opacity: 1;
	transform: translate(0, 0);
}
div#CONTENTS {
	color: #333;
}
div#PAGEWIDE {
	color: #333;
	font-size: min(1.4vw,16px);
	font-family: "Noto Sans JP", sans-serif;
}
div#CONTENTS_BLOCK p {
	font-size: min(1.4vw,16px);
}
.sawarabi {
	font-family: "Sawarabi Gothic", sans-serif;
}
#main_visual {
	height: 810px;
	position: relative;
}
#main_visual video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main_visual .sub {
	position: absolute;
	top: 63px;
	left: 0;
	width: 100%;
	text-align: center;
}
#main_visual h1 {
	width: 254px;
	margin: 0 auto 29px;
	padding-right: 51px;
}
#main_visual .link {
	margin: 0 auto;
	width: min(8.2vw,117px);
}
div#CONTENTS nav {
	height: 93px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(20px);
	position: sticky;
	top: 0;
	z-index: 100;
}
div#CONTENTS nav .main_box { 
	max-width: 1128px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div#CONTENTS nav .logo {
	width: min(4.4vw,63px);
}
div#CONTENTS nav ul {
	display: flex;
	padding-right: 6px;
}
div#CONTENTS nav ul li {
	padding: 5px min(1.1vw,15.5px) 0;
	font-size: min(1.2vw,13px);
	font-weight: 500;
	letter-spacing: 1.3px;
	background: url(../img/line.png) no-repeat left center;
	background-size: 1px auto;
}
div#CONTENTS nav ul li:last-child {
	padding-right: 0;
}
div#CONTENTS nav ul li:first-child {
	background: none;
}
div#CONTENTS nav ul a {
	color: #000 !important;
	text-decoration: none !important;
}
div#CONTENTS .main_box {
	max-width: 1128px;
	margin: 0 auto;
	padding: 0 20px;
}
div#CONTENTS .sec01 .inner {
	position: relative;
	margin-bottom: 110px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
div#CONTENTS .sec01 .inner .com_photo05 {
	position: absolute;
	top: -85px;
	left: min(6.7vw,96px);
	width: 26.2%;
}
div#CONTENTS .sec01 .inner_right_box {
	order: 2;
	margin-left: 70px;
	width: 57.45%;
}
div#CONTENTS .sec01 .inner_left_box {
	flex: 1;
}
div#CONTENTS .sec01 .inner h2 {
	margin-bottom: -62px;
}
div#CONTENTS .relax {
	margin-bottom: 53px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
div#CONTENTS .relax p {
	font-weight: 400;
	line-height: 2.63; 
	letter-spacing: 1.6px;
}
div#CONTENTS .relax_right_box {
	order: 2;
	flex: 1;
}
div#CONTENTS .relax_left_box {
	margin: 109px min(12vw,167px) 0 max(-5.1vw,-73px);
	width: min(40vw,484px);
}
div#CONTENTS .com_photo {
	display: flex;
	align-items: center;
}
#CONTENTS .com_photo_img {
	flex: 1;
}
div#CONTENTS .com_photo img {
	width: 100%;
}
div#CONTENTS .relax .com_photo {
	width: 100.8%;
}
div#CONTENTS .com_photo .txt {
	margin-left: 12px;
	display: inline-block;
	line-height: 1.6;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1.8px;
	-webkit-writing-mode : tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
div#CONTENTS .com_photo02 {
	max-width: 294px;
	padding-right: 257px;
	margin: 0 auto 151px;
}
div#CONTENTS .sec01 .photo_box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
div#CONTENTS .com_photo03 {
	width: 34.6%;
}
div#CONTENTS .com_photo04 {
	display: flex;
	justify-content: flex-end;
	width: min(20.5vw,295px);
	margin: max(-12.5vw,-180px) max(-2.1vw,-30px) 0 0;
}
#CONTENTS .sec01 {
	padding-top: 192px;
	margin-bottom: 97px;
}
#CONTENTS .headling01 {
	padding-top: 60px;
	margin-bottom: 51px;
	text-align: center;
	/* font-size: 16px; */
	font-weight: 500;
	letter-spacing: 1.6px;
	font-feature-settings: normal;
}
#CONTENTS .headling01 > span {
	display: block;
}
#CONTENTS .headling01 .headling01_item {
	display: block;
	margin-top: 22px;
}
#CONTENTS .bicycle {
	padding-top: 40px;
}
#CONTENTS .bicycle_box {
	padding-bottom: 72px;
	background-color: #F5F2E9;
}
#CONTENTS .bicycle_box .img_box {
	display: flex;
	margin-bottom: 97px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#CONTENTS .bicycle_box .img_box .photo_box {
	width: calc(50% + min(26vw,372px));
	order: 2;
	margin-left: max(-11.7vw,-168px);
}
div#CONTENTS_BLOCK {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}
#CONTENTS .bicycle_box .img_box .text_box {
	flex: 1;
	display: flex;
	position: relative;
	z-index: 1;
	justify-content: flex-end;
}
#CONTENTS .bicycle_box .img_box .text_box .sub {
	max-width: 340px;
	padding: 35px 45px 35px 32px;
	background: #F5F2E9;
	box-sizing: border-box;
	width: 100%;
}
#CONTENTS .bicycle_box .img_box .text_box .sub p {
	line-height: 2.0;
	letter-spacing: 1.6px;
	text-align: justify;
}
#CONTENTS .headling02 {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
#CONTENTS .headling02_img {
	width: min(5vw,6.4vh,48px);
	display: flex;
	align-items: center;
}
#CONTENTS .headling02_ttl_span {
	border-left: 1px solid #333;
	padding: 2px 0 2px 24px;
	flex: 1;
	margin-left: 24px;
}
#CONTENTS .headling02_txt {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 2.4px;
}
#CONTENTS .headling02_txt small {
	display: block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1.6px;
	margin-bottom: 10px;
}
#CONTENTS .travel {
	margin-bottom: 62px;
}
#CONTENTS .travel:last-child {
	margin-bottom: 0;
}
#CONTENTS .travel_list {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
#CONTENTS .travel .note {
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
}
#CONTENTS .travel_list li {
	width: calc((100% - 49px) / 3);
}
#CONTENTS .travel_list .travel_ttl {
	text-align: center;
	width: fit-content;
	margin: 0 auto 8px;
	font-weight: 500;
	letter-spacing: 1.6px;
	padding: 0 20px;
	background: url(../img/icon_01.png) no-repeat left center,url(../img/icon_02.png) no-repeat right center;
	background-size: 11px auto;
}
#CONTENTS .travel_white {
	padding: 32px 16px 20px;
	border-radius: 15px;
	background: #FFF;
	text-align: center;
}
#CONTENTS .travel_list_img {
	margin: 0 auto -2px;
	width: 72px;
}
#CONTENTS .travel_white p {
	min-height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: min(1.6vw,18px);
	font-weight: 600;
	line-height: 150%; 
	letter-spacing: 1.8px;
}
#CONTENTS .travel_white p small {
	margin-top: -0.1rem;
	display: block;
	font-size: min(1vw,14px);
	line-height: 150%;
	letter-spacing: 1.4px;
}
#CONTENTS .travel_white p sup {
	font-size: 11px;
}
#CONTENTS .travel_white p .sub_span {
	font-weight: 400;
}
#CONTENTS .motor {
	margin-bottom: 63px;
	padding: 16px 16px 44px;
	border-radius: 15px;
	border: 1px solid #7872AB;
	background: #FFF;
}
#CONTENTS .motor h3 {
	margin-bottom: 40px;
	padding: 22px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	background: #D7D4E7;
	/* font-size: 16px; */
	font-weight: 600;
	letter-spacing: 1.2px;
	/* font-feature-settings: "palt"; */
}
#CONTENTS .motor_list {
	margin: 0 min(5.6vw,80px);
	display: flex;
	flex-wrap: wrap;
	gap: 44px 9px;
}
#CONTENTS .motor_list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc((100% - 28px) / 4);
}
#CONTENTS .motor_list .motor_list_img {
	width: min(6vw,60px);
	margin-right: 15px;
}
#CONTENTS .motor_list .motor_list_txt {
	flex: 1;
	margin-top: -6px;
	font-weight: 600;
	line-height: 150%; 
	letter-spacing: 1.6px;
}
#CONTENTS .com_link {
	margin: 0 auto;
	max-width: 486px;
}
#CONTENTS .com_link a {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	min-height: 72px;
	line-height: 1.5;
	border-radius: 100px;
	background-color: #333;
	color: #FFF !important;
	font-weight: 500;
	text-decoration: none !important;
	transition: all ease 0.3s;
}
#CONTENTS .comfortable {
	padding: min(14.1vw,203px) 0;
}
#CONTENTS .comfortable .headling01 {
	margin-bottom: 120px;
}
#CONTENTS .comfortable .headling02_txt {
	align-items: center;
	display: flex;
}
#CONTENTS .comfortable .headling02_txt .sub_span {
	padding: 12px 15px 13px;
	letter-spacing: 0;
	font-size: min(2.5vw,3.4vh,24px);
	font-weight: 500;
	width: fit-content;
	background-color: #D7D4E7;
}
#CONTENTS .comfortable .headling02 {
	margin-bottom: 10px;
}
#CONTENTS .comfortable .sp_box {
	position: relative;
	z-index: 1;
}
#CONTENTS .comfortable .headling02_ttl {
	margin-bottom: 22px;
	display: block;
	font-size: min(3vw,4.1vh,32px);
	font-weight: 600;
	letter-spacing: 3.2px;
	line-height: 1.5;
}
#CONTENTS .js_box {
	position: relative;
	margin: 0 max(-2.5vw,-36px);
}
/* #CONTENTS .js_box:last-child {
	margin-bottom: 0;
} */
#CONTENTS .foo_list li {
	position: relative;
}
#CONTENTS .foo_list .foo_box {
	position: absolute;
	z-index: 1;
}
#CONTENTS .foo_list .foo_box01 {
	top: min(7.7vw,110px);
	left: min(2.43vw,35px);
}
#CONTENTS .foo_list .foo_box h3 {
	margin-bottom: 22px;
	font-size: 2rem;
}
#CONTENTS .foo_list .foo_box h3 img {
	width: min(32.2vw,48vh,463px);
}
#CONTENTS .foo_list .foo_box p {
	margin-bottom: 18px;
	text-align: justify;
	font-size: min(1.1vw,14px);
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.4px;
	max-width: min(32vw,390px);
}
#CONTENTS .foo_list .foo_box p sup {
	font-size: 9px;
}
#CONTENTS .foo_list .foo_box p:last-child {
	margin-bottom: 0;
}
#CONTENTS .foo_list .foo_box .small_txt {
	font-size: min(0.83vw,12px);
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
}
#CONTENTS .foo_list .js_photo {
	width: 100%;
}
#CONTENTS .throttle {
	/* position: absolute;
	bottom: min(4.6vw,65px); */
	margin: min(7vw,11vh,100px) 0 0 5px;
}
#CONTENTS .foo_list .foo_box .throttle_txt {
	margin-bottom: min(1.25vw,18px);
	font-size: min(1vw,14px);
	font-weight: 600;
	line-height: 150%; 
	letter-spacing: 1.4px;
}
#CONTENTS .throttle .throttle_photo {
	width: min(18.125vw,28vh,261px);
}
#CONTENTS .foo_list .foo_box02 {
	bottom: min(3.0vw,43px);
	left: min(1.4vw,20px);
}
#CONTENTS .foo_list .foo_box03 {
	bottom: min(6.0vw,86px);
	left: calc(50% + min(0.83vw,12px));
}
#CONTENTS .foo_list .foo_box .h3_ttl img {
	width: min(25vw,38vh,359px);
}
#CONTENTS .foo_list .foo_box02 p {
	max-width: min(39vw,560px);
}
#CONTENTS .foo_list .foo_box02 h3 img {
	width: min(32.2vw,49vh,463px);
}
#CONTENTS .foo_list .foo_box04 {
	bottom: min(4.9vw,70px);
	left: min(2.5vw,36px);
}
#CONTENTS .foo_list .foo_box04 p {
	max-width: min(42.1vw,605px);
}
#CONTENTS .foo_list .foo_box04 h3 img {
	width: min(24.3vw,37vh,349px);
}
#CONTENTS .foo_list .foo_box05 {
	top: min(6vw,85px);
	right: min(7.1vw,102px);
}
#CONTENTS .foo_list .foo_box05 h3 img {
	width: min(27.1vw,41vh,389px);
}
#CONTENTS .foo_list .foo_box06 {
	bottom: min(4.2vw,60px);
	left: min(4.7vw,67px);
}
#CONTENTS .foo_list .foo_box06 h3 img {
	width: min(27.1vw,40vh,389px);
}
#CONTENTS .foo_list .foo_box06 p {
	max-width: min(30vw,430px);
}
#CONTENTS .foo_list .foo_box07 {
	top: min(6.1vw,87px);
	left: min(2.5vw,36px);
}
#CONTENTS .foo_list .foo_box07 h3 img {
	width: min(27.1vw,40vh,389px);
}
#CONTENTS .foo_list .foo_box08 {
	bottom: min(5.8vw,83px);
	right: min(6.1vw,87px);
}
#CONTENTS .foo_list .foo_box08 h3 img {
	width: min(20vw,30vh,297px);
}
#CONTENTS .foo_list .foo_box09 {
	bottom: min(4.6vw,66px);
	left: calc(50% - min(6.4vw,92px));
}
#CONTENTS .foo_list .foo_box09 h3 img {
	width: min(29.6vw,45vh,426px);
}
#CONTENTS .foo_list .foo_box10 {
	top: min(3.5vw,50px);
	left: min(2.5vw,36px);
}
#CONTENTS .foo_list .foo_box10 h3 img {
	width: min(17.2vw,27vh,248px);
}
#CONTENTS .everyday {
	padding: 32px 0 137px;
}
#CONTENTS .everyday .headling01 {
	margin-bottom: min(2.8vw,40px);
}
#CONTENTS .center_txt {
	margin-bottom: 90px;
	text-align: center;
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.6px;
}
#CONTENTS .peace {
	margin-bottom: 125px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
#CONTENTS .peace_txt_img {
	width: min(14.3vw,206px);
	margin-right: min(4.2vw,60px);
}
#CONTENTS .peace_right {
	flex: 1;
}
#CONTENTS .everyday_box {
	margin-bottom: 36px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#CONTENTS .everyday_box .everyday_box_txt_img {
	position: absolute;
	top: 0;
	left: 2px;
	width: min(11.1vw,159px);
}
#CONTENTS .everyday_box_left {
	margin: 0px -8px 0 25px;
}
#CONTENTS .everyday_box_right {
	width: min(25vw,360px);
}
.everyday_box_list .everyday_box_list_pho {
	margin-bottom: 12px;
}
.everyday_box_list .everyday_box_list_pho img {
	width: 100%;
	border-radius: 5px;
}
.everyday_box_list p {
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.6px;
	font-feature-settings: normal;
	text-align: justify;
	font-family: "Noto Sans JP", sans-serif;
}
.everyday_box_list .everyday_box_list_ttl {
	font-size: min(2vw,18px) !important;
	margin-bottom: 8px;
	font-weight: 600;
	line-height: 150% !important; 
	letter-spacing: 1.8px;
}
#CONTENTS .everyday_box_photo {
	position: relative;
	width: min(47.3vw,680px);
}
#CONTENTS .everyday_box_photo .ico {
	width: min(2.9vw,41px);
	position: absolute;
	z-index: 1;
	cursor: pointer;
	transition: all ease 0.3s;
}
#CONTENTS .everyday_box_photo .ico img {
	transition: all ease 0.1s;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#CONTENTS .everyday_box_photo .ico .hover_img {
	opacity: 0;
	visibility: hidden;
}
#CONTENTS .everyday_box_photo .ico01 {
	position: absolute;
	left: min(23.7vw,341px);
	top: max(-1.6vw,-23px);
}
#CONTENTS .everyday_box_photo .ico02 {
	position: absolute;
	left: min(14.8vw,212px);
	top: min(3.3vw,47px);
}
#CONTENTS .everyday_box_photo .ico03 {
	position: absolute;
	left: min(7vw,100px);
	top: min(10.21vw,147px);
}
#CONTENTS .everyday_box_photo .ico04 {
	position: absolute;
	left: min(12vw,172px);
	top: min(13.7vw,197px);
}
#CONTENTS .everyday_box_photo .ico05 {
	position: absolute;
	right: min(3vw,43px);
	top: min(18.75vw,270px);
}
#CONTENTS .everyday_box_photo .ico06 {
	position: absolute;
	left: min(20.625vw,297px);
	top: min(12.7vw,183px);
}
#CONTENTS .everyday_box_photo .ico07 {
	position: absolute;
	left: max(-3.2vw,-46px);
	top: min(24.5vw,352px);
}
#CONTENTS .everyday_box_photo .ico08 {
	position: absolute;
	left: min(19.8vw,284px);
	top: min(32.5vw,468px);
}
#CONTENTS .everyday_box_photo .com_txt {
	position: absolute;
	bottom: min(3.33vw,48px);
	left: min(4.2vw,60px);
}
#CONTENTS .com_txt {
	min-height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	text-align: center;
	background-color: #333;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
}
#CONTENTS .bike_list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
#CONTENTS .bike_list li {
	width: calc((100% - 49px) / 3);
}
#CONTENTS .bike_list_photo {
	position: relative;
	margin-bottom: 5px;
}
#CONTENTS .bike_list_photo .com_txt {
	position: absolute;
	top: min(4.4vw,63px);
	left: 8px;
}
#CONTENTS .bike_list p {
	width: fit-content;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
	font-feature-settings: normal;
}
#CONTENTS .bike_list .bike_list_item {
	margin-right: 7px;
	display: flex;
	width: 37px;
	height: 37px;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #AAA;
	background: #FFF;
	font-weight: 600;
	padding-bottom: 3px;
	font-size: 16px;
	box-sizing: border-box;
	line-height: 150%; 
}
#CONTENTS .bike_list .li_style01 .bike_list_item {
	background-color: #A1D08D;
}
#CONTENTS .bike_list .li_style02 .bike_list_item {
	background-color: #E5CFA1;
}
#CONTENTS .bike_box {
	margin-bottom: 103px;
}
#CONTENTS .panasonic_list {
	margin-bottom: 82px;
	display: flex;
	flex-wrap: wrap;
	gap: 60px min(4.4vw,63px);
}
#CONTENTS .panasonic_list li {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: calc((100% - min(4.4vw,63px)) / 2);
}
#CONTENTS .panasonic_list .li_style {
	width: 100%;
}
#CONTENTS .panasonic_list .panasonic_list_photo {
	width: 46.8%;
	margin-right: 16px;
}
#CONTENTS .panasonic_list .panasonic_list_txt_box {
	flex: 1;
	margin-top: -5px;
}
#CONTENTS .panasonic_list p {
	text-align: justify;
	font-size: min(1.2vw,14px);
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.4px;
	font-feature-settings: normal;
}
#CONTENTS .panasonic_list .panasonic_list_ttl {
	color:  #7872AB;
	font-size: min(1.8vw,18px);
	font-weight: 700;
	line-height: 150%; 
	margin-bottom: 24px;
	letter-spacing: 1.8px;
}
#CONTENTS .panasonic_list h3 {
	font-size: min(1.8vw,18px);
	font-weight: 700;
	line-height: 130%; 
	letter-spacing: 1.8px;
	padding-bottom: 11px;
	margin-bottom: 10px;
	width: fit-content;
	font-feature-settings: normal;
	border-bottom: 1px dashed #7872AB;
}
#CONTENTS .panasonic_list .li_style .panasonic_list_photo {
	width: 74.5%;
}
#CONTENTS .panasonic_txt_img {
	margin-bottom: 3px;
}
div#CONTENTS_BLOCK .panasonic_txt_note {
	margin-bottom: 31px;
	font-size: 14px;
	line-height: 200%;
	letter-spacing: 1.4px;
}
#CONTENTS .operation {
	padding: 40px 0 190px;
}
#CONTENTS .operation .headling01 {
	margin-bottom: 40px;
}
#CONTENTS .operation_list {
	padding-top: 32px;
	margin-bottom: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 32px;
}
#CONTENTS .operation_list li {
	width: calc((100% - 129px) / 5);
}
#CONTENTS .operation_list .operation_list_photo {
	position: relative;
	margin-bottom: 3px;
}
#CONTENTS .operation_list .operation_list_item {
	width: 44px;
	position: absolute;
	top: -28px;
	left: 0px;
}
#CONTENTS .operation_list p {
	font-size: min(1.2vw,14px);
	margin-right: -5px;
	font-weight: 400;
	text-align: justify;
	line-height: 200%; 
	letter-spacing: 1.4px;
}
#CONTENTS .operation .note {
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
}
#CONTENTS .customize {
	padding: 40px 0 115px;
}
#CONTENTS .customize .btm_txt {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 1.5;
}
#CONTENTS .customize_list {
	margin-bottom: 43px;
	padding-top: 42px;
	display: flex;
	flex-wrap: wrap;
	gap: 50px 62px;
}
#CONTENTS .customize_list:last-child {
	margin-bottom: 0;
}
#CONTENTS .customize_list:not(.customize_list02) li {
	width: calc((100% - 62px) / 2);
}
#CONTENTS .customize_list:not(.customize_list02) li:nth-child(2n) {
	margin-top: 93px;
}
#CONTENTS .customize_list .customize_list_photo {
	width: 72.0%;
	position: relative;
	margin-bottom: 7px;
}
#CONTENTS .customize_list .customize_list_photo img {
	width: 100%;
}
#CONTENTS .customize_list .customize_list_photo_sub {
	position: absolute;
	bottom:max(-4vw,-53px);
	right: max(-10.3vw,-148px);
	width: min(16.25vw,234px);
}
#CONTENTS .customize_list p {
	font-size: min(1.2vw,14px);
	font-weight: 400;
	line-height: 160%; 
	letter-spacing: 1.4px;
	text-align: justify;
}
#CONTENTS .customize_list .customize_list_ttl {
	font-size: 18px;
	margin-bottom: 13px;
	font-weight: 600;
	letter-spacing: 1.8px;
}
#CONTENTS .customize_list_dl {
	margin-bottom: 12px;
}
#CONTENTS .customize_list_dl dt {
	margin-bottom: 2px;
	display: flex;
	align-items: flex-start;
	font-weight: 600;
	letter-spacing: 1.6px;
	line-height: 1.5;
}
#CONTENTS .customize_list_dl dt + dt {
	margin-top: 7px;
}
#CONTENTS .customize_list_dl_item {
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1.6px;
	border-radius: 5px;
	background: #BCB6D5;
	padding: 0 5px 1px;
	flex-shrink: 0;
}
#CONTENTS .customize_list_dl dd {
	font-size: min(1.2vw,14px);
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.4px;
}
#CONTENTS .customize_list_dl dd strong {
	font-weight: 700;
}
#CONTENTS .customize_list02 {
	margin-bottom: 22px;
	gap: 45px 64px;
}
#CONTENTS .customize_list02 li {
	width: calc((100% - 129px) / 3);
}
#CONTENTS .customize_list02 .customize_list_photo {
	width: auto;
}
#CONTENTS .advanced {
	padding: 40px 0;
}
#CONTENTS .advanced_box {
	padding: 32px 0 80px;
	background-color: #F5F2E9;
}
#CONTENTS .advanced_photo {
	margin: 0 max(-10.8vw,-155px) -5px;
}
#CONTENTS .advanced_txt {
	margin-bottom: 68px;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
}
#CONTENTS .advanced h3 {
	margin-bottom: 24px;
	text-align: center;
	font-size: min(3vw,32px);
	font-weight: 700;
	line-height: 200%; 
	letter-spacing: 3.2px;
}
#CONTENTS .advanced_list {
	margin: -20px 0 65px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 63px;
}
#CONTENTS .advanced_list li {
	width: calc((100% - 127px) / 3);
}
#CONTENTS .advanced_list .advanced_list_photo {
	max-width: 300px;
	margin: 0 auto 18px;
}
#CONTENTS .advanced_list .advanced_list_photo img {
	width: 100%;
}
#CONTENTS .advanced_list li p {
	font-size: 14px;
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.4px;
	text-align: justify;
}
#CONTENTS .advanced_list li .advanced_list_ttl {
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: 600;
	line-height: 130%; 
	letter-spacing: 1.8px;
}
#CONTENTS .service_list {
	margin-bottom: 40px;
	padding-top: 23px;
	display: flex;
	flex-wrap: wrap;
	gap: 56px min(3.9vw,56px);
}
#CONTENTS .service_list li {
	padding: 32px min(2.3vw,32px) 25px;
	background-color: #fff;
	width: calc((100% - min(7.9vw,113px)) / 3);
	box-sizing: border-box;
}
#CONTENTS .service_list p {
	font-size: 14px;
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.1px;
	text-align: justify;
}
#CONTENTS .service_list_img_box {
	padding-bottom: 20px;
	margin-bottom: 13px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #AAAAAA;
}
#CONTENTS .service_list_img {
	margin-right: 15px;
	width: min(5.6vw,80px);
}
#CONTENTS .service_list .service_list_img_txt {
	color: #7872AB;
	font-size: min(2.5vw,24px);
	font-weight: 600;
	line-height: 150%; 
	letter-spacing: 2.4px;
	flex: 1;
}
#CONTENTS .advanced h4 {
	margin-top: 55px;
	margin-bottom: 19px;
	text-align: center;
	font-weight: 500;
	line-height: 42px; 
	letter-spacing: 1.6px;
}
#CONTENTS .fee_list {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 56px min(3.9vw,56px);
}
#CONTENTS .fee_list li {
	padding: 37px min(2.3vw,32px) 27px;
	box-sizing: border-box;
	background-color: #fff;
	width: calc((100% - min(7.9vw,113px)) / 3);
}
#CONTENTS .fee_list li p {
	margin-bottom: 27px;
	font-size: 14px;
	font-weight: 400;
	line-height: 200%; 
	text-align: justify;
	letter-spacing: 1.4px;
}
#CONTENTS .fee_list li p .txt_span {
	color: #008E5C;
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 4px;
	text-underline-offset: 1px;
}
#CONTENTS .fee_list .li02 p .txt_span {
	color: #E07F14;
}
#CONTENTS .fee_list .li03 p .txt_span {
	color: #3271AE;
}
#CONTENTS .fee_list li .fee_list_ttl {
	margin-bottom: 7px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	line-height: 200%; 
	letter-spacing: 1.2px;
}
#CONTENTS .fee_list .fee_list_img {
	margin-bottom: 18px;
	text-align: center;
}
#CONTENTS .fee_list .fee_list_img img {
	max-height: 65px;
}
#CONTENTS .fee_list .com_link a {
	min-height: 34px;
	font-size: 12px;
	font-weight: 500;
	line-height: 150%; 
}
#CONTENTS .insurance {
	padding: 45px 0 148px;
}
#CONTENTS .insurance_photo {
	padding-top: 9px;
	margin-bottom: 62px;
}
#CONTENTS .insurance_photo img {
	width: 100%;
}
#CONTENTS .insurance .h3_ttl {
	padding-top: 68px;
	text-align: center;
	margin-bottom: 26px;
	/* font-size: 16px; */
	font-weight: 500;
	line-height: 42px;
	letter-spacing: 1.6px;
}
#CONTENTS .insurance_text_img {
	margin-bottom: 15px;
	display: flex;
}
#CONTENTS .insurance_text_img .img01 {
	width: min(10vw,143px);
}
#CONTENTS .insurance_text_img .img02 {
	width: calc(100% - min(10vw,143px));
}
#CONTENTS .insurance p {
	margin-bottom: 50px;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: 1.2px;
}
#CONTENTS .insurance p:last-child {
	margin-bottom: 0;
}
#CONTENTS .insurance .btmBanner {
	padding-top: 85px;
	text-align: center;
}
#CONTENTS .fixed_box {
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 100;
}
#CONTENTS .fixed_box_img {
	text-align: center;
	margin-bottom: 6px;
}
#CONTENTS .fixed_box_img img {
	width: 100px;
}
#CONTENTS .link_list li {
	width: 144px;
	margin-bottom: 8px;
}
#CONTENTS .link_list li:last-child {
	margin-bottom: 0;
}
#CONTENTS .link_list a {
	display: flex;
	align-items: center;
	min-height: 48px;
	border-radius: 5px 0 0 5px;
	background: #D7D4E7;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.3px;
	padding-left: 20px;
	transition: all ease 0.3s;
	text-decoration: none !important;
}
#CONTENTS .link_list .link_list_img {
	width: 32px;
	display: block;
	text-align: center;
	margin: 5px 8px 0 0;
}
#CONTENTS .insurance_list {
	margin-bottom: 27px;
	padding-top: 2px;
	display: flex;
	flex-wrap: wrap;
	gap: 21px;
}
#CONTENTS .insurance_list li {
	width: calc((100% - 21px * 4) / 5);
	display: flex;
	padding: 17px 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #E1DFED;
	min-height: min(12vw,150px);
	box-sizing: border-box;
}
#CONTENTS .insurance_list p {
	margin-left: 0 !important;
	font-weight: 400;
	line-height: 150%; 
	font-size: min(1.2vw,14px);
	letter-spacing: 1.4px;
	text-align: center;
	margin: 0;
}
#CONTENTS .insurance_list .ttl {
	margin-bottom: 0.3rem;
	font-size: min(1.4vw,16px);
	letter-spacing: 1.6px;
	font-weight: 600;
}
#CONTENTS .insurance_list .ttl .big_span {
	font-size: min(1.7vw,20px);
	letter-spacing: 2px;
	color: #7872AB;
}
#CONTENTS .insurance_box {
	margin-bottom: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#CONTENTS .insurance_box:last-child {
	margin-bottom: 0;
}
#CONTENTS .insurance_box_right {
	width: 49%;
	margin-left: 24px;
}
#CONTENTS .insurance_box_right img {
	width: 100%;
}
#CONTENTS .insurance_box_left {
	flex: 1;
}
#CONTENTS .insurance_box_left p {
	font-size: min(1.4vw,16px);
	font-weight: 400;
	line-height: 200%; 
	letter-spacing: 1.6px;
	text-align: justify;
	margin-left: 0 !important;
}
#CONTENTS .insurance_box_left p .big_span {
	color: #7872AB;
	font-size: min(2.0vw,20px);
	font-weight: 500;
	letter-spacing: 2px;
}
#CONTENTS .insurance_heading {
	margin-bottom: 23px;
	padding: 8px 16px 9px;
	color: #FFF;
	font-size: min(2.2vw,20px);
	font-weight: 600;
	line-height: 150%; 
	text-align: left;
	letter-spacing: 2px;
	border-radius: 10px;
	box-sizing: border-box;
	background: #7872AB;
}
#CONTENTS .insurance_box_right--2 {
	width: 56.4%;
	margin: 8px 13px 0 24px;
}
#CONTENTS .insurance_box--3 .insurance_box_right {
	width: auto;
	padding: 14px 24px 4px;
	margin: 11px 0 0 22px;
	flex: 1;
	border-radius: 10px;
	background: #F5F2E9;
}
#CONTENTS .insurance_box--3 .insurance_box_left {
	width: 32%;
	flex: inherit;
}
#CONTENTS .insurance_box--3 .insurance_box_left .big_span {
	padding-top: 8px;
	display: inline-block;
}
#CONTENTS .insurance_box--3 .insurance_box_left p {
	margin-bottom: 4px;
}
#CONTENTS .insurance_box_left .ttl {
	color: #7872AB;
	text-align: justify;
	font-size: min(2.2vw,20px);
	font-weight: 500;
	line-height: 200%; 
	letter-spacing: 2px;
	overflow: hidden;
}
#CONTENTS .insurance_box_left .ttl span {
	display: inline-block;
	padding-right: 10px;
	position: relative;
}
#CONTENTS .insurance_box_left .ttl span:after {
	width:99999px;  
	height: 1px;
	border-bottom: 2px dotted #7872AB;
	position: absolute;  
	top: 50%;
	left: 100%;
	content: ""; 
}
#CONTENTS .insurance_box_left .txt {
	color: #7872AB;
	text-align: justify;
	font-size: min(2.0vw,20px);
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 2px;
	padding-bottom: 16px;
	border-bottom: 2px dotted #7872AB;
}
#CONTENTS .insurance_box_left .txt span {
	display: inline-block;
	margin-top: 8px; 
}
#CONTENTS .insurance_box--3 {
	margin-bottom: 22px;
}
#CONTENTS .insurance_box--3 .insurance_box_right p {
	margin: 0 0 19px;
	font-size: min(1.4vw,16px);
	font-weight: 400;
	line-height: 200%; 
	text-align: justify;
	letter-spacing: 1.6px;
}
#CONTENTS .insurance_box--3 .insurance_box_right p:last-child {
	margin-bottom: 0;
}
#CONTENTS .insurance_box--3 .insurance_box_right .ttl {
	margin-bottom: 5px;
	color: #7872AB;
	text-align: justify;
	font-size: min(2.5vw,24px);
	font-weight: 600;
	line-height: 150%; 
	letter-spacing: 2.4px;
}
#CONTENTS .insurance_box--3 .insurance_box_sub {
	padding: 10px 20px 19px;
	border-radius: 0 0 10px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	margin-inline: -20px;
}
#CONTENTS .insurance_box--3 .insurance_box_sub .photo-box {
	width: 41%;
	margin: 9px -1px 0 10px;
}
#CONTENTS .insurance_box--3 .insurance_box_sub .txt-box {
	flex: 1;
}
#CONTENTS .insurance .com_link {
	margin-bottom: 106px;
}
@media (hover: hover) {
	#main_visual .link a:hover {
		opacity: 0.7;
	}
	#CONTENTS .link_list a:hover {
		color: #fff !important;
		background-color: #333;
	}
	#CONTENTS .link_list a:hover img {
		filter: invert(100%) brightness(200%);
	}
	div#CONTENTS nav ul a:hover {
		text-decoration: underline !important;
	}
	#CONTENTS .com_link a:hover {
		opacity: 0.7;
	}
	#CONTENTS .everyday_box_photo .ico:hover .hover_img {
		opacity: 1;
		visibility: visible;
	}
	#CONTENTS .everyday_box_photo .ico:hover .out_img {
		opacity: 0;
		visibility: hidden;
	}
	#CONTENTS .insurance .btmBanner a:hover img {
		opacity: 0.7;
	}
}

@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
	.menu_box {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	div#PAGEWIDE {
		font-size: 14px;
	}
	div#CONTENTS_BLOCK p {
		font-size: 14px;
	}
	#CONTENTS .menu_box .logo {
		width: 65px;
	}
	#CONTENTS .menu {
		cursor: pointer;
		width: 40px;
	}
	#main_visual {
		height: 474px;
	}
	#main_visual .sub {
		top: 46px;
	}
	#main_visual h1 {
		margin-bottom: 14px;
	}
	#main_visual .link {
		width: 56px;
	}
	.menu_box{
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		overflow-y: auto;
		width: 100%;
		z-index: 1000;
		display: none;
		background-color: #fff;
	}
	.menu_box_sub {
		padding: 88px 32px 35px;
	}
	.menu_box .menu_close {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 40px;
	}
	.menu_box_logo {
		margin-bottom: 22px;
		text-align: center;
	}
	.menu_box_logo img {
		width: 125px;
	}
	.menu_box_sub .menu_box_list {
		margin-bottom: 24px;
	}
	.menu_box_sub .menu_box_list li {
		border-bottom: 1px solid #EEEEEE;
	}
	.menu_box_sub .menu_box_list a {
		padding: 26px 40px 27px 0;
		display: block;
		color: #000 !important;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none !important;
		letter-spacing: 1.6px;
		background: url(../img/ico_right.png) no-repeat right center;
		background-size: 24px auto;
	}
	.menu_box_sub .link_list {
		display: flex;
		flex-wrap: wrap;
		gap: 0 8px;
	}
	.menu_box_sub .link_list li {
		width: calc((100% - 8px) / 2) !important;
	}
	#CONTENTS .link_list a {
		padding-left: 0;
		justify-content: center;
		border-radius: 5px;
	}
	div#CONTENTS nav {
		height: 65px;
		background: rgba(255, 255, 255, 0.9);
	}
	div#CONTENTS nav .logo {
		width: 65px;
	}
	div#CONTENTS nav .main_box {
		padding: 3px 16px 0;
	}
	#CONTENTS .sec01 {
		padding-top: 80px;
	}
	div#CONTENTS .sec01 .inner {
		margin-bottom: 38px;
		display: block;
	}
	div#CONTENTS .sec01 .inner .com_photo05 {
		position: static;
		margin: 0 0 50px 35px;
		width: 197px;
	}
	div#CONTENTS .com_photo .txt {
		text-align: center;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 1.7px;
		margin: 0 2px 0 6px;
		line-height: 1.4;
	}
	div#CONTENTS .relax_left_box {
		width: 272px;
		margin: 0 -6px 85px auto;
	}
	div#CONTENTS .sec01 .inner_right_box {
		width: auto;
		margin: 0 45px 66px -16px;
	}
	div#CONTENTS .sec01 .inner h2 {
		margin: 0 62px 0 0;
	}
	div#CONTENTS .sec01 .inner h2 img {
		width: 100%;
	}
	div#CONTENTS .main_box {
		padding: 0 16px;
	}
	div#CONTENTS .relax p {
		line-height: 260%; 
		letter-spacing: 1.4px;
	}
	div#CONTENTS .relax {
		margin-bottom: 47px;
	}
	div#CONTENTS .com_photo02 {
		max-width: inherit;
		padding: 0;
		width: 217px;
		margin: 0 50px 74px auto;
	}
	div#CONTENTS .com_photo02 .com_photo_img {
		padding-right: 3px;
	}
	div#CONTENTS .sec01 .photo_box {
		margin: 0 -16px 0 7px;
		flex-direction: column;
	}
	div#CONTENTS .com_photo03 {
		width: 275px;
		order: 2;
		margin-left: auto;
	}
	div#CONTENTS .com_photo04 {
		width: 232px;
		margin: 0 0 43px;
	}
	div#CONTENTS .com_photo04 .txt {
		margin-left: 11px;
	}
	div#CONTENTS .com_photo03 .txt {
		order: -1;
		margin: 0 7px 0 0;
	}
	#CONTENTS .sec01 {
		margin-bottom: 244px;
	}
	#CONTENTS .bicycle {
		padding-top: 20px;
	}
	#CONTENTS .headling01 {
		margin-bottom: 12px;
		font-size: 12px;
		font-weight: 500;
		text-align: left;
		line-height: 1.5;
		letter-spacing: 1.2px;
		padding-top: 30px;
	}
	#CONTENTS .headling01 .headling01_item {
		margin-top: 13px;
	}
	#CONTENTS .bicycle_box .img_box {
		display: block;
		margin-bottom: 48px;
	}
	#CONTENTS .bicycle_box .img_box .photo_box {
		width: auto;
		margin: 0;
	}
	#CONTENTS .bicycle_box .img_box .photo_box img {
		width: 100%;
	}
	#CONTENTS .bicycle_box .img_box .text_box {
		display: block;
	}
	#CONTENTS .bicycle_box .img_box .text_box .sub {
		max-width: inherit;
		padding: 22px 24px;
	}
	#CONTENTS .bicycle_box .img_box .text_box .sub p {
		font-size: 16px;
		font-weight: 400;
		line-height: 200%;
		letter-spacing: 1.6px;
	}
	#CONTENTS .headling02_img {
		width: min(8vh,49px);
	}
	#CONTENTS .comfortable .headling02_img {
		width: min(5vh,49px);
	}
	#CONTENTS .headling02_txt {
		position: relative;
		bottom: -2px;
		font-size: 18px;
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: 1.8px;
	}
	#CONTENTS .headling02_ttl_span {
		padding: 0 0 0 15px;
		margin-left: 15px;
	}
	#CONTENTS .headling02_txt small {
		margin: -9px 0 0;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1.4px;
	}
	#CONTENTS .headling02 {
		margin-bottom: 30px;
	}
	#CONTENTS .travel_list {
		margin-bottom: 2px;
		display: block;
	}
	#CONTENTS .travel_list li {
		width: auto;
		margin-bottom: 35px;
	}
	#CONTENTS .travel_list li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .travel_list .travel_ttl {
		font-size: 16px;
		margin-bottom: 13px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: 1.6px;
		background-position: left calc(50% + 2px),right calc(50% + 2px);
	}
	#CONTENTS .travel_white p {
		padding-top: 2px;
		min-height: 90px;
		font-size: 18px;
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: 1.8px;
	}
	#CONTENTS .travel_white p small {
		font-size: 14px;
	}
	#CONTENTS .travel_white {
		padding-bottom: 20px;
		min-height: 219px;
		box-sizing: border-box;
	}
	#CONTENTS .travel {
		margin-bottom: 62px;
	}
	#CONTENTS .motor {
		margin-top: 69px;
		margin-bottom: 24px;
		padding: 15px 15px 19px;
	}
	#CONTENTS .motor h3 {
		margin-bottom: 15px;
		padding: 10px 10px 13px; 
		font-size: 16px;
		font-weight: 600;
		line-height: 135%; 
		letter-spacing: 1.6px;
	}
	#CONTENTS .motor_list {
		margin: 0;
		gap: 13px 9px;
	}
	#CONTENTS .motor_list li {
		width: calc((100% - 9px) / 2);
	}
	#CONTENTS .motor_list .motor_list_img {
		width: min(11.6vw,45px);
		margin-right: min(1.8vw,7px);
	}
	#CONTENTS .motor_list .motor_list_txt {
		font-size: min(3.1vw,12px);
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: 1.2px;
	}
	#CONTENTS .com_link {
		max-width: 361px;
	}
	#CONTENTS .com_link a {
		min-height: 48px;
		font-size: 12px;
		font-weight: 500;
		line-height: 150%; 
	}
	#CONTENTS .comfortable {
		padding: 93px 0;
	}
	#CONTENTS .comfortable .headling01 {
		margin-bottom: 40px;
	}
	#CONTENTS .comfortable .headling02_txt .sub_span {
		font-size: 14px;
		font-size: min(2.2vh,14px);
		padding: 6px 16px 8px;
		font-weight: 500;
	}
	#CONTENTS .comfortable .headling02_ttl {
		font-size: min(2.5vh,16px);
		font-weight: 600;
		line-height: 150%; 
		margin-bottom: 0;
		padding-top: 2px;
		letter-spacing: 1.6px;
	}
	#CONTENTS .comfortable .headling02 {
		margin: -2px 0 -5px;
	}
	#CONTENTS .foo_list .foo_box {
		margin: -5px 10px 0;
		position: static;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
	}
	#CONTENTS .foo_list .foo_box h3 {
		font-size: 20px;
		font-size: min(2.2vh,20px);
		margin-bottom: 7px;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: 2px;
	}
	#CONTENTS .throttle {
		margin-left: 0;
		margin-top: 12px;
		position: static;
		bottom: auto;
		display: flex;
		align-items: flex-start;
		right: auto;
	}
	#CONTENTS .foo_list .foo_box p {
		margin-bottom: 10px;
		font-size: min(1.5vh,14px);
		font-weight: 400;
		line-height: 200%; 
		max-width: inherit;
		letter-spacing: 1.4px;
		text-align: justify;
	}
	#CONTENTS .foo_list .foo_box .small_txt {
		font-size: min(1.2vh,12px);
		font-weight: 400;
		line-height: 150%; 
		letter-spacing: 1.2px;
	}
	#CONTENTS .foo_list .foo_box .throttle_txt {
		font-size: min(1.5vh,12px);
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: 1.2px;
		flex: 1;
		margin: 0;
		text-align: left;
	}
	#CONTENTS .throttle .throttle_photo {
		width: 72.5%;
		margin: 4px 10px 0 0;
	}
	#CONTENTS .sticky_box {
		margin-bottom: 88px;
	}
	#CONTENTS .js_box {
		margin: 0 -10px;
	}
	#CONTENTS .sticky_box .dots_list {
		left: auto;
		right: 10px;
		top: max(-21.4vw,-84px);
		gap: 4px;
	}
	#CONTENTS .sticky_box .dots_list li {
		height: 26px;
		gap: 4px;
	}
	#CONTENTS .everyday {
		padding: 20px 0 5px;
	}
	#CONTENTS .center_txt {
		margin-bottom: 82px;
		text-align: justify;
		font-size: 16px;
		font-weight: 400;
		line-height: 200%; 
		letter-spacing: 1.6px;
	}
	#CONTENTS .peace {
		padding-top: 35px;
		margin-bottom: 67px;
		display: block;
	}
	#CONTENTS .peace_txt_img {
		width: 192px;
		margin: 0 auto 42px;
	}
	#CONTENTS .peace_right {
		width: auto;
		margin: 0 -1px;
	}
	#CONTENTS .everyday_box {
		margin-bottom: 32px;
		display: block;
	}
	#CONTENTS .everyday_box .everyday_box_txt_img {
		display: none;
	}
	#CONTENTS .everyday_box_left {
		margin: 0 14px 0 27px;
	}
	#CONTENTS .everyday_box_photo {
		width: auto;
	}
	#CONTENTS .everyday_box_photo img {
		width: 100%;
	}
	#CONTENTS .everyday_box_photo .com_txt {
		bottom: 30px;
		left: 5px;
	}
	#CONTENTS .everyday_box_photo .ico {
		width: 18%;	
	}
	#CONTENTS .everyday_box_photo .ico01 {
		left: 44.4%;
    	top: -18%;
	}
	#CONTENTS .everyday_box_photo .ico02 {
		left: 25.4%;
		top: -5.7%;
	}
	#CONTENTS .everyday_box_photo .ico03 {
		left: 5.9%;
    	top: 11.5%;
	}
	#CONTENTS .everyday_box_photo .ico04 {
		left: 19.2%;
    	top: 20.0%;
	}
	#CONTENTS .everyday_box_photo .ico05 {
		right: -0.6%;
   		 top: 32%;
	}
	#CONTENTS .everyday_box_photo .ico06 {
		left: 43.8%;
    	top: 25%;
	}
	#CONTENTS .everyday_box_photo .ico07 {
		left: -7%;
    	top: 39.0%;
	}
	#CONTENTS .everyday_box_photo .ico08 {
		top: 82%;
    	left: 36%;
	}
	#CONTENTS .everyday_box_right {
		position: fixed;
		padding: 100px 16px 50px;
		box-sizing: border-box;
		top: 0;
		left: -0;
		z-index: 500;
		height: 100%;
		width: 100%;
		display: none;
		background-color: #000000;
	}
	.everyday_box_list p {
		color: #FFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 200%; 
		letter-spacing: 1.6px;
	}
	#CONTENTS .everyday_box_list {
		margin-bottom: 62px;
	}
	.everyday_box_list .everyday_box_list_ttl {
		font-size: 18px !important;
		font-weight: 600;
		line-height: 150% !important; 
		letter-spacing: 1.8px;
	}
	.everyday_box_right .ico_box {
		margin-top: 63px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.everyday_box_right .ico_box img {
		width: 100%;
	}
	.everyday_box_right .ico_box > div {
		cursor: pointer;
		width: 55px;
		margin: 0 13px;
	}
	.everyday_box_right .close {
		position: fixed;
		top: 16px;
		right: 16px;
		width: 40px;
	}
	.everyday_box_right .close img {
		width: 100%;
	}
	.everyday_box_right {
		padding: 80px 0;
	}
	#CONTENTS .bike_box {
		margin-bottom: 69px;
		position: relative;
	}
	#CONTENTS .bike_box .prev {
		z-index: 10;
		position: absolute;
		top: calc(50% - 3.2rem);
		left: 0;
		cursor: pointer;
		width: 32px;
	}
	#CONTENTS .bike_box .next {
		z-index: 10;
		position: absolute;
		top: calc(50% - 3.2rem);
		right: 0;
		cursor: pointer;
		width: 32px;
	}
	#CONTENTS .bike_list {
		display: block;
	}
	#CONTENTS .bike_list li {
		width: auto;
	}
	#CONTENTS .bike_list_photo {
		margin: 0 20px;
	}
	#CONTENTS .bike_list_photo img {
		width: 100%;
	}
	#CONTENTS .bike_list .bike_list_item {
		display: none;
	}
	#CONTENTS .bike_list p {
		margin-top: -27px;
		margin-bottom: 17px;
		position: relative;
		z-index: 1;
	}
	#CONTENTS .dot_list {
		margin-top: 10px;
		display: flex;
		justify-content: center;
		gap: 0 25px;
	}
	#CONTENTS .dot_list li {
		cursor: pointer;
		border-radius: 5px;
		border: 1px solid #AAA;
		background: #FFF;
		font-size: 16px;
		font-weight: 600;
		line-height: 150%; 
		letter-spacing: 1.6px;
		width: 37px;
		height: 37px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#CONTENTS .dot_list li.on {
		outline: 1px solid #285FA8;
		border-radius: 4px;
		outline-offset: 3px;
	}
	#CONTENTS .dot_list .li02 {
		background-color: #A1D08D;
	}
	#CONTENTS .dot_list .li03 {
		background-color: #E5CFA1;
	}
	#CONTENTS .bike_list_photo .com_txt {
		display: none;
	}
	#CONTENTS .panasonic_list {
		margin-bottom: 50px;
		display: block;
	}
	#CONTENTS .panasonic_list li {
		width: auto;
		margin-bottom: 53px;
		display: block;
	}
	#CONTENTS .panasonic_list li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .panasonic_list .panasonic_list_photo {
		width: auto !important;
		margin: 0 0 13px;
	}
	#CONTENTS .panasonic_list .panasonic_list_photo img {
		width: 100%;
	}
	#CONTENTS .panasonic_list p {
		font-size: 14px;
		font-weight: 400;
		line-height: 200%; 
		letter-spacing: 1.4px;
	}
	#CONTENTS .panasonic_list .panasonic_list_ttl {
		font-size: 18px;
		margin-bottom: 8px;
		font-weight: 700;
		line-height: 150%; 
		letter-spacing: 1.8px;
	}
	#CONTENTS .panasonic_list h3 {
		font-size: 18px;
		padding-bottom: 5px;
		margin-bottom: 8px;
		font-weight: 700;
		line-height: 130%; 
		letter-spacing: 1.8px;
	}
	#CONTENTS .panasonic_txt_img {
		margin-bottom: 34px;
	}
	#CONTENTS .panasonic_txt_img img {
		width: 100%;
	}
	div#CONTENTS_BLOCK .panasonic_txt_note {
		margin-bottom: 36px;
		font-size: 12px;
		font-weight: 400;
		line-height: 150%; 
		text-align: justify;
		letter-spacing: 1.2px;
	}
	#CONTENTS .operation {
		padding: 20px 0 10px;
	}
	#CONTENTS .operation .headling01 {
		margin-bottom: 12px;
	}
	#CONTENTS .operation .center_txt {
		margin-bottom: 60px;
	}
	#CONTENTS .operation_list {
		padding-top: 0;
		gap: 43px 30px;
	}
	#CONTENTS .operation_list li {
		width: calc((100% - 30px) / 2);
	}
	#CONTENTS .operation_list .operation_list_photo img {
		width: 100%;
	}
	#CONTENTS .operation_list p {
		font-size: 14px;
		font-weight: 400;
		line-height: 200%; 
		margin-right: 0;
		letter-spacing: 1.4px;
	}
	#CONTENTS .customize {
		padding: 24px 0 20px;
	}
	#CONTENTS .customize_list {
		padding-top: 19px;
		display: block;
	}
	#CONTENTS .customize_list:not(.customize_list02) li {
		margin: 0 0 63px !important;
		width: auto !important;
	}
	#CONTENTS .customize_list:not(.customize_list02) li:last-child {
		margin-bottom: 0 !important;
	}
	#CONTENTS .customize_list .customize_list_photo {
		margin-bottom: 10px;
		width: auto;
	}
	#CONTENTS .customize_list p {
		font-size: 14px;
		font-weight: 400;
		line-height: 150%; 
		letter-spacing: 1.4px;
	}
	#CONTENTS .customize_list .customize_list_ttl {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 600;
		line-height: 130%; 
		letter-spacing: 1.8px;
	}
	#CONTENTS .customize_list_dl_item {
		font-size: 16px;
		padding: 0 5px 2px;
		font-weight: 600;
		line-height: 1.4; 
		letter-spacing: 1.6px;
	}
	#CONTENTS .customize_list_dl dd {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1.4px;
	}
	#CONTENTS .customize_list .customize_list_photo_sub {
		position: static;
		order: 2;
		width: min(50vw,193px);
		margin: 7px 0 0 8px;
	}
	#CONTENTS .customize_list .sp_box {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	#CONTENTS .customize_list .sp_box p {
		line-height: 1.6;
		flex: 1;
	}
	#CONTENTS .customize_list02 li {
		margin-bottom: 60px;
		width: auto;
	}
	#CONTENTS .customize_list02 li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .customize_list .customize_list_photo img {
		width: 100%;
	}
	#CONTENTS .customize_list_dl dt {
		font-size: 16px;
	}
	#CONTENTS .advanced {
		padding: 102px 0 20px;
	}
	#CONTENTS .advanced .headling01 {
		line-height: 1.35;
	}
	#CONTENTS .advanced_photo {
		margin: 0 -16px -7px;
	}
	#CONTENTS .advanced_photo img {
		width: 100%;
	}
	#CONTENTS .advanced_txt {
		margin-bottom: 18px;
	}
	#CONTENTS .advanced_box {
		padding: 9px 0 49px;
	}
	#CONTENTS .advanced h3 {
		font-size: 20px;
		font-weight: 700;
		line-height: 150%; 
		letter-spacing: 2px;
	}
	#CONTENTS .advanced_list {
		margin: 0 0 65px;
		display: block;
	}
	#CONTENTS .advanced_list li {
		margin-bottom: 71px;
		width: auto;
	}
	#CONTENTS .advanced_list li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .advanced .center_txt {
		margin-bottom: 30px;
	}
	#CONTENTS .service_list {
		margin-bottom: 49px;
		padding-top: 7px;
		display: block;
	}
	#CONTENTS .service_list li {
		padding: 32px min(8.2vw,32px) 25px;
		min-height: 314px;
		width: auto;
		margin-bottom: 15px;
	}
	#CONTENTS .service_list_img {
		width: min(20.5vw,80px);
	}
	#CONTENTS .service_list .service_list_img_txt {
		font-size: min(6.2vw,24px);
	}
	#CONTENTS .service_list li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .advanced h4 {
		margin-top: 47px;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%; 
		margin-bottom: 32px;
		letter-spacing: 1.6px;
	}
	#CONTENTS .fee_list {
		margin-bottom: 15px;
		display: block;
	}
	#CONTENTS .fee_list li {
		padding: 37px min(8.2vw,32px) 29px;
		width: auto;
		margin-bottom: 16px;
	}
	#CONTENTS .fee_list li .fee_list_ttl {
		margin-left: -10px;
		margin-right: -10px;
	}
	#CONTENTS .fee_list li:last-child {
		margin-bottom: 0;
	}
	#CONTENTS .fee_list .com_link a {
		min-height: 48px;
	}
	#CONTENTS .fee_list li p {
		margin-bottom: 20px;
	}
	#CONTENTS .insurance {
		padding: 28px 0 87px;
	}
	#CONTENTS .insurance_photo {
		margin-bottom: 50px;
	}
	#CONTENTS .insurance .h3_ttl {
		padding-top: 86px;
		margin-bottom: 30px;
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: 1.6px;
	}
	#CONTENTS .insurance_table {
		overflow-x: scroll;
		margin: 0 -16px 20px 4px;
	}
	#CONTENTS .insurance_text_img {
		width: 100%;
		margin-bottom: 10px;
		min-width: 1101px;
	}
	#CONTENTS .insurance p {
		margin-left: 4px;
		font-size: 12px;
		font-weight: 400;
		line-height: 150%; 
		letter-spacing: 1.2px;
	}
	#CONTENTS .fee_list li .fee_list_text {
		text-align: center;
	}
	#CONTENTS .insurance_text_img .img01 {
		width: 143px;
		position: sticky;
		left: 0;
		background-color: #fff;
	}
	#CONTENTS .insurance_text_img .img02 {
		width: calc(100% - 143px);
	}
	#CONTENTS .insurance .btmBanner {
		padding-top: 35px;
	}
	.mfp-container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.mfp-bg {
		opacity: 1 !important;
	}
	#CONTENTS .customize .btm_txt {
		padding-top: 35px;
	}
	#CONTENTS .insurance_list {
		margin-bottom: 25px;
		padding-top: 38px;
		gap: 16px;
	}
	#CONTENTS .insurance_list li {
		padding: 10px 3px;
		min-height: 150px;
		width: calc((100% - 16px) / 2);
	}
	#CONTENTS .insurance p {
		font-size: 14px;
	}
	#CONTENTS .insurance_list .ttl {
		font-size: 16px;
	}
	#CONTENTS .insurance_list .ttl .big_span {
		font-size: 20px;
	}
	#CONTENTS .insurance .insurance_txt {
		font-size: 12px;
		margin-bottom: 52px;
	}
	#CONTENTS .insurance_box {
		display: block;
	}
	#CONTENTS .insurance_box--3 {
		margin-bottom: 19px;
	}
	#CONTENTS .insurance_box_right {
		width: auto;
		margin: 0;
	}
	#CONTENTS .insurance_box_left p {
		font-size: 16px;
		line-height: 2;
		letter-spacing: 1.7px;
	}
	#CONTENTS .insurance_box_left .ttl {
		font-size: 20px;
	}
	#CONTENTS .insurance_box_left .txt {
		font-size: 20px;
	}
	#CONTENTS .insurance_heading {
		margin-bottom: 20px;
		font-size: 20px;
		text-align: left;
	}
	#CONTENTS .insurance_heading span {
		text-align: center;
		display: inline-block;
	}
	#CONTENTS .insurance_box_left p .big_span {
		line-height: 1.8;
		font-size: 20px;
	}
	#CONTENTS .insurance_box_left {
		margin-bottom: 14px;
	}
	#CONTENTS .insurance_box--3 .insurance_box_left {
		width: auto;
		margin-bottom: 32px;
	}
	#CONTENTS .insurance_box--3 .insurance_box_right {
		margin: 0;
	}
	#CONTENTS .insurance_box--3 .insurance_box_sub {
		display: block;
	}
	#CONTENTS .insurance_box--3 .insurance_box_sub .photo-box {
		width: auto;
		margin: 14px 0 0;
	}
	#CONTENTS .insurance_box--3 .insurance_box_right p {
		font-size: 16px;
	}
	#CONTENTS .insurance_box--3 .insurance_box_right .ttl {
		font-size: 24px;
	}
	#CONTENTS .insurance .small_txt {
		text-align: justify;
		margin-left: 0;
		margin-bottom: 27px;
		font-size: 12px;
		letter-spacing: 1.2px;
	}
	#CONTENTS .insurance .com_link {
		margin-bottom: 82px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	#CONTENTS .motor_list {
		margin: 0 min(1vw,80px);
	}
	#CONTENTS .panasonic_list .li_style .panasonic_list_photo {
		width: 70%;
	}
	#CONTENTS .motor_list .motor_list_img {
		width: min(5.7vw,60px);
	}
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
	#CONTENTS .sticky_box .dots_list {
		/* left: -1.2vw; */
		left: 1vw;
	}
}

@media screen and (max-width: 392px) {
	div#CONTENTS_BLOCK p {
		font-size: min(3.6vw,14px);
	}
	#CONTENTS .comfortable .headling02_ttl {
		font-size: min(4.5vw,16px);
	}
}

@media screen and (min-width: 768px) and (max-height: 900px) {
	#CONTENTS .foo_list .js_photo {
		max-height: 73vh;
		object-fit: contain;
		height: 100%;
	}
	#CONTENTS .comfortable .headling02_txt .sub_span {
		font-size: min(2.5vw,2.9vh,24px);
	}
	#CONTENTS .comfortable .headling02_img {
		width: min(5vw,5.5vh,48px);
	}
	#CONTENTS .comfortable .headling02_ttl {
		font-size: min(3vw,3.4vh,32px);
		margin-bottom: min(1vw,22px);
	}
	#CONTENTS .js_box {
		margin-top: -20px;
	}
	#CONTENTS .foo_list .foo_box p {
		font-size: min(1.1vw,1.8vh,14px);
	}
	#CONTENTS .foo_list .foo_box .small_txt {
		font-size: min(0.83vw,1.7vh,12px);
	}
	#CONTENTS .throttle {
		margin-top: min(1vw,30px);
	}
}

@media screen and (max-width: 767px) and (max-height: 900px) {
	#CONTENTS .foo_list li .js_photo {
        max-height: 40vh;
        object-fit: contain;
    }
	#CONTENTS .comfortable .headling02 {
		margin-bottom: 10px;
	}
	#CONTENTS .sticky_box .sticky_inner_box {
		top: 70px;
	}

}

@media screen and (max-width: 980px) {
	.holdings-footer.fix .holdings-footer__pagetop {
		bottom: 30px;
	}
	.holdings-footer__pagetop {
		bottom: calc(100% + 30px);
	}
}

@media screen and (max-width: 389px) {
	#CONTENTS .motor_list .motor_list_txt {
		font-size: min(2.5vw,12px);
	}
	#CONTENTS .motor_list .motor_list_img {
		width: min(10.6vw,45px);
	}
	#CONTENTS .insurance_list .ttl {
		font-size: 15px;
	}
	#CONTENTS .insurance_list .ttl .big_span {
		font-size: 17px;
	}
	#CONTENTS .insurance_list p {
		font-size: 11px;
	}
	#CONTENTS .comfortable .headling02_ttl {
		font-size: min(4vw,16px);
	}
}

@media all and (min-width: 768px) {
	.mfp-iframe-holder .mfp-content {
		max-width: 1200px;
	}
}