@charset "utf-8";
/* CSS Document */

input[type=checkbox] {
  transform: scale(1.5);
}

body{
	background:#000;
	font-family: 'Noto Sans JP', sans-serif;
}

#wrapper {
	max-width: 1000px;
	width:100%;
	margin:0 auto;
}


.wrapper_inner {
	max-width: 896px;
	margin:0 auto;
	font-size: 100%;
	overflow: hidden;
	width:90%;
	color:#fff;
}

a {
	text-decoration: none;
}

#wrapper img {
	vertical-align:top;
}

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

.img_area{
	text-align:center;
	margin:0 auto;
}

#wrapper .img_area img{

}
.max_img img{
	width:100%;
}

#wrapper a.black:link {
	color:#000;
}
#wrapper a.black:visited  {
	color:#000;
}

#wrapper a.red:link {
	color:#d32525;
}
#wrapper a.blue:link {
	color:#3391c4;
}
#wrapper a.red:visited  {
	color:#d32525;
}
#wrapper a.blue:visited  {
	color:#3391c4;
}

#wrapper .swiper-container{

}
#wrapper .swiper{
	margin:2% auto;
	margin-inline: auto;
	max-width: 1100px;
	position: relative;
	width:100%;
}
#wrapper .swiper-wrapper {
	transition-timing-function: linear;
}

#wrapper .swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
//    opacity: .5;
//    transform: scale(.85);
 //   transition: .5s;
	height: auto;

}
.swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
	height: auto;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #333 !important;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.swiper .swiper-button-next,.swiper .swiper-button-prev{
    background-color: #00465c;
    border-radius: 50%;
    width: 2.5vw;
    height: 2.5vw;
//    margin-top:-10%;
}

.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
	font-size: clamp(1.0rem, 1.4vw, 1.4rem);
}

.swiper .swiper-button-next::after {
    content: '\f054'; /* FontAwesomeの右矢印 */
}

.swiper .swiper-button-prev::after {
    content: '\f053'; /* FontAwesomeの左矢印 */
}


#wrapper .logo{
	text-align:center;
	margin:8% auto;
}
.h1_01{
	font-size: clamp(1.8rem, 0.647rem + 5.76vw, 4.25rem);
	font-family: 'bentley_bold';
	margin-top:6%;
	line-height:1.2;
}

.t_01{
	font-size: clamp(0.8rem, 0.329rem + 2.35vw, 1.8rem);
	font-family: 'bentley_bold';
	margin-top:4%;
	line-height:1.3;
	letter-spacing: 0.2em;
}
.t_02{
	font-size: clamp(1rem, 0.388rem + 3.06vw, 2.3rem);
	font-family: 'bentley_light';
	margin-top:12%;
	text-align:center;
	letter-spacing: 0.16em;
}
.t_03{
	font-size: clamp(1rem, 0.273rem + 3.64vw, 3rem);
	font-weight:800;
	margin-top:10%;
	margin-bottom:2%;
	line-height:1;
	color:#e60012;
}
.t_03 span{
	font-size: clamp(1.2rem, 0.182rem + 5.09vw, 4rem);
	font-family: 'bentley_bold';
	vertical-align: middle;
}


#wrapper .car_box{
	margin-top:12%;
}

.cb_t{
	font-family: 'bentley_bold';
	font-size: clamp(0.9rem, 0.209rem + 3.45vw, 2.8rem);
	margin-top:4%;
}
.cb_tx{
	margin-top:2%;
	font-size: clamp(0.6rem, 0.294rem + 1.53vw, 1.25rem);
	line-height:1.4;
	font-feature-settings: "palt";
}
.cb_tx span{
	font-family: 'bentley_light';
	font-size: clamp(0.6rem, 0.176rem + 2.12vw, 1.5rem);
	vertical-align: -3%;
}
.car_img_fl{
	margin-top:3%;
	display: flex;
	justify-content: space-between;
}
.car_img_fl img{
	width:100%;
}
.car_img_l{
	max-width:549px;
	width:61.2%;
}
.car_img_r{
	display:flex;
	flex-flow: column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.car_img_r{
	max-width:337px;
	width:37.6%;
}

#wrapper .car_box_fl{
	display:flex;
	justify-content: space-between;
	width:100%;
	margin:3% auto 0;
}

