@charset "UTF-8";
@media screen and (min-width: 768px),print {
#link01,#link02,#link03,#link04,#link05{display: block; padding-top: 120px; margin-top: -120px;}

#contents01 {margin: 0 auto 9.8rem 0;position: relative;max-width: 938px;}
#contents01 .ttl-Box {margin: 0 auto 4.2rem;position: relative;}
#contents01 .ttl-Box p.subttl {margin-bottom: 5.2rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents01 .ttl-Box h2.commmonttl { margin-bottom: 0px; position: relative; }
#contents01 .inner-Box {margin: 0 auto 5.4rem;position: relative;border: 1px solid #6594CB;border-radius: 10px;background: #fff;padding: 4.8rem 5rem;}

#contents01 .inner-Box::before{content: "";display: block;width: 0.7rem;height: 3.5rem;position: absolute;bottom: -4.4rem;left: 50%;transform: translateX(-50%);background: url(../images/flow/contents01-icon01.svg)no-repeat top center;background-size: 100% auto;}
#contents01 .inBox {margin: 0 auto;position: relative;padding-right: 21rem;}
#contents01 .inBox h3 {margin-bottom: 1.4rem;position: relative;font-size: 1.8rem;line-height: 1.417;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #6594CB;}
#contents01 .inBox h3 span {font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #fff;background: #6594CB;display: inline-block;padding: 0.2rem 1.5rem;border-radius: 10rem;margin-right: 1.1rem;}
#contents01 .inBox figure.img {position: absolute;top: 2.5rem;right: 1.2rem;}
#contents01 .inBox figure.img img{  }
#contents01 .inBox p.text {margin-bottom: 1.8rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents01 .inBox ul{ margin-bottom: 1.2rem; }
#contents01 .inBox ul li { position: relative; }
#contents01 .inBox p.ltext {margin-bottom: 1rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 1.7rem;}
#contents01 .inBox p.ltext::before{content: "";display: block;position: absolute;top: 0.6rem;left: 0rem;width: 1rem;height: 1rem;border-radius: 50%;background: #6C9BD2;}
#contents01 .inBox p.text2 {margin-bottom: 1.3rem;position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents01 .inBox2 {margin: 0 auto;position: relative;top: -0.2rem;}
#contents01 .inBox2 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;}
#contents01 .inBox2 ul li {position: relative;margin-right: 2rem;margin-bottom: 1rem;}
#contents01 .inBox2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inBox2 p.ltext2 {position: relative;font-size: 1.2rem;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents01 .inBox2 p.ltext2 a {color: #6594CB;position: relative;border: #6594CB 1px solid;border-radius: 4rem;display: inline-block;padding: 0.7rem 3.6rem 0.7rem 1.9rem;}
#contents01 .inBox2 p.ltext2 a .arr{position: absolute;transform: rotate(90deg);transform-origin: center;top: 0.8rem;right: 1.3rem;transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#contents01 .inBox2 p.ltext2 a .arr img{width: 1.1rem;}
#contents01 .inBox2 p.ltext2 a:hover .arr{ top: 1.2rem; }

#contents01 .inner-Box:nth-child(3) {padding-bottom: 3rem;}
#contents01 .inner-Box:nth-child(3) figure.img {top: 1.2rem;}

#contents01 .inner-Box:nth-child(4) {padding-bottom: 2rem;}
#contents01 .inner-Box:nth-child(4) figure.img {top: 1.2rem;}

#contents01 .inner-Box:nth-child(5) {padding-bottom: 2rem;}
#contents01 .inner-Box:nth-child(5) figure.img {top: 2.2rem;}

#contents01 .inner-Box:nth-child(6) {padding-bottom: 4rem;}
#contents01 .inner-Box:nth-child(6) figure.img {top: 1.2rem;}

#contents01 .inner-Box:nth-child(7) {padding-bottom: 2rem;}
#contents01 .inner-Box:nth-child(7) figure.img {top: -0.8rem;}

#contents01 .inner-Box:nth-child(8) {padding-bottom: 7rem;}
#contents01 .inner-Box:nth-child(8) figure.img {top: 1.2rem;}

#contents01 .inner-Box:nth-child(9) {padding-bottom: 3rem;}
#contents01 .inner-Box:nth-child(9) figure.img {top: 0.2rem;}
#contents01 .inner-Box:nth-child(9)::before{ content: none;}

#contents02 {margin: 0 auto  9.5rem 0;position: relative;max-width: 938px;}
#contents02 .ttl-Box { margin: 0 auto; position: relative; }
#contents02 .ttl-Box h2.commmonttl {margin-bottom: 3.8rem;position: relative;}
#contents02 .ttl-Box p.subttl {margin-bottom: 2.6rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box ul{width: 58.3rem;margin: 0 auto 3.1rem;border: 1px solid #6594CB;border-radius: 1.5rem;background: #fff;padding: 5rem 5.2rem 3.3rem 5.2rem;}
#contents02 .inner-Box ul li { position: relative; }
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box p.ltext {margin-bottom: 1.7rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 2.3rem;}
#contents02 .inner-Box p.ltext span {color: #6594CB;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;position: absolute;top: 0rem;left: 0rem;}
#contents02 .inner-Box span.arixon {display: inline-block;line-height: 1;}
#contents02 .inner-Box span.arixon img {  }
#contents02 .inner-Box h3 {margin-bottom: 2.4rem;position: relative;font-size: 1.8rem;line-height: 1.333;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #DD8B8B;}
#contents02 .inner-Box p.text {margin-bottom: 1.3rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box p.text2 {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contents03 {margin: 0 auto 9.5rem 0;position: relative;max-width: 938px;}
#contents03 .ttl-Box { margin: 0 auto; position: relative; }
#contents03 .ttl-Box h2.commmonttl {margin-bottom: 3.7rem;position: relative;}
#contents03 .ttl-Box p.subttl {margin-bottom: 3.7rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box {margin: 0 auto 2.7rem;position: relative;}
#contents03 h3 {margin-bottom: 1.5rem;position: relative;color: #fff;background: #6594CB;border-radius: 1rem;padding: 1.5rem 1.6rem;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents03 .inBox{position:relative;display:flex;gap:5.4rem;padding-right: 4.2rem;}
#contents03 .left-Box{position:relative;width:21.1rem;flex-shrink:0;order:2;top: 1.5rem;}
#contents03 .right-Box{position:relative;flex:1;order:1;}

#contents03 .left-Box figure.img { position: absolute; top: 0; left: 0; }
#contents03 .left-Box figure.img img{  }
#contents03 p.text {margin-bottom: 4rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }

#contents04 {margin: 0 auto 0 0;position: relative;max-width: 938px;padding-bottom: 3rem;}
#contents04 .ttl-Box {margin: 0 auto 3.8rem;position: relative;}
#contents04 .ttl-Box h2.commmonttl {margin-bottom: 3.7rem;position: relative;}
#contents04 .ttl-Box p.subttl {margin-bottom: 3rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box {margin: 0 auto 3.6rem;position: relative;}
#contents04 h3 {margin-bottom: 1.5rem;position: relative;color: #fff;background: #6594CB;border-radius: 1rem;padding: 1.5rem 1.6rem;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents04 .inner-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box p.text2 {margin-bottom: 1.8rem;position: relative;font-size: 1.4rem;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box h4 {margin-bottom: 1.3rem;position: relative;font-size: 1.6rem;line-height: 0.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #6594CB;border-bottom: 1px solid #6594CB;padding-bottom: 1.1rem;}
#contents04 .inner-Box h5 {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-left: 1.9rem;}
#contents04 .inner-Box h5::before{content: "";display: block;position: absolute;top: 0.6rem;left: 0rem;width: 1rem;height: 1rem;border-radius: 50%;background: #6C9BD2;}
#contents04 .inner-Box h5.bttn {margin-bottom: 1.9rem;}
#contents04 .inner-Box h5.bttn2 {margin-bottom: 0.2rem;}

}

