@charset "UTF-8";

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

.main-titlebox h1.main-title .jp{top: 62.1%;height: 380px;}

#contentsmain {background: #E9E7DE;padding-bottom: 163px;position: relative;}
#contentsmain::before{content: "";display: block;width: 100%;height: 200px;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -129px;}

#contentsmain h2 { text-align: center; font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -8px;position: relative;}
#contentsmain .tticon{margin-bottom: 39px;display: block;text-align: center;}
#contentsmain .tticon img{ }

#contentsmain .inner-Box {margin: 0 auto 100px;position: relative;text-align: center;padding-top: 0px;top: -12px;}
#contentsmain .inner-Box h3 {font-size: 1.8rem;line-height: 1.75;font-weight: 500;letter-spacing: 0.36rem;margin-bottom: 22px;position: relative;display: inline-block;}
#contentsmain .inner-Box h3 span{ position: relative; z-index: 3;}
#contentsmain .inner-Box h3::before{ content: ""; display: block; width: 53px; height: 37px; background: url(../images/quality/contentsmain-icon01.svg)no-repeat; position: absolute; top: -23px; left: -22px; z-index: 0; }
#contentsmain .inner-Box h3::after{content: "";display: block;width: 53px;height: 37px;background: url(../images/quality/contentsmain-icon01.svg)no-repeat;position: absolute;top: -23px;right: -22px;z-index: 0;transform: rotate(180deg);transform-origin: center;}
#contentsmain .inner-Box p.text { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 0 4rem;max-width: 1180px;}
#contentsmain .inner-Box2 h2 {}
#contentsmain .inner-Box2 ul.list { position: relative; padding-top: 4px; }
#contentsmain .inner-Box2 ul li { position: relative; }
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 27px;padding-left: 79px;position: relative;}
#contentsmain .inner-Box2 p.ltext span.notext {font-size: 3rem;font-weight: 700;color: #1788A0;letter-spacing: 0.3rem;position: absolute;top: -14px;left: 0;}



#contents01 {margin: 0 auto 55px;position: relative;background: #fff;padding-bottom: 143px;}
#contents01::before{content: "";display: block;width: 100%;height: 114px;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -113px;left: 0;background-size: 100% auto;}

#contents01 .inner-Box {margin: 0 auto 45px;position: relative;padding: 4px 4rem;max-width: 1180px;top: -5px;}
#contents01 .inner-Box h2 {text-align: center;font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -8px;position: relative;text-align: center;}
#contents01 .inner-Box .tticon{margin-bottom: 39px;display: block;text-align: center;}
#contents01 .inner-Box .tticon img{ }

#contents01 .inBox {margin: 0 auto;position: relative;padding-right: 299px;}
#contents01 .inBox figure.img {position: absolute;top: 4px;right: 0;}
#contents01 .inBox figure.img img{  }
#contents01 .inBox p.text1 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 22px;position: relative;}
#contents01 .inBox p.text1 a {display: inline-block;padding-left: 20px;text-decoration: underline;position: relative;}
#contents01 .inBox p.text1 a::before {content: "";background: url(../images/quality/contents01-icon01.svg)no-repeat top left;display: block;width: 15px;height: 15px;position: absolute;top: 9px;right: -21px;}
#contents01 .inBox p.text2 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 36px;position: relative;}
#contents01 .minBox {margin: 0 auto 36px;min-height: 309px;position: relative;border: 2px solid #000000;border-radius: 15px;background: url(../images/quality/contents01-back01.svg) no-repeat center center #EAF9FC;padding: 34px 81px 13px;}
#contents01 .minBox h3 {font-size: 2rem;line-height: 1.75;font-weight: 500;letter-spacing: 0.4rem;margin-bottom: -10px;position: relative;text-align: center;}
#contents01 p.text3 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 30px;position: relative;margin-top: -22px;}
#contents01 p.text4 { font-size: 1.6rem; line-height: 2; font-weight: 400; letter-spacing: 0.16rem; margin-bottom: 30px; position: relative; }
#contents01 .inBox p.subttl {font-size: 1.8rem;line-height: 2;font-weight: 500;letter-spacing: 0.18rem;margin-bottom: 15px;position: relative;border-bottom: 1px solid #000;}

