@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

body { 
opacity:0;
 }

html,body { 
height:100%;
max-width:1920px;/****/
margin:auto;
 }
.wrapper { height:100%; }

#headlogoimg {

}
#ttp {
  animation: arrow99 35s ease-in-out infinite forwards;
}
@keyframes arrow99 {
/**
    0% { background-position: left ;background-size: 125%; }
    50% { background-position: right ;background-size: 105%; }
    60% { background-position: right ;background-size: 110%; }
    100% { background-position: left ;background-size: 125%;  }
 **/
     0% { background-position: left ;transform: scale(1.25); }
    50% { background-position: right ;transform: scale(1.05); }
    60% { background-position: right ;transform: scale(1.10); }
    100% { background-position: left ;transform: scale(1.25);  }

}

#loader-bg {
  display: none;
  /**display: block;**/
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000000;
  z-index: 99999;
}
#loader {
  display: none;
  /**display: block;**/
  position: fixed;
  /**top: 50%;**/
  top: 55%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #000000;
  z-index: 999999;
}

.navbar-not-transparent .head_top{
   
}

.head_top_menu{      
  visibility: hidden;/* visible */     
  opacity: 0;/*  */ 
  width: 100vw;      
  height: 100vh;      
  position: fixed;      
  top: 0;      
  left: 0;
  transition: all .2s;       
  z-index: 998;
  background-color:#EEF0F2;
  
}

.menu-orgitemhead{      
  list-style-type: none;
  padding-inline-start: 20px;
  margin-bottom: 10px;
}
.menu-orgitem a{   
font-size:14px !important;
color:#1C1F22 !important;
}
.menu-orgitem a:hover{
color:#E0CA82 !important;
}
.menu-orgitem{   
font-size:14px !important;
color:#1C1F22 !important;
}

.menu-orgitem1{
font-weight:400;
}
.menu-orgitem2{
font-size:20px !important;
font-weight:500;
padding-left: 20px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/menuhisi.png') left 0px top 3px no-repeat;
background-size: 15px 15px;
background-position: left center;
color:#1C1F22 !important;
}
.menu-orgitem3{
padding-right: 25px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ins.png') left 0px top 3px no-repeat;
background-size: 20px 20px;
background-position: right center;
width:60px;
}


/** 500pxより大きい(500pxから) **/
@media (min-width: 500px) {
.head_top_img {
  width:30%;
}

.menu_list {
  width:70%;
}
}
/** 500pxより小さい(500pxから) **/
@media (max-width: 500px) {
.head_top_img {
  width:15%;
}
.menu_list {
  width:85%;
}

}



/** 1100pxより大きい(1100pxから) **/
@media (min-width: 1100px) {
.cantact_head {
  display:flex; 
}
.cantact_head_sub1 {
order: 1;
width:100%;
}
.cantact_head_sub2 {
border-left:solid 1px #dfdfdf;border-right:solid 1px #dfdfdf;
order: 2;
width:100%;
}
.cantact_head_sub3 {
order: 3;
width:100%;
}

}
/** 1100pxより小さい(1100pxから) **/
@media (max-width: 1100px) {
.cantact_head {
/**
display:flex;
**/
flex-direction: column;

}
.cantact_head_sub1 {
border-top:solid 1px #dfdfdf;
order: 2;
width:100%;
}
.cantact_head_sub2 {

border-top:solid 1px #dfdfdf;
order: 1;
width:100%;
}
.cantact_head_sub3 {
border-top:solid 1px #dfdfdf;
order: 3;
width:100%;
}
}



/**semiorder**/


/** 1100pxより大きい(1100pxから) **/
@media (min-width: 1100px) {
.semi_head {
  display:flex; 
}
.semi_head_1 {
  width:50%;
  height:200px;
  background-position:bottom center;
}
.semi_head_2 {
  width:50%;
  height:200px;
  background-position:bottom center;
}
}
/** 1100pxより小さい(1100pxから) **/
@media (max-width: 1100px) {
.semi_head {
/**
display:flex;
**/
flex-direction: column;

}
.semi_head_1 {
  width:100%;
  height:200px;
  background-position:bottom center;
}
.semi_head_2 {
  width:100%;
  height:138px;
  background-position:top center;
}
}


/**ギャラリー部用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.semi_gahaikeix{
height:650px;
}
}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {

.semi_gahaikeix{
height:450px;
}
}
/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {

.semi_gahaikeix{
height:400px;
}
}

/**ギャラリー部用↑**/


/**サスティナブルプラン部用↓**/


/** 700pxより大きい(531から) **/
@media (min-width: 700px) {
.semibox_waku_soto {
max-width:900px;
}
.semibox_waku {
width:100%;
}
.semibox_l{
/**max-width:430px;**/
padding:10px;
width:40%; 
}
.semibox_r{
padding:10px;
/**width:52%; **/
width:50%;
/**max-width:450px;**/
}
.semibox_sya{

height:250px;

}
.semibox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_oc.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}
.semibox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_le.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}
.semibox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_th.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}



}
/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {

.semibox_waku_soto {
max-width:420px;
}

.semibox_waku {
width:100%;
}
.semibox_l{
width:100%; 
text-align: left;
max-width:630px;
padding:10px;
}
.semibox_r{
width:100%; 
max-width:630px;
padding:10px;

}
.semibox_sya{

height:110%;/**写真調整**/

}
.semibox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_oc.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: cover;
background-position: bottom center; 
}
.semibox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_le.jpg') no-repeat;
background-size: cover;
background-position: bottom center; 
}
.semibox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/semi_th.jpg') no-repeat;
background-size: cover;
background-position: bottom center; 
}



.pic_div_semi {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_semi:before {
    content: "";
    display: block;
    padding-top: 60%;
}

.pic_div_semi_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

}

.heikou_semi::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#616365;
}


/**サスティナブルプラン部用↑**/


/**オプション部用↓**/



.pic_div_option_flow_waku {
    max-width:900px;
}

.pic_div_option_flow {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_option_flow:before {
    content: "";
    display: block;
    padding-top: 130%;
}

.pic_div_option_flow_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.option_flow_sya1 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/option_flow.png);
}
/**オプション部用↑**/


/**詳細部用↓**/



.pic_div_semi_syosai_flow_waku {
    max-width:1000px;
}

.pic_div_semi_syosai_flow {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_semi_syosai_flow:before {
    content: "";
    display: block;
    padding-top: 150%;
}

.pic_div_semi_syosai_flow_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.semi_syosai_flow_sya_ocean {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/ocean_flow.png);
}
.semi_syosai_flow_sya_lennox {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/lennox_flow.png);
}
.semi_syosai_flow_sya_thepass {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/thepass_flow.png);
}

/**詳細部用用↑**/




/**semiorder**/

/**shopmenu↓**/

/** 600pxより大きい(600pxから) **/
@media (min-width: 601px) {
.shop_sha_box {
  display:flex; 
}
.shop_sha_box_sya {
  height:200px;
}


.shop_sha_box2 {
  display:flex; 
}
.shop_sha_box2_r {
  padding-bottom:30px; 
}
.shop_sha_box2_l_soto {
  height:240px;
}

.shop_sha_box2_l {
  background-size: contain;
  background-position: center top;
}

.shop_sha_box2_r {
  padding-left:40px; 
}

}
/** 600pxより小さい(600pxから) **/
@media (max-width: 600px) {
.shop_sha_box {
  display:; 
}
.shop_sha_box_sya {
  height:250px;
}
.shop_sha_box2 {
  display:; 
}
.shop_sha_box2_r {
  padding-left:0px; 
  padding-top:40px; 
  padding-bottom:30px; 
}
.shop_sha_box2_l_soto {
  height:280px;
}
.shop_sha_box2_l {
  background-size: cover;
  background-position: center;
  
}
.shop_sha_box2_l_bb {
  background-size: cover;
  background-position: center bottom;
}


}



/**shopmenu↑**/



/**
.menu_head2:hover {
  animation: menu_head02 1s ease forwards;
}
.menu_head3:hover {
  animation: menu_head03 1s ease forwards;
}

@keyframes menu_head02 {
    0% { width:30px; }
    100% { width:40px; }
}
@keyframes menu_head03 {
    0% { width:20px; }
    100% { width:40px; }
}
**/

