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

#conentsmainpc{padding: 0 5vw 3rem;}
#conentsmainpc .inner-Box{max-width: 110rem;margin: 0 auto 4rem;}
#conentsmainpc h2{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;margin-bottom: 2.4rem;}
#conentsmainpc h2 a{}
#conentsmainpc p{ font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 400; text-align: left; margin-bottom: 2.4rem; }
#conentsmainpc p a{}
#conentsmainpc 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; }
#conentsmainpc ul li{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;width: 41%;margin-bottom: 2.4rem;position: relative;}
#conentsmainpc ul li:nth-child(2n){width: 51.7273%;}
#conentsmainpc ul li a{ display: block; padding: 0 0 0 2.2rem; }
#conentsmainpc ul li a::before{content: "";width: 1.3rem;height: 1px;background: #111;display: block;position: absolute;left: -0.1rem;top: 1.2rem;}

#conentsmainpc .inBox{ display:flex; }
#conentsmainpc .inner-Box .minBox1{ width:22.7273%; }
#conentsmainpc .inner-Box .minBox2{ width:21.1818%; }
#conentsmainpc .inner-Box .minBox3{ width:18.1818%; }
#conentsmainpc .inner-Box .minBox4{ width:37.9091%; }

#conentsmainpc .inner-Box2{max-width: 110rem;margin: 0 auto 4rem;}
#conentsmainpc .inner-Box2 .minBox1{ width:22.7273%; }
#conentsmainpc .inner-Box2 .minBox2{ width:21.1818%; }
#conentsmainpc .inner-Box2 .minBox3{ width:18.1818%; }

#conentsmainpc .inner-Box3{max-width: 110rem;margin: 0 auto 4rem;}
#conentsmainpc .inner-Box3 .minBox1{ width:22.7273%; }
#conentsmainpc .inner-Box3 .minBox2{ width:21.1818%; }
#conentsmainpc .inner-Box3 .minBox3{width: 32.7818%;}
#conentsmainpc .inner-Box3 .minBox4{width: 21.9091%;}


#conentsmainsp{ display:none;}




}

@media screen and (min-width: 768px) and ( max-width:1023px) {
#mainttl .inner-Box{padding: 0 5vw 5rem;}


}

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

#conentsmainpc{ display:none;}

#conentsmainsp{padding: 0.8vw 5.2vw 8vw;}
#conentsmainsp .inner-Box{margin: 0 auto 5.7vw;}
#conentsmainsp h2{margin-bottom:6.4vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#conentsmainsp h3{margin-bottom:6.4vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#conentsmainsp h2 a{}
#conentsmainsp p{font-size:4.3vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:6.4vw;}
#conentsmainsp p a{}
#conentsmainsp ul.minBox1{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-bottom: 2vw;}
#conentsmainsp ul.minBox1 li{width: 54%;margin-bottom: 6.2vw;position:relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#conentsmainsp ul.minBox1 li:nth-child(2n){width: 45.9273%;}
#conentsmainsp ul.minBox1 li a{display:block;}
#conentsmainsp ul.minBox1 li a::before{}
#conentsmainsp ul.minBox1 li.mmb{position: relative;left: 48.5vw;}

#conentsmainsp ul.minBox2{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-bottom: 3.2vw;}
#conentsmainsp ul.minBox2 li{width: 43.8%;margin-bottom: 7.1vw;position:relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#conentsmainsp ul.minBox2 li:nth-child(2n){width: 52.7273%;}
#conentsmainsp ul.minBox2 li a{display:block;padding:0 0 0 5.9vw;}
#conentsmainsp ul.minBox2 li a::before{content:"";width:3.5vw;height:.3vw;background:#111;display:block;position:absolute;left: 0.1vw;top: 2.3vw;}
}






