@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/*FOT-筑紫B丸ゴシック Std R
FOT-TsukuBRdGothic Std R
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: 400;
font-style: normal;

FOT-筑紫B丸ゴシック Std B
FOT-TsukuBRdGothic Std B
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: 700;
font-style: normal;*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
 /*------------------------------------------------------------
   Browser Default Initialization responsive1
 ------------------------------------------------------------*/
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
 html {
   overflow-y: scroll;
   height: 100%;
 }
 body {
   margin: 0;
   padding: 0;
   /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
   color: #333;
   font-size: 16px;
   line-height: 125%;
   text-align: left;
   -webkit-text-size-adjust: 100%;
   background-color: #FFF;
   height: 100%;
   word-wrap: break-word;
 }

#wrapper{
	overflow: hidden;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
img{
	vertical-align:bottom;	
}
figure {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a{
	text-decoration: none;
	color: #000;
}


/*-----------------------------
   Header
-------------------------------*/
.totop{
  position: fixed;
  right: 1%;
  bottom: 3%;
	width: 90px;
	height: 87px;
	background-image: url("../images/img_btn_totop.png");
	background-position: center top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
	z-index: 1000;
}
.active{
  opacity: 1;
  visibility: visible;
}


.pc_only{
	display: block;
}
.smt_only{
	display: none;
}


/*-----------------------------
   Section01 タイトル
-------------------------------*/
article.cont_base_A{
	width: 100%;
	position: relative;
	z-index: 10;
}
article.cont_base_A .A_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color: #ccc;
}

.pos_ab{
	position: absolute;
}