#contents02 {background: #E9E7DE;padding-bottom: 209px;z-index: 3;position: relative;}
#contents02::before{content: "";display: block;width: 100%;height: 200px;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -106px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1180px;padding: 5px 4rem 0;}
#contents02 .inner-Box h2 {text-align: center;font-size: 2.4rem;line-height: 1.75;font-weight: 700;letter-spacing: 0.48rem;margin-bottom: -8px;position: relative;text-align: center;}
#contents02 .inner-Box .tticon{margin-bottom: 39px;display: block;text-align: center;}
#contents02 .inner-Box .tticon img{ }

#contents02 .inner-Box ul.qulist {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;}
#contents02 .inner-Box ul li {position: relative;border-bottom: 1px solid #B4B4B4;width: 45%;margin-bottom: 29px;}
#contents02 .inner-Box ul li:nth-child(2n) {margin-right: 0px;right: -10.1%;}
#contents02 .inner-Box p.ltext {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;margin-bottom: 22px;position: relative;}
#contents02 .inner-Box p.ltext span {position: absolute;top: -4px;right: -2px;text-align: right;font-weight: 400;}

}
@media screen and (min-width:768px) and ( max-width:1919px) {
#contentsmain::before{background-size: 1920px auto;}
#contents01::before {background-size: 1920px auto;}
#contents02::before {background-size: 1920px auto;}

}

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



	
}


