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

#main_v{
  background:#EB0100;
  padding:4.2rem 2% 3rem;
}
#main_v .logo{
  text-align:center;
  margin-bottom:1rem;
}
#main_v .btn{
  position:absolute;
  right:10%;
  top:4rem;
}
#main_v .btn a {
    display: inline-block;
    font-size: 1.3rem;
    color: #EB0100;
    background: url(../../img/btn_arrow.png) 0.5em center/1.864em no-repeat;
    background-color: #FFF;
    border-radius: 3em;
    padding: 0.8em 2em 0.8em 3em;
}
#main_v h1{
  font-size:3.6rem;
  display:flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  margin-bottom:0.2rem;
}
.inner{
  max-width:911px;
}
#message{
  padding:4rem 0 18rem 0;
    background: url(../../img/contact_bg2.jpg) center bottom no-repeat;
}

#message .flex{
  align-items: center;
}
#message .flex div{
  width:42.372%;
  position:relative;
}
#message .flex div p{
  position:absolute;
  right:0px;
  top:0px;
  width:38%;
  height:100%;
  display:flex;
  justify-content: center;
  flex-direction: column;
  color:#FFF;
  font-size:2.2rem;
  text-align:center;
}
#message .flex div p span{
  font-size:0.7em;
}
#message .flex > p{
  font-size:1.8rem;
  width:54%;
  line-height:2;
}
#message .flex + p{
  font-size:1.8rem;
  line-height:2;
  margin-top:2em;
  margin-bottom:3em;
}
#message .btn{
  text-align:center;
}
#message .btn a {
    display: inline-block;
    font-size: 2.2rem;
    color: #EB0100;
    background: url(../../img/btn_arrow.png) 0.5em center/1.864em no-repeat;
    background-color: #FFF;
    border-radius: 3em;
    border: solid 2px;
    padding: 0.6em 4em 0.6em 5em;
}


@media screen and (min-width: 768px) and (max-width: 911px) {
  #message .flex > p {
    font-size: 1.8vw;
}
	
	
}

@media print{
    
  #message .inner p br.pc_display{
    
  display:none;  
    
  }
  
}



@media screen and (max-width: 767px) {
  #main_v {
    padding: 2rem 2% 1.5rem;
}
  
  #main_v h1{
    
   font-size: 5.5vw;
    
  }  
  
#main_v .logo {
    margin-bottom: 1rem;
}
#main_v .logo img{
    width:39%;
}
  #main_v .btn {
    right: 1%;
    top: 2rem;
}
  #main_v .btn a{
    font-size:2.5vw;
    border: solid 1px;
  } 
  #main_v .img{
    position:relative;
    bottom:-15vw;
    margin-top:-15vw;
  }
  #main_v .img h1{
    font-size:5vw;
        padding-bottom: 0em;
    padding-top:5em;
  }
  #message {
    padding: 2rem 0 10rem 0;
    background: url(../../img/contact_bg2.jpg) center bottom/150% no-repeat;
}
  #message .flex {
    display:block;
}
  #message .flex div {
    width: 100%;
}
  #message .flex > p {
    font-size: 1.6rem;
    width: 100%;
    margin-top:1em;
}
  #message .flex + p {
    font-size: 1.6rem;
}
  #message .btn a{
    font-size:1.6rem;
  }
  
}