@charset "UTF-8";

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
CSS information

style_1.css


■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */







/*=====================================
	SECTION_01 FV
=====================================*/
.sec_01 {
position : relative ;
width : 100% ;
height : 100vh ;
background : url(../img/sec_01/bg_1.jpg) center -360px no-repeat ;
background-size : contein ;
background-color : #2b2b2b ;
}




.logo_en {
position : absolute ; top : 0px ; left :50% ; right : 50% ;
margin : 220px 0 0 -245px ;
width : 231px ;
height : 111px ;
display : none ;
}


.logo_rena {
position : absolute ; top : 0px ; left :50% ; right : 50% ;
margin : 245px 0 0 68px ;
width : 137px ;
height : 87px ;
display : none ;
}


.bnr {
position : absolute ; top : 0px ; left :50% ; right : 50% ;
margin : 470px 0 0 -220px ;
width : 440px ;
height : 230px ;
/*border : 1px #2b2b2b solid ;*/
display : none ;
}


.logo_sp {
position : absolute ; top : 0px ;
width : 100% ;
height : 100vh ;
background : url(../img/sec_01/logo.png) center 50px no-repeat ;
background-size : contain ;
background-size : 95% ;
/*border : 1px #000 solid ;*/
}

.bnr_sp {
position : absolute ; top : 0px ;
width : 100% ;
height : 100vh ;
background : url(../img/sec_01/bnr_sp.png) center 320px no-repeat ;
background-size : contain ;
background-size : 80% ;
/*border : 1px #000 solid ;*/
}
.bnr_sp a {
position : absolute ; top : 350px ; left : 50% ; right :50% ;
margin : 0 0 0 -40% ;
width :80% ; height : 120px ;
display : block ;
text-indent :-9999px ;
}


/*=====================================
	SECTION_02 RENA-HOME
=====================================*/
.sec_02 {
width : 100% ;
background : url(../img/sec_02/bg_sp.jpg) -200px 640px no-repeat ;
background-color : #dde9ea ;
}


.box_wrapp {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center ;
flex-flow: row wrap; 
/*border : 1px #eee solid ;*/
}

.box_l1 {
margin : 0 0 250px 0 ;
width : 90% ;
max-width : 466px ;
/*border : 1px #fff solid ;*/
}
.box_r1 {
margin : 0 0 60px 0 ;
width : 90% ;
max-width : 439px ;
/*border : 1px #fff solid ;*/
}

.logo_s2 {
margin : 160px 0 70px 0 ;
width : 45% ;
max-width : 193px ;
height : 123px ;
text-align : right ;
float : left ;
}

.thbox_s2 {
margin : 0px 0 0 0 ;
}
.thbox_s2 img {
margin : 20px 0 ;
}




/*=====================================
	SECTION_03 United Space
=====================================*/
.sec_03 {
position : relative ;
width : 100% ;
background : url(../img/sec_03/bg.png) center 300px no-repeat ;
background-color : #f8f8f8 ;
}

.limited {
position : absolute ; top : 55px ; left : -12px ; 
width : 94px ;
height : 55px ;
}


.swiper-container {
margin : 60px 0 60px 0;
}

.c-container {
position: relative;
margin : 0 auto 0 auto ;
max-width: 510px;
padding: 0 15px;
/*border : 30px #000  solid ;*/
}


.ul_1 {
margin : 0 auto 40px auto ;
width : 100% ;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left ;
flex-flow: row wrap; 
/*border : 1px #eee solid ;*/
}

.ul_1 li {
width : 80% ;
height : 30px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 15px ;
font-weight: 500 ;
background : url(../img/sec_03/bg_li_mark.gif) 0 6px no-repeat ;
text-indent : 14px ;
letter-spacing : 0.03em ;
/*border : 1px #000 solid ;*/
}



/*=====================================
	SECTION_04 ENSINITAS
=====================================*/
.sec_04 {
position : relative ;
width : 100% ;
background : url(../img/sec_04/bg_sp.jpg) right bottom no-repeat ;
background-color : #dde9ea ;
}


.box_l2 {
margin : 0 0 400px 0 ;
width : 90% ;
max-width : 439px ;
/*border : 1px #fff solid ;*/
}
.box_r2 {
margin : 0 0 60px 0 ;
width : 90% ;
max-width : 466px ;
/*border : 1px #fff solid ;*/
}

.logo_s4 {
margin : 130px 0 80px 0 ;
width : auto ;
max-width : 502px ;
height : 108px ;
float : left ;
/*border : 1px #000 solid ;*/
}


