@charset "UTF-8";

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

style_2.css


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






/*=====================================
	SECTION_01 FV
=====================================*/
.sec_01 {
position : relative ;
width : 100% ;
height : 1103px ;
background : url(../img/sec_01/bg_2.jpg) center 0 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 ;
}


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



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


.logo_sp {
display : none ;
}

.bnr_sp {
display : none ;
}




/*=====================================
	SECTION_02 RENA-HOME
=====================================*/
.sec_02 {
width : 100% ;
background : url(../img/sec_02/bg.jpg) -200px 600px 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 180px 5% ;
width : 40% ;
max-width : 466px ;
/*border : 1px #fff solid ;*/
}
.box_r1 {
margin : 380px 0 150px 10% ;
width : 40% ;
max-width : 439px ;
/*border : 1px #fff solid ;*/
}

.logo_s2 {
margin : 220px 0 150px 0 ;
width : 193px ;
height : 123px ;
text-align : right ;
float : right ;
}

.thbox_s2 {
margin : 100px 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 : 83% ;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left ;
flex-flow: row wrap; 
/*border : 1px #eee solid ;*/
}

.ul_1 li {
width : 32% ;
height : 30px ;
font-family: 'Noto Sans Japanese', sans-serif;
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.jpg) right 400px 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 ;*/
}
.rev {
flex-flow : row-reverse ;
}


.box_l2 {
margin : 400px 0 150px 5% ;
width : 40% ;
max-width : 439px ;
/*border : 1px #fff solid ;*/
}
.box_r2 {
margin : 0 0 180px 10% ;
width : 40% ;
max-width : 466px ;
/*border : 1px #fff solid ;*/
}

.logo_s4 {
margin : 220px 0 150px 0 ;
width : auto ;
max-width : 502px ;
height : 138px ;
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 : #dde9ea ;
background-size: cover;
margin-bottom: -40px;
padding-top: 10px;
}

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


a:link.hov img {
border : 2px  #efd5c0 solid ;
}
a:visited.hov img {
border : 2px  #efd5c0 solid ;
}
a:hover.hov img {
border : 2px  #fff solid ;
}


.cap {
margin : 6px 0 0 0 ;
width : auto ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 12px ;
line-height : 16px ;
font-style : normal ;
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 : 40px auto 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 ;
}




/*=====================================
	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 : 80% ;
}
.dl_1 dt {
margin : 15px 0 0 0 ;
padding : 35px 50px 30px 100px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 16px ;
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) 22px 22px no-repeat ;
background-size : 50px 50px ;
background-color : #fff ; /*アンドロイド端末用*/
max-height: 100%;
}
.dl_1 dd {
padding : 0px 40px 40px 100px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 15px ;
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_2 {
margin : 50px 0 0 0 !important;
}
.msp6_3 {
margin : 230px 0 20px 0 !important;
}
.msp6_6 {
margin : 40px 0 0 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 : 14px ;
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 : 12px ;
line-height : 16px ;
font-weight: 400 ;
text-align : right ;
color : #2b2b2b ;
background-color : transparent ; /*アンドロイド端末用*/
}


/*=====================================
	SECTION_08
=====================================*/
.sec_08 {
position : relative ;
width : 100% ;
height : 770px ;
background : url(../img/sec_08/bg.gif) center 60px no-repeat ;
background-color : #dde9ea ;
}
.matome {
margin : 50px auto 0 auto ;
width : 50% ;
}
.thbox_s8 {
margin : 180px auto 0 auto ;
width : 86% ;
max-width : 960px ;
height :316px ;
/*border : 1px #000 solid ;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center ;
flex-flow: row wrap; 

}
.thbox_s8 p {
width : 33% ;
}


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

.ul_ftr {
margin : 0 0 60px 0 ;
width : 84% ;
height : 80px ;
float : left ;
}

.ul_ftr li {
padding : 0 10px ;
font-family: 'Yellowtail', cursive;
font-size : 24px ;
line-height : 32px ;
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 {
width : 84px ;
height : 32px ;
float : right ;
}
.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 : 500px ; left : 50% ; right : 50% ;
margin : 0 0 0 -200px ;
width : 400px ;
font-family: 'Noto Sans Japanese', sans-serif;
font-size : 12px ;
line-height : 15px ;
font-weight: 200 ;
text-align : center ;
color : #fff ;
/*border : 1px #000 solid ;*/
}


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

.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 30px 0 0 ;
width : 44% ;
max-width : 450px ;
/*border : 1px #000 solid ;*/
}
.box_r {
margin : 0 0 0 0 ;
width : 44% ;
max-width : 450px ;
/*border : 1px #000 solid ;*/
}






.clb {
clear : both ;
}


.h1_a {
width : auto ;
font-family: 'Yellowtail', cursive;
font-size : 65px ;
line-height : 70px ;
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 : #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%;
}