#wrapper .car_box_l{
	display:flex;
	flex-flow: column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:38%;
}
.car_box_l_fl{
	display:flex;
	justify-content:space-between;
}
.cb_p_01{
	font-size: clamp(0.6rem, 0.224rem + 1.88vw, 1.4rem);
	font-weight:600;
	white-space: nowrap;
	
}
.cb_p_02{
	width: 100%;
	font-size: clamp(0.6rem, 0.224rem + 1.88vw, 1.4rem);
	letter-spacing: -0.6em;
}
.cb_p_03{
	font-family: 'bentley_bold';
	font-size: clamp(0.8rem, 0.306rem + 2.47vw, 1.85rem);
	text-align:right;
}

#wrapper .car_box_r{
	width:60%;
	padding-left:1%;
}

.car_box_r_in{
	width:100%;
	border:0.2vw solid #fff;
	box-sizing: border-box;
}

#wrapper .car_box_d{
	margin-top:2.5%;
	font-size: clamp(0.6rem, -0.109rem + 3.55vw, 2.55rem);
	font-weight:900;
	white-space: nowrap;
	text-align:center;

}

#wrapper .car_box_d span{
	font-family: 'bentley_bold';
	font-size: clamp(0.8rem, -0.109rem + 4.55vw, 3.3rem);
	vertical-align: middle;
}

#wrapper .car_box_p{
	font-size: clamp(0.4rem, 0.259rem + 0.71vw, 0.7rem);
	margin-top:1%;
	margin-bottom:2%;
	font-feature-settings: "palt";
	text-align:center;
}
.sim_box{
	margin-top:6%;
	border:0.25vw solid #fff;
	padding:3%;
}
.sim_box_in{
	margin:0 auto;
	width: fit-content;
	max-width:760px;
}

.t_04{
	font-size: clamp(1rem, 0.153rem + 4.24vw, 2.8rem);
	font-weight:700;
	line-height:1;
	color:#e60012;
}
.t_04 span{
	font-size: clamp(1.2rem, 0.071rem + 5.65vw, 3.6rem);
	font-family: 'bentley_bold';
	vertical-align: middle;
}
.sm_01{
	margin-top:3%;
	font-size: clamp(1rem, 0.2rem + 4vw, 2.7rem);
	font-feature-settings: "palt";
}
.sm_fl{
	margin-top:2%;
	margin-bottom:2%;
	width:100%;
	font-feature-settings: "palt";
	font-size: clamp(0.8rem, 0.141rem + 3.29vw, 2.2rem);
	font-weight:600;
}
.sm_c span,.sm_r span,.sm_c2 span,.sm_r2 span{
	font-family: 'bentley_bold';
	font-size: clamp(1.1rem, 0.3rem + 4vw, 2.8rem);
	vertical-align: middle;
}
.sm_c,.sm_c2{
	text-align:right;
}
.sm_l,.sm_c,.sm_r{
	padding-top:1.5%;
	padding-bottom:1.5%;
}
.sm_l2,.sm_c2,.sm_r2{
	color:#e60012;
}

.sm_02{
	font-size: clamp(0.6rem, 0.365rem + 1.18vw, 1.1rem);
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
	font-feature-settings: "palt";
}
.sm_02 span{
	font-family: 'bentley_light';
	font-size: clamp(0.7rem, 0.418rem + 1.41vw, 1.3rem);
	vertical-align: -2%;
}

