@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:3rem;
}
#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;
}
#main_v + div{
  background: url(../img/message_bg.jpg) center top repeat-y;
  padding:5rem 0;
}
#main_v + div .flex img{
  width:49.5%;
}
#omoi{
  padding:10rem 0 6rem 0;
}
#omoi h2{
  font-size:3.2rem;
  text-align:center;
}
#omoi h2 img{
  margin-bottom:0.5em;
}
#omoi h2 + p{
  font-size:1.8rem;
  text-align:center;
  line-height:2;
}
#omoi .baloon{
  position:absolute;
  right:2%;
  top:3rem;
}

#omoi .baloon02{
  position:absolute;
  left:2%;
  top:6rem;
}

#work{
  padding:7rem 0;
  background:url(../img/work_bg.jpg) center top repeat-x;
}
.inner{
  max-width:911px;
}
h3{
  text-align:center;
  font-size:3.2rem;
  margin-bottom:1em;
  line-height:1.4;
}
#work h3 + p{
  text-align:center;
  font-size:1.8rem;
}
#work .slider{
  margin-left:-15px;
  margin-right:-15px;
}
#work .slider .slick-slide{
  margin:0px 15px;
}
#work h4{
  font-size:2.2rem;
  color:#f14c5b;
  text-align:center;
  padding-top:1.7em;
  margin-top:2em;
  margin-bottom:1em;
  background:url(../img/work_frame_pink.png) center top no-repeat;
}
#work h4.east{
  color:#359ed5;
  background:url(../img/work_frame_blue.png) center top no-repeat;
}
#enjoy{
  padding:8rem 0 17rem 0;
  background:url(../img/enjoy_bg.png) center 3rem no-repeat;
}
#enjoy h3{
  margin-bottom:1.3em;
}
#enjoy .text{
  text-align:center;
  font-size:1.8rem;
  line-height:2;
  padding:0 0 2em 0;
}

#message{
  background:url(../img/message_bg.jpg) center top repeat-y;
  padding:10rem 0 12rem 0;
}
#message h3{
  margin-bottom:1.5em;
}
#message .box{
  padding:5rem 4% 3rem 4%;
  background-color:#FFF;
  border-radius:0.5em;
  position:relative;
}
#message .box .bird{
  position:absolute;
  top:-3rem;
  left:0px;
  width:100%;
  text-align:center;
}
#message .box .flower1{
  position:absolute;
  top:-20.5rem;
  left:0px;
  width:100%;
  text-align:center;
}
#message .box .flower2{
  position:absolute;
  bottom:-4rem;
  left:17%;
}
#message .box .flower3{
  position:absolute;
  top:-31rem;
  left:0px;
  width:100%;
  text-align:center;
}
#message .box .flower4{
    position: absolute;
    bottom: -9.5rem;
    left: -4%;
}

#message .box .flower4 img{
max-width:984px;
}

#message .box01 ul{
  width:62%;
  padding-bottom:5em;
  padding-top:0.5em;
}
#message .box01 ul li{
  font-size:1.8rem;
  padding-left:1.5em;
  margin-bottom:1.5em;
  background:url(../img/icon_flower.png) 0 0 /1.388em no-repeat;
}
#message .box01 ul + img{
      width: 33.05%;
}
#message .box01{
  margin-bottom:22rem;
}
#message h3 + p{
  font-size:1.8rem;
  text-align:center;
  margin-top:-1em;
  margin-bottom:4em;
}
#message .box02 ul{
  justify-content: center;
}
#message .box02 ul li{
  font-size:1.8rem;
  background:url(../img/message_cloud_pink.png) 0 0/cover no-repeat;
  width:13.111em;
  height:9.833em;
  display:flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  margin:0 2% 0.5em;
}
#message .box02 ul li.blue{
  background:url(../img/message_cloud_blue.png) 0 0/cover no-repeat;
}
#message .box02 ul li.yellow{
  background:url(../img/message_cloud_yellow.png) 0 0/cover no-repeat;
}
#summary{
  padding:8rem 0 20rem 0;
  background: url(../../img/contact_bg2.jpg) center bottom no-repeat;
}
#summary .text{
  background-color:#fdfce4;
  text-align:center;
  font-size:1.8rem;
  line-height:2;
  padding:2em 0;
  position:relative;
}
#summary .text img{
  position:absolute;
  right:5%;
  bottom:-5rem;
}
#summary .btn{
  text-align:center;
}
#summary .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;
  margin-top:3em;
    padding: 0.6em 4em 0.6em 5em;
}



