@charset "UTF-8";
@media screen and (min-width: 768px),print {

#mainttlbox{ }
#mainttlbox h1{ }
#mainttlbox h1 .min{font-size: 2.5rem;width: auto;display: inline;letter-spacing: 0.5rem;}

#contentsmain {margin: 0 auto 81px;position: relative;padding: 66px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box p.text { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 213px;position: relative;}
#contents01 .inner-Box {margin: 0 auto;position: relative;background: #FFFFFF;max-width: 1100px;padding: 6.4rem 6rem 3.5rem 25.6rem;border-radius: 1.5rem;z-index: 3;min-height: 240px;}
#contents01 .inner-Box h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 0px;position: absolute;top: 4.8rem;left: 9.2rem;}
#contents01 .inner-Box h2 span.ttlicon {display: block;width: 2.4rem;{}{};position: absolute;top: -0.6rem;left: -3.2rem;}
#contents01 .inner-Box h2 span.f-en {display: block;font-size: 1.4rem;letter-spacing: 0.28rem;margin-left: 35px;margin-top: -0.2rem;}
#contents01 .inner-Box ul.system-list {}
#contents01 .inner-Box ul li {position: relative;border-bottom: #C2CEC9 1px solid;margin-bottom: 1.5rem;}
#contents01 .inner-Box ul li a {display: flex;}
#contents01 .inner-Box ul li a .arr{display: block;border: 1px solid #005F37;width: 27px;height: 27px;background: none;position: absolute;border-radius: 50%;position: absolute;top: 0.6rem;right: 0;line-height: 0;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box ul li a .arr img{width: 7px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#contents01 .inner-Box ul li a:hover .arr{ background: #fff;}
#contents01 .inner-Box ul li a:hover .system-ttl{ text-decoration: underline; }
#contents01 .inner-Box p.system-date {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;position: relative;padding-left: 80px;width: 180px; flex-shrink: 0; }
#contents01 .inner-Box p.system-date span.sdate {font-size: 1.4rem;color: #00331D;letter-spacing: 0.14rem;position: absolute;top: 0.3rem;left: 0rem;}
#contents01 .inner-Box p.system-date span.cate {display: inline-block;color: #fff;background: #005F37;border-radius: 30px;font-size: 1.2rem;letter-spacing: 0.084rem;padding: 0;margin-left: 1.3rem;width: 7.2rem;text-align: center;margin-bottom: 0.5rem;}
#contents01 .inner-Box p.system-ttl {font-size: 1.6rem;line-height: 1.5;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 2.6rem;position: relative;flex: 1;min-width: 0;padding-right: 5rem;padding-top: 0.6rem;}
#contents01 .inner-Box p.dlbtn {position: absolute;top: 14.4rem;left: 6rem;}

#contentscatalog {margin: 0 auto -170px;position: relative;background: url('../images/corporations/contentscatalog-back01.jpg')no-repeat top center;max-width: 1100px;border-radius: 15px;}
#contentscatalog .inner-Box {margin: 0 auto;position: relative;padding: 44px 0 43px 476px;}
#contentscatalog .inner-Box figure.img {position: absolute;top: -132px;left: 142px;width: 247px;}
#contentscatalog .inner-Box figure.img img{  }
#contentscatalog .inner-Box span.book {display: block;line-height: 1;position: absolute;top: 10px;left: -39px;margin: 0;}
#contentscatalog .inner-Box span.book img {  }
#contentscatalog .inner-Box h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 23px;position: relative;color: #FFFFFF;margin-left: 62px;}
#contentscatalog .inner-Box h2 span {font-size: 2rem;letter-spacing: 0.4rem;margin-left: -5px;}
#contentscatalog .inner-Box p.dlbtn2{ }
#contentscatalog .inner-Box p.dlbtn2 a{height: 52px;width: 425px;text-align: center;padding-top: 9px;padding-right: 20px;}
#contentscatalog .inner-Box p.dlbtn2 a .arr{top: -3px;}

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

    #contentscatalog .inner-Box {margin: 0 auto;position: relative;padding: 44px 20px 43px 206px;}
    #contentscatalog .inner-Box figure.img {left: 42px;width: 147px;top: -40px;}
    #contentscatalog .inner-Box p.dlbtn2 a{height: 52px; max-width: 500px; width: 100%;text-align: center;padding-top: 9px;padding-right: 20px;}
    
}

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

    #mainttlbox{ }
    #mainttlbox h1{ }
    #mainttlbox h1 .min{font-size: 4.27vw;width: auto;display: inline;letter-spacing: 1.33vw;margin-left: -2vw;right: -1.4vw;position: relative;}
    
    #contentsmain {margin: 0 auto -14.4vw;position: relative;padding: 7.6vw 0 0;}
    #contentsmain .inner-Box {margin: 0 5.2vw;position: relative;text-align: center;}
    #contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;text-align: left;}
    
    #contentscatalog {margin: 0 5.4vw -20vw;position: relative;background: url('../images/corporations/sp-contentscatalog-back01.jpg')no-repeat top center;border-radius: 4.0vw;background-size: 100% auto;}
    #contentscatalog .inner-Box {margin: 0 4vw;position: relative;padding: 12.73vw 0 9.47vw 0vw;}
    #contentscatalog .inner-Box figure.img {position: absolute;top: -32vw;left: 23.87vw;width: 34.2vw;}
    #contentscatalog .inner-Box figure.img img{  }
    #contentscatalog .inner-Box span.book {display: block;line-height: 1;position: absolute;top: 0.67vw;left: -7vw;margin: 0;width: 4.7vw;}
    #contentscatalog .inner-Box span.book img {  }
    #contentscatalog .inner-Box h2 {font-size: 4.80vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.48vw;margin-bottom: 5.23vw;position: relative;color: #FFFFFF;margin-left: 10.53vw;margin-right: -11vw;}
    #contentscatalog .inner-Box h2 span {margin-left: 0vw;}
    #contentscatalog .inner-Box p.dlbtn2{margin: 0 1.8vw;}
    #contentscatalog .inner-Box p.dlbtn2 a{height: 13.87vw;text-align: center;padding-top: 2.4vw;padding-right: 5.33vw;}
    #contentscatalog .inner-Box p.dlbtn2 a .arr{top: -0.8vw;right: 3.3vw;}
    
    #contents01 {margin: 0 auto -3vw;position: relative;padding: 20vw 5.3vw 0vw;background-size: 100% auto;}
    #contents01 .inner-Box {margin: 0 auto 44.8vw;position: relative;background: #fff;padding: 4.9vw 3vw 7.9vw 3vw;border-radius: 3.8vw;z-index: 4;}
    #contents01 .inner-Box h2 {font-size: 6.13vw;line-height: 1.5;font-weight: 500;letter-spacing: 1.23vw;margin-bottom: 5.7vw;text-align: center;}
    #contents01 .inner-Box h2 span.ttlicon {display: block;width: 6.3vw;{}{};margin: 0 auto 1.6vw;}
    #contents01 .inner-Box h2 span.f-en {display: block;font-size: 3.73vw;letter-spacing: 0.75vw;}
    #contents01 .inner-Box ul.system-list {margin: 0 2.2vw 9vw;}
    #contents01 .inner-Box ul li {position: relative;border-bottom: #C2CEC9 0.27vw solid;margin-bottom: 1.5rem;}
    #contents01 .inner-Box ul li:nth-child(3) {border-bottom: none; }
    #contents01 .inner-Box ul li:last-child { display: none; }
    #contents01 .inner-Box ul li a {}
    #contents01 .inner-Box ul li a .arr{display: block;border: 0.27vw solid #005F37;height: 7.2vw;width: 7.2vw;background: none;position: absolute;border-radius: 50%;position: absolute;top: 10vw;right: 0vw;line-height: 0;transition: all 0.3s ease-in-out;}
    #contents01 .inner-Box ul li a .arr img{position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.6vw;}
    #contents01 .inner-Box ul li a:hover .arr{ background: #fff;}
    #contents01 .inner-Box ul li a:hover .system-ttl{ text-decoration: underline; }
    #contents01 .inner-Box p.system-date {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;position: relative;padding-left: 25.23vw;margin-bottom: 1vw;}
    #contents01 .inner-Box p.system-date span.sdate {font-size: 3.73vw;color: #00331D;letter-spacing: 0.4vw;position: absolute;top: 1.3vw;left: 0.2vw;}
    #contents01 .inner-Box p.system-date span.cate {display: inline-block;color: #fff;background: #005F37;border-radius: 8.0vw;font-size: 3.2vw;letter-spacing: 0.22vw;padding: 0.2vw;margin-left: 0vw;width: 19vw;text-align: center;top: 0.3vw;margin-bottom: 0.5vw;position: relative;}
    #contents01 .inner-Box p.system-ttl {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.26vw;margin-bottom: 5.8vw;position: relative;padding-right: 9vw;}
    #contents01 .inner-Box p.dlbtn {position: relative;margin: 0 2.1vw 0 auto;width: 39.4vw;}
  


}