.sm_03{
	margin-top:5%;
	font-size: clamp(0.8rem, 0.282rem + 2.59vw, 1.9rem);
	line-height:1.5;
	text-align:center;
	font-weight:600;
}

.wt_max{
	margin-top:10%;
	padding-top:2%;
	background:#fff;
}
.gy_max{
	background:#efefef;
	color:#000;
	max-width: 1000px;
	margin:2% auto 0;
	font-size: 100%;
	overflow: hidden;
	width:100%;
	color:#000;
}
.gy_max_in{
	max-width: 896px;
	margin:0 auto;
	font-size: 100%;
	overflow: hidden;
	width:90%;
	font-feature-settings: "palt";
	padding-bottom:7%;
}

.pr_01{
	margin-top:6%;
	font-size: clamp(1.1rem, 0.394rem + 3.53vw, 2.6rem);
	font-weight:600;
}
.pr_01 span{
	margin-top:6%;
	font-size: clamp(1.2rem, 0.212rem + 4.94vw, 3.3rem);
	font-family: 'bentley_bold';
	vertical-align: middle;
}

.pre_fl{
	margin-top:5%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.pre_fl_l{
	padding-right:3%;
}
.pre_fl_r{
	max-width:270px;
	width:100%;
}
.pre_fl_r img{
	width:100%;
}

.pr1_02{
	font-family: 'bentley_regular';
	font-size: clamp(1.3rem, 0.453rem + 4.24vw, 3.1rem);
	white-space: nowrap;
}
.pr1_03{
	margin-top:1%;
	font-weight: 500;
	font-size: clamp(0.7rem, 0.276rem + 2.12vw, 1.6rem);
}
.pr1_04{
	margin-top:2%;
	font-weight: 700;
	font-size: clamp(0.7rem, 0.259rem + 2.21vw, 1.637rem);
}
.pr1_04 span{
	font-family: 'bentley_bold';
	font-size: clamp(0.9rem, 0.335rem + 2.82vw, 2.1rem);
	vertical-align: middle;
}
.pr1_05{
	margin-top:2%;
	font-weight: 500;
	font-size: clamp(0.6rem, 0.412rem + 0.94vw, 1rem);
}
.pr1_05 span{
	font-family: 'bentley_regular';
	font-size: clamp(0.7rem, 0.465rem + 1.18vw, 1.2rem);
	vertical-align: middle;
}
.pr1_06{
	margin-top:2%;
	font-weight: 500;
	font-size: clamp(0.6rem, 0.412rem + 0.94vw, 1rem);
	text-align:center;
}
.pr1_06 span{
	font-family: 'bentley_light';
	font-size: clamp(0.7rem, 0.465rem + 1.18vw, 1.2rem);
	vertical-align: middle;
}
.pr2_02{
	font-weight: 700;
	font-size: clamp(1rem, 0.388rem + 3.06vw, 2.3rem);
}
.pr2_04{
	margin-top:2%;
	font-weight: 500;
	font-size: clamp(0.7rem, 0.276rem + 2.12vw, 1.6rem);
	transform: scale(0.85, 1);
	transform-origin: top left;
	width: 120%;
	line-height:1.3;
}
.pr2_05{
	margin-top:1%;
	font-weight: 500;
	font-size: clamp(0.7rem, 0.276rem + 2.12vw, 1.6rem);
}
.pr2_05 span{
	font-family: 'bentley_regular';
	font-size: clamp(0.8rem, 0.282rem + 2.59vw, 1.9rem);
	vertical-align: -1%;
}

.bottom_in{
	max-width: 896px;
	margin:2% auto 0;
	font-size: 100%;
	overflow: hidden;
	width:90%;
	font-feature-settings: "palt";
	padding-bottom:7%;
	color:#000;
}
.pre_fl2{
	margin-top:3%;
	display: flex;
	justify-content: space-between;
}


.pr3_02{
	margin-left:0;
	font-family: 'bentley_regular';
	font-size: clamp(1.3rem, 0.453rem + 4.24vw, 3.1rem);
	width: fit-content;
	text-align:right;
	line-height:1;
}
.pr3_03{
	font-weight: 500;
	font-size: clamp(0.6rem, 0.412rem + 0.94vw, 1rem);
	vertical-align:120%;
}
.pr3_04{
	margin-top:1%;
	font-weight: 500;
	font-size: clamp(0.6rem, 0.294rem + 1.53vw, 1.25rem);
	line-height:1.3;
}
.pr3_04 span{
	font-family: 'bentley_regular';
	font-size: clamp(0.7rem, 0.324rem + 1.88vw, 1.5rem);
	vertical-align: -2%;
}

.raiten{
	text-align:center;
//	background:#666767;
	color:#000;
//	padding:3%;
	font-size: clamp(0.8rem, 1.6vw, 1.6rem);
	line-height:150%;
}


.margin_top05{
	margin-top:1%;
}
#wrapper .margin_top10{
	margin-top:3%;
}
#wrapper .margin_top20{
	margin-top:6%;
}