.img_cont{
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.img_cont span{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

article.cont_base_A .A_inn h1{
	position: absolute;
	top: 32.5%;
	left: 51%;
	transform: translate(-50%,0);
	width: 66.5%;
	max-width: 665px;
}

.posi_adjust_A{
	top: 21%;
	right: 2%;
	width: 13.7%;
}
.posi_adjust_B{
	top: 2%;
	right: 1%;
	width: 16.3%;
}
.posi_adjust_C{
	top: 21%;
	left: 2%;
	width: 13.7%;
}
.posi_adjust_D{
	top: 61%;
	left: 15%;
	width: 40.3%;
}
.posi_adjust_E{
	top: 19%;
	left: 71%;
	transform: translate(-50%, 0);
	width: 18.5%;
}
.posi_adjust_F{
	top: 28%;
	left: 32%;
	transform: translate(-50%, 0);
	width: 24.3%;
}
.posi_adjust_G{
	top: 54%;
	left: 43%;
	transform: translate(-50%, 0);
	width: 45%;
}


.posi_adjust_H{
	bottom: 0;
	left: 71.5%;
	transform: translate(-50%, 0);
	width: 32.4%;
}

/*ガーランド*/
.posi_adjust_I{
	top: -18%;
	left: -8%;
	transform: translate(-50%, 0);
	width: 90.8%;
}
.posi_adjust_J{
	top: -14%;
	right: -56%;
	width: 88.9%;
}

/*バルーン*/
.posi_adjust_K{
	top: 20%;
	left: -7%;
	transform: translate(-50%, 0);
	width: 5%;
}
.posi_adjust_L{
	top: 32%;
	left: -6%;
	transform: translate(-50%, 0);
	width: 7.4%;
}
.posi_adjust_M{
	top: -6%;
	left: 39%;
	transform: translate(-50%, 0);
	width: 9.8%;
}
.posi_adjust_N{
	top: 30%;
	left: 105%;
	transform: translate(-50%, 0);
	width: 9.7%;
}
.posi_adjust_O{
	top: 77%;
	left: 100%;
	transform: translate(-50%, 0);
	width: 6.5%;
}

.fuwafuwa {
-webkit-animation:fuwafuwa 2.5s infinite linear alternate;
animation:fuwafuwa 2.5s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa{
0% {-webkit-transform:translate(0, 0) rotate(-10deg);}
50% {-webkit-transform:translate(0, -25px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(10deg);}
}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-10deg);}
50% {transform:translate(0, -25px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(10deg);}
}

.fuwafuwa2 {
-webkit-animation:fuwafuwa 3.5s infinite linear alternate;
animation:fuwafuwa 3.5s infinite linear alternate;
}



article.cont_base_A .A_inn h1 img,
.posi_adjust_A img,
.posi_adjust_B img,
.posi_adjust_C img,
.posi_adjust_D img,
.posi_adjust_E img,
.posi_adjust_F img,
.posi_adjust_G img,
.posi_adjust_H img,
.posi_adjust_I img,
.posi_adjust_J img,
.posi_adjust_K img,
.posi_adjust_L img,
.posi_adjust_M img,
.posi_adjust_N img,
.posi_adjust_O img,
.posi_adjust_P img,
.posi_adjust_Q img,
.posi_adjust_R img,
.posi_adjust_S img,
.posi_adjust_T img,
.posi_adjust_U img{
	width: 100%;
	height: auto;
}

.wid_adjust_F{
	width: 190%;
}

.border_line_A{
	width: 100%;
	height: 5px;
	 background: rgb(240,55,70);
background: -moz-linear-gradient(90deg, rgba(240,55,70,1) 49%, rgba(8,171,82,1) 51%);
background: -webkit-linear-gradient(90deg, rgba(240,55,70,1) 49%, rgba(8,171,82,1) 51%);
background: linear-gradient(90deg, rgba(240,55,70,1) 49%, rgba(8,171,82,1) 51%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f03746",endColorstr="#08ab52",GradientType=1); 
}

/*-----------------------------
   Section02 スケジュール
-------------------------------*/
article.cont_base_B{
	width: 100%;
	margin: 0 auto 0;
	background-image: url("../images/img_220308_section2_bg.png"), 
		 linear-gradient(90deg, rgba(216,175,85,1) 0%, rgba(254,254,202,1) 50%, rgba(216,175,85,1) 100%);
	background-position: top center;
	background-size: auto auto;
	background-repeat: repeat;

	position: relative;
}
article.cont_base_B .B_inn{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 0;
	position: relative;
}

.h_adjust_A{
	position: relative;
	width: 60.4%;
	margin: 0 auto 0;
	top: -35px;
	z-index: 100;
}
.h_adjust_B{
	position: relative;
	width: 74.4%;
	margin: 0 auto;
	top: -40px;
	z-index: 100;
}
.h_adjust_C{
	position: relative;
	width: 77.7%;
	margin: 0 auto;
	top: -40px;
	z-index: 100;
}
.h_adjust_C2{
	position: absolute;
	width: 77.7%;
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 100;
}
.h_adjust_A img,
.h_adjust_B img,
.h_adjust_C img,
.h_adjust_C2 img{
	width: 100%;
	height: auto;
}

/*バルーン（上）*/
.posi_adjust_P{
	top: 16%;
	left: 62%;
	transform: translate(-50%, 0);
	width: 8%;
}
/*バルーン（下）*/
.posi_adjust_Q{
	top: 90%;
	left: 27%;
	transform: translate(-50%, 0);
	width: 8.5%;
}
/*フラッグ（左）*/
.posi_adjust_R{
	top: 72%;
	left: -19%;
	transform: translate(-50%, 0);
	width: 91%;
}
/*フラッグ（右）*/
.posi_adjust_S{
	top: -6%;
	left: 106%;
	transform: translate(-50%, 0);
	width: 89%;
}
/*紙吹雪（左）*/
.posi_adjust_T{
	top: 6%;
	left: -7%;
	transform: translate(-50%, 0);
	width: 15%;
}
/*紙吹雪（右）*/
.posi_adjust_U{
	top: 5%;
	left: 107%;
	transform: translate(-50%, 0);
	width: 16.4%;
}




#cont_bloak_twin{
	width: 100%;
	margin: 10px 0 80px 0;
	position: relative;
}
#cont_bloak_twin .left_sec{
	width: 48.5%;
	float: left;
	margin: 0 1.5% 0 0;
}
#cont_bloak_twin .right_sec{
	width: 48.5%;
	float: right;
	margin: 0 0 0 1.5%;
	padding: 20% 0 0 0;
}
#cont_bloak_twin .left_sec img,
#cont_bloak_twin .right_sec img{
	width: 100%;
	height: auto;
}
#cont_bloak_twin::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}





.obj_box img{
	width: 100%;
	height: auto;
}




