@charset "UTF-8";

.blue{ color: #3E79B7;}

@media screen and (min-width: 768px),print {

main {padding: 0px 0 0px !important;}

.main-frame{margin: 48px 0 82px 0;padding: 118px 0 70px 0;background-image:url(../images/welcomebaby/main-bg-en.svg),url(../images/welcomebaby/main-bg.png);background-position: center top 0px,left 0px top 397px;background-repeat:no-repeat,no-repeat;}
.main-frame .main-inner{width: 1400px;margin: 0 auto;position: relative;}
.main-frame .main-inner .photo{ width: 966px;}
.main-frame .main-inner .photo img{ width: 100%;}
.main-frame .main-inner .main-ttl{position: absolute;top: 160px;right: 90px;width: 300px;font-size: 42px;line-height: 2.2;letter-spacing: 5px;font-weight:bold;text-align: right;}
.main-frame .main-inner .illust{position: absolute;bottom: -160px;right: 151px;}

.about-frame{margin: 0 0 64px 0;width: 100%;background-image:url(../images/welcomebaby/about-bg.png);background-position:0px 0px;background-repeat:no-repeat;}
.about-frame .about-frame-inner{width: 1100px;padding: 0 0 110px 0;margin: 0 auto;position:relative;}
.about-frame .about-frame-inner .ttl-frame{padding: 119px 0 42px 0;}
.about-frame .about-frame-inner .ttl-frame .ttl-en{text-align: center;margin: 0 0 10px 0;}
.about-frame .about-frame-inner .ttl-frame .ttl{text-align: center;font-size:38px;line-height: 1.8;letter-spacing: 4px;font-weight: bold;}
.about-frame .about-frame-inner .photo01{position: absolute;top: 77px;left: -150px;}
.about-frame .about-frame-inner .photo02{position: absolute;top: 153px;right: -124px;}
.about-frame .about-frame-inner .about-txt-frame{ width: 518px; margin: 0 auto;}
.about-frame .about-frame-inner .about-txt-frame .txt{font-size: 16px;line-height: 2;letter-spacing: 1px;margin: 0 0 30px 0;}
.about-frame .about-frame-inner .illust{position: absolute;bottom: 3px;left: 72px;}

.case-frame{}
.case-frame .ttl-frame{width: 726px;margin: 0 auto 45px;position: relative;}
.case-frame .ttl-frame .ttl-en{position: absolute;top: 20px;left:0;}
.case-frame .ttl-frame .ttl{font-size: 32px;line-height: 1.5;letter-spacing: 3px;font-weight: bold;padding: 0 0 0 200px;}
.case-frame .case-frame-inner{width: 1100px;margin: 0 auto 87px;position:relative;border:10px solid #F4F4EE;padding: 42px 40px 31px 44px;}
.case-frame .case-frame-inner .inner-box01{
display:-webkit-box;display:-ms-flexbox;display:flex;
-ms-flex-wrap: wrap;flex-wrap: wrap;
-webkit-box-orient:horizontal;-webkit-box-direction:normal;}
.case-frame .case-frame-inner .inner-box01 .photo01{width: 463px;margin: 0 44px 25px 0;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner{ width:480px;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .subttl{font-size:22px;line-height: 1.5;letter-spacing: 1px;font-weight: bold;margin: 0 0 17px 0;color: #282828;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .txt{font-size: 16px;line-height: 2;letter-spacing: 0.8px;color: #282828;margin: 0 0 30px 0;}

.case01 .case-frame-inner .txt02{font-size: 16px;line-height: 1.9;letter-spacing: 1.6px;color: #282828;font-weight: bold;margin: -3px 0 0 5px;}
.case01 .case-frame-inner .illust{position: absolute;bottom: -59px;right: 49px;}
.case02 .case-frame-inner .photo02{position: absolute;bottom: 33px;right: 84px;}
.case02 .case-frame-inner .txt02{width: 440px;font-size: 16px;line-height: 2;letter-spacing: 1px;padding: 42px 0 40px 13px;}

.end-contents{margin: 0 0 39px 0;padding: 34px 0 0 0;}
.end-contents .photo{text-align: center;margin: 0 0 32px 0;}
.end-contents .ttl{text-align: center;font-size: 38px;line-height: 1.7;letter-spacing: 3px;font-weight: bold;}
}




@media screen and (min-width:768px) and (max-width:1400px) {
    .main-frame {
        margin: 3.75vw 0 6.25vw 0;
        padding: 8.22vw 0 5.47vw 0;
        background-image: url(../images/welcomebaby/main-bg-en.svg), url(../images/welcomebaby/main-bg.png);
        background-position: center top 0vw, left 0vw top 24vw;
        background-repeat: no-repeat, no-repeat;
        background-size: 96%,120%;
        }
    .main-frame .main-inner {width: 90%;margin: 0 auto;position: relative;}
    .main-frame .main-inner .photo {width: 54vw;}
    .main-frame .main-inner .photo img{ width: 100%;}
    .main-frame .main-inner .main-ttl {position: absolute;top: 7.5vw;right: 7.03vw;width: 20.44vw;font-size: 3.28vw;line-height: 2.2;letter-spacing: 0.39vw;font-weight: bold;text-align: right;}
    .main-frame .main-inner .main-ttl img{width: 100%;}
    .main-frame .main-inner .illust {position: absolute;bottom: -12.5vw;right: 11.8vw;width: 15vw;}
    .main-frame .main-inner .illust img{width: 100%;}
  }
  

  @media screen and (min-width:768px) and (max-width:1300px) {
    .about-frame { margin: 0 0 4.92vw 0; width: 100%; background-image: url(../images/welcomebaby/about-bg.png); background-position: 0vw 0vw; background-repeat: no-repeat; }
    .about-frame .about-frame-inner { width: 84.62vw; padding: 0 0 8.46vw 0; margin: 0 auto; position: relative; }
    .about-frame .about-frame-inner .ttl-frame { padding: 9.15vw 0 3.23vw 0; }
    .about-frame .about-frame-inner .ttl-frame .ttl-en { text-align: center; margin: 0 0 0.77vw 0; }
    .about-frame .about-frame-inner .ttl-frame .ttl { text-align: center; font-size: 2.92vw; line-height: 1.8; letter-spacing: 0.31vw; font-weight: bold; }
    .about-frame .about-frame-inner .photo01 {position: absolute;top: 5.92vw;left: -3.54vw;width: 23vw;}
    .about-frame .about-frame-inner .photo01 img{width: 100%;}
    .about-frame .about-frame-inner .photo02 {position: absolute;top: 11.77vw;right: -5.54vw;width: 26vw;}
    .about-frame .about-frame-inner .photo02 img{width: 100%;}
    .about-frame .about-frame-inner .about-txt-frame { width: 39.85vw; margin: 0 auto; }
    .about-frame .about-frame-inner .about-txt-frame .txt {/* font-size: 1.23vw; *//* line-height: 2; *//* letter-spacing: 0.08vw; */margin: 0 0 2.31vw 0;}
    .about-frame .about-frame-inner .illust {position: absolute;bottom: -1.77vw;left: -0.46vw;width: 16vw;}
    .about-frame .about-frame-inner .illust img{width: 100%;}
  }

 
  @media screen and (min-width:768px) and (max-width:1220px) {
  .case-frame {}
  .case-frame .ttl-frame {width: 60.51vw;margin: 0 auto 3.69vw;position: relative;}
  .case-frame .ttl-frame .ttl-en {position: absolute;top: 1.64vw;left: 0;width: 14vw;}
  .case-frame .ttl-frame .ttl-en img{width:100%;}
  .case-frame .ttl-frame .ttl { font-size: 2.62vw; line-height: 1.5; letter-spacing: 0.25vw; font-weight: bold; padding: 0 0 0 16.39vw; }
  .case-frame .case-frame-inner { width: 90.16vw; margin: 0 auto 7.13vw; position: relative; border: 0.82vw solid #F4F4EE; padding: 3.44vw 3.28vw 2.54vw 3.61vw; }
  .case-frame .case-frame-inner .inner-box01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
  .case-frame .case-frame-inner .inner-box01 .photo01 { width: 37.95vw; margin: 0 3.61vw 2.05vw 0; }
  .case-frame .case-frame-inner .inner-box01 .photo01 img{width: 100%;}
  .case-frame .case-frame-inner .inner-box01 .photo01-txt-inner { width: 39.34vw; }
  .case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .subttl {/* font-size: 1.8vw; *//* line-height: 1.5; *//* letter-spacing: 0.25vw; */font-weight: bold;margin: 0 0 1.39vw 0;color: #282828;}
  .case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .txt {/* font-size: 1.31vw; *//* line-height: 2; *//* letter-spacing: 0.25vw; */color: #282828;margin: 0 0 2.46vw 0;}
}

@media screen and (min-width:768px) and (max-width:1220px) {
  .case01 .case-frame-inner .txt02 {/* font-size: 1.31vw; *//* line-height: 1.9; *//* letter-spacing: 0.25vw; */color: #282828;width: 55vw;font-weight: bold;margin: -0.25vw 0 0 0.41vw;}
  .case01 .case-frame-inner .txt02 br{display: none !important;}
  .case01 .case-frame-inner .illust { position: absolute; bottom: -4.84vw; right: 4.02vw; width: 22vw; }
  .case01 .case-frame-inner .illust img{width: 100%;}
  .case02 .case-frame-inner .photo02 {position: absolute;bottom: 5.7vw;right: 6.89vw;width: 36vw;}
  .case02 .case-frame-inner .photo02 img{width: 100%;}
  .case02 .case-frame-inner .txt02 {width: 36.07vw;/* font-size: 1.31vw; *//* line-height: 2; *//* letter-spacing: 0.25vw; */padding: 3.44vw 0 3.28vw 1.07vw;}
}


@media screen and (min-width:768px) and (max-width:1900px) {
  .end-contents { margin: 0 0 2.05vw 0; padding: 1.79vw 0 0 0; }
  .end-contents .photo { text-align: center; margin: 0 auto 1.68vw auto; width: 90%; }
  .end-contents .photo img{width: 100%;}
  .end-contents .ttl { text-align: center; font-size: 2vw; line-height: 1.7; letter-spacing: 0.16vw; font-weight: bold; }
}




@media screen and (max-width: 767px) {
main {padding: 0px 0 0px !important;}
.main-frame{margin: 2.59vw 0 -0.1vw;padding: 8.5vw 0 16.91vw;background-image:url(../images/welcomebaby/sp-main-bg-en.svg),url(../images/welcomebaby/sp-main-bg.jpg);background-position: center top 0vw,left 0vw top 31.89vw;background-repeat:no-repeat,no-repeat;background-size: 94%,100%;width:100%;}
.main-frame .main-inner{width:100%;margin:0 auto; position: relative;}
.main-frame .main-inner .photo{padding: 0 4vw 6vw 4vw;}
.main-frame .main-inner .main-ttl{width:100%;font-size:5.797vw;line-height: 2.1;letter-spacing: 0.9vw;font-weight:bold;text-align: left;margin: 0 0 0 11vw;}
.main-frame .main-inner .illust{width: 37vw;position: absolute;bottom: -19vw;right: 6vw;}

.about-frame{margin: 0 0 21.46vw;width:100%;background-image:url(../images/welcomebaby/sp-about-bg.png);background-position:0 0;background-repeat:no-repeat;background-size: cover;padding: 0 0 0vw 0;}
.about-frame .about-frame-inner{width:100%;padding: 0 0 7.57vw;margin:0 auto;position:relative;}
.about-frame .about-frame-inner .ttl-frame{padding: 11.74vw 0 2.14vw;}
.about-frame .about-frame-inner .ttl-frame .ttl-en{text-align:center;margin: 0px 0 0.41vw;}
.about-frame .about-frame-inner .ttl-frame .ttl{text-align:center;font-size:6.763vw;line-height: 1.6;letter-spacing:0.25vw;font-weight:bold;}
.about-frame .about-frame-inner .photo01{
    padding: 0px 6vw 4vw 6vw;
}
.about-frame .about-frame-inner .photo02{
    padding: 0 4vw 0 4vw;
    margin: 8vw 0 0 0;
}
.about-frame .about-frame-inner .about-txt-frame{width: 87%;margin:0 auto;}
.about-frame .about-frame-inner .about-txt-frame .txt{font-size:3.86vw;line-height: 1.8;letter-spacing:0.25vw;margin: 0 0 6.5vw;}
.about-frame .about-frame-inner .illust{
    position: absolute;
    bottom: -6vw;
    left: 15.5vw;
    width: 26vw;
}

.case-frame{}
.case-frame .ttl-frame{width:100%;margin: 0 auto 4.87vw;}
.case-frame .ttl-frame .ttl-en{text-align: center;margin: 0 0 2vw 0;}
.case-frame .ttl-frame .ttl{text-align:center;font-size: 5.3vw;line-height: 1.6;letter-spacing:0.25vw;font-weight:bold;padding:0;}
.case-frame .case-frame-inner{width: 92%;margin: 0 auto 20vw;position: relative;border: 1.6vw solid #F4F4EE;padding: 8.14vw 5.66vw 6.49vw;}
.case-frame .case-frame-inner .inner-box01{}
.case-frame .case-frame-inner .inner-box01 .photo01{width:100%;margin: 0 0 2vw 0;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner{width:100%;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .subttl{font-size:4.831vw;line-height: 1.6;letter-spacing: 0.5vw;font-weight:bold;margin:0 0 4.11vw;color:#282828;}
.case-frame .case-frame-inner .inner-box01 .photo01-txt-inner .txt{font-size:3.86vw;line-height: 1.7;letter-spacing:0.25vw;color:#282828;margin: 0 0 7.25vw;}

.case01 .case-frame-inner{padding: 9.9vw 7vw 24.16vw;margin: 0 auto 30vw auto;}
.case01 .case-frame-inner .txt02{font-size:3.86vw;line-height:1.9;letter-spacing: 0.4vw;color:#282828;font-weight:bold;margin: 9.6vw 0 0 0vw;}
.case01 .case-frame-inner .illust{position: absolute;bottom: -17vw;left: 17vw;/* width: 100%; */}

.case02 .case-frame-inner .txt02{width: 96%;font-size:3.86vw;line-height: 1.75;letter-spacing:0.25vw;padding: 4.5vw 0 4.66vw 0vw;margin: 0 auto;}
.case02 .case-frame-inner .photo02{width: 100%;margin: 13vw 0 2vw 0;padding: 0 2vw 0 2vw;}

.end-contents{margin: -17vw 0 13.42vw;padding:8.21vw 0 0;}
.end-contents .photo{text-align:center;margin: 0 0 4.2vw;padding: 0 3vw 0 3vw;}
.end-contents .ttl{text-align:center;font-size:6.039vw;line-height:1.7;letter-spacing: 0.6vw;font-weight:bold;}


}