.thbox_s4 {
margin : 100px 0 0 0 ;
}
.thbox_s4 img {
margin : 20px 0 ;
}



/*=====================================
	SECTION_05 FOOD TRUCK
=====================================*/
.sec_05 {
position : relative ;
width : 100% ;
background : url(../img/sec_05/bg.png) center 0 no-repeat ;
background-color : #000 ;
background-size: cover;
padding: 30px 0;
}

.ta_1 {
margin : 0 0 30px 0 ;
}
.ta_1 th {
padding : 0 15px 0 0 ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 14px ;
line-height : 20px ;
font-style : normal ;
font-weight: 500 ;
text-align : left ;
}
.ta_1 td {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 14px ;
line-height : 28px ;
font-style : normal ;
font-weight: 400 ;
text-align : left ;
}

.cap {
margin : 6px 0 0 0 ;
width : auto ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 12px ;
line-height : 16px ;
font-weight: 400 ;
text-align : left ;
letter-spacing : 0.03em ;
text-align : left ;
color : #2b2b2b ;
}
.cap a:link {
color : #2b2b2b ;
}
.cap a:visited {
color : #2b2b2b ;
}
.cap a:hover {
color : #555 ;
}


.bnrmini {
margin : 80px 0 0 0 ;
width : 90% ;
max-width : 393px ;
height : 217px ;
}
.th_fdtrk {
margin : 30px 0 0 0 ;
}


.tomap {
margin : 0 auto ;
width : 100px ;
height : 60px ;

font-family: 'Yellowtail', cursive;
font-size : 35px ;
line-height : 28px ;
font-weight: 400 ;
text-align : center ;
color : #85477b ;
/*border : 1px #000 solid ;*/
background : url(../img/sec_05/bg_arr.png) center 34px no-repeat ;
background-size : 36px 20px ;
}

.tomap a:link {
color : #85477b ;
}
.tomap a:visited {
color : #85477b ;
}
.tomap a:hover {
color : #85477b ;
}


.msp5_1 {
padding : 0 0 0 0 !important;
}
.msp5_2 {
margin : 80px 0 60px 0 !important;
}
.msp5_3 {
margin : 0 0 50px 0 !important;
}




/*=====================================
	SECTION_06 INTERVIEW
=====================================*/
.sec_06 {
position : relative ;
width : 100% ;
background : url(../img/sec_06/bg.png) center 900px no-repeat ;
background-color : #dde9ea ;
}

.katagaki {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 12px ;
line-height : 15px ;
font-weight: 300 ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
}
.name {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 18px ;
line-height : 20px ;
font-weight: 500 ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
}



.dl_1 {
margin : 0 auto ;
width : 90% ;
}
.dl_1 dt {
margin : 15px 0 0 0 ;
padding : 25px 30px 20px 70px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 14px ;
line-height : 23px ;
font-style : normal ;
font-weight: 500 ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
text-justify: inter-ideograph ;
color : #2b2b2b ;
background : url(../img/sec_06/bg_dt.gif) 16px 16px no-repeat ;
background-size : 37px 37px ;
background-color : #fff ; /*アンドロイド端末用*/
max-height: 100%;
}
.dl_1 dd {
padding : 0px 25px 40px 25px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 13px ;
line-height : 23px ;
font-style : normal ;
font-weight: 400 ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : #fff ; /*アンドロイド端末用*/
max-height: 100%;
}

.msp6_1 {
margin : 80px 0 20px 0 !important ;
}
.msp6_2 {
margin : 10px 0 10px 0 !important ;
}
.msp6_3 {
margin : 0 0 10px 0 !important ;
}
.msp6_4 {
margin : 0 0 0 0 !important ;
padding : 60px 0 0 0 !important ;
}
.msp6_5 {
margin : 0 0 0 0 !important ;
}
.msp6_6 {
margin : 10 0 10px 0 !important ;
}






/*=====================================
	SECTION_07 MAP
=====================================*/
.sec_07 {
position : relative ;
width : 100% ;
height : 700px ;
background-color : #dde9ea ;
}
.address .p1 {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 13px ;
line-height : 28px ;
font-weight: 500 ;
text-align : right ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
}
.address .p2 {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 11px ;
line-height : 16px ;
font-weight: 400 ;
text-align : right ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
}