/*-----------------------------
   Section03 特別企画
-------------------------------*/
.cont_base_C{
	width: 100%;
	background-image: url("../images/img_220308_section3_bg.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: repeat;
	position: relative;
}
article.cont_base_C .C_inn{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 0;
	position: relative;
}


.img_width100A{
	width: 100%;
	position: relative;
	margin-top: 20px;
}

.img_width100A .garlandA{
	position: absolute;
	top: 60%;
	left: 72%;
	width: 89%;
}
.img_width100A .balloonA{
	position: absolute;
	top: 10%;
	right: 0;
	width: 10.8%;
}
.img_width100A .kikakuA{
	width: 82.5%;
	position: relative;
	display: block;
}

.img_width100B{
	width: 100%;
	position: relative;
	margin-top: 7%;
}
.img_width100B2{
	width: 100%;
	position: relative;
	margin-top: 5%;
}

.img_width100B .garlandB{
	position: absolute;
	top: 60%;
	left: -62%;
	width: 91%;
}
.img_width100B2 .garlandB2{
	position: absolute;
	top: 42%;
	left: -60%;
	width: 89%;
}
.img_width100B .balloonB,
.img_width100B2 .balloonB{
	position: absolute;
	top: 15%;
	left: 0;
	width: 10.8%;
}
.img_width100B .kikakuB{
	width: 82.5%;
	position: relative;
	display: block;
	margin-left: 17.5%;
}
.img_width100B2 .kikakuB2{
	width: 72.9%;
	position: relative;
	display: block;
	margin-left: 27.1%;
}

.img_width100C{
	width: 100%;
	position: relative;
	margin: 5% 0;
}

.img_width100C .garlandC{
	position: absolute;
	top: 60%;
	left: 72%;
	width: 89%;
}
.img_width100C .balloonC{
	position: absolute;
	top: 10%;
	right: 0;
	width: 10.8%;
}
.img_width100C .kikakuC{
	width: 79.8%;
	position: relative;
	display: block;
}
.img_width100A img,
.img_width100B img,
.img_width100B2 img,
.img_width100C img{
	width: 100%;
	height: auto;
}



/*-----------------------------
   Section04 スペシャルイベント
-------------------------------*/
.cont_base_D{
	width: 100%;
	background-image: url("../images/img_220308_section4_bg.jpg");
	background-position:  top center;
	background-size:  auto auto;
	background-repeat:  repeat;
	position: relative;
}
article.cont_base_D .D_inn{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 0;
	position: relative;
}

.tits_flagA{
	text-align: center;
	position: relative;
}
.tits_flagB{
	text-align: center;
	position: relative;
	margin: 10% 0 0 0;
}
.tits_flagC{
	text-align: center;
	position: relative;
	margin: 10% 0 0 0;
}
.tits_flagA img,
.tits_flagB img,
.tits_flagC img{
	width: 40%;
	height: auto;
}
.tits_flagA::after,
.tits_flagB::after{
	content: "";
	position: absolute;
	width: 23.2%;
	height: 229px;
	background-image: url("../images/img_220308_section4_02.png");
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	top: 10%;
	left: 67%;
}
.tits_flagA_under,
.tits_flagA_under2{
	width: 100%;
	position: relative;
	display: table;
	margin: -6% 0 0 0;
	
}
.tits_flagA_under3{
	width: 100%;
	position: relative;
	margin: -6% 0 0 0;
	padding-bottom: 20%;
}
.tits_flagA_under p,
.tits_flagA_under2 p{
	width: 190%;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0);
}
.tits_flagA_under3 p{
	width: 190%;
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translate(-50%, 0);
}
.tits_flagA_under .balloonA,
.tits_flagA_under2 .balloonA{
	position: absolute;
	top: -180%;
	left: 5%;
	width: 10%;
}
.tits_flagA_under .balloonA img,
.tits_flagA_under2 .balloonA img{
	width: 100%;
	height: auto;
}
.under2_inn{
	width: 66%;
	margin: 0 17%;
}
.under3_inn{
	width: 100%;
	margin: 0 17%;
}
.tits_flagA_under .plate,
.tits_flagA_under2 .plate{
	position: relative;
	display: table-cell;
	width: 32%;
}
.tits_flagA_under .plate img,
.tits_flagA_under p img,
.tits_flagA_under2 .plate img,
.tits_flagA_under2 p img{
	width: 100%;
	height: auto;
}
.tits_flagA_under .margin_p,
.tits_flagA_under2 .margin_p{
	position: relative;
	display: table-cell;
	width: 2%;
}

