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



/*##################################################################################################*/

@media (min-width:960px) {
.top_box {
  width: auto;
  height: 310px;
  padding: 0px 0px 0px 0;
  background-image:url("../img/greeting/greetingtop.jpg");
	background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
   z-index: 1;
   text-align: center;
   margin-bottom: 15px;

   }	


 .top_copy{
  width: auto;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 88px;
  color: #fff;
  font-family: Inter;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  letter-spacing: normal;
  text-align: center;

 }

 .top_text{
  width: auto;
  margin: 0;
  font-family: 'YuGothic', sans-serif  !important;	
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
    
   }

 .pan {
  width: 99px;
  height: 18px;
  margin: 14px 5px 50px 83px;
  font-family: 'YuGothic', sans-serif  !important;	
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #707070;
  }

  .gtbox03{
 width: 98%;
    height: auto;
    margin: 24px 20px 0 0;
    padding: 41px 0px 30px 0;
    float: left;
    background-color: #f8f8f8;
	  display:flex;
    }

.gtbox03 .repbox{
min-width: 310px;
height: 335px;
background-repeat: no-repeat;
	background-size: cover;
loat: left; 
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
margin-left: 83px;


 }   

.gtbox03 .rbox{
width: auto;
margin: 50px 20px 0px 20px;
height: auto;
font-family: YuGothic;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #2b2b2b;
float: right;
line-height: 2.5em ;
	
}  

.gtbox04 {
  width: 98%;
  height:920px;
  margin: 0px 20px 88px 0;
  padding: 0px 0px 60px 0;
  float: left;
  background-color: #f8f8f8; 
  
  }

.gtbox04 .text01{
  width: auto;
  height: 515px;
  font-family: 'serif', sans-serif  !important;	
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: normal;
  text-align: left;
  color: #2b2b2b;
  padding-left: 83px;
  padding-top: 20px;
	margin-right: 5%;

}
  
.gtbox04 .text02{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #2b2b2b;
  padding-top: 40px;
  padding-bottom: 80px;
}

 	
}
/*  ------------------------------------------------------------------------------------*/

@media screen and (min-width:960px) and ( max-width:1199px) {

.gtbox03 .repbox{
width: 310px;
height: 335px;
	overflow: hidden;
background-repeat: no-repeat;
	background-size: cover;
loat: left; 
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
margin-left: 83px;

 }   

.repbox img{
	 width: 100%;
}  

}
/*##################################################################################################*/


@media (max-width:959px) {

  .sp-none {
    display: none;
  }

  	
.top_box {
  width: 100%;
  height: 117px;
  min-width: 320px;
  max-width: 959px;
  margin: 52px 0 24px;
  padding: 0;
    background-image:url("../img/greeting/greetingtop.jpg");
    background-repeat:no-repeat;
    background-size: cover;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
   
  }	
  
  .top_copy{
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-family: Inter;
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-top: 35px;
  
   }

   .top_text{
    width: auto;
    margin: 0;
   font-family: 'YuGothic', sans-serif  !important;	
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
      
     }
  
   
   .pan {
    display: none;
    }

    .gtbox03{
   width: auto;
    height: auto;
	overflow: hidden;
    margin: auto;
    padding: 0px 15px 0px 0;
	margin-right: 15px;
    float: center;
    background-color: #f8f8f8;
    }

    .gtbox03 .repbox{
      width: 152px;
      height: 164px;
      background-size: 100%;
      background-repeat: no-repeat;
      float: left; 
      box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
      margin-left: 15px;
      margin-top: 20px;      
       }   

.repbox img{
	 width: 100%;
}   


 .gtbox03 .rbox{
  width: auto;
  height: auto;
  margin: 24px 0 20px 0;
  padding-left: 15px;
 font-family: 'YuGothic', sans-serif  !important;	
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  line-height: 20px;
  letter-spacing:-0.5px;
	float: left ;
	 position: absolute;
	 top: 365px;



  }  

 .gtbox04 {
  width: auto;
  height: auto;
    margin: 0px 15px  40px 0;
    padding: 0px 0px 60px 0;
    float: left;
    background-color: #f8f8f8; 

    }

  .gtbox04 .text01{
    width: auto;
    height: auto;
    font-family: 'YuGothic', sans-serif  !important;	
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2b2b2b;
    padding-left: 15px;
    padding-top: 160px;
    padding-right: 23px;

  }

  .gtbox04 .text02{
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 280px;
  left: 180px;
  width: auto;
  line-height: 20px;
  text-align: left;      
  padding-right: 20px;
      
  }
	  
}
.new_bxs{
	clear: both;
	width: calc(100% - 20px);
	margin: 24px 0 80px;
}
.new_bxs .inn{
	padding: 40px;
	background-color: #f8f8f8;
}
.new_bxs .leade{
	font-family: YuGothic;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #2b2b2b;
    line-height: 2.5em;
}
.new_bxs .mn_txt{
font-family: 'serif', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;	
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #2b2b2b;
    padding-left: 83px;
    padding-top: 20px;
    margin-right: 5%;
	margin-top:20px;
	
}
.new_bxs .nam{
font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2b2b2b;
    padding-top: 40px;
    padding-bottom: 30px;
}
.add_pic img{
	display: block;
	max-width: 350px;
	height: auto;
	margin: 0 auto;
	float: none!important

}

@media screen and (max-width:767px){
.new_bxs {
    clear: both;
    width: 100%;
    margin: 24px 0 10vw;
}	
.new_bxs .inn {
    padding: 5vw 0.8rem;
}
.new_bxs .leade {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}	
.new_bxs .mn_txt {
    font-size: 14px;
    line-height: 2;
   padding-left: 0;
    padding-top: 20px;
    margin-right: 0;
	margin-top:0;
}	
.new_bxs .nam {
    font-size: 16px;
    padding-top: 5vw;
    padding-bottom: 5vw;
}	
.add_pic img {
    max-width: 80%;
}	
	
	
	
	
	
	
	
	
	
	
}