@charset "UTF-8";
@media screen and (min-width: 768px),print {
    .main-titlebox h1.main-title .jp{ top: 57.2%; height: 340px; }

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

#contentsmain .inner-Box1 {margin: 0 auto 11rem;position: relative;top: -10px;padding: 0 3rem;max-width: 860px;}
#contentsmain .inner-Box1 h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;}
#contentsmain .inner-Box1 span.tticon {display: block;line-height: 1;text-align: center;margin-bottom: 3.5rem;}
#contentsmain .inner-Box1 span.tticon img {  }
#contentsmain .inner-Box1 p.text {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;text-align: center;}
#contentsmain .inner-Box1 .inBox1 {margin: 0 auto 59px;position: relative;width: 50rem;height: 20.1rem;border: 2px solid #000000;border-radius: 15px;background: #fff;padding: 3.2rem 0 0;}
#contentsmain .inner-Box1 .inBox1 h3 {font-size: 1.6rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 0.9rem;position: relative;text-align: center;}
#contentsmain .inner-Box1 .inBox1 ul.list1 { width: 250px; margin: 0 auto; }
#contentsmain .inner-Box1 .inBox1 ul li {position: relative;margin-bottom: 0.2rem;}
#contentsmain .inner-Box1 .inBox1 ul li::before{content: "";display: block;position: absolute;top: 13px;left: 11px;background: #1788A0;border-radius: 50%;width: 9px;height: 9px;}
#contentsmain .inner-Box1 .inBox1 p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;position: relative;padding: 0 0 0 30px;}
#contentsmain .inner-Box1 h4 {font-size: 1.6rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 2rem;text-align: center;position: relative;}
#contentsmain .inner-Box1 h4 span {background: linear-gradient(transparent 60%, #F7E50E 60%);font-weight: bold;}
#contentsmain p.text2 {font-size: 1.4rem;line-height: 2;font-weight: 400;letter-spacing: 0.14rem;margin-bottom: 5.5rem;position: relative;text-align: center;}
#contentsmain .inBox2 {margin: 0 auto 40px;position: relative;padding: 0 0 0 23.3rem;}
#contentsmain .inBox2 h5 {font-size: 1.6rem;line-height: 1.75;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 0px;position: absolute;top: 1.5rem;padding-left: 21px;left: 0;}
#contentsmain .inBox2 h5::before{content: "";display: block;position: absolute;top: 11px;left: 2px;background: #1788A0;border-radius: 50%;width: 9px;height: 9px;}
#contentsmain .inBox2 ul.filelist {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;}
#contentsmain .inBox2 ul li {position: relative;width: 47.7%;}
#contentsmain .inBox2 ul li:nth-child(2n) {margin-right: 0px;right: -4.2%;}
#contentsmain .inBox2 ul li a {display: block;height: 57px;border: 1px solid #000000;border-radius: 31px;background: #fff;position: relative;padding: 15px 0 0 63px;width: 100%;transition: all 0.3s ease-in-out;}
#contentsmain .inBox2 ul li a:hover { background: #1788A0; color: #fff; }
#contentsmain .inBox2 span.excelicon {display: block;line-height: 1;position: absolute;top: 15px;left: 29px;}
#contentsmain .inBox2 a span img { transition: all 0.3s ease-in-out; }
#contentsmain .inBox2 a:hover span img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contentsmain .inBox2 p.fitext {font-size: 1.4rem;line-height: 2;font-weight: 500;letter-spacing: 0.14rem;position: relative;}
#contentsmain .inBox2 span.pdficon {display: block;line-height: 1;position: absolute;top: 15px;left: 30px;}
#contentsmain .inner-Box2 h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: 0px;position: relative;text-align: center;}
#contentsmain .inner-Box2 span.tticon {display: block;line-height: 1;text-align: center;margin-bottom: 3.9rem;}
#contentsmain .inner-Box2 span.tticon img {  }
#contentsmain .inner-Box2 .inBox {margin: 0 auto 59px;position: relative;width: 50rem;min-height: 15.8rem;border: 2px solid #000000;border-radius: 15px;background: #fff;padding: 2.8rem 0 0 10.6rem;}
#contentsmain .inner-Box2 .inBox p.text3 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 0rem;position: relative;}

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

	
}

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