.tits_flagA_under3 .cont_base_A{
	position: relative;
}
.tits_flagA_under3 .cont_base_A > img{
	width: 100%;
	height: auto;
}
.tits_flagA_under3 .cont_base_A {
	position: relative;
	width: 100%;
}
.tits_flagA_under3 .cont_base_A .icon_A{
	width: 24.4%;
	position: absolute;
	top: -23%;
	left: 5%;
}
.tits_flagA_under3 .cont_base_A .garlandB{
	position: absolute;
	top: 80%;
	left: -45%;
	width: 91%;
}
.tits_flagA_under3 .cont_base_A .garlandB img{
	width: 100%;
	height: auto;
}
.tits_flagA_under3 .cont_base_A .btn_areaF_base{
	position: absolute;
	width: 86.7% !important;
	top: 75%;
	left: 50%;
	
}
.tits_flagA_under3 .cont_base_A .btn_areaF{
	position: relative;
	width: 100%;
	
}
.tits_flagA_under3 .cont_base_A .btn_areaF img{
	width: 100%;
	height: auto;
}
.tits_flagA_under3 .cont_base_A .btn_areaF .btn_on{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.tits_flagA_under3 .cont_base_A .btn_areaF .btn_off{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.tits_flagA_under3 .cont_base_A .btn_areaF a{
	
}
.tits_flagA_under3 .cont_base_A .btn_areaF .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}




.obj_box_over1000{
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 100px 0;
}
.obj_box_over1000 .bg{
	width: 100%;
	position: relative;
}
.obj_box_over1000 .wid_adjust_B{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 190%;
}
.obj_box_over1000 .garlandD{
	width: 89%;
	position: absolute;
	top: 73%;
	left: 98%;
	display: block !important;
}
.car_lineup{
	width: 100%;
	position: relative;
	margin: -19% 0 0 0;
}
.copy_A{
	width: 94%;
	position: relative;
	margin: -10% 0 0 0;
}
.title_A{
	width: 96.4%;
	position: absolute;
	top: 18% !important;
	left: 1.8%;
}
.obj_box_over1000 .bg img,
.obj_box_over1000 .wid_adjust_B img,
.obj_box_over1000 .garlandA img,
.car_lineup img,
.copy_A img,
.title_A img{
	width: 100%;
	height: auto;
}


.img_width100D{
	width: 100%;
	position: relative;
	margin: 0 0;
}
.img_width100E{
	width: 100%;
	position: relative;
	margin: 3% 0 0;
}
.img_width100D .garlandD{
	position: absolute;
	top: 85%;
	left: -75%;
	width: 89%;
}
.img_width100E .garlandE{
	position: absolute;
	top: 72%;
	left: 75%;
	width: 89%;
}
.img_width100D .balloonD{
	position: absolute;
	top: 10%;
	right: 0;
	width: 10.8%;
}
.img_width100D .kikakuD,
.img_width100E .kikakuE{
	width: 100%;
	position: relative;
	display: block;
}
.img_width100D img,
.img_width100E img{
	width: 100%;
	height: auto;
}




/*-----------------------------
   Section05 新車ご購入特典
-------------------------------*/
.cont_base_E{
	width: 100%;
	background-image: url("../images/img_220308_section5_bg.jpg");
	background-position:  top center;
	background-size:  auto auto;
	background-repeat:  repeat;
	position: relative;
	padding: 0 0 0 0;
}

.img_cont span.wid_adjust_B{
	width: 190%;
}

article.cont_base_E .E_inn{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 0;
	position: relative;
}
.obj_box_w71{
	width: 71.6%;
	margin: 10% 14.2% 1%;
}
.obj_box_w71B{
	width: 71.5%;
	margin: 2% 14.2% 1%;
}
.obj_box_w71 img,
.obj_box_w71B img{
	width: 100%;
	height: auto;
}




.obj_lineupB{
	
}
.obj_lineupB .main_v{
	position: relative;
	margin: 11% 0 0 0;
}
.obj_lineupB .main_v .w_122{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 122.4%;
}
.obj_lineupB .main_v .main{
	position: relative;
	
}
.obj_lineupB .main_v .copy{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	margin: -11% 0 0 0;
}


.obj_lineupB img{
	width: 100%;
	height: auto;
}
.obj_lineupB .left{
	width: 48%;
	float: left;
	margin: 0 2% 0 0;
}
.obj_lineupB .right{
	width: 48%;
	float: left;
	margin: 0 0 0 2%;
}
.obj_lineupB .left h3,
.obj_lineupB .right h3{
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 0 ;
	margin: 10px 0 5px 0;
	text-align: center;
	background-color: #000;
	border: 1px solid #ffd100;
	color: #ffd100;
	width: calc(100% - 2px);
}
.obj_lineupB .left .kakaku,
.obj_lineupB .right .kakaku{
	margin: 10px 0;
}
.obj_lineupB .left h4,
.obj_lineupB .right h4{
	font-size: 0.86em;
	font-weight: bold;
	padding: 5px 0 3px;
	margin: 10px 0 5px 0;
	text-align: center;
	background-color: #ffd100;
	color: #000;
}
.obj_lineupB .left p,
.obj_lineupB .right p{
	font-size: 0.875em;
	width: 96%;
	margin: 0 2%;
	text-align: justify;
	color: #fff;
}
.obj_lineupB .left p span,
.obj_lineupB .right p span{
	color: #ff0;
}
.obj_lineupB::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}




