@charset "UTF-8";


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

#contentsmain {margin: 0 auto 9.5rem;position: relative;background: url('../images/reason/contentsmain-img01.svg')no-repeat top 3rem center;padding: 0 5vw;}
#contentsmain figure img{width: 100%;height: auto;border-radius: 3rem;}
#contentsmain .inner-Box{display:flex; margin: 0 auto;  max-width: 128.8rem; position: relative; }
#contentsmain .left-Box{position:relative;width:25.1553%;}
#contentsmain .center-Box{position:relative;width:51.0093%;padding: 9.4rem 5rem 0 3rem;}
#contentsmain .right-Box{position:relative;width:23.8354%;}

#contentsmain .left-Box figure.photo01 {position: relative;top: 0;left: 0;width: 56.7%;margin-bottom: 4.3rem;}
#contentsmain .left-Box figure.photo01::before{content:"";width: 10.2rem;height: 10.2rem;display: block;position: absolute;bottom: -2.7rem;right: -2.9rem;background:var(--mred);z-index: -1;border-radius: 2rem;}
#contentsmain .left-Box figure.photo02 {position: relative;top: 0;left: 0;margin: 0 0 0 auto;width: 73%;}
#contentsmain .left-Box figure.photo02::before{content:"";width: 6.4rem;height: 6.5rem;display: block;position: absolute;bottom: -2.4rem;left: -2.9rem;background:var(--mbl);z-index: 0;border-radius: 1.3rem;}

#contentsmain .center-Box h2 {margin-bottom: 2rem;position: relative;color: var(--mred);font-size: 3.2rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsmain .center-Box p.text {margin-bottom: 2.4rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: center;padding: 0 5.7rem;}
#contentsmain .right-Box figure.photo03 {position: relative;top: 0;left: 0;width: 54.5%;}
#contentsmain .right-Box figure.photo03::before{content:"";width: 8.6rem;height: 8.6rem;display: block;position: absolute;bottom: -2.2rem;right: -3.9rem;background:var(--mred);z-index: -1;border-radius: 1.2rem;}
#contentsmain .right-Box figure.photo04 {position: relative;top: 0;left: 0;width: 79.8%;margin-left: auto;padding: 15% 0 0;margin-bottom: 15%;}
#contentsmain .right-Box figure.photo04::before{content:"";width: 8.8rem;height: 8.8rem;display: block;position: absolute;bottom: -2.8rem;left: -5.1rem;background:var(--mbl);z-index: 0;border-radius: 1.3rem;}

#contents01 {position: relative;margin-bottom: 19.4rem;}
#contents01.bg-common-left::before{ background: var(--mred); }
#contents01 .inner-Box .dicon{position: absolute;top: -3.6rem;left: -4rem;width: 27rem;}
#contents01 .back-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1390px;padding: 10.1rem 0 0;}
#contents01 .inner-Box p.f-en {margin-bottom: -0.3rem;position: relative;font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);}
#contents01 .inner-Box p.f-en span {color: var(--mbl);}
#contents01 .inner-Box h2 {margin-bottom: 4rem;position: relative;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents01 .inner-Box h2 .dicon{position: absolute;top: -5.1rem;left: 50%;width: 5.2rem;margin-left: -7.2rem;}

#contents01 .inner-Box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 3.5971%;margin-bottom: -2.2rem;}
#contents01 .inner-Box ul li{position:relative;margin-bottom: 6rem;}
#contents01 .inner-Box ul li a {  }
#contents01 .inner-Box ul li a:hover {  }
#contents01 .inner-Box span.notext{background: var(--mred);font-size: 2.4rem;line-height: 1.375;letter-spacing: 0.2em;font-weight: 600;text-align: center;display: block;position: absolute;top: -1rem;left: -1rem;z-index: 3;color: #F4F4C8;width: 4rem;height: 4rem;border-radius: 50%;padding: 0.4rem 0 0 0.3rem;}
#contents01 .inner-Box ul li:nth-child(2n) span.notext{ background: var(--mbl); }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.2rem;}
#contents01 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box h3 {border-bottom: var(--mbl) 3px solid;margin-bottom: 1rem;position: relative;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-bottom: 0.8rem;}
#contents01 .inner-Box h3::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}
#contents01 .inner-Box p.text {margin-bottom: 0.8rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.dlbten {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: right;padding-right: 2rem;}
#contents01 .inner-Box p.dlbten::before{content:"";width: 1.5rem;height: 1.5rem;display: block;position: absolute;bottom: 0.1rem;right: 0rem;background: url('../images/common/arr-red.svg') no-repeat center center;z-index: 0;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#contents01 .inner-Box a:hover p.dlbten::before{right: -0.5rem;}



}
@media screen and (min-width:768px) and ( max-width:1290px) {
#contentsmain {padding: 0 2vw;}
	

	
}

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