@media screen and (max-width: 767px) {
#pc-glnavi,#pc-glnavi .h-menu{position: absolute;}

#link01,#link02,#link03,#link04,#link05{display: block; padding-top: 40vw; margin-top: -40vw;}


#contents01 {margin: 0 5.1vw 15.133vw;position: relative;}
#contents01 .ttl-Box {margin: 0 auto 8.4vw;position: relative;}
#contents01 .ttl-Box p.subttl {margin-bottom: 8.967vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;top: -2.2vw;}
#contents01 .ttl-Box h2.commmonttl { margin-bottom: 0.0vw; position: relative; }
#contents01 .inner-Box {margin: 0 auto 9.4vw;position: relative;border: 0.27vw solid #6594CB;border-radius: 2.67vw;background: #fff;padding: 8vw 5.333vw 2.2vw 5.333vw;}

#contents01 .inner-Box::before{content: "";display: block;width: 1.067vw;height: 9.333vw;position: absolute;bottom: -11.733vw;left: 50%;transform: translateX(-50%);background: url(../images/flow/contents01-icon01.svg)no-repeat top center;background-size: 100% auto;}
#contents01 .inBox {
    margin-bottom: 4vw;
}
#contents01 .inBox h3 {margin-bottom: 0.833vw;position: relative;color: #6594CB;font-size: 4.267vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contents01 .inBox h3 span {color: #fff;background: #6594CB;display: block;width: 18vw;padding: 0.533vw 3.4vw;border-radius: 26.667vw;margin-right: 2.933vw;font-size: 3.2vw;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 1.8vw;}
#contents01 .inBox figure.img {position: relative;margin: 0 22.9vw;}
#contents01 .inBox figure.img img{  }
#contents01 .inBox p.text {margin-bottom: 5.5vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents01 .inBox ul{margin-bottom: 4.2vw;}
#contents01 .inBox ul li { position: relative; }
#contents01 .inBox p.ltext {margin-bottom: 2.467vw;position: relative;padding-left: 4.033vw;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents01 .inBox p.ltext::before{content: "";display: block;position: absolute;top: 1.6vw;left: 0vw;width: 1.967vw;height: 1.967vw;border-radius: 50%;background: #6C9BD2;}
#contents01 .inBox p.text2 {margin-bottom: 3.467vw;position: relative;font-size: 3.2vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents01 .inBox2 {position: relative;top: -0.533vw;}
#contents01 .inBox2 ul{display: flex;flex-wrap: wrap;position: relative;top: -1vw;}
#contents01 .inBox2 ul li {position: relative;margin-right: 5.333vw;margin-bottom: 5.3vw;}
#contents01 .inBox2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inBox2 p.ltext2 {position: relative;font-size: 3.2vw;line-height: 1.75;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents01 .inBox2 p.ltext2 a {color: #6594CB;position: relative;border: 0.27vw solid #6594CB;border-radius: 10.667vw;display: inline-block;padding: 1.867vw 9.6vw 1.867vw 5.067vw;}
#contents01 .inBox2 p.ltext2 a .arr{position: absolute;transform: rotate(90deg);transform-origin: center;right: 3.467vw;transition: all 0.3s ease-in-out;}
#contents01 .inBox2 p.ltext2 a .arr img{width: 2.933vw;}
#contents01 .inBox2 p.ltext2 a:hover .arr{ top: 3.2vw; }