@media screen and (min-width: 768px) and (max-width: 911px) {
  #message .box02 ul li{
    font-size:1.8vw;
  }
  
	#message .box .flower4 img{
max-width:100%;
}
	
}


@media screen and (max-width: 767px) {
  #main_v {
    padding: 2rem 2% 2rem;
}
#main_v .logo {
    margin-bottom: 2rem;
}
#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 h1{
    font-size:5vw;
        padding-bottom: 2em;
  }
  #main_v + div {
    padding: 2rem 4rem;
}
  #main_v + div .flex img {
    width: 100%;
    margin-bottom:4vw;
}
  #main_v + div .flex img:last-child {
    margin-bottom:0vw;
}
  
  
  
  #omoi {
    padding: 5rem 0 3rem 0;
}
  #omoi h2 img {
    width:50%;
}
  h3 {
    font-size: 2.2rem;
}
  #omoi h2 {
    font-size: 2.2rem;
}
  #omoi .baloon {
    top: -2rem;
    width: 15%;
}
  
    #omoi .baloon02 {
    top: -1rem;
    width: 15%;
}
  
  #omoi h2 + p {
    font-size: 1.6rem;
}
  #work h3 + p {
    font-size: 1.6rem;
}
  #work{
    padding:5rem 0;
  } 
#work h4 {
    font-size: 1.6rem;
  padding-top: 1.5em;
  background: url(../img/work_frame_pink.png) center top/170% no-repeat;
  }
  #work h4.east {
    background: url(../img/work_frame_blue.png) center top/170% no-repeat;
}
  #work .slider{
    width:70%;
    margin:0 auto;
  }
  #work .slider .slick-slide{
  margin:0px;
}
  #enjoy {
    padding: 5rem 0 10rem 0;
    background: url(../img/enjoy_bg_sp.png) center 2rem/100% no-repeat;
}
  #enjoy .text {
    font-size: 1.6rem;
    padding: 0 0 1.5em 0;
}
  #enjoy img.sp_display{
    width:92%;
    display:block;
    margin:0 auto;
  }
  #message {
    padding: 5rem 0 6rem 0;
}
  #message .box{
    display:block;
  }
  #message .box .flower1 {
    top: -6rem;
  }
  #message .box .bird{
    top:-2rem;
  }
  #message .box .bird img{
    width:9%;
  }
  #message .box01{
    padding-bottom:8rem;
    margin-bottom: 10rem;
  }
  #message .box01 ul {
    width: 100%;
    padding-bottom: 0em;
}
  #message .box01 ul li{
    font-size:1.6rem;
  }
  #message .box01 ul + img {
    width: 70%;
    display:block;
    margin: 0 auto;
}
  #message .box .flower2 img{
    width:80%;
  }
  
  #message .box .flower2 {
    
  bottom: -7rem;  
  }
  
  #message h3 + p {
    font-size: 1.6rem;
    margin-bottom: 3em;
}
  
  #message .box .flower3{
    top: -10rem;
  }
  #message .box02 ul li{
    font-size:1.1rem;
  }
  #message .box .flower4 {
    width:100%;
    bottom: -1rem;
    left:0;
  }
  #summary {
    padding: 5rem 0 10rem 0;
    background: url(../../img/contact_bg2.jpg) center bottom/150% no-repeat;
}
  #summary .text {
    font-size: 1.6rem;
    padding: 2em 0;
    position: relative;
}
  #summary .text img {
    width:15%;
    bottom: -3rem;
}
  
    #summary .btn a{
    font-size:1.6rem;
  }

  
  
  
}