@charset "UTF-8";

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

#contentsmain {margin: 0 auto;position: relative;padding: 7.8rem 5vw 19.5rem;}
#contentsmain .inner-Box {margin: 0 auto 3.6rem;position: relative;max-width: 1100px;}
#contentsmain .inner-Box p.text {margin-bottom: 1.5rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box h2 {position: relative;padding: 0.4rem 1.3rem;margin: 0rem 0 1.4rem;color: #6594CB;font-size: 1.7rem;line-height: 1.3;letter-spacing: 0.1em;font-weight: 500;text-align: left;border-bottom: #6594CB 1px solid;border-left: #6594CB 5px solid;}
#contentsmain .inner-Box h3 {margin-bottom: 0.6rem;position: relative;font-size: 2rem;line-height: 1.8;letter-spacing: 0.1rem;font-weight: 700;text-align: left;}
#contentsmain .inner-Box ul{ margin: -0.6rem 0 2.7rem; }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box p.ltext {margin-bottom: 0.3rem;position: relative;padding-left: 1rem;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.08rem;font-weight: 400;text-align: left;}
#contentsmain .inner-Box p.ltext::before{content: "";display: block;position: absolute;top: 1.2rem;left: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: #50A578;}
#contentsmain .inBox {position: relative;width: 42.7rem;background: #fff;border-radius: 1.6rem;margin: 4.7rem auto 0;padding: 3.5rem 4.9rem 3.6rem  4.9rem;border: 1px solid #6594CB;border-radius: 10px;}
#contentsmain .inBox h3 {margin-bottom: 0.9rem;position: relative;font-size: 1.6rem;line-height: 1.6875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .inBox p.intext {font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contentsmain .inBox p.intext a {text-decoration: underline;}
#contentsmain .inBox p.intext a:hover {  }
#contentsmain .inner-Box p.text2 {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.06rem;font-weight: 400;text-align: right;padding-top: 4.6rem;}
#contentsmain .inner-Box:last-child {margin-bottom: 0;}

}


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


#contentsmain {margin: 0 5.3vw;position: relative;padding: 3.6vw 0 29.4vw 0;}
#contentsmain .inner-Box {margin: 0 auto 7.3vw;position: relative;}
#contentsmain .inner-Box p.text {position: relative;font-size: 3.73vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 2.7vw;word-wrap: break-word;}
#contentsmain .inner-Box h2 {position: relative;padding: 0.4vw 3.6vw 1.6vw;margin: 0rem 0 1.4rem;color: #6594CB;font-size: 4.53vw;line-height: 1.3;letter-spacing: 0.1em;font-weight: 500;text-align: left;border-bottom: #6594CB 0.27vw solid;border-left: #6594CB 1.33vw solid;}
#contentsmain .inner-Box h3 {margin-bottom: 0.6rem;position: relative;font-size: 5.33vw;line-height: 1.8;letter-spacing: 0.27vw;font-weight: 700;text-align: left;}
#contentsmain .inner-Box ul{ margin: -0.6rem 0 2.7rem; }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box p.ltext {margin-bottom: 0.3rem;position: relative;padding-left: 1rem;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.21vw;font-weight: 400;text-align: left;}
#contentsmain .inner-Box p.ltext::before{content: "";display: block;position: absolute;top: 1.2rem;left: 0;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: #50A578;}
#contentsmain .inBox {position: relative;width: auto;background: #fff;border-radius: 1.6rem;margin: 11.1vw auto 0;padding: 7.7vw 7.7vw 7.4vw;border: 0.27vw solid #6594CB;border-radius: 2.67vw;}
#contentsmain .inBox h3 {margin-bottom: 1.5vw;position: relative;font-size: 4.27vw;line-height: 1.6875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .inBox p.intext {font-size: 3.73vw;line-height: 1.714;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contentsmain .inBox p.intext a {text-decoration: none;}
#contentsmain .inBox p.intext a:hover {  }
#contentsmain .inner-Box p.text2 {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.16vw;font-weight: 400;text-align: right;padding-top: 4.6rem;}
#contentsmain .inner-Box:last-child {margin-bottom: 0;}


}