#wrapper .margin_top30{
	margin-top:9%;
}

#wrapper .margin_top40{
	margin-top:12%;
}

#wrapper .margin_top50{
	margin-top:15%;
}

#wrapper .margin_top60{
	margin-top:18%;
}

#wrapper .margin_top70{
	margin-top:21%;
}
#wrapper .margin_top80{
	margin-top:24%;
}
#wrapper .margin_top90{
	margin-top:27%;
}
#wrapper .margin_top100{
	margin-top:30%;
}


/*ページトップスクロールボタン*/
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}
/*---------------------------------------------------------------------------------*/

.footer {
	margin-top:8%;
//	max-width: 1025px;
	width:100%;
	border-top:0.7vw solid #000;
}


.f_box{
	display:flex;
	justify-content: space-between;
	max-width: 896px;
	width:100%;
	margin:4% auto;
}

.foot_left{
	width:60%;
}

.foot_right{
	width:40%;
}


.foot_right imh{
	width:100%;
	max-width:356px
}

.f_box .f_txt_01{
	font-weight:600;
	font-size: clamp(0.7rem, -1.1rem + 4vw, 1.4rem);
	text-align:left;
	line-height:1.3;
	margin:10px auto 0;
}
.f_box .f_txt_02{
	font-weight:600;
	font-size: clamp(1.3rem, -2.557rem + 8.57vw, 2.8rem);
	text-align:left;
	line-height:1.3;
	margin:10px auto 0;
}
.f_box .f_txt_03{
	font-weight:500;
	font-size: clamp(0.6rem, -1.2rem + 4vw, 1.3rem);
	text-align:left;
	line-height:1.5;
	margin:10px auto 0;
}
.f_cap{
	font-weight:500;
	font-size: clamp(0.5rem, 0.355rem + 0.73vw, 0.9rem);
	text-align:center;
	width:100%;
	margin-bottom:1%;
}
.f_cap .en1{
	font-family: 'bentley_regular';
	font-size: clamp(0.7rem, 0.352rem + 1.74vw, 1.656rem);
	vertical-align:-3%;
}
.f_cap .en2{
	font-family: 'bentley_light';
	font-size: clamp(0.5rem, 0.282rem + 1.09vw, 1.1rem);
	vertical-align:-3%;
}


.cp{
	border-top:1px dotted;
	margin-top:3%;
	text-align:center;
	font-size: clamp(0.5rem, -0.529rem + 2.29vw, 0.9rem);
	padding-top:1%;
	padding-bottom:2%;
}



