@charset "UTF-8";
@media screen and (min-width: 768px),print {
/* ========================================
@media screen and (min-width: 768px),print
======================================== */
main{ width: 100%!important;}

    #contentsmain { margin: 0 auto; position: relative; }
    #contentsmain .inner-Box {margin: 0 auto 38px;position: relative;/* max-width: 1477px; *//* width: 100%; *//* min-width: 1280px; */padding-top: 30px;width: min(95%, 1477px);}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: -39px;}
    #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
    #contentsmain .inner-Box2 {margin: 0 auto;position: relative;/* max-width: 1400px; *//* width: 100%; *//* min-width: 1280px; */min-height: 620px;padding-right: 750px;width: min(95%, 1400px);}
    #contentsmain .inner-Box2 h2 {font-size: 32px;line-height: 50px;font-weight: 600;letter-spacing: 2.56px;margin-bottom: 50px;}
    #contentsmain .inner-Box2 h2 span{  }
    #contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
    #contentsmain .inner-Box2 figure.photo {position: absolute;top: 4px;right: 0;}
    #contentsmain .inner-Box3 {margin: 0 auto;position: relative;/* max-width: 1240px; *//* width: 100%; */min-height: 760px;padding-left: 599px;width: min(95%, 1240px);}
    #contentsmain .inner-Box3 h2 {font-size: 32px;line-height: 50px;font-weight: 600;letter-spacing: 2.56px;margin-bottom: 50px;}
    #contentsmain .inner-Box3 h2 span{  }
    #contentsmain .inner-Box3 p {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
    #contentsmain .inner-Box3 p.text2 {  margin-bottom: 30px; }
    #contentsmain .inner-Box3 p.text3 {  margin-bottom: 30px; }
    #contentsmain .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
    #contentsmain .inner-Box3 p.text4 {  margin-bottom: 30px; }
    #contentsmain .inner-Box3 p.text5 {  margin-bottom: 30px; }
    #contentsmain .inner-Box4 {margin: 0 auto;position: relative;/* max-width: 1400px; *//* width: 100%; *//* min-width: 1280px; */min-height: 620px;padding-right: 750px;padding-top: 40px;width: min(95%, 1400px);}
    #contentsmain .inner-Box4 h2 {font-size: 32px;line-height: 50px;font-weight: 600;letter-spacing: 2.56px;margin-bottom: 50px;}
    #contentsmain .inner-Box4 h2 span{  }
    #contentsmain .inner-Box4 p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
    #contentsmain .inner-Box4 figure.photo {position: absolute;top: 4px;right: 0;}

}

/* ========================================
  @media screen and (min-width:768px) and (max-width:1440px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1440px) {
    #contentsmain .inner-Box2 {margin: 0 auto;position: relative;/* max-width: 97.222vw; *//* width: 100%; *//* min-width: 88.889vw; */min-height: 43.056vw;padding-right: 52.083vw;width: min(95%, 1400px);}
    #contentsmain .inner-Box2 h2 {font-size: clamp(1.625rem, 1.196rem + 0.89vw, 2rem);}
    #contentsmain .inner-Box2 p.text {font-size: clamp(0.875rem, 0.732rem + 0.3vw, 1rem);}
    #contentsmain .inner-Box2 figure.photo {position: absolute;top: 0.278vw;right: 0;width: 44.444vw;}
    #contentsmain .inner-Box2 figure.photo img{ width: 100%; height: auto; }
    #contentsmain .inner-Box3 {margin: 0 auto;position: relative;/* max-width: 86.111vw; *//* width: 100%; */min-height: 52.778vw;padding-left: 41.597vw;width: min(95%, 1240px);}
    #contentsmain .inner-Box3 h2  {font-size: clamp(1.625rem, 1.196rem + 0.89vw, 2rem);}
    #contentsmain .inner-Box3 p {font-size: clamp(0.875rem, 0.732rem + 0.3vw, 1rem);}
    #contentsmain .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; width: 33.333vw; }
    #contentsmain .inner-Box3 figure.photo img { width: 100%; height: auto; }
    #contentsmain .inner-Box4 {margin: 0 auto;position: relative;/* max-width: 97.222vw; *//* width: 100%; *//* min-width: 88.889vw; */min-height: 43.056vw;padding-right: 51.083vw;padding-top: 2.778vw;width: min(95%, 1400px);}
    #contentsmain .inner-Box4 h2  {font-size: clamp(1.625rem, 1.196rem + 0.89vw, 2rem);}
    #contentsmain .inner-Box4 p.text {font-size: clamp(0.875rem, 0.732rem + 0.3vw, 1rem);}
    #contentsmain .inner-Box4 figure.photo {position: absolute;top: 4px;right: 0;width: 44.444vw;}
    #contentsmain .inner-Box4 figure.photo img{ width: 100%; height: auto; }
}

@media screen and (min-width:768px) and ( max-width:1300px) {

    #contentsmain { padding-left: 30px; margin-right: 30px; }
    #contentsmain .inner-Box2 h2 br{ display: none;}


	
}



/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {

    #contentsmain {position: relative;}
    #contentsmain .inner-Box {margin: 0 auto 6.9vw;position: relative;width: 100%;padding-top: 6.9vw;}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;margin: 0 5.1vw 0 3vw;}
    #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
    #contentsmain .inner-Box2 {position: relative;margin: 0 5.4vw 13.2vw;}
    #contentsmain .inner-Box2 h2 {font-size: 6.28vw;line-height: 10.62vw;font-weight: 600;letter-spacing: 0.69vw;margin: 0 3.5vw 6.7vw;}
    #contentsmain .inner-Box2 h2 span{  }
    #contentsmain .inner-Box2 p.text {font-size: 3.62vw;line-height: 7.72vw;font-weight: 500;letter-spacing: 0.25vw;margin: 0 3.3vw 7.9vw;}
    #contentsmain .inner-Box2 figure.photo {position: relative;top: 0vw;right: 0;}
    #contentsmain .inner-Box3 {position: relative;margin: 0 5.4vw 11.7vw;}
    #contentsmain .inner-Box3 h2 {font-size: 6.28vw;line-height: 10.62vw;font-weight: 600;letter-spacing: 0.69vw;margin: 0 3.5vw 6.7vw;}
    #contentsmain .inner-Box3 h2 span{  }
    #contentsmain .inner-Box3 p {font-size: 3.62vw;line-height: 7.72vw;font-weight: 500;letter-spacing: 0.25vw;margin: 0 3.3vw 7.9vw;}
    #contentsmain .inner-Box3 figure.photo {position: relative;top: 0vw;right: 0;margin: 0 3.5vw 8.4vw;}

    #contentsmain .inner-Box4 {position: relative;margin: 0 5.4vw 13.2vw;}
    #contentsmain .inner-Box4 h2 {font-size: 6.28vw;line-height: 10.62vw;font-weight: 600;letter-spacing: 0.69vw;margin: 0 3.5vw 5.7vw;}
    #contentsmain .inner-Box4 h2 span{  }
    #contentsmain .inner-Box4 p.text {font-size: 3.62vw;line-height: 7.72vw;font-weight: 500;letter-spacing: 0.25vw;margin: 0 3.3vw 7.9vw;}
    #contentsmain .inner-Box4 figure.photo {position: relative;top: 0vw;right: 0;margin-bottom: 8.3vw;}
    

}