@media screen and (max-width: 767px) {
.seo_bread_list{ margin-bottom: 51.8vw; }
.main-titlebox{}
.main-titlebox h1.main-title .jp{top: 42.1vw;height: 90vw;left: 10.5vw;}

#contentsmain {background: #E9E7DE;padding-bottom: 15.67vw;}
#contentsmain::before{content: "";display: block;width: 100%;height: 7.33vw;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -6.8vw;}
#contentsmain {margin: 6vw auto 1vw;position: relative;padding-top: 17.9vw;}
#contentsmain .inner-Box {position: relative;}
#contentsmain h2 {text-align: center;font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.28vw;margin-bottom: -1.6vw;position: relative;}
#contentsmain .tticon{margin: 0 auto 7.7vw;display: block;width: 7.20vw;}
#contentsmain .tticon img{ }


#contents01 {margin: 0 auto 0.0vw;position: relative;background: #fff;padding-bottom: 15.83vw;}
#contents01::before{content: "";display: block;width: 100%;height: 10.4vw;background: url(../images/common/contentsend-icon01.svg)no-repeat top center;position: absolute;top: -6.8vw;left: 0;background-size: 100% auto;}
#contents01 .inner-Box {margin: 0 5.3vw 1.27vw;position: relative;padding-top: 5.6vw;}
#contents01 .inner-Box h2 {text-align: center;font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.18vw;margin-bottom: -1.6vw;position: relative;text-align: center;}
#contents01 .inner-Box .tticon{margin: 0 auto 7.7vw;display: block;width: 7.20vw;}
#contents01 .inner-Box .tticon img{ }



#contents02 {background: #E9E7DE;padding-bottom: 19.73vw;z-index: 3;position: relative;}
#contents02::before{content: "";display: block;width: 100%;height: 23.33vw;background: url(../images/network/contentsmain-back01.svg)no-repeat top center;background-size: 100%;position: absolute;top: -7.3vw;}
#contents02 .inner-Box {margin: 0 5.6vw;position: relative;padding-top: 5.2vw;}
#contents02 .inner-Box h2 {text-align: center;font-size: 5.87vw;line-height: 1.75;font-weight: 700;letter-spacing: 1.28vw;margin-bottom: -1.6vw;position: relative;text-align: center;}
#contents02 .inner-Box .tticon{margin: 0 auto 6.9vw;display: block;width: 7.20vw;}
#contents02 .inner-Box .tticon img{ }


#contentsmain .inner-Box {margin: 0 auto 10.67vw;position: relative;text-align: center;padding-top: 0.0vw;top: 0vw;}
#contentsmain .inner-Box h3 {font-size: 4.27vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.85vw;margin-bottom: 4.87vw;position: relative;display: inline-block;}
#contentsmain .inner-Box h3 span{ position: relative; z-index: 3;}
#contentsmain .inner-Box h3::before{content: "";display: block;width: 10.13vw;height: 9.87vw;background: url(../images/quality/contentsmain-icon01.svg)no-repeat;position: absolute;top: -1vw;left: -6vw;z-index: 0;background-size: 100% auto;}
#contentsmain .inner-Box h3::after{content: "";display: block;width: 11.13vw;height: 9.87vw;background: url(../images/quality/contentsmain-icon01.svg)no-repeat;position: absolute;top: -4vw;right: -6vw;z-index: 0;transform: rotate(180deg);transform-origin: center;background-size: 100% auto;}
#contentsmain .inner-Box p.text {font-size: 3.73vw;line-height: 2.5;font-weight: 400;letter-spacing: 0.37vw;margin: 0 5.2vw 8.0vw;position: relative;text-align: left;}
#contentsmain .inner-Box2 {margin: 0 4vw;position: relative;}
#contentsmain .inner-Box2 h2 {}
#contentsmain .inner-Box2 ul.list {position: relative;top: -0.6vw;}
#contentsmain .inner-Box2 ul li {position: relative;margin-right: 2vw;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box2 p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 4.5vw;padding-left: 17.07vw;position: relative;}
#contentsmain .inner-Box2 p.ltext span.notext {font-size: 6.67vw;font-weight: 700;color: #1788A0;letter-spacing: 0.67vw;position: absolute;top: -1.5vw;left: 1.2vw;}


#contents01 .inBox {position: relative;}
#contents01 .inBox figure.img {position: relative;right: 0;margin: 0 16.1vw 6.9vw;}
#contents01 .inBox figure.img img{  }
#contents01 .inBox p.text1 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 5.87vw;position: relative;}
#contents01 .inBox p.text1 a {display: block;text-decoration: underline;position: relative;padding-top: 2vw;}
#contents01 .inBox p.text1 a::after {content: "";background: url(../images/quality/contents01-icon01.svg)no-repeat top left;display: inline-block;width: 4.0vw;height: 4.0vw;position: relative;top: 0.1vw;right: -2vw;background-size: 100% auto;}
#contents01 .inBox p.text2 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.37vw;margin-bottom: 6.8vw;position: relative;}
#contents01 .minBox {margin: 0 auto 9.6vw;position: relative;border: 0.53vw solid #000000;border-radius: 4.0vw;background: url(../images/quality/contents01-back01.svg) no-repeat center center #EAF9FC;padding: 6.87vw 4.6vw 1.47vw;background-size: 77vw auto;}
#contents01 .minBox h3 {font-size: 4.80vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: -1.8vw;position: relative;text-align: center;}
#contents01 p.text3 {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 8.0vw;position: relative;margin-top: -5vw;}
#contents01 p.text4 { font-size: 4.27vw; line-height: 2; font-weight: 400; letter-spacing: 0.43vw; margin-bottom: 8.0vw; position: relative; }
#contents01 .inBox p.subttl {font-size: 4.27vw;line-height: 2;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 4.0vw;position: relative;border-bottom: 0.27vw solid #000;}

#contents02 .inner-Box ul.qulist {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;}
#contents02 .inner-Box ul li {position: relative;border-bottom: 0.27vw solid #B4B4B4;width: 100%;margin-bottom: 3.23vw;}
#contents02 .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;}
#contents02 .inner-Box p.ltext {font-size: 3.73vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.87vw;position: relative;}
#contents02 .inner-Box p.ltext span {position: absolute;top: 0vw;right: 0vw;text-align: right;font-weight: 400;}


}