a:link{color: #fff;}
a:visited{color: #fff;}
a:hover{color: #fff;}
a:active{color: #fff;}

.bt_links{
	white-space: nowrap;
	text-align:center;
	margin:4% auto;
}


.bt_links img{
	width:100%;
	margin:20px auto;
}



.bt_links a {
//	max-width:852px;

	margin:3% auto;
	color: #000;
	font-size: clamp(0.7rem, 0.135rem + 2.82vw, 1.9rem);
	font-weight:600;
//	line-height:1.3;
	padding:2% 5% 2%;
	text-align:center;
	background: #fff;
//	border-radius: 6px;
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: .3s;
	border:0.2vw solid #000;
}

.bt_links a::before {
	content: "";
	width: 90%;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 5%;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	z-index: -1;
	opacity: 0;
	transition: .3s;
}
.bt_links a:hover {
	transform: translateY(-7px);
}
.bt_links a:hover::before {
	transform: translateY(7px);
	opacity: 1;
}



.bt_links2{
	width:100%;
	margin:0 auto;
	text-align:center;
}


.bt_links2 img{
	width:100%;
	margin:0 auto;
}



.bt_links2 a {
	max-width:700px;
	width:100%;
	margin:0 auto 7%;
	color: #fff;
	font-size: clamp(1.2rem, 3.0vw, 3.0rem);
//	line-height:1.3;
	font-family: 'gothic_101pro_db';
	
	text-align:center;
	background: #e60012;
	padding-top:2%;
	padding-bottom:3%;
//	border-radius: 4px;
	position: relative;
	z-index: 1;
	display: inline-block;

	transition: .3s;
}
.bt_links2 a::before {
	content: "";
	width: 90%;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 5%;
//	background: radial-gradient(ellipse at center, black  0%, white  80%);
	background: radial-gradient(ellipse at center, white  0%, black  80%);
	z-index: -1;
	opacity: 0;
	transition: .3s;
}
.bt_links2 a:hover {
	transform: translateY(-7px);
}
.bt_links2 a:hover::before {
	transform: translateY(7px);
	opacity: 1;
}
.sp_br{
	display: none;
}
.sp_none{
	display: none;
}

/* ************************************************************************************************ */
@media screen and (max-width: 980px) {



.sp_br{
	display: block;
}

}
/* ************************************************************************************************ */
@media screen and (max-width: 768px) {

.pc_none{
	display: none;
}
.sp_none{
	display: block;
	width:100%;
}

.swiper .swiper-button-next,.swiper .swiper-button-prev{
    width: 6.0vw;
    height: 6.0vw;
}

.pc_none{
	display:none;
}

.logo img{
	width:30%;
}

#wrapper .car_box_l{
	width:48%;
}
#wrapper .car_box_r{
	width:50%;
}

.pre_fl{
	display: block;
}
.pre_fl_l{
	padding-right:0%;
}
.pre_fl_r{
	max-width:896px;
	width:100%;
	text-align:center
}
.pre_fl_r img{
	margin-top:2%;
	max-width:270px;
	width:100%;
}
.pre_fl2{
	display: block;
}

.f_box{
	width:94%;
	display: block;
}
.foot_left{
	width:100%;
}
.foot_right{
	margin:5% auto 0;
	width:100%;
	text-align:center;
}

.f_box .f_txt_01{
	font-size: 0.9rem;
}
.f_box .f_txt_02{
	font-size: 2.0rem;
}
.f_box .f_txt_03{
	font-size: 0.9rem;
	
}
.f_cap{
	font-size: 0.8rem;
}
.f_cap .en1{
	font-size: 1.4rem;
}
.f_cap .en2{
	font-size: 0.9rem;
}


.car_img_fl{
	display: block;
}
.car_img_fl img{
	width:100%;
}
.car_img_l{
	max-width:1000px;
	width:100%;
}

.car_img_r{
	display:flex;
	flex-flow: row;
	justify-content:space-between;
}
.car_img_r{
	max-width:1000px;
	width:100%;
	margin-top:1%;
}
}
.car_img_r img{
	width:98%;
}


@media screen and (max-width: 600px) {
.navToggle{
	display:block;
}
}