.btn_areaC{
	width: 100%;
	max-width: 1000px;
	margin: 10% auto 0 !important;
	position: relative;
}

.btn_areaC img{
	width: 100%;
	height: auto;
}
.btn_areaC > .btn_C{
	position: absolute;
	width: 94%;
	max-width: 955px;
	margin: 0 3%;
	top: 70%;
	left: 0;
}
.btn_areaC > .btn_C > .btn_C_inn{
	position: relative;
}
.btn_areaC > .btn_C > .btn_C_inn img{
	width: 100%;
	height: auto;
}
.btn_areaC > .btn_C > .btn_C_inn img.btn_off{
	position: absolute;
	top: 0;
	left: 0;
}
.btn_areaC > .btn_C > .btn_C_inn a:hover .btn_off{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}




.mess_bar{
	width: 100%;
	position: relative;
	margin: 10% 0 8% 0;
}
.mess_bar .w190{
	width: 190%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.mess_bar .main{
	position: relative;
	width: 100%;
}
.mess_bar .toyopi{
	position: absolute;
	width: 16.3%;
	top: -20%;
	left: 80%;
}
.mess_bar .w190 img,
.mess_bar .main img,
.mess_bar .toyopi img{
	width: 100%;
	height: auto;
}



/*-----------------------------
   Section06 おかげさまで大好評
-------------------------------*/
.cont_base_F{
	width: 100%;
	background-image: url("../images/img_220308_section6_bg.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat:repeat;
	position: relative;
}

article.cont_base_F .F_inn{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 0 10% 0;
}




.sentence_A{
	text-align: justify;
	font-size: 0.8em;
}
.sentence_B{
	text-align: justify;
	font-size: 0.8em;
	color: #fff;
	border-top: 1px solid #fff;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}




/*-----------------------------
   Section07 その他、お得な特典はコチラ！
-------------------------------*/
article.cont_base_F2{
	width: 100%;
	position: relative;
	z-index: 10;
}
article.cont_base_F2 .F2_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.pos_ab{
	position: absolute;
}
/*クルマ（右）*/
.posi_adjust_A2{
	top: 24%;
	right: -15%;
	width: 50%;
	position: absolute;
}
/*クルマ（左）*/
.posi_adjust_C2{
	top: 24%;
	left: -15%;
	width: 50%;
	position: absolute;
}
/*とよぴ*/
.posi_adjust_E2{
	top: 15%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 18%;
	position: absolute;
}
/*あなたはどっち*/
.posi_adjust_G2{
	top: 50%;
	left: 50% ;
	transform: translate(-50%, 0);
	width: 50%;
	position: absolute;
}
.wid_adjust_F2{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 228%;
}
/*タイトルどっちの*/
article.cont_base_F2 .F2_inn h2{
	position: absolute;
	top: 23%;
	left: 50%;
	transform: translate(-50%,0);
	width: 100%;
	max-width: 1580px;
}

article.cont_base_F2 .F2_inn h2 img,
.posi_adjust_A2 img,
.posi_adjust_B img,
.posi_adjust_C2 img,
.posi_adjust_D img,
.posi_adjust_E2 img,
.posi_adjust_F2 img,
.posi_adjust_G2 img{
	width: 100%;
	height: auto;
}




.btn_areaG_base{
	position: absolute;
	width: 80%;
	top: 70%;
	left: 10%;
}
.btn_areaG{
	position: relative;
	width: 100%;
}
.btn_areaG .btn_on{
	position: absolute;
	top: 0;
	left: 0;
}
.btn_areaG .btn_off{
	position: absolute;
	top: 0;
	left: 0;
}
.btn_areaG .btn_on img,
.btn_areaG .btn_off img{
	width: 100%;
	height: auto;
}
.btn_areaG .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}


.btn_areaB{
	width: 80%;
	margin: 30px 10%;
	position: relative;
}
.btn_areaB .btn_off{
	position: absolute;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.btn_areaB img{
	width: 100%;
	height: auto;
}
.btn_areaB .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}


.object_base{
	width: 100%;
	position: relative;
	margin: 40px auto 0;
}
.object_base img{
	width: 100%;
	height: auto;
}
.object_base .btn_areaA{
	position: absolute;
	top: 60%;
	left: 22%;
	width: 75%;
}
.object_base .btn_areaA a{
	position: relative;
	display: block;
}
.object_base .btn_areaA a .btn_off{
	position: absolute;
	top: 0;
	left: 0;
}
.object_base .btn_areaA a .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}






.obj_lineupC{
	width: 100%;
	margin: -18% 0 0 0;
}
.obj_lineupC .left{
	width: 47.6%;
	float: left;
	margin: 0 2.4% 0 0;
}
.obj_lineupC .right{
	width: 49.8%;
	float: left;
	margin: 0 0 0 0.2%;
}
.obj_lineupC .left img,
.obj_lineupC .right img{
	width: 100%;
	height: auto;
}
.obj_lineupC::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}