.antonfont {
  font-family: 'Anton', sans-serif;
  font-size: 16px;
  color:black;
}
.zenkakufont {
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 16px;
color:black;
}
.zenkakufont700 {
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 16px;
color:black;
font-weight:700;
}
.sanfont {
font-family: sans-serif;
font-size: 16px;
color:black;
}
.notosansjpfonttitle1 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#1C1F22;
line-height: 1.4;
font-weight:700;
}
.notosansjpfonttitle2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#1C1F22;
line-height: 1.4;
font-weight:500;
}
.notosansjpfonthonbun {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.1;
font-weight:500;
}
.notosansjpfont {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#1C1F22;
line-height: 1.1;
font-weight:300;
}
.notosansjpfonthevy {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#ABACAD;
line-height: 1.1;
font-weight:900;
}

/****/

/**文字用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {

.notosansjpfont_msse {
font-family: 'Noto Sans JP', sans-serif;
font-size: 56px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_msse_sub {
font-family: 'Noto Sans JP', sans-serif;
font-size: 38px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 26px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 32px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 24px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_honbun_cyu {
font-family: 'Noto Sans JP', sans-serif;
font-size: 20px;
color:#555759;
line-height: 1.2;
font-weight:400;
}
.notosansjpfont_hosoku {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_button {
font-family: 'Noto Sans JP', sans-serif;
font-size: 22px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}
.notosansjpfont_honbun {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:300;
}
.notosansjpfont_button_naka {
font-family: 'Noto Sans JP', sans-serif;
font-size: 12px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}
.notosansjpfont_honbun_cyu_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 20px;
color:#555759;
line-height: 1.2;
font-weight:400;
}
.notosansjpfont_honbun_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
/**font-size: 18px;**/
font-size: 20px;
color:#555759;
line-height: 1.2;
font-weight:400;
}

}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {


.notosansjpfont_msse {
font-family: 'Noto Sans JP', sans-serif;
font-size: 40px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_msse_sub {
font-family: 'Noto Sans JP', sans-serif;
font-size: 34px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 26px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 28px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 20px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_honbun_cyu {
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
color:#555759;
line-height: 1.2;
font-weight:400;
}
.notosansjpfont_hosoku {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_button {
font-family: 'Noto Sans JP', sans-serif;
font-size: 22px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}
.notosansjpfont_honbun {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:300;
}
.notosansjpfont_button_naka {
font-family: 'Noto Sans JP', sans-serif;
font-size: 12px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}

.notosansjpfont_honbun_cyu_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:400;
}
.notosansjpfont_honbun_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:400;
}

}

/** 600pxより小さい(600pxから) **/
@media (max-width: 600px) {



.notosansjpfont_msse {
font-family: 'Noto Sans JP', sans-serif;
font-size: 37px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_msse_sub {
font-family: 'Noto Sans JP', sans-serif;
font-size: 30px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 24px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title1 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 25px;
color:#1C1F22;
line-height: 1.2;
font-weight:700;
}
.notosansjpfont_title2 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_honbun_cyu {
font-family: 'Noto Sans JP', sans-serif;
font-size: 17px;
color:#555759;
line-height: 1.2;
font-weight:400;
}
.notosansjpfont_hosoku {
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
color:#555759;
line-height: 1.2;
font-weight:500;
}
.notosansjpfont_button {
font-family: 'Noto Sans JP', sans-serif;
font-size: 20px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}
.notosansjpfont_honbun {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
color:#555759;
line-height: 1.2;
font-weight:300;
}
.notosansjpfont_button_naka {
font-family: 'Noto Sans JP', sans-serif;
font-size: 12px;
color:#ffffff;
line-height: 1.4;
font-weight:300;
}


.notosansjpfont_honbun_iesyoukai {
font-family: 'Noto Sans JP', sans-serif;
font-size: 12px;
color:#555759;
line-height: 1.2;
font-weight:400;
}

}





/**文字用↑**/
/**個別画面タイトル用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.kobetu_title2 {
  bottom:-60px;
}

}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {
.kobetu_title2 {
  bottom:-40px;
}
}
/**個別画面タイトル用↑**/
/**個別画面top用↓**/
/**
#kobetu_top_l_moji2{
font-size:100px;
}
**/
/** 800pxより大きい(800pxから) **/
@media (min-width: 800px) {



#kobetu_top_l_moji2{
font-size:60px;
padding-left:10px;
}


}

/** 800pxより小さい(800pxから) **/
@media (max-width: 800px) {

#kobetu_top_l_moji2{
font-size:40px;
padding-left:10px;
}


}
/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {

#kobetu_top_l_moji2{
font-size:30px;
padding-left:10px;
}


}


/** 700pxより大きい(700pxから) **/
@media (min-width: 700px) {


.kobetu_top_waku_new{
height:400px;

}
.kobetu_top_waku{
height:400px;

}
.kobetu_top_r{
top:-230px;width:290px;height:240px;

}
.kobetu_top_rr{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/house_produce_top_moji1.png') no-repeat;
}
.kobetu_top_ab{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/about_us_top_moji1.png') no-repeat;
}

.kobetu_top_full{
top:110px;
width:360px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/full_top_moji.png') no-repeat;

}
.kobetu_top_reno{
top:110px;
width:360px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/reno_top_moji.png') no-repeat;

}

.kobetu_top_barrierfree{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_top_moji1.png') no-repeat;
}
.kobetu_top_surfshop{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surfshop_top_moji1.png') no-repeat;
}


}
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.kobetu_top_waku_new {
  height:450px;
}

}
/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {
.kobetu_top_waku_new{
height:350px;

}
.kobetu_top_waku{
height:300px;

}
.kobetu_top_r{
top:-158px;width:180px;height:150px;

}
.kobetu_top_rr{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/house_produce_top_moji2.png') no-repeat;

}
.kobetu_top_ab{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/about_us_top_moji1.png') no-repeat;

}
.kobetu_top_full{
top:60px;
width:270px;height:350px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/full_top_moji11.png') no-repeat;

}

.kobetu_top_reno{
top:60px;
width:270px;height:350px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/reno_top_moji11.png') no-repeat;

}

.kobetu_top_barrierfree{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_top_moji1.png') no-repeat;
}
.kobetu_top_surfshop{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surfshop_top_moji1.png') no-repeat;
}


}



/** 1000pxより大きい(1000pxから) **/
@media (min-width: 1000px) {

.kobetu_top_rr{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/house_produce_top_moji1.png') no-repeat;
}
.kobetu_top_ab{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/about_us_top_moji1.png') no-repeat;
}
.kobetu_top_surfshop{
width:200px;height:550px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surfshop_top_moji1.png') no-repeat;
}

}


/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {
.kobetu_top_rr{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/house_produce_top_moji2.png') no-repeat;

}
.kobetu_top_ab{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/about_us_top_moji1.png') no-repeat;


}
.kobetu_top_surfshop{
width:140px;height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surfshop_top_moji1.png') no-repeat;
}

}

/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {
.kobetu_top_rr{
width:115px;height:321px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/house_produce_top_moji2.png') no-repeat;

}
.kobetu_top_ab{
width:115px;height:321px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/about_us_top_moji1.png') no-repeat;

}
.kobetu_top_surfshop{
width:115px;height:321px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surfshop_top_moji1.png') no-repeat;
}

}



/** 700pxより小さい(1279pxから)
@media (max-width: 700px) {

#kobetu_top_l_moji2{
font-size:55px;

}
}
 **/
/** 500pxより小さい(1279pxから)
@media (max-width: 500px) {

#kobetu_top_l_moji2{
font-size:50px;

}
}
 **/
/**個別画面top用↑**/





/**company用↓**/