#contents01 .inner-Box:nth-child(3) {padding-bottom: 1.1vw;}
#contents01 .inner-Box:nth-child(4) {padding-bottom: 1vw;}
#contents01 .inner-Box:nth-child(5) {padding-bottom: 1vw;}
#contents01 .inner-Box:nth-child(6) {padding-bottom: 2vw;}
#contents01 .inner-Box:nth-child(7) {padding-bottom: 1.2vw;}
#contents01 .inner-Box:nth-child(8) {padding-bottom: 1.5vw;}
#contents01 .inner-Box:nth-child(9) {padding-bottom: 1vw;}
#contents01 .inner-Box:nth-child(9)::before{ content: none;}

#contents02 {margin: 0 5.3vw 13.333vw;position: relative;}
#contents02 .ttl-Box {position: relative;}
#contents02 .ttl-Box h2.commmonttl {margin-bottom: 7.133vw;position: relative;}
#contents02 .ttl-Box p.subttl {margin-bottom: 4.333vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box {position: relative;}
#contents02 .inner-Box ul{margin: 0 auto 5.267vw;border: 0.27vw solid #6594CB;border-radius: 4.0vw;background: #fff;padding: 10.5vw 5vw 5vw;}
#contents02 .inner-Box ul li { position: relative; }
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box p.ltext {margin-bottom: 5.133vw;position: relative;padding-left: 6.133vw;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents02 .inner-Box p.ltext span {color: #6594CB;position: absolute;top: 0vw;left: 0vw;font-size: 4.267vw;line-height: 1.688;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents02 .inner-Box span.arixon {display: block;line-height: 1;margin: 0 41.1vw 1.3vw;}
#contents02 .inner-Box h3 {margin-bottom: 4.4vw;position: relative;color: #DD8B8B;font-size: 4.267vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents02 .inner-Box p.text {margin-bottom: 3.467vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents02 .inner-Box p.text2 {position: relative;font-size: 3.2vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contents03 {margin: 0 5vw 11.333vw;position: relative;}
#contents03 .ttl-Box {position: relative;}
#contents03 .ttl-Box h2.commmonttl {margin-bottom: 7.067vw;position: relative;}
#contents03 .ttl-Box p.subttl {margin-bottom: 6.867vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box {margin: 0 auto 6.7vw;position: relative;}
#contents03 h3 {margin-bottom: 5vw;position: relative;color: #fff;background: #6594CB;border-radius: 2.667vw;padding: 4.0vw 4.267vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents03 .inBox{position:relative;}
#contents03 .left-Box{position:relative;margin: 0 22.9vw 4.5vw;}
#contents03 .right-Box{position:relative;margin-right: 2vw;}

#contents03 p.text {margin-bottom: 5.167vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents03 .inner-Box2 {position: relative;}

#contents04 {margin: 0 5vw 0;position: relative;padding-bottom: 4vw;}
#contents04 .ttl-Box {margin: 0 auto 4.133vw;position: relative;}
#contents04 .ttl-Box h2.commmonttl {margin-bottom: 3.967vw;position: relative;}
#contents04 .ttl-Box h2.commmonttl::before{top: 2vw;}

#contents04 .ttl-Box p.subttl {margin-bottom: 4vw;position: relative;font-size: 4.27vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box {margin: 0 auto 5vw;position: relative;}
#contents04 h3 {margin-bottom: 4.0vw;position: relative;color: #fff;background: #6594CB;border-radius: 2.667vw;padding: 4.0vw 4.267vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents04 .inner-Box p.text {margin-bottom: 3vw;position: relative;font-size: 3.733vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box p.text2 {margin-bottom: 3.2vw;position: relative;font-size: 3.2vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents04 .inner-Box h4 {padding-top: 3.2vw;margin-bottom: 2.467vw;position: relative;font-size: 4.27vw;line-height: 0.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #6594CB;border-bottom: 0.27vw solid #6594CB;padding-bottom: 3.933vw;}
#contents04 .inner-Box h5 {margin-bottom: 1.8vw;position: relative;padding-left: 4.067vw;font-size: 3.733vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents04 .inner-Box h5::before{content: "";display: block;position: absolute;top: 1.6vw;left: 0vw;width: 2.267vw;height: 2.267vw;border-radius: 50%;background: #6C9BD2;}
#contents04 .inner-Box h5.bttn {margin-bottom: 5.667vw;}
#contents04 .inner-Box h5.bttn2 {margin-bottom: 0.533vw;}

    
}