.obj_lineupD{
	width: 100%;
	margin: -20% 0 0 0;
}
.obj_lineupD .left{
	width: 44.6%;
	float: left;
	margin: 0 1.4% 0 4%;
}
.obj_lineupD .right{
	width: 46.8%;
	float: left;
	margin: 0 1% 0 2.2%;
}
.obj_lineupD .left img,
.obj_lineupD .right img{
	width: 100%;
	height: auto;
}
.obj_lineupD::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



/*-----------------------------
   Section07 オンライン相談はじめました
-------------------------------*/
article.cont_base_G{
	width: 100%;
	height: 516px;
	padding: 0 0 0 0;
	background-image: url("../images/img_section07_003.png"),url("../images/img_section07_004.png"),url("../images/img_section07_002.png"),url("../images/img_section07_001.png");
	background-position: 105% bottom,left bottom,105% top, -3% top;
	background-size:45% auto, 45% auto, 50% auto, 50% auto;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-color: #d6f6fd;
	border-top: 3px solid #00d5dd;
}
article.cont_base_G .G_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
article.cont_base_G .G_inn::after{
	content: '';
	position: absolute;
	top: 30px;
	right: -5%;
	width: 261px;
	height: 126px;
	background-image: url("../images/img_section07_005.png");
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

article.cont_base_G .G_inn h2{
	text-align: center;
	width: 44.2%;
	max-width: 442px;
	margin: 0 auto 0;
	padding: 37px 0 0 0;
	position: relative;
}
article.cont_base_G .G_inn h2 img{
	width: 100%;
	height: auto;
}

article.cont_base_G2{
	width: 100%;
	padding: 0 0 0 0;
	background-image: url("../images/img_section07_007.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: repeat;
}
article.cont_base_G2 .G2_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0;
	position: relative;
}
article.cont_base_G2 .G2_inn .btn_areaA{
	width: 80%;
	margin: 0 10%;
	position: relative;
}
article.cont_base_G2 .G2_inn .btn_areaA .toyopi{
	position: absolute;
	width: 16%;
	height: 50%;
	top: -100%;
	left: 50%;
	transform: translate(-50%, 0);
}
article.cont_base_G2 .G2_inn .btn_areaA .toyopi img{
	width: 100%;
	height: auto;
}
article.cont_base_G2 .G2_inn .btn_areaA .btn_on{
	position: relative;
}
article.cont_base_G2 .G2_inn .btn_areaA .btn_off{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
article.cont_base_G2 .G2_inn .btn_areaA .btn_on img,
article.cont_base_G2 .G2_inn .btn_areaA .btn_off img{
	width: 100%;
	height: auto;
}

article.cont_base_G2 .G2_inn .btn_areaA .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}


article.cont_base_G3{
	width: 100%;
	background-image: url("../images/img_220308_section8_bg.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: repeat;
}
article.cont_base_G3 .G3_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}


.object_base .btn_areaD{
	position: absolute;
	top: 69%;
	left: 5%;
	width: 90%;
}
.object_base .btn_areaE{
	position: absolute;
	top: 65%;
	left: 5%;
	width: 90%;
}
.object_base .btn_areaD a,
.object_base .btn_areaE a{
	position: relative;
	display: block;
}
.object_base .btn_areaD a .btn_off,
.object_base .btn_areaE a .btn_off{
	position: absolute;
	top: 0;
	left: 0;
}
.object_base .btn_areaD a .btn_off:hover,
.object_base .btn_areaE a .btn_off:hover{
	opacity: 0;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}

/*-----------------------------
   Section08 安全安心相談会
-------------------------------*/
article.cont_base_K{
	width: 100%;
	background-image: url("../images/img_220308_section8.5_01.jpg");
	background-position: top center;
	background-size: auto auto;
	background-repeat: no-repeat;
	border-top: 5px solid #ee002a;
}
article.cont_base_K .K_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0 0;
	position: relative;
}
article.cont_base_K .K_inn .w_ajust{
	width: 96%;
	margin: -40% 2% 0;
}
article.cont_base_K .K_inn .w_ajust2{
	width: 90%;
	margin: 20px 5% 0;
}


