@charset "UTF-8";
@media screen and (min-width: 768px),print {
    .main-titlebox h1.main-title .jp{top: 42.8%;}
#contentsmain{background: #E9E7DE;position: relative;padding-bottom: 19.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-Box{max-width: 1180px;margin: 0 auto;padding: 11px 4rem;}

#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 3;font-weight: 500;letter-spacing: 0.32rem;margin-bottom: 58px;position: relative;text-align: center;}
#contentsmain .inner-Box ul.list {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 .inner-Box ul li {position: relative;border: 2px solid #000000;border-radius: 20px;background: #fff;width: 48.6%;margin-right: 2.8%;padding: 3.1rem 4.8rem 9rem;margin-bottom: 3rem;}
#contentsmain .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsmain .inner-Box h2 {font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.24rem;margin-bottom: 11px;position: relative;color: #1788A0;}
#contentsmain .inner-Box h2 span.f-en {font-size: 3rem;font-weight: bold;letter-spacing: 0.3rem;display: inline-block;margin-right: 0.9rem;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 20px;margin-bottom: 1.7rem;}
#contentsmain .inner-Box figure.photo img{width: 100%;}
#contentsmain .inner-Box p.ltext { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box h2 span.rubi {font-size: 1rem;letter-spacing: 0;position: absolute;top: -0.2rem;left: 7.6rem;}
#contentsmain .blue-btn{position: absolute;bottom: 3.8rem;right: 4.9rem;}

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

	
}

@media screen and (max-width: 767px) {
    .main-titlebox h1.main-title .jp{top: 296.8%;}

#contentsmain{background: #E9E7DE;position: relative;padding-bottom: 19.1vw;}
#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;}
#contentsmain .inner-Box{margin: 0 4vw;padding-top: 5.13vw;}

#contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 500;letter-spacing: 0.75vw;margin: 0 1.3vw 8.77vw;position: relative;text-align: left;}
#contentsmain .inner-Box ul.list {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 .inner-Box ul li {position: relative;border: 0.53vw solid #000000;border-radius: 4.03vw;background: #fff;width: 100%;padding: 5.9vw 7.6vw 7.6vw 7.6vw;margin-bottom: 5.6vw;}
#contentsmain .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsmain .inner-Box h2 {font-size: 4.80vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 1.73vw;position: relative;color: #1788A0;}
#contentsmain .inner-Box h2 span.f-en {font-size: 6.67vw;font-weight: bold;letter-spacing: 0.67vw;display: inline-block;margin-right: 0vw;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;border-radius: 2.33vw;margin-bottom: 2.7vw;}
#contentsmain .inner-Box figure.photo img{width: 100%;}
#contentsmain .inner-Box p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 7.2vw;position: relative;}
#contentsmain .inner-Box h2 span.rubi {font-size: 2.13vw;letter-spacing: 0;position: absolute;top: -0.4vw;left: 14.3vw;}
#contentsmain .blue-btn{position: relative;}
#contentsmain .blue-btn a{margin: 0 1.9vw;}

}