/*=====================================
	SECTION_08
=====================================*/
.sec_08 {
position : relative ;
width : 100% ;
height : auto ;
background : url(../img/sec_08/bg.gif) center 200px no-repeat ;
background-size : contain ;
background-color : #dde9ea ;
}
.matome {
margin : 50px auto 0 auto ;
width : 75% ;
}
.thbox_s8 {
margin : 140px auto 100px auto ;
width : 67% ;
height :auto ;
/*border : 1px #000 solid ;*/
display: flex;
flex-direction: column ;
flex-wrap: wrap;
justify-content: center ;
flex-flow: row wrap; 
}
.thbox_s8 p {
width : 100% ;
}
.thbox_s8 p img {
padding : 0 0 40px 0 ;
}

/*=====================================
	SECTION_09 FOOTER
=====================================*/
.ftr {
position : relative ;
width : 100% ;
height : 540px ;
height : 845px ;
background-color : #06903a ;
}

.ul_ftr {
margin : 5px 0 15px 0 ;
width : 100% ;
height : 90px ;
float : left ;
/*border : 1px #fff solid ;*/
}

.ul_ftr li {
padding : 0 10px ;
font-family: 'Yellowtail', cursive;
font-size : 23px ;
line-height : 28px ;
font-style : normal ;
font-weight: 400 ;
text-align : left ;
letter-spacing : 0.03em ;
color : #fff ;
float : left ;
}

.ul_ftr li a:link {
color : #fff ;
}
.ul_ftr li a:visited {
color : #fff ;
}
.ul_ftr li a:hover {
color : #bce2cc ;
}



.ul_sns {
margin : 0 0 30px 10px ;
width : 84px ;
height : 32px ;
float : left ;
}
.ul_sns li {
width : 40px ;
height : 32px ;
float : left ;
/*border : 1px #000 solid ;*/
}
.ul_sns li img {
width : 30px ;
height : 30px ;
}


.h1_ftr1 {
width :117px ;
height : 75px ;
}
.h1_ftr2 {
width :180px ;
height : 73px ;
}
.ta_ftr {
}
.ta_ftr th {
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 9px ;
line-height : 15px ;
font-weight: 300 ;
text-align : left ;
color : #fff ;
display : block ;
text-indent : -7px ;
}
.ta_ftr td {
padding : 0 0 10px 0 ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 13px ;
line-height : 17px ;
font-weight: 400 ;
text-align : left ;
color : #fff ;
display : block ;
}



.ta_ftr td a:link {
color : #fff ;
}
.ta_ftr td a:visited {
color : #fff ;
}
.ta_ftr td a:hover {
color : #bce2cc ;
}



.copy {
position : absolute ; top : 810px ; left : 50% ; right : 50% ;
margin : 0 0 0 -160px ;
width : 320px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 11px ;
line-height : 15px ;
font-weight: 200 ;
text-align : center ;
color : #fff ;
/*border : 1px #000 solid ;*/
}

.msp9_1 {
margin : 30px 0 0 0 !important;
}



/*=====================================
	共通
=====================================*/

.inner {
margin : 0 auto ;
width : 90% ;
max-width : 1100px ;
display : table ;
/*border  :2px #2b2b2b solid ;*/
}
.inner_2 {
position : relative ;
margin : 0 auto ;
width : 90% ;
max-width : 950px ;
/*border  :2px #2b2b2b solid ;*/
}

/* 左右対称2カラム box_wrapp 共通  */
.box_l {
margin : 0 0 0 0 !important ;
width : 90% ;
/*border : 2px #000 solid ;*/
}
.box_r {
margin : 0 0 0 0 ;
width : 90% ;
/*border : 2px #000 solid ;*/
}






.clb {
clear : both ;
}


.h1_a {
width : auto ;
font-family: 'Yellowtail', cursive;
font-size : 50px ;
line-height : 55px ;
font-style : normal ;
font-weight: 400 ;
text-align : left ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
text-indent :-15px ;
color : #85477b ;
background-color : transparent ; /*アンドロイド端末用*/
max-height: 100%;
}
.h2_a {
width : auto ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 20px ;
line-height : 28px ;
font-style : normal ;
font-weight: 500 ;
text-align : left ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
/*text-align : justify ;*/
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
max-height: 100%;
}
.h3_a {
width : auto ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 17px ;
line-height : 28px ;
font-style : normal ;
font-weight: 500 ;
text-align : left ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
/*text-align : justify ;*/
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
max-height: 100%;
}


.honbun {
width : auto ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 15px ;
line-height : 25px ;
font-style : normal ;
font-weight: 400 ;
text-align : left ;
letter-spacing : 0.03em ;
word-wrap : break-all ;
/*text-align : justify ;*/
text-justify: inter-ideograph ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
max-height: 100%;
}