/*ポップアップ---------------*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 26%;
	max-width: 400px;
	min-width: 300px;
}
.modal__content img{
	width: 100%;
	height: auto;
}
.js-modal-close-btn{
	width: 40px;
	height: 40px;
	position: absolute;
	top: -60px;
	right: 0;
	background-image: url("../images/bg_section04_btn_delete.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.js-modal-close-btn img{
	width: 100%;
	height: 100%;
}
.js-modal-close-btn:hover{
	opacity: 0.7;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}



/*-----------------------------
   Section08 スペシャルムービー
-------------------------------*/
article.cont_base_H{
	width: 100%;
	margin: 0 auto 0;
	background-image: url("../images/img_220308_section9_bg01.png"), url("../images/img_220308_section9_bg.jpg");
	background-position: left top, center top;
	background-repeat: repeat-x, repeat;
}
article.cont_base_H .H_inn{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0 0 0;
}

.wid_adjust_D{
	width: 190%;
}


.center_img3{
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: -25px auto 0;
}
.center_img3 img{
	width: 100%;
	height: auto;
}


.img_boxE{
	width: 100%;
	max-width: 1000px;
	margin: 50px auto 0 ;
	padding-bottom: 100px;
}
.img_boxE .img_box_inn{
	width: 100%;
	margin: 100px 0 0 0;
}
.img_boxE .img_box_inn2{
	width: 100%;
	margin: 50px 0 0 0;
}
.img_boxE .img_box_inn::after,
.img_boxE .img_box_inn2::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.img_boxE .img_box_inn .left_bl,
.img_boxE .img_box_inn2 .left_bl{
	float: left;
	width: 48%;
}
.img_boxE .img_box_inn .right_bl,
.img_boxE .img_box_inn2 .right_bl{
	float: right;
	width: 48%;
}
.img_boxE .img_box_inn .left_bl,
.img_boxE .img_box_inn .right_bl,
.img_boxE .img_box_inn2 .left_bl,
.img_boxE .img_box_inn2 .right_bl{
	position: relative;
	max-width: 474px;
}
.img_boxE .img_box_inn .left_bl img,
.img_boxE .img_box_inn .right_bl img,
.img_boxE .img_box_inn2 .left_bl img,
.img_boxE .img_box_inn2 .right_bl img{
	width: 100%;
}
.img_boxE .img_box_inn .left_bl a,
.img_boxE .img_box_inn .right_bl a,
.img_boxE .img_box_inn2 .left_bl a,
.img_boxE .img_box_inn2 .right_bl a{
	
}
.img_boxE .img_box_inn .left_bl a > img,
.img_boxE .img_box_inn .right_bl a > img,
.img_boxE .img_box_inn2 .left_bl a > img,
.img_boxE .img_box_inn2 .right_bl a > img{
	width: 100%;
	position: absolute;
	top: 7%;
	left: 0;
}
.img_boxE .img_box_inn .left_bl a:hover,
.img_boxE .img_box_inn .right_bl a:hover,
.img_boxE .img_box_inn2 .left_bl a:hover,
.img_boxE .img_box_inn2 .right_bl a:hover{
	opacity: 0.6;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}

.center_img2{
	width: 100%;
	margin: 130px 0 0 !important;
}
.center_img2 img{
	width: 100%;
	height: auto;
}


/*-----------------------------
   Section09 コロナウイルス予防対策
-------------------------------*/
article.cont_base_I{
	width: 100%;
	margin: 0 auto 0;
	background-image: url("../images/img_section09_bg2.png"), url("../images/img_220308_section10_bg.jpg");
	background-position: top left, top center;
	background-repeat: repeat-x, repeat;
	padding: 0 0 50px 0;
}
article.cont_base_I .cont_base_inn{
	max-width: 1000px;
	margin: 0 auto;
}
article.cont_base_I .cont_base_inn p{
	text-align: center;
	padding: 50px 0 0 0;
}
article.cont_base_I .cont_base_inn p.smt_only{
	display: none;
}