/** 800pxより大きい(800pxから) **/
@media (min-width: 800px) {
.sdgs{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/sdgs1.png') no-repeat;

background-size: contain;
background-position:top center; 
height:350px;
}

.pic_div_sd {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_sd:before {
    content: "";
    display: block;
    padding-top: 27%;
}

.pic_div_sd_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}
/** 800pxより小さい(600pxから) **/
@media (max-width: 800px) {
.sdgs{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/sdgs2.png') no-repeat;

background-size: contain;
background-position:top center; 
height:500px;

}
.pic_div_sd {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_sd:before {
    content: "";
    display: block;
    padding-top: 80%;
}

.pic_div_sd_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



}



/** 600pxより大きい(600pxから) **/
@media (min-width: 600px) {

.top_messe_waku_flex{
padding-left: 20px;
display: flex;

}

.top_messe_waku1{

min-width:150px;/**max-height:250px;**/

}
.top_messe_waku21{
padding:0px 20px 0px 20px;

}
.top_messe_waku22{
padding:20px;

}

}
/** 600pxより小さい(600pxから) **/
@media (max-width: 600px) {
.top_messe_waku_flex{
padding-left: 0px;

}
.top_messe_waku1{
min-width:110px;/**max-height:200px;**/
height:250px;


}
.top_messe_waku21{
padding:20px 20px 0px 10px;

}
.top_messe_waku22{
padding:20px 20px 0px 10px;

}
}
/**company画面用↑**/



/**aboutus用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
#abbox_1{
font-size:100px;

}
#abbox_2{
height:150px;

}
#abbox_3{
width:500px;
top:30px;
}
}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {

#abbox_1{
font-size:70px;

}
#abbox_2{
height:130px;

}
#abbox_3{
width:350px;
top:40px;
}
}
/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {

#abbox_1{
font-size:55px;

}
#abbox_2{
height:105px;

}
#abbox_3{
width:320px;
top:40px;
}
}
/**aboutus用↑**/




.navbar {
    min-height: 80px !important;
}


.yaji_tate_s2 {
  /**width: 100px;**/
  animation: arrow012 2.5s linear infinite forwards;
}

@keyframes arrow012 {
    0% { top:-35p; height:34px; }
    50% { top:-5px; height:34px; }/****/
    100% { top:30px;height:0px; }
}


.yaji_tate_s {
  /**width: 100px;**/
  animation: arrow01 2.5s linear infinite forwards;
}

@keyframes arrow01 {
    0% { top:35px; height:45px; }
    50% { top:80px; height:45px; }/****/
    100% { top:125px;height:0px; }
}


.yaji_naname_s {
  
  animation: arrow02 2.5s linear infinite forwards;
}

@keyframes arrow02 {
    0% { transform: rotate(-135deg) scaleY(0); }
    50% { transform: rotate(-135deg) scaleY(0); }
    75% { transform: rotate(-135deg) scaleY(1); }
    100% { transform: rotate(-135deg) scaleY(2) height:0px; ; }
}
.yaji_yoko_s {
  
  animation: arrow03 2.5s linear infinite forwards;
}

@keyframes arrow03 {
    0% { transform: rotate(-270deg) scaleY(0); }
    75% { transform: rotate(-270deg) scaleY(0); }
    90% { transform: rotate(-270deg) scaleY(1); }
    100% { transform: rotate(-270deg) scaleY(2) height:0px; ; }
}

/**
#gahaikei1 { 
  animation-iteration-count:infinite;
}

.gahaikei1 { 
  -webkit-animation: bgroop 20s linear infinite;
    animation: bgroop 20s linear infinite;
}
**//****/
@keyframes bgroop {
/**
    from {
        background-position: 0 0;
    }
**/
/**
    to {
        background-position: 5996px 0;
    }
   
   **/

}

/**toptopmain部用↓**/
/** 700pxより大きい(1281pxから) **/
@media (min-width: 700px) {
#top_moji1{
background-position:top 60% center;
}
}
/** 700pxより小さい(1279pxから) **/
@media (max-width: 700px) {

#top_moji1{
background-position:top 32% center;
}

}

/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {

#top_moji1{
background-position:top 25% center;
}

}


/**topmain部用↑**/


/**topいつか部用↓**/
/** 700pxより大きい(1281pxから) **/
@media (min-width: 700px) {
.ttp_ue{
display:none;
}
.ttp1{
height:600px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ituka.png') no-repeat;
background-size: auto 500px;
}
.ttp2{
top:100px;right:360px;
 /**
 max-width:640px;
 width:64%;
 **/
 width:72%;
 height:500px;
}
.ttp3{

}
.v3{
font-size: 24px;
}

}
/** 700pxより小さい(1279pxから) **/
@media (max-width: 700px) {

.ttp_ue{
display:block;
}
.ttp1{
height:400px;
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ituka2.png') no-repeat;
background-size: auto 400px;

}
.ttp2{
bottom:0px;right:67px; max-width:633px;width:90%;height:350px;

}
.ttp3{

}
.v3{
font-size: 20px;
}

}

/**topいつか部用↑**/

/**topギャラリー部用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.gahaikeix{
font-size:144px;
height:450px;
}
}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {

.gahaikeix{
font-size:100px;
height:350px;
}
}
/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {

.gahaikeix{
font-size:56px;
height:250px;
}
}

/**topギャラリー部用↑**/


/**topいつか部用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.v1{
max-width:250px;
margin: 30px 30px 0px 30px;
}
.v2{
width:100%;
}
.v3{
margin: 30px 0px 0px 30px;
}
}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {

.v1{
max-width:1000px;
margin: 30px 0px 0px 0px;
}
.v2{
width:90%;
}
.v3{
margin: 30px 30px 0px 30px;
}
}

/**topいつか部用↑**/




/**大タイトル部用↓**/
.title_waku{
/**margin-left:10px !important;**/
/**title_waku:padding-left:10px;**/
}

/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.title_waku{
min-height:80px;
}
.title_zu{
height:80px;
background-size: auto 80px;
}
.title_h{
font-size: 16px;
padding-left: 80px;
}
.title_m{
 font-size: 32px;
 margin-left: 50px;
}



}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {

.title_waku{
min-height:60px;
}
.title_zu{
height:60px;
background-size: auto 60px;
}
.title_h{
font-size: 14px;
padding-left: 65px;
}
.title_m{
 font-size: 28px;
 margin-left: 35px;
}

}

/**大タイトル部用↑**/



/**topサービス部用↓**/


/** 800pxより大きい(800pxから) **/
@media (min-width: 800px) {
.serv_box{
 border-left:solid 1px #dfdfdf;
 width:33%;
 display: inline-block;
 margin: 0;
}
.serv_box_pic_sub{
display: none;
}
.serv_box{
 width:33%;
}
.serv_box_bt{
 width:100%;
}
.serv_box_pic_sub{
width:45%;
right:10px;
}
}
/** 800pxより小さい(800pxから) **/
@media (max-width: 800px) {
.serv_box{
 border-top:solid 1px #dfdfdf;
 /**width:90%;
 max-width:550px;
 **/
 width:100%;
 margin: 0;
 margin-left: auto;
}
.serv_box_pic{
display: none;
}
.serv_box_bt{
 width:55%;
}
.serv_box_pic_sub{
width:45%;
right:10px;
}

}

/** 600pxより小さい(600pxから) **/
@media (max-width: 600px) {
.serv_box{
 border-top:solid 1px #dfdfdf;
 width:100%;
 /**max-width:550px;**/
 margin: 0;
 margin-left: auto;
}
.serv_box_pic_sub{
width:40%;
right:0px;
}
}


/**topサービス部用↑**/




/**topサービス部用↓**/
/** 1000pxより大きい(1281pxから) **/
@media (min-width: 1000px) {
.ss1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/s1.png') no-repeat;
height:250px;
}
.si1{
height:250px;
}

.ss2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/s2.png') no-repeat;
height:250px;
}
.si2{
height:250px;
}


.ss3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/s3.png') no-repeat;
height:250px;
}
.si3{
height:250px;
}
.sb1{
 min-height:180px;
}
.sb2{
 min-height:180px;
}
.sb3{
 min-height:180px;
}
.svbox{
width:100%;
}
.svbox_ue{
top: -60px;
}
}
/** 1000pxより小さい(1279pxから) **/
@media (max-width: 1000px) {
.ss1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss1.png') no-repeat;
height:230px;
}
.si1{
height:230px;
}
.ss2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss2.png') no-repeat;
height:230px;

}
.si2{
height:230px;
}

.ss3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss3.png') no-repeat;
height:230px;

}
.si3{
height:230px;
}
.sb1{
 min-height:160px;
}
.sb2{
 min-height:160px;
}
.sb3{
 min-height:160px;
}
.svbox{
width:100%;
}
.svbox_ue{
top: -50px;
}

}


/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {
.ss1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss1.png') no-repeat;
height:230px;
}
.si1{
height:230px;
}
.ss2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss2.png') no-repeat;
height:230px;

}
.si2{
height:230px;
}

.ss3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/ss3.png') no-repeat;
height:230px;

}
.si3{
height:230px;
}
.sb1{
 min-height:160px;
}
.sb2{
 min-height:160px;
}
.sb3{
 min-height:160px;
}
.sb3{
 min-height:160px;
}
.svbox{
width:90%;
}
.svbox_ue{
top: -50px;
}
}


/**topサービス部用↑**/



