@charset "UTF-8";

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

.main-titlebox h1.main-title .jp{top: 62.1%;height: 380px;}

#contentsmain {margin: -128px auto 0 auto;position: relative;background: url('../images/csr/contentsmain-back01.jpg')no-repeat top center;background-size: 100% auto;padding: 118px 0 206px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;color: #fff;}
#contentsmain .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -9px;position: relative;}
#contentsmain .inner-Box .tticon{text-align: center;margin-bottom: 28px;display: block;}
#contentsmain .inner-Box .tticon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 30px;position: relative;}

#contents01{background: #E9E7DE;position: relative;padding-bottom: 17.6rem;}
#contents01::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/csr/contents01-back01.svg)no-repeat top center;position: absolute;top: -128px;left: 0;background-size: cover;}

#contents01 .inner-Box {margin: 0 auto;position: relative;text-align: center;top: -10px;padding-bottom: 105px;}
#contents01 .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -10px;position: relative;}
#contents01 .inner-Box .tticon{text-align: center;margin-bottom: 41px;display: block;}
#contents01 .inner-Box .tticon img{}
#contents01 .inner-Box .text{font-size: 1.6rem;letter-spacing: 0.16rem;margin-bottom: 3.7rem;}
#contents01 .inner-Box .img{margin-bottom: 50px;}
#contents01 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;max-width: 1090px;padding: 0 4rem;}
#contents01 .inner-Box ul li{width: 48%;margin-right: 4%;}
#contents01 .inner-Box ul li:nth-child(2){margin-right: 0;top: 40px;position: relative;}
#contents01 .inner-Box ul li figure img{width: 100%;border-radius: 20px;}

#contents02{background: #fff;position: relative;padding-bottom: 20.1rem;}
#contents02::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/csr/contents02-back01.svg)no-repeat top center;position: absolute;top: -128px;left: 0;background-size: cover;}
#contents02 h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -20px;position: relative;text-align: center;top: -11px;}
#contents02 .tticon{text-align: center;margin-bottom: 41px;display: block;}
#contents02 .tticon img{}
#contents02 .inner-Box {margin: 0 auto 49px;position: relative;padding: 0 4rem;max-width: 1180px;min-height: 37.5rem;}
#contents02 .inner-Box figure.photo {position: absolute;top: 0;left: 4rem;width: 48.6rem;}
#contents02 .inner-Box figure.photo img{width: 100%;border-radius: 20px;}
#contents02 .inner-Box h3 {font-size: 1.8rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.18rem;margin-bottom: 8px;position: relative;padding-left: 53.5rem;color: #1788A0;top: -4px;}
#contents02 .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;padding-left: 53.5rem;}

#contents03 {margin: -128px auto 0 auto;position: relative;background: url('../images/csr/contents03-back01.jpg')no-repeat top center;background-size: 100% auto;padding: 118px 0 206px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;text-align: center;color: #fff;}
#contents03 .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -9px;position: relative;}
#contents03 .inner-Box .tticon{text-align: center;margin-bottom: 28px;display: block;}
#contents03 .inner-Box .tticon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contents03 .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 30px;position: relative;}

#contentsnews{background: #E9E7DE;position: relative;padding-bottom: 23.6rem;}
#contentsnews::before{content: "";display: block;width: 100%;height: 128px;background: url(../images/csr/contents01-back01.svg)no-repeat top center;position: absolute;top: -128px;left: 0;background-size: cover;}

#contentsnews .inner-Box {margin: 0 auto;position: relative;max-width: 951px;padding: 0 4rem;}
#contentsnews .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -20px;position: relative;text-align: center;top: -11px;}
#contentsnews .inner-Box .tticon{text-align: center;margin-bottom: 36px;display: block;}
#contentsnews .inner-Box .tticon img{}
#contentsnews .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 35px;position: relative;text-align: center;}
#contentsnews .inner-Box ul.systemlist { margin-bottom: 41px; }
#contentsnews .inner-Box ul li {position: relative;border-bottom: #B4B4B4 1px solid;margin-bottom: 22px;}
#contentsnews .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsnews .inner-Box ul li a {text-align: left;}
#contentsnews .inner-Box ul li a:hover {  }
#contentsnews .inner-Box p.system-date {min-height: 26px;font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 13px;position: relative;padding: 0 0 0 94px;}
#contentsnews .inner-Box p.system-date span.day { position: absolute; top: 0; left: 0; }
#contentsnews .inner-Box p.system-date span.cate {font-size: 1.2rem;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 20px;padding: 7px 9px;}
#contentsnews .inner-Box p.system-ttl-01 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 19px;position: relative;}
#contentsnews .systemlist a.link-arr .post-arrow{ overflow: hidden; bottom: -6px; right: -5px; }


}
@media screen and (min-width:768px) and ( max-width:1919px) {
	
#contentsmain { background-size: 1920px auto; }
#contents03 { background-size: 1920px auto; }

	
}