article.cont_base_I .cont_base_inn p img{
	width: 100%;
	height: auto;
}

article.cont_base_I .cont_base_inn .cont_box01{
	margin: 30px auto 0;
	width: 98%;
}
article.cont_base_I .cont_base_inn .cont_box01::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
article.cont_base_I .cont_base_inn > .cont_box01 .left01{
	float: left;
	width: 48.6%;
	margin: 0 0.7%;
}
article.cont_base_I .cont_base_inn > .cont_box01 .right01{
	float: left;
	width: 48.6%;
	margin: 0 0.7%;
}
article.cont_base_I .cont_base_inn > .cont_box01 .left01 img,
article.cont_base_I .cont_base_inn > .cont_box01 .right01 img{
	width: 100%;
	height: auto;
}
article.cont_base_I .cont_base_inn .cont_box01 .right01{
	
}


/*-----------------------------
   Section10 ラスト
-------------------------------*/
article.cont_base_J{
	width: 100%;
	position: relative;
}
article.cont_base_J .J_inn{
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.img_pc_A{
	display: block;
	position: absolute;
	width: 56%;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0);
}
.img_smt_A{
	display: none;
}
.center_A{
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 32%;
}

/*のぼり*/
.J_inn .posi_adjust_C{
	top: 57%;
	left: 26%;
	width: 7%;
}

/*バルーン*/
.J_inn .posi_adjust_K{
	top: 42%;
	left: 2%;
	transform: translate(-50%, 0);
	width: 9%;
}
.J_inn .posi_adjust_L{
	top: 85%;
	left: 2%;
	transform: translate(-50%, 0);
	width: 7.4%;
}
.J_inn .posi_adjust_M{
	top: 10%;
	left: 40%;
	transform: translate(-50%, 0);
	width: 6%;
}
.J_inn .posi_adjust_N{
	top: 20%;
	left: 52%;
	transform: translate(-50%, 0);
	width: 9.7%;
}
.J_inn .posi_adjust_O{
	top: 45%;
	left: 90%;
	transform: translate(-50%, 0);
	width: 6.5%;
}

/*新生活イメージ*/
.J_inn .posi_adjust_P{
	position: absolute;
	top: 7%;
	left: 15%;
	width: 23.6%;
}
.J_inn .posi_adjust_Q{
	position: absolute;
	top: 57%;
	left: 14%;
	width: 19.4%;
}
.J_inn .posi_adjust_R{
	position: absolute;
	top: 8%;
	left: 85%;
	width: 19.4%;
}
.J_inn .posi_adjust_S{
	position: absolute;
	top: 62%;
	left: 82%;
	width: 22.1%;
}

.img_pc_A img,
.img_smt_A img,
.center_A img,
.J_inn .posi_adjust_C img,
.J_inn .posi_adjust_K img,
.J_inn .posi_adjust_L img,
.J_inn .posi_adjust_M img,
.J_inn .posi_adjust_N img,
.J_inn .posi_adjust_O img,
.J_inn .posi_adjust_P img,
.J_inn .posi_adjust_Q img,
.J_inn .posi_adjust_R img,
.J_inn .posi_adjust_S img{
	width: 100%;
	height: auto;
}

/*-----------------------------
   Footer
-------------------------------*/
footer{
	width: 100%;
	background-color: #009096;
	position: relative;
}
footer p{
	text-align: center;
}
footer img{
	width: 20%;
	max-width: 206px;
	margin: 30px auto;
}
footer img:hover{
	opacity: 0.7;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
	transition: .3s;
}


/*-----------------------------
  Margin Padding
-------------------------------*/
.mt-43pc{
	margin-top: -43%;
}
.mt-45pc{
	margin-top: -45%;
}
.mt-40pc{
	margin-top: -40%;
}
.mt-40{
	margin-top: -40px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mt60{
	margin-top: 60px !important;
}
.mt100{
	margin-top: 100px !important;
}
.pb100{
	padding-bottom: 100px;
}
.pt10{
	padding-top: 10px;
}

.pb80{
	padding-bottom: 80px;
}
/*-----------------------------
  Width
-------------------------------*/
.w80{
	width: 80%;
}