/**toppickup部用↓**/

.heikou::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#1C1F22;
}
.heikou2::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#555759;
}
.heikou3::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#ABACAD;
}

/** 1000pxより大きい(1281pxから)
@media (min-width: 1000px) {
}
 **/
/** 1000pxより小さい(1279pxから)
@media (max-width: 1000px) {

}
 **/
/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {

.heikou{
width:70%;
}
.heikou2{
width:70%;
}
.heikou3{
width:70%;
}
/**
.picbox{
min-height:410px;
}
**/
.picbox_waku {
width:90%;
}
.picbox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.picbox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.picbox_sya{

height:350px;

}
.picbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic1_new.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.picbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic2_new.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.picbox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic3_new.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}

}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {
.heikou{
width:90%;
}
.heikou2{
width:90%;
}
.heikou3{
width:90%;
}

.picbox_waku {
width:90%;
}
.picbox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.picbox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.picbox_sya{

height:250px;

}
.picbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}
.picbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic22.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}
.picbox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic33.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}


.pic_div {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}
/** 1280pxより小さい(1279pxから) **/
@media (max-width: 1280px) {

}



/**toptoppickup部用↑**/




/**topnews部用↑**/

.heikounews::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#616365;
}

/**topnews部用↑**/

/**aboutus用↓**/
#bytoudai {
  animation: arrowjyouge 35s ease-in-out infinite forwards;
}
@keyframes arrowjyouge {
/**
    0% { background-position: left ;background-size: 125%; }
    50% { background-position: right ;background-size: 105%; }
    60% { background-position: right ;background-size: 110%; }
    100% { background-position: left ;background-size: 125%;  }
 **/
     0% { background-position: bottom ;transform: scale(1.0); }
    50% { background-position: top ;transform: scale(1.20); }
    100% { background-position: bottom ;transform: scale(1.0);  }

}
/**aboutus用↑**/













/**住宅プロデュース画面プラン部、こだわり部用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {


.kodabox_waku {
width:90%;
}
.kodabox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.kodabox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.kodabox_sya{

height:350px;

}
.kodabox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda1.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.kodabox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda2.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.kodabox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda3.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}



}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {




.kodabox_waku {
width:90%;
}
.kodabox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.kodabox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.kodabox_sya{

height:250px;

}
.kodabox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}
.kodabox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda22.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}
.kodabox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/koda33.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}




.pic_div_koda {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_koda:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_koda_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}








.pic_div_koda_pt2 {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_koda_pt2:before {
    content: "";
    display: block;
    padding-top: 45%;
}

.pic_div_koda_pt2_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}





/**住宅プロデュース画面プラン部、こだわり部用↑**/





/**住宅プロデュース画面プラン部、こだわり部用↓**/


/** 700pxより大きい(531から) **/
@media (min-width: 700px) {
.probox_waku_soto {
max-width:900px;
}
.probox_waku {
width:100%;
}
.probox_l{
/**max-width:430px;**/
padding:10px;
width:40%; 
}
.probox_r{
padding:10px;
/**width:52%; **/
width:50%;
/**max-width:450px;**/
}
.probox_sya{

height:250px;

}
.probox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro1_0218.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}
.probox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro2.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}
.probox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro3.jpg') no-repeat;
background-size: auto 250px;
background-position: center;
}



}
/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {

.probox_waku_soto {
max-width:420px;
}

.probox_waku {
width:100%;
}
.probox_l{
width:100%; 
text-align: left;
max-width:630px;
padding:10px;
}
.probox_r{
width:100%; 
max-width:630px;
padding:10px;

}
.probox_sya{

height:110%;/**写真調整**/

}
.probox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro1_0218.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: cover;
background-position: bottom center; 
}
.probox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro2.jpg') no-repeat;
background-size: cover;
background-position: bottom center; 
}
.probox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pro3.jpg') no-repeat;
background-size: cover;
background-position: bottom center; 
}



.pic_div_pro {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_pro:before {
    content: "";
    display: block;
    padding-top: 60%;
}

.pic_div_pro_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

}

/**住宅プロデュース画面プラン部、こだわり部用↑**/





/**ピックアップボックス用↓**/


.heikou_new::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 10px; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#1C1F22;
}
.heikou_new2::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 10px; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#555759;
}
.heikou_new3::before{
    transform: skewX(-35deg);
    content: ""; /*ボックスを作る*/
    position: absolute;/*ポジションで中央に配置*/
    top: 0; bottom: 0; left: 10px; right: 0;
    z-index: -1;/* 親要素の後ろに来るように-1 */
    background-color:#ABACAD;
}

/** 1000pxより大きい(1281pxから)
@media (min-width: 1000px) {
}
 **/
/** 1000pxより小さい(1279pxから)
@media (max-width: 1000px) {

}
 **/
/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {
.picbox_new_waku_soto {
max-width:900px;
}
.heikou_new{
width:70%;
}
.heikou_new2{
width:70%;
}
.heikou_new3{
width:70%;
}
/**
.picbox{
min-height:410px;
}
**/
.picbox_new_waku {
width:100%;
}
.picbox_new_l{
text-align: center;
width:390px;
padding:10px;
}
.picbox_new_r{
padding:10px;
width:50%;
/**padding-right:60px;**/
/**max-width:450px;**/
}
.picbox_new_sya{

height:350px;

}
.picbox_new_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic1_new.jpg') no-repeat;
background-size: auto 350px;
background-position: left center; 
}
.picbox_new_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic2_new.jpg') no-repeat;
background-size: auto 350px;
background-position: left center; 
}
.picbox_new_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic3_new.jpg') no-repeat;
background-size: auto 350px;
background-position: left center; 
}

}



/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {
.picbox_new_waku_soto {
max-width:800px;
}
.heikou_new{
width:70%;
}
.heikou_new2{
width:70%;
}
.heikou_new3{
width:70%;
}
/**
.picbox{
min-height:410px;
}
**/
.picbox_new_waku {
width:100%;
}
.picbox_new_l{
text-align: center;
width:340px;
padding:10px;
}
.picbox_new_r{
padding:10px;
width:50%;
/**padding-right:60px;**/
/**max-width:450px;**/
}
.picbox_new_sya{

height:320px;

}
.picbox_new_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic1_new.jpg') no-repeat;
background-size: auto 320px;
background-position: left center; 
}
.picbox_new_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic2_new.jpg') no-repeat;
background-size: auto 320px;
background-position: left center; 
}
.picbox_new_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic3_new.jpg') no-repeat;
background-size: auto 320px;
background-position: left center; 
}


}





/** 800pxより小さい(1000pxから) **/
@media (max-width: 800px) {
.picbox_new_waku_soto {
/**max-width:700px;**/
text-align:center;
}
.heikou_new{
width:96%;
}
.heikou_new2{
width:96%;
}
.heikou_new3{
width:96%;
}

.picbox_new_waku {
width:100%;
}
.picbox_new_l{
text-align: left;
width:100%;
/**max-width:630px;**/
padding:30px 30px 10px 30px;
}
.picbox_new_r{
width:100%;
/**max-width:630px;**/
padding:0px 30px 30px 30px;

}
.picbox_new_sya{

/**height:250px;**/

}
.picbox_new_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}
.picbox_new_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic22.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}
.picbox_new_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/pic33.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}


.pic_div_new {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_new:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_new_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}
/**ピックアップボックス用↑**/






/**バリアフリー画面用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {


.barrierfreebox_waku {
width:90%;
}
.barrierfreebox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.barrierfreebox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.barrierfreebox_sya{

height:250px;

}
.barrierfreebox_sya_yohaku{

height:10px;/**写真調整**/

}
.barrierfreebox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree1.jpg') no-repeat;
background-size: auto 250px;
background-position: center; 
}
.barrierfreebox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree2.jpg') no-repeat;
background-size: auto 250px;
background-position: center; 
}


}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {



.barrierfreebox_waku {
width:90%;
}
.barrierfreebox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.barrierfreebox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.barrierfreebox_sya{

/**height:250px;**/
height:110%;/**写真調整**/

}
.barrierfreebox_sya_yohaku{

height:50px;/**写真調整**/

}


.barrierfreebox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: cover;
background-position: center; 
}
.barrierfreebox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree22.jpg') no-repeat;
background-size: cover;
background-position: center; 
}



.pic_div_barrierfree {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_barrierfree:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.pic_div_barrierfree_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}

