@charset "UTF-8";


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

#contentsmain {margin: 0 auto 9.4rem;position: relative;padding: 0 5vw;}
#contentsmain .ttl-Box {margin: 0 auto 3.6rem;position: relative;}
#contentsmain .ttl-Box .dicon{margin: 0 auto -0.7rem;position: relative;left: -10.7rem;width: 5.2rem;}
#contentsmain .ttl-Box h2 {margin-bottom: 2rem;position: relative;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #111111;padding-left: 2.7rem;}
#contentsmain .ttl-Box p.subllt {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: normal;text-align: center;color: #111111;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.3636%;margin-bottom: 4.1rem;}
#contentsmain .inner-Box ul li{width:48.8182%;border: 1px solid var(--mred);background: #fff;position: relative;border-radius: 1rem;}
#contentsmain .inner-Box ul li:nth-child(2){border: 1px solid var(--mbl);}
#contentsmain .inner-Box ul li a {display: block;padding: 4rem 4rem 9.8rem;}
#contentsmain .inner-Box ul li a:hover {  }
#contentsmain .inner-Box figure.img {position: relative;left: 0;text-align: center;margin-bottom: 0.7rem;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h3 {margin-bottom: 1.7rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #D0001A;}
#contentsmain .inner-Box p.ltext {margin-bottom: 2.6rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;}
#contentsmain .inner-Box p.cate {margin-bottom: 0px;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;color: #FFFFFF;}
#contentsmain .inner-Box ul li p.cate span {background: var(--mred);padding: 0.5rem 1rem;border-radius: 10.3rem;margin-right: 1rem;display: inline-block;margin-bottom: 1rem;}
#contentsmain ul li p.dl{padding-top: 0.8rem;padding-right: 2rem;position: absolute;bottom: 4rem;right: 4.9rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: right;color: #111111;}
#contentsmain ul li p.dl::before{content:"";width: 2rem;height: 2rem;display: inline-block;border-radius: 50%;background: url(../images/common/arr-red.svg)no-repeat;background-size: 100% auto;position: absolute;top: 1rem;right: -1rem;transition: all 0.3s ease-in-out;}
#contentsmain ul li:nth-child(2) p.dl::before{content:"";background: url(../images/common/arr-blu.svg)no-repeat;right: -1rem;transition: all 0.3s ease-in-out;}
#contentsmain ul li:nth-child(2) p.cate span{ background: var(--mbl);}
#contentsmain ul li:nth-child(2) h3{ color: var(--mbl);}
#contentsmain ul li a:hover p.dl::before{ right: -1.6rem;}
#contentsmain .inner-Box span.blank {display: inline-block;line-height: 1;margin-right: 0.4rem;}
#contentsmain .inner-Box span.blank img {  }
#contentsmain .inner-Box p.text {margin-bottom: 2.6rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;}




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

	
}

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

#contentsmain{margin: 0 auto 19.967vw;position:relative;padding: 0.8vw 5.3vw 0;}
#contentsmain .ttl-Box{margin: 0 auto 7.7vw;position:relative;}
#contentsmain .ttl-Box .dicon{margin: 0 auto -0.867vw;position:relative;left: -24.633vw;width: 11.867vw;}
#contentsmain .ttl-Box h2{margin-bottom: 6.133vw;position:relative;padding-left: 5.2vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #111111;}
#contentsmain .ttl-Box p.subllt{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: center;color: #111111;}
#contentsmain .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contentsmain .inner-Box ul{margin-bottom: -1.967vw;}
#contentsmain .inner-Box ul li{width: 100%;border:1px solid var(--mred);background:#fff;position:relative;border-radius:2.667vw;margin-bottom: 6.5vw;}
#contentsmain .inner-Box ul li:nth-child(2){border:1px solid var(--mbl);}
#contentsmain .inner-Box ul li a{display:block;padding: 8.367vw 5.167vw 20.533vw;}
#contentsmain .inner-Box ul li a:hover{}
#contentsmain .inner-Box figure.img{position:relative;left:0;text-align:center;margin: 0 auto 4.367vw;width: 10.7vw;}
#contentsmain .inner-Box figure.img img{}
#contentsmain .inner-Box h3{margin-bottom: 5.733vw;position:relative;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #D0001A;}
#contentsmain .inner-Box p.ltext{margin-bottom: 5.933vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: normal;text-align: center;color: #111111;}
#contentsmain .inner-Box p.cate{margin-bottom:0;position:relative;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;color:#fff;}
#contentsmain .inner-Box ul li p.cate span{background:var(--mred);padding:1.333vw 2.667vw;border-radius:27.467vw;margin-right:2.667vw;display:inline-block;margin-bottom:2.667vw;}
#contentsmain ul li p.dl{padding-top:2.133vw;padding-right:5.333vw;position:absolute;bottom: 8.367vw;right: 8.067vw;font-size:4.267vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:right;color:#111;}
#contentsmain ul li p.dl::before{content:"";width:5.333vw;height:5.333vw;display:inline-block;border-radius:50%;background:url(../images/common/arr-red.svg) no-repeat;background-size:100% auto;position:absolute;top:2.667vw;right:-2.667vw;transition:all .3s ease-in-out;}
#contentsmain ul li:nth-child(2) p.dl::before{content:"";background:url(../images/common/arr-blu.svg) no-repeat;right:-2.667vw;transition:all .3s ease-in-out;background-size: 100% auto;}
#contentsmain ul li:nth-child(2) p.cate span{background:var(--mbl);}
#contentsmain ul li:nth-child(2) h3{color:var(--mbl);}
#contentsmain ul li a:hover p.dl::before{right:-4.267vw;}
#contentsmain .inner-Box span.blank{display:inline-block;line-height:1;margin-right:1.067vw;position: absolute;width: 4vw;left: 0.1vw;top: 0.8vw;}
#contentsmain .inner-Box span.blank img{}
#contentsmain .inner-Box p.text{margin-bottom:6.933vw;position:relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;padding: 0 0 0 6.3vw;}

    

}