#contentsmain{background: #E9E7DE;position: relative;padding-bottom: 8.3vw;padding-top: 6vw;}
#contentsmain::before{content: "";display: block;width: 100%;height: 14.6vw;background: url(../images/sitemap/contentsmain-back01.svg)no-repeat top center;position: absolute;top: -7.6vw;left: 0;background-size: 100% auto;}

.main-titlebox h1.main-title .jp{top: 28.9vw;height: 90.67vw;}

#contentsmain .inner-Box1 {margin: 0 auto 8.4vw;position: relative;top: 0vw;padding: 0 0vw;}
#contentsmain .inner-Box1 h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 1.2vw;position: relative;text-align: center;}
#contentsmain .inner-Box1 span.tticon {display: block;line-height: 1;text-align: center;margin: 0 46vw 6.7vw;}
#contentsmain .inner-Box1 span.tticon img {  }
#contentsmain .inner-Box1 p.text {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.75vw;margin: 0 5.4vw 7vw;position: relative;}
#contentsmain .inner-Box1 .inBox1 {margin: 0 5.4vw 6.93vw;position: relative;border: 0.53vw solid #000000;border-radius: 4.0vw;background: #fff;padding: 9.7vw 0 0 4.8vw;}
#contentsmain .inner-Box1 .inBox1 h3 {font-size: 3.73vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 3.6vw;position: relative;text-align: left;}
#contentsmain .inner-Box1 .inBox1 ul.list1 { margin-left: -2.7vw; padding-bottom: 7.2vw; }
#contentsmain .inner-Box1 .inBox1 ul li {position: relative;margin-bottom: 1.9vw;}
#contentsmain .inner-Box1 .inBox1 ul li::before{content: "";display: block;position: absolute;top: 3.47vw;left: 2.93vw;background: #1788A0;border-radius: 50%;width: 2.4vw;height: 2.4vw;}
#contentsmain .inner-Box1 .inBox1 p.ltext {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;position: relative;padding: 0 0 0 8.0vw;}
#contentsmain .inner-Box1 h4 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.75vw;text-align: left;position: relative;margin: 0 5.3vw 2.6vw;}
#contentsmain .inner-Box1 h4 span {background: linear-gradient(transparent 60%, #F7E50E 60%);font-weight: bold;}
#contentsmain p.text2 {font-size: 3.20vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.32vw;position: relative;margin: 0 5.6vw 9.6vw;}
#contentsmain .inBox2 {margin: 0 5vw 6.17vw;position: relative;}
#contentsmain .inBox2 h5 {font-size: 4.27vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 4.7vw;padding-left: 5.6vw;}
#contentsmain .inBox2 h5::before{content: "";display: block;position: absolute;top: 2.93vw;left: 0.53vw;background: #1788A0;border-radius: 50%;width: 2.4vw;height: 2.4vw;}
#contentsmain .inBox2 ul.filelist {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 8.9vw;}
#contentsmain .inBox2 ul li {position: relative;width: 100%;margin-bottom: 4vw;}
#contentsmain .inBox2 ul li:nth-child(2n) {margin-right: 0.0vw;}
#contentsmain .inBox2 ul li a {display: block;height: 15.2vw;border: 0.27vw solid #000000;border-radius: 8.27vw;background: #fff;position: relative;padding: 3.6vw 0 0 16.8vw;width: 100%;transition: all 0.3s ease-in-out;}
#contentsmain .inBox2 span.excelicon {display: block;line-height: 1;position: absolute;top: 4.0vw;left: 7.73vw;width: 6.5vw;}
#contentsmain .inBox2 a span img { transition: all 0.3s ease-in-out; }
#contentsmain .inBox2 p.fitext {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.37vw;position: relative;}
#contentsmain .inBox2 span.pdficon {display: block;line-height: 1;position: absolute;top: 4.0vw;left: 8.0vw;width: 6.3vw;}
#contentsmain .inner-Box2 h2 {font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.17vw;margin-bottom: 1.2vw;position: relative;text-align: center;}
#contentsmain .inner-Box2 span.tticon {display: block;line-height: 1;text-align: center;margin: 0 46vw 6.7vw;}
#contentsmain .inner-Box2 span.tticon img {  }
#contentsmain .inner-Box2 .inBox {margin: 0 5.3vw 15.73vw;position: relative;border: 0.53vw solid #000000;border-radius: 4.0vw;background: #fff;padding: 9vw 0 8.8vw 5vw;}
#contentsmain .inner-Box2 .inBox p.text3 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 0.3vw;position: relative;}



}