/**バリアフリー画面用↑**/






/**バリアフリーフロー画面用↓**/


/** 800pxより大きい(800pxから) **/
@media (min-width: 800px) {

.pic_div_barrierfree_flow_waku {
    max-width:900px;
}

.pic_div_barrierfree_flow {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_barrierfree_flow:before {
    content: "";
    display: block;
    padding-top: 55%;
}

.pic_div_barrierfree_flow_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.barrierfree_flow_sya1 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow1.png);
}
.barrierfree_flow_sya2 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow2.png);
}
.barrierfree_flow_sya3 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow3.png);
}


}
/** 800pxより小さい(800pxから) **/
@media (max-width: 800px) {

.pic_div_barrierfree_flow_waku {
    max-width:470px;
}

.pic_div_barrierfree_flow {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_barrierfree_flow:before {
    content: "";
    display: block;
    padding-top: 200%;
}

.pic_div_barrierfree_flow_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.barrierfree_flow_sya1 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow11.png);
}
.barrierfree_flow_sya2 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow22.png);
}
.barrierfree_flow_sya3 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/barrierfree_flow33.png);
}


}

/**バリアフリーフロー画面用↑**/




/**契約画面用↓**/



.pic_div_zentai_flow_waku {
    max-width:900px;
}

.pic_div_zentai_flow {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_zentai_flow:before {
    content: "";
    display: block;
    padding-top: 110%;
}

.pic_div_zentai_flow_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.zentai_flow_sya1 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/zentai_flow.png);
}
/**契約画面用↑**/


/**資金計画画面用↓**/



.pic_div_luplus_waku {
    max-width:900px;
}

.pic_div_luplus {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_luplus:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.pic_div_luplus_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.luplus_sya1 {
    background-image: url(https://lighthouse-ube.jp/wp-content/themes/hestia/img/luplus_img.jpg);
}
/**資金計画画面用↑**/


/**個別画面用↓↓**/
.pic_div_kobetu_top {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: auto;
    min-height:300px;
    overflow:hidden;
}
.pic_div_kobetu_top:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.pic_div_kobetu_top_inner {
    position: absolute;
    top: 0; 
    left: 0;/****/
    /**right:0px;**/
    width: 100%;
    height: 100%;
}



.kobetu_title1 {
   font-weight: 700;
   /**color:#E0CA82;**/
   text-shadow: 1px 2px 3px #ffffff;
   /**
   -webkit-text-stroke: 3px #ffffff;
   text-stroke: 3px #ffffff;
   **/
}

/** お問い合わせ部要↓ **/
input[type="submit"] {
color:#ffffff;background-color: #616365;
border-radius: 0px !important;
box-shadow:none;
width:100%;
}
input[type="submit"]:hover {
color:#ffffff;background-color: #555759;
border-radius: 0px !important;
box-shadow:none;
}

/** お問い合わせ部要↑**/




/** 600pxより大きい(600pxから) **/
@media (min-width: 600px) {

.kobetu_top_waku_g {
  width:90%;
}
.kobetu_top_waku_g_r {
  width:90%;
 /** margin-left: auto;**/
}
.kobetu_top_waku_g_l {
  width:90%;
  /**left: 0px;**/
}
}
/** 600pxより小さい(700pxから) **/
@media (max-width: 600px) {

.kobetu_top_waku_g {
  width:100%;
  padding-left:3%;
  padding-right:3%;
}
.kobetu_top_waku_g_r {
  width:100%;
  padding-left:3%;
}
.kobetu_top_waku_g_l {
  width:100%;
  padding-right:3%;
}
.kobetu_top_waku_g_nasi {
  width:100%;
  padding-right:0% !important;;
  padding-left:0% !important;;
}
}

/** 1280pxより小さい(1280pxから) **/
@media (max-width: 1280px) {

.kobetu_top_waku_g_nasi2 {
  width:100%;
  padding-right:0% !important;;
  padding-left:0% !important;;
}
}



/**個別画面用↑**/









/**家紹介一覧画面用↓**/


.ie_moji {
    background-color: #ffffff;
    text-align: center;
}

.pic_div_iesyoukai_pt1 {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_iesyoukai_pt1:before {
    content: "";
    display: block;
    padding-top: 45%;
}

.pic_div_iesyoukai_pt1_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.pic_div_iesyoukai_pt2 {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_iesyoukai_pt2:before {
    content: "";
    display: block;
    padding-top: 32%;
}

.pic_div_iesyoukai_pt2_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.pic_div_iesyoukai_pt3 {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_iesyoukai_pt3:before {
    content: "";
    display: block;
    padding-top: 20%;
}

.pic_div_iesyoukai_pt3_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.pic_div_iesyoukai_yohaku {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_iesyoukai_yohaku:before {
    content: "";
    display: block;
    padding-top: 5%;
}

.pic_div_iesyoukai_yohaku_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

/** 1000pxより大きい(1000pxから) **/
@media (min-width: 1000px) {


.orgimgsoto_kobe_iti2_hidari {
    width:55%;
}
.orgimgsoto_kobe_iti2_migi {
    position:absolute;
    left:55%;
    width:45%;
    height:500px;
}
.orgimgsoto_kobe_iti2_migi_naka {
    top:100px;
    padding:20px;
}

}

/** 1101pxから1000まで1画面用 **/
@media screen and (min-width:1100px) and (max-width:1400px) {
.cyoseiwaku_iti_keitai_nature3 {
    height:60px;
}
}
/** 1101pxから1000まで1画面用 **/
@media screen and (min-width:1000px) and (max-width:1100px) {
.cyoseiwaku_iti_keitai_nature2 {
    height:80px;
}
}

/** 1101pxから1000まで1画面用 **/
@media screen and (min-width:1000px) and (max-width:1100px) {
.cyoseiwaku_iti_keitai_nature {
    height:40px;
}
}

/** 1000pxより小さい(1000pxから) **/
@media (max-width: 999px) {


.orgimgsoto_kobe_iti2_hidari {
    width:100%;
}
.orgimgsoto_kobe_iti2_migi {
    position:relative;
    margin: 0 auto;
    width:90%;
    
    top: 0px !important;/****/
}
.orgimgsoto_kobe_iti2_migi_naka {
    top:20px;
    padding:0px;
}
.cyoseiwaku_iti_keitai2 {
    height:30px !important;
}




}

/** 600pxより小さい(600pxから)携帯サイズで文字がはいりきらないため **/
@media (max-width: 600px) {

.orgimgsoto_kobe_iti2_migi {
    position:relative;
    margin: 0 auto;
    width:100%;
}
.orgimgsoto_kobe_iti2_migi_naka {
    top:20px;
    padding:3%;
}

.ie_pt {
    width:100% !important;
}
}



/**
.cyoseiwaku_iti_keitai {
    height:0px !important;
}
.cyoseiwaku_iti_keitai2 {
    height:0px !important;
}
**/

/** 768pxより小さい(768pxから) **/
@media (max-width: 768px) {

/**
.orgimgsoto_kobe_iti2_migi {
    top: 300px !important;
}
.cyoseiwaku_iti_keitai {
    height:310px !important;
}
**/
}
/** 490pxより小さい(490pxから) **/
@media (max-width: 490px) {

/**
.cyoseiwaku_iti_keitai {
    height:350px !important;
}
**/
}
/** 400pxより小さい(490pxから) **/
@media (max-width: 400px) {

/**
.cyoseiwaku_iti_keitai {
    height:390px !important;
}
**/
}
/** 350pxより小さい(490pxから) **/
@media (max-width: 350px) {

/**
.cyoseiwaku_iti_keitai {
    height:440px !important;
}
**/
}

/**家紹介一覧画面用↑**/







/**見学会画面用用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {




.tourbox_waku {
width:90%;
}
.tourbox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.tourbox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.tourbox_sya{

height:350px;

}
.tourbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour1.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.tourbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour2.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.tourbox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour3.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}


.siryobox_waku {
width:90%;
}
.siryobox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.siryobox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.siryobox_sya{

height:250px;

}
.siryobox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour_catalog.jpg') no-repeat;
background-size: auto 250px;
background-position: center; 
}



}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {





.tourbox_waku {
width:90%;
}
.tourbox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.tourbox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.tourbox_sya{

height:250px;

}
.tourbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}
.tourbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour22.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}
.tourbox_sya3{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour33.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}



.pic_div_tour {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_tour:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_tour_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


.siryobox_waku {
width:90%;
}
.siryobox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.siryobox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.siryobox_sya{

height:110%;/**写真調整**/

}
.siryobox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/tour_catalog.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: cover;
background-position: bottom center; 
}


.pic_div_siryo {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_siryo:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_siryo_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



}

/**見学会画面用↑**/







/**フルオーダー画面用用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {




.fullbox_waku {
width:90%;
}
.fullbox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.fullbox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.fullbox_sya{

height:350px;

}
.fullbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/full1.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}


}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {





.fullbox_waku {
width:90%;
}
.fullbox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.fullbox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.fullbox_sya{

height:250px;

}
.fullbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/full11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}


.pic_div_full {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_full:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_full_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



}

/**フルオーダー画面用↑**/




/**リノベーション画面用用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {




.renobox_waku {
width:90%;
}
.renobox_l{
text-align: center;
/**max-width:430px;**/
max-width:650px;
padding:30px;
}
.renobox_r{
padding:30px;
/**padding-right:60px;**/
max-width:450px;
}
.renobox_sya{

/**height:350px;**/
height:260px;

}
.renobox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/reno1.jpg') no-repeat;
/**background-size: auto 350px;**/
background-size: auto 260px;
background-position: center; 
}


}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {





.renobox_waku {
width:90%;
}
.renobox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.renobox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.renobox_sya{

height:250px;

}
.renobox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/reno1.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}


.pic_div_reno {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_reno:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_reno_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}



}