@media screen and (max-width: 767px) {
.seo_bread_list{ margin-bottom: 51.8vw; }
    .main-titlebox{}
    .main-titlebox h1.main-title .jp{top: 42.1vw;height: 90vw;left: 10.5vw;}


    #contentsmain {margin: 0vw auto 0 auto;position: relative;background: url('../images/csr/sp-contentsmain-back01.jpg')no-repeat top center;background-size: 100% auto;padding: 23.77vw 0 12.03vw;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;text-align: center;color: #fff;}
    #contentsmain .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: -1.2vw;position: relative;}
    #contentsmain .inner-Box .tticon{text-align: center;margin: 0 42vw 5.87vw;display: block;}
    #contentsmain .inner-Box .tticon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
    #contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin: 0 1.4vw 8.0vw;position: relative;text-align: left;}
    
    #contents01{background: #E9E7DE;position: relative;padding-bottom: 11.8vw;}
    #contents01::before{content: "";display: block;width: 100%;height: 7.13vw;background: url(../images/csr/contents01-back01.svg)no-repeat top center;position: absolute;top: -5.6vw;left: 0;background-size: 100% auto;}
    
    #contents01 .inner-Box {position: relative;text-align: center;top: 0vw;padding-bottom: 7vw;padding-top: 7vw;}
    #contents01 .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: -1.3vw;position: relative;}
    #contents01 .inner-Box .tticon{text-align: center;margin: 0 46.1vw 7.43vw;display: block;}
    #contents01 .inner-Box .tticon img{}
    #contents01 .inner-Box .text{font-size: 3.73vw;letter-spacing: 0.37vw;text-align: left;margin: 0 5.3vw 7.1vw;line-height: 1.8;}
    #contents01 .inner-Box .img{margin: 0 10vw 8.03vw;}
    #contents01 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 5.2vw;}
    #contents01 .inner-Box ul li{
    width: 100%;
    margin-bottom: 3.8vw;
}
    #contents01 .inner-Box ul li:nth-child(2){margin-right: 0;position: relative;}
    #contents01 .inner-Box ul li figure img{width: 100%;border-radius: 3.33vw;}
    
    #contents02{background: #fff;position: relative;padding-bottom: 10vw;padding-top: 6vw;}
    #contents02::before{content: "";display: block;width: 100%;height: 14.13vw;background: url(../images/csr/contents02-back01.svg)no-repeat top center;position: absolute;top: -7vw;left: 0;background-size: 100%;}
    #contents02 h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: -1.3vw;position: relative;text-align: center;}
    #contents02 .tticon{text-align: center;margin: 0 46.1vw 7.43vw;display: block;}
    #contents02 .tticon img{}
    #contents02 .inner-Box {margin: 0 5.2vw 5.07vw;position: relative;}
    #contents02 .inner-Box figure.photo {position: relative;top: 0;margin-bottom: 3.1vw;}
    #contents02 .inner-Box figure.photo img{width: 100%;border-radius: 3.33vw;}
    #contents02 .inner-Box h3 {font-size: 4.8vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 2.13vw;position: relative;color: #1788A0;top: 0vw;}
    #contents02 .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 7vw;position: relative;}
    
    #contents03 {margin: 0vw auto 0 auto;position: relative;background: url('../images/csr/sp-contents03-back01.jpg')no-repeat top center;background-size: 100% auto;padding: 12.27vw 0 11.93vw;}
    #contents03 .inner-Box {position: relative;text-align: center;color: #fff;}
    #contents03 .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: -1.3vw;position: relative;}
    #contents03 .inner-Box .tticon{text-align: center;margin: 0 46.1vw 5.23vw;display: block;}
    #contents03 .inner-Box .tticon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
    #contents03 .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin: 0 5.3vw 8.0vw;position: relative;text-align: left;}
    
    #contentsnews{background: #E9E7DE;position: relative;padding-bottom: 23.6vw;}
    #contentsnews::before{content: "";display: block;width: 100%;height: 14.13vw;background: url(../images/csr/contents01-back01.svg)no-repeat top center;position: absolute;top: -5.7vw;left: 0;background-size: 100%;}
    
    #contentsnews .inner-Box {margin: 0 4vw;position: relative;padding-top: 6.9vw;}
    #contentsnews .inner-Box h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: -1.1vw;position: relative;text-align: center;top: 0vw;}
    #contentsnews .inner-Box .tticon{text-align: center;margin: 0 41.9vw 6.6vw;display: block;}
    #contentsnews .inner-Box .tticon img{}
    #contentsnews .inner-Box p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin: 0 1.4vw 6.73vw;position: relative;text-align: left;}
    #contentsnews .inner-Box ul.systemlist {margin: 0 1vw 10.93vw;}
    #contentsnews .inner-Box ul li {position: relative;border-bottom: #B4B4B4 0.27vw solid;margin-bottom: 5.87vw;}
    #contentsnews .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsnews .inner-Box ul li a {text-align: left;margin: 0;}
    #contentsnews .inner-Box ul li a:hover {  }
    #contentsnews .inner-Box p.system-date {font-size: 3.20vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 1.57vw;position: relative;padding: 0 0 0 20.67vw;}
    #contentsnews .inner-Box p.system-date span.day {position: absolute;top: 1vw;left: 0;}
    #contentsnews .inner-Box p.system-date span.cate {font-size: 2.67vw;line-height: 1;display: inline-block;background: #C4C4C4;border-radius: 5.33vw;padding: 1.87vw 2.4vw;}
    #contentsnews .inner-Box p.system-ttl-01 {font-size: 3.73vw;line-height: 1.5;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 5.27vw;position: relative;padding-right: 12vw;}
    #contentsnews .systemlist a.link-arr .post-arrow{overflow: hidden;bottom: -1.7vw;right: -2vw;}
    #contentsnews .blue-btn a{margin: 0 9.9vw;}
}