#contentsmain{margin:0 auto 25.333vw;position:relative;background: url('../images/reason/contentsmain-img01.svg') no-repeat top 48vw center;padding: 1.2vw 5.33vw 0;background-size: 89vw;}
#contentsmain figure img{width:100%;height:auto;border-radius: 3.9vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;}
#contentsmain .left-Box{position:relative;}
#contentsmain .center-Box{position:relative;padding: 8.3vw 0vw 4.9vw;}
#contentsmain .right-Box{position:relative;}

#contentsmain .left-Box figure.photo01{position:relative;top:0;left:0;width: 36.3%;margin-bottom: -26.733vw;}
#contentsmain .left-Box figure.photo01::before{content:"";width: 17.9vw;height: 17.9vw;display:block;position:absolute;bottom: -4.2vw;right: -4.733vw;background:var(--mred);z-index:-1;border-radius: 3.633vw;}
#contentsmain .left-Box figure.photo02{position:relative;top:0;left:0;margin: 0 0 0 48.4vw;}
#contentsmain .left-Box figure.photo02::before{content:"";width: 11.067vw;height: 11.067vw;display:block;position:absolute;bottom: -4.4vw;left: -5.433vw;background:var(--mbl);z-index:0;border-radius:3.467vw;}

#contentsmain .center-Box h2{margin-bottom: 4.433vw;position:relative;color:var(--mred);font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsmain .center-Box p.text{margin-bottom: 2.5vw;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-right: 1vw;}

#contentsmain .right-Box figure.photo03{position:relative;top:0;left:0;width: 29vw;margin-bottom: 39.8vw;}
#contentsmain .right-Box figure.photo03::before{content:"";width: 15.633vw;height: 15.433vw;display:block;position:absolute;bottom: -4.767vw;right: -7.5vw;background:var(--mred);z-index:-1;border-radius:3.2vw;}
#contentsmain .right-Box figure.photo04{position:relative;top:0;left:0;width: 43.3vw;margin-left:auto;padding-top: 5.1vw;margin-bottom: -48.4vw;}
#contentsmain .right-Box figure.photo04::before{content:"";width: 15.967vw;height: 15.967vw;display:block;position:absolute;bottom: -4.967vw;left: -9.4vw;background:var(--mbl);z-index:0;border-radius:3.467vw;}


#contents01{position:relative;margin-bottom: 36.333vw;}
#contents01.bg-common-left::before{background:var(--mred);}
#contents01 .inner-Box .dicon{position:absolute;top: -6.8vw;left: -0.067vw;width: 38.1vw;}
#contents01 .back-Box{margin:0 auto;position:relative;}
#contents01 .inner-Box{margin:0 auto;position:relative;padding: 17.233vw 0 0;}
#contents01 .inner-Box p.f-en{margin-bottom:-0.8vw;position:relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;margin-right: 4vw;color:var(--mred);}
#contents01 .inner-Box p.f-en span{color:var(--mbl);}
#contents01 .inner-Box h2{margin-bottom: 6.967vw;position:relative;padding-left: 5vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents01 .inner-Box h2 .dicon{position:absolute;top: -10.8vw;left:50%;width: 11.767vw;margin-left: -16.4vw;}

#contents01 .inner-Box ul{ margin-bottom: 11vw; }
#contents01 .inner-Box ul li{position:relative;margin-bottom: 8.4vw;}
#contents01 .inner-Box ul li a{}
#contents01 .inner-Box ul li a:hover{}
#contents01 .inner-Box span.notext{background:var(--mred);font-size: 5vw;line-height:1.375;letter-spacing:.2em;font-weight:600;text-align:center;display:block;position:absolute;top: -1.967vw;left:-2.667vw;z-index:3;color:#F4F4C8;width: 8.467vw;height: 8.467vw;border-radius:50%;padding:1.067vw 0 0 .8vw;}
#contents01 .inner-Box ul li:nth-child(2n) span.notext{background:var(--mbl);}
#contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom:3.2vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;}
#contents01 .inner-Box h3{border-bottom: var(--mbl) 0.8vw solid;margin-bottom: 3.467vw;position:relative;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;padding-bottom:2.133vw;}
#contents01 .inner-Box h3::before{content:"";width:21.333vw;height: 0.8vw;display:block;position:absolute;bottom:-0.8vw;left:0;background:var(--mred);z-index:0;}
#contents01 .inner-Box p.text{margin-bottom:2.133vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.dlbten{ position:relative; font-size:3.2vw; line-height:1.5; letter-spacing:.1em; font-weight:500; text-align:right; padding-right:5.333vw; }
#contents01 .inner-Box p.dlbten::before{ content:""; width:4vw; height:4vw; display:block; position:absolute; bottom:0.267vw; right:0; background:url('../images/common/arr-red.svg') no-repeat center center; background-size:100% auto; z-index:0; }


}