/**リノベーション画面用↑**/


/**施工一覧用↓**/


/** 1150pxより大きい(531から) **/
@media (min-width: 1150px) {


.itiran_flex_waku_soto {
   max-width:1000px;
}
.itiran_flex {
   display: flex;
   flex-wrap: wrap;
}
.itiran_flex_soto{
	width: 310px;
	margin: 10px;
	
	border:solid 1px #dfdfdf;
}
.itiran_flex_naka{
	padding: 10px;
	width:100%;
}
.itiran_flex_sya{
	height:250px;
}

}
/** 1150pxより小さい(1000pxから) **/
@media (max-width: 1150px) {

.itiran_flex_waku_soto {
   max-width:910px;
}

.itiran_flex {
   display: flex;
   flex-wrap: wrap;
}
.itiran_flex_soto{
	width: 280px;
	margin: 10px;
	
	border:solid 1px #dfdfdf;
}
.itiran_flex_naka{
	padding: 10px;
	width:100%;
}
.itiran_flex_sya{
	height:210px;
}


}
/** 1050pxより小さい(1050pxから) **/
@media (max-width: 1050px) {

.itiran_flex_waku_soto {
   max-width:670px;
}
.itiran_flex {
   display: flex;
   flex-wrap: wrap;
}
.itiran_flex_soto{
	width: 310px;
	margin: 10px;
	
	border:solid 1px #dfdfdf;
}
.itiran_flex_naka{
	padding: 10px;
	width:100%;
}
.itiran_flex_sya{
	height:250px;
}

}
/** 760pxより小さい(1050pxから) **/
@media (max-width: 760px) {

.itiran_flex_waku_soto {
   max-width:610px;
}
.itiran_flex {
   display: flex;
   flex-wrap: wrap;
}
.itiran_flex_soto{
	width: 280px;
	margin: 10px;
	
	border:solid 1px #dfdfdf;
}
.itiran_flex_naka{
	padding: 10px;
	width:100%;
}
.itiran_flex_sya{
	height:210px;
}

}


/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {


.itiran_flex_waku_soto {
   max-width:400px;
}
.itiran_flex {
   display: flex;
   flex-wrap: wrap;
}
.itiran_flex_soto{
	width: 370px;
	margin: 10px;
	
	border:solid 1px #dfdfdf;
}
.itiran_flex_naka{
	padding: 10px;
	width:100%;
}
.itiran_flex_sya{
	height:250px;
}


}

/**施工一覧用↑**/


/**コロナ対策用↓**/
/** 1000pxより大きい(1000pxから) **/
/**@media (min-width: 600px) {**/
@media (min-width: 1001px) {

.migi_moji {
   width:90%;
}

}
/** 1000pxより小さい(1000pxから) **/
/**@media (max-width: 600px) {**/
@media (max-width: 1000px) {

.migi_moji {
   width:100%;
}

}

/**コロナ対策用↑**/

/**サーフショップ用↓**/
.mnx {
  display:flex;

}
.mn1 {
   flex: 0.5;

}
.mn2 {
   flex: 5.5;

}
.mn3 {
   flex: 3;
   text-align:right;

}
/**サーフショップ用↑**/


/**サーフショップスクール説明部用↓**/


/** 1000pxより大きい(531から) **/
@media (min-width: 1000px) {



.surfbox_waku {
width:90%;
}
.surfbox_l{
text-align: center;
max-width:430px;
padding:30px;
}
.surfbox_r{
padding:30px;
padding-right:60px;
max-width:450px;
}
.surfbox_sya{

height:350px;

}
.surfbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surf1.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}
.surfbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surf2.jpg') no-repeat;
background-size: auto 350px;
background-position: center; 
}


}
/** 1000pxより小さい(1000pxから) **/
@media (max-width: 1000px) {



.surfbox_waku {
width:90%;
}
.surfbox_l{
text-align: left;
max-width:630px;
padding:30px 30px 10px 30px;
}
.surfbox_r{
max-width:630px;
padding:0px 30px 30px 30px;

}
.surfbox_sya{

height:250px;

}
.surfbox_sya1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surf11.jpg') no-repeat;
/**background-size: auto 250px;**/
background-size: contain;
background-position: left top; 
}
.surfbox_sya2{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/surf22.jpg') no-repeat;
background-size: contain;
background-position: left top; 
}


.pic_div_surf {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_surf:before {
    content: "";
    display: block;
    padding-top: 43%;
}

.pic_div_surf_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


}

/**サーフショップスクール説明部用↑**/



















/** 769pxより小さい(768から) **/
@media (max-width: 768px) {
.cont{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
}

}

.carousel-cell {
  /**width: 25%;**/
  height: 250px;
  margin-right: 10px;
  background: #333;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}


.flickity-page-dots .dot {
  display: inline-block;
  width: 40px;
  height: 4px;
  border-radius: 0;
  margin: 0px;
}
.flickity-prev-next-button {
  top: 50%;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  padding:0px !important;
  background-color: yellow;
  box-shadow: 0 0 0 0 !important;
}
.flickity-button-icon:hover {
  color:black !important;
}
.flickity-button:hover {
  color:black !important;
}
.flickity-enabled {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}


.btn01:hover {
    background-color: #C0C0C0;
    /**color: #ffffff !important;**/
}
.btn01 {
-webkit-transition: all .3s;
    transition: all .3s;
}


/** 820pxより大きい(531から) **/
@media (min-width: 820px) {
/**
.toia{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/toi1.png') no-repeat;
width:500px;
}

#headlogoimg{
width:200px;
}
**/
}

/** 820pxより小さい(1279pxから) **/
@media (max-width: 820px) {
/**
.toia{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/toi2.png') no-repeat;
width:170px;
}

#headlogoimg{
width:150px;
}
**/
}

/** リンクボックス↓**/
.linkbox_haikei1{
background: url('https://lighthouse-ube.jp/wp-content/themes/hestia/img/link.png') no-repeat;
background-position: left top; 
background-size: auto 50px; 

}

/** 1280pxより大きい(531から) **/
@media (min-width: 1280px) {

.linkbox_waku{
width:90%;
}

}
/** 1280pxより小さい(1279pxから) **/
@media (max-width: 1280px) {

.linkbox_waku{
width:90%;
}

}
/** 800pxより大きい(800pxから) **/
@media (min-width: 800px) {

.linkbox_haikei{
display: none; 
}

.linkbox_flex{
display: flex;flex-wrap: nowrap; 
}
.linkbox2{
/**margin-left:30px;**/
width:300px;
}
.linkbox3{
flex: 1; 

}
.linkbox4{
width: 250px; 
}
.linkbox33{
/**height:200px;**/
}

}
/** 800pxより小さい(800pxから) **/
@media (max-width: 800px) {

.linkbox2{
display: none; 
}
.linkbox4{
width: 100%; 
}
.linkbox33{
/**height:150px;**/
}

}



/** リンクボックス↑**/





/** リンクボックス↓**/

.linkbox44{
width: 250px; 
}

/** 1000pxより大きい(1000pxから) **/
@media (min-width: 1000px) {
.linkbox_new_ue{
width:80%;
}
.linkbox_new_l{
width:40%;
}
.linkbox_new_r{
width:40%;
}


}
@media (max-width: 1000px) {
.linkbox_new_ue{
width:90%;
}
.linkbox_new_l{
width:45%;
}
.linkbox_new_r{
width:45%;
}

}

@media (max-width: 800px) {

.linkbox_new_l{
width:60%;
}
.linkbox_new_r{
width:30%;
}
}


/** 600pxより大きい(600pxから) **/
@media (min-width: 600px) {
.linkbox_new_waku{
height:280px;
}
.linkbox_new_l{
height:200px;
}
}

@media (max-width: 600px) {

.linkbox_new_waku{
height:240px;
}
.linkbox_new_waku_ken{
height:260px;
}
.linkbox_new_l{
height:160px;
}
.linkbox_new_l_ken{
height:180px;
}

.linkbox_new_l{
width:90%;
}
.linkbox_new_r{
display: none !important; 
}
.linkbox44{
width: 100%; 
}
}









/** リンクボックス↑**/






/** リンクボックスnew↓**/



/** 700pxより大きい(700pxから) **/
@media (min-width: 701px) {

.link_box_new{
display:flex;
height:260px;
}
.link_box_new_kin{
width:30px;
}

.link_box_new_sya{
max-width:400px;min-width:260px;
}
.link_box_new_r_soto{
height:100%;
}
.link_box_new_r_bt{
width:100%;
}
.link_box_new_sya_none{
display: none; 
}
.link_box_new_sya_none_wh{
display: none; 
}
.linkbox44_new {
width: 250px ;
background-color: #616365;
}
}
/** 700pxより小さい(700pxから) **/
@media (max-width: 700px) {

.link_box_new{
display:;
height:260px;


}
.link_box_new_kin{
width:100%;height:30px;
}

.link_box_new_sya{
display: none; 
/**width:100%;height:300px;**/
}
.link_box_new_r_soto{
height:230px;
}
.link_box_new_r_bt{
width:90%;
left:5%;
}
.linkbox44_new {
width: 100% ; 
background-color: #616365;
}
.link_box_new_sya_none{
}
.link_box_new_sya_none_wh{
}
}






/** リンクボックスnew↑**/










/** 1280pxより大きい(531から) **/
@media (min-width: 1280px) {




/**
.linkbox_waku{
width:100%;

}
.linkbox{
position:absolute;

}
.linkbox1{
left:30px;top:30px;
}
.linkbox2{
max-width:500px; background-size: auto 100%;
left:670px;top:30px;
}
.linkbox3{
max-width:600px;
left:30px;top:80px;
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
}
.linkbox4{
max-width:600px;
top:250px;left:30px;
}
**/
.headlogoimg{
height:80px;width:80px;
}
.menu_box1{
right:80px;height:80px;width:80px;font-size:14px;
}
.menu_box1_1{
bottom:12px;
}
.menu_head1{
/**top:25px;**/
}
.menu_head2{
/**top:39px;**/
}
.menu_head3{
/**top:53px;**/
}
.menu_box2{
height:80px;width:80px;
}

#sns_insta{
top:20px;right:180px;height:60px;width:60px;
}
#sns_youtube{
top:20px;right:260px;height:60px;width:60px;
}

}
/** 1280pxより小さい(1279pxから) **/
@media (max-width: 1280px) {


/**
.linkbox_waku{
width:90%;
}
.linkbox{
position:relative;
}
.linkbox1{
left:0px;top:0px;
}
.linkbox2{
max-width:700px; background-size: auto 120%;
left:0px;top:0px;
}
.linkbox3{
max-width:100%;
left:0px;top:0px;
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
}
.linkbox4{
max-width:100%;
top:0px;left:0px;
}
**/

.headlogoimg{
height:60px;width:60px;
}
.menu_box1{
right:60px;height:60px;width:60px;font-size:12px;
}
.menu_box1_1{
bottom:8px;
}
.menu_head1{
/**top:15px;**/
}
.menu_head2{
/**top:29px;**/
}
.menu_head3{
/**top:43px;**/
}
.menu_box2{
height:60px;width:60px;

}

#sns_insta{
top:20px;right:140px;height:40px;width:40px;
}
#sns_youtube{
top:20px;right:200px;height:40px;width:40px;
}


}


/** 500pxより小さい(1279pxから) **/
@media (max-width: 500px) {
/**
.linkbox3{
max-width:100%;
left:0px;top:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
}
**/
}



/**tuiki
#main-gallery{
  margin-bottom:30px;
  background:#eee;
}
 
#main-gallery .gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}


#main-gallery .gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
**/



/****/
/**
.arrow span {
  display: block;
  width: 100px;
  height: 2px;
  background-color: #000;
  position: relative;
  transform: scale(0, 1);
  transform-origin: top left;
  animation: arrow01 5s ease-in-out infinite forwards;
}

.arrow span::after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  border-right: 2px solid #000;
  transform: rotate(-45deg) scale(1, 0);
  transform-origin: right bottom;
  position: absolute;
  bottom: 2px;
  right: 1px;
  animation: arrow02 5s ease-in-out infinite forwards;
}
@keyframes arrow02 {
    0% { transform: rotate(-45deg) scale(1, 0); }
    45% { transform: rotate(-45deg) scale(1, 0); }
    55% { transform: rotate(-45deg) scale(1, 1); }
    85% { transform: rotate(-45deg) scale(1, 1); opacity: 1;}
    90% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
    100% { transform: rotate(-45deg) scale(1, 1); opacity: 0; }
}
**/






.loading {
  position: relative;
  width: 70px;
  height: 70px;
}
.loading::after {
  border-radius: 40%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    /**#808000ff,**/
    #ee88aa,
    rgba(250, 238, 255, 0.3) 90%,
    /**rgba(128, 128, 0, 0.3) 90%,**/
    rgba(230, 238, 255, 0.5)
    /**rgba(128, 128, 0, 0.5)**/
  );
  animation: color-fade 3s infinite linear;
}
.circle1,
.circle2,
.circle3 {
  opacity: 0.4;
  position: absolute;
  background: #0af;
  /**background: #808000ff;**/
  width: 70px;
  height: 70px;
  transform-origin: 50% 47%;
  border-radius: 40%;
  animation: rotation 3s infinite linear;
}
.circle2 {
  opacity: 0.2;
  background: #ff0;
  animation: rotation 5s infinite linear;
}
.circle3 {
  animation: rotation 2.5s infinite linear;
}
.title {
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 0.7rem;
  line-height: 2rem;
  letter-spacing: 0.15em;
  animation: text-fade 300ms infinite linear;
}
/* 回転アニメーション */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ピンク色の背景のアニメーション */
@keyframes color-fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
/* 点滅のアニメーション */
@keyframes text-fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.9;
  }
  75% {
    opacity: 0.6;
  }
}


/**
.nana {
  
  animation: arrow04 2.5s linear infinite forwards;
}

@keyframes arrow04 {
    0% { transform: rotate(45deg) scaleX(0); }
    50% { transform: rotate(45deg) scaleX(0); }
    75% { transform: rotate(45deg) scaleX(1); }
    100% { transform: rotate(45deg) scaleX(2) height:0px; ; }
}
**/









.main-raised {
    margin: -30px 0px 0px !important;/**上、左右、下**/
    width:100%;/**追**/
}

/**メニューの文字**/
.navbar {
/**
    color: gray !important;
    
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
              **/

    /**font-family: 'Rounded Mplus 1c' !important;20180424**/

}

.header-filter-gradient {
   /**background-color:#ffffff !important;**/
   background:#ffffff !important;
}

.headoriginal {
    max-width: 1920px;
    margin: 0 auto;
    /**margin-left: -20px;**/
    margin-left: 0px;
}
.navbar.navbar-transparent>.container {
    padding-top: 0px;
}
.navbar.navbar-not-transparent>.container {
    padding-top: 0px;
}
.navbar-toggle-wrapper {
    visibility: hidden;
}

.navbar-not-transparent{
/**background-color: rgba(0,0,0,0.3) !important;**/
}
.navbar {
-webkit-box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0 !important;
}


@keyframes hanntenugoki { 
    0% { transform:translateX( 50px); }
    30% {transform:translateX( -25px); }
  60% { transform:translateX( -25px);}
  90% { transform:translateX( 50px);}
  100% { transform: translateX( 50px);}
  
}



.effect_kobetu{
	/**opacity:0;**/
}


.effect_kobetu {
  margin: 0 auto;/****/
  width:100%;
  height:100%;
  max-width:1920px;/****/
}

.kobetu_sub {
position:relative;
  z-index: 4;
  margin: 0 auto;
  width:100%;
  height:100%;
  max-width:1200px;
}



@media (min-width: 992px) {
    .orgimgsoto_kobe{
        top:-440px;/****/
    }
    .orgimgsoto_kobe_iti{
        top:-470px;/****/
    }
    .orgimgsoto_kobe_iti2{
        top:-340px;/****/
    }
    .orgimgsoto_kobe_media{
        /**top:-400px;**/
    }
    
}
@media screen and (min-width:769px) and (max-width:785px) {
    .orgimgsoto_kobe{
        top:-410px;/****/
    }
    .orgimgsoto_kobe_iti{
        top:-440px;/****/
    }
    .orgimgsoto_kobe_iti2{
        top:-340px;/****/
    }
    .orgimgsoto_kobe_media{
        /**top:-410px;**/
    }
}

@media (min-width: 785px) {
    .orgimgsoto_kobe{
        top:-470px;/****/
    }
    .orgimgsoto_kobe_iti{
        top:-500px;/****/
    }
    .orgimgsoto_kobe_iti2{
        top:-400px;/****/
    }
    .orgimgsoto_kobe_media{
        /*top:-470px;***/
    }
}


@media (min-width: 769px) {
    .orgimgsoto_kobe{
        top:-450px;/****/
    }
    .orgimgsoto_kobe_iti{
        top:-500px;/****/
    }
    .orgimgsoto_kobe_iti2{
        top:-400px;/****/
    }
    .orgimgsoto_kobe_media{
        top:-400px;/****/
    }
}




/** 769pxより大きい(768から) **/
@media (min-width: 768px) {

    .orgimgsoto_kobe2{
      background-size: 50% 100% ;
    }
    
}
/** 769pxより小さい(768から) **/
@media (max-width: 768px) {
  .orgimgsoto_kobe{
        top:-170px;/****/
    }
    .orgimgsoto_kobe_iti{
        top:-190px;/****/
    }
    .orgimgsoto_kobe_iti2{
        top:-90px;/****/
    }
    .orgimgsoto_kobe2{
      background-size: 100% 100% ;
    }
    .orgimgsoto_kobe_media{
        top:-380px;/****/
    }
}




 /** 769pxより大きい(768から) **/
@media (min-width: 768px) {

    .orgimgsoto_kobe2{
      background-size: 50% 100% ;
    }
    
    .cyoseiwaku {
      /**top:-400px**/
  }
  .cyoseiwaku_iti {
      /**top:-400px**/
      height:100px;/****/
  }
  .orgimgsoto_kobe_media {
  }
}
/** 769pxより小さい(768から) **/
@media (max-width: 768px) {
  
  .cyousetu {
      position:relative;
      height:270px;
  }
  .cyoseiwaku {
     /** top:260px;**/
     height:260px;
  }
  .cyoseiwaku_iti {
     /** top:260px;**/
     height:400px;/****/
  }
  .orgimgsoto_kobe_media {
     height:30px;
  }
}



/** 401pxより小さい(400から) 
@media (max-width: 400px) {
  .cyousetu {
      position:relative;
      height:70px;
  }
}

@media (min-width: 700px) {
    .cyousetu {
        position:relative;
        height:120px;
    }
    
}
**/

.pic_div_ryoukin {
    position: relative;
    width: 100%;
    height: auto;
}
.pic_div_ryoukin:before {
    content: "";
    display: block;
    padding-top: 150%;
}

.pic_div_ryoukin_inner {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


.ihinseiri_wh1 {
   margin:10px;
   width: 300px;
   height:500px;
  }
  .ihinseiri_wh2 {
  top:50px;
   width: 300px;
   height:160px;
  }
  .ihinseiri_wh3 {
   top:   210px;
   width: 300px;
   height:300px;
  }

.kataduke_wh1 {
   margin:10px;
   width: 300px;
   height:500px;
  }
  .kataduke_wh2 {
  top:50px;
   width: 300px;
   height:160px;
  }
  .kataduke_wh3 {
   top:   210px;
   width: 300px;
   height:300px;
  }
.waku_ao_div {
  /**border: solid 3px #000080;**/
  font-family: 'Noto Sans JP', sans-serif;
/**font-size: 16px;**/
color:#555759;
font-weight:500;
  font-size: 1.1em;
  height:auto;
  overflow:hidden;
  padding: 30px;
  /**margin:20px;**/
  
  margin: 0 auto;
  margin-top:20px;
  margin-bottom:20px;
  max-width:750px;
}




/** 531pxより小さい(530から) **/
@media (max-width: 530px) {

.bl_wh1 {
   margin:0px;
   width: 200px;
   height:190px;
  }
  .bl_wh2 {
   width: 200px;
   height:40px;
  }
  .bl_wh3 {
   top:50px;
   width: 200px;
   height:140px;
  }
}

/** 401pxより小さい(400から) **/
@media (max-width: 400px) {

   .bl_wh1 {
   margin:0px;
   width: 150px;
   height:150px;
  }
  .bl_wh2 {
   width: 150px;
   height:40px;
  }
  .bl_wh3 {
   top:50px;
   width: 150px;
   height:100px;
  }
  
}

/** 530pxより大きい(531から) **/
@media (min-width: 530px) {

   .bl_wh1 {
   margin:0px;
   width: 230px;
   height:210px;
  }
  .bl_wh2 {
   width: 230px;
   height:40px;
  }
  .bl_wh3 {
   top:50px;
   width: 230px;
   height:160px;
  }
  
  
  
}







/** pagenation用 **/
.pagination_org{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination_org,
.pagination_org li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination_org a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination_org li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.pagination_org li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination_org li.first span,
.pagination_org li.last span,
.pagination_org li.previous span,
.pagination_org li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination_org li.first a::before,
.pagination_org li.last a::after,
.pagination_org li.previous a::before,
.pagination_org li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination_org li.first a::before { content: "　最初　"; }
.pagination_org li.last a::after { content: "　最後　"; }
 
.pagination_org li.previous a::before { content: "＜"; }
.pagination_org li.next a::after { content: "＞"; }
 
.pagination_org li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}
 
.pagination_org > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination_org > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination_org li.first,
  .pagination_org li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination_org li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination_org li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination_org li.current,
  .pagination_org li.first,
  .pagination_org li.last,
  .pagination_org li.previous,
  .pagination_org li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination_org li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination_org li.first,
  .pagination_org li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination_org li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination_org li { width: 50%;}
 
  .pagination_org li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}
/** pagenation用 **/

/**ブログ用**/
.open_h3.active::after {
    content: "▲";
}

.open_h3:after, .open_h3.active:after {
    font-size: 1.2em;
    margin-left: 20px;
}

.open_h3::after {
    content: "▼";
}
/**ブログ用**/







/**↓個別画面の横幅等の調整**/
/**
.container {
    width: 100% !important;
  }
  **/
@media (min-width: 768px) {
  .container {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100% !important;
  }
}

/**
.row {
    padding: 0 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}**/
/**top以外のページをセンターよせに必要**/
.col-md-offset-2 {
    margin-left: 0%;
}

.col-md-8 {
    /**width: 100% !important;**/
    /**padding-right: 0 !important;
    padding-left: 0 !important;**/
    width: 100% !important;/**いる？**/
    /**padding: 0 0 !important;**/
}

@media (min-width: 768px) {
  .col-md-8 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .col-md-8 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .col-md-8 {
    width: 100% !important;
  }
}
/**
.section {
    margin-right: -15px;
    margin-left: -15px;
}
**/
/**画面幅を小さく携帯等で右端が余白になる とりあえずこれで対応**/


.col-md-8 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    
}
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    
}
.main-raised {
/**box-shadow:none  !important;**/
}
.container {
/**
    padding-left: 20px !important;
    padding-right: 20px !important;
    **/
    padding-left: 0px !important;
    padding-right: 0px !important;
    
}

.hestia-about .row {
	padding: 0 0 !important;
}
/**↑個別画面の横幅等の調整**/

/**フッター用**/
@media (min-width: 992px) {
  .col-md-4 {
    width: 90%;
  }
  }
.footer-black {
    background: gray !important;
    color: #ffffff !important;
}

/**youtube用**/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}