@charset "UTF-8";


@media screen and (min-width: 768px),print {
#link01,#link02,#link03 {display: block; padding-top: 80px; margin-top: -80px;}

#contentsmain {margin: -2.3rem auto 6.4rem auto;position: relative;z-index: 3;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box p.text {margin-bottom: 4.8rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}

#contentsmain .inner-Box ul{display: flex;flex-wrap:wrap;justify-content:center;margin: 0 auto -1rem;max-width: 84.5rem;}
#contentsmain .inner-Box li {position: relative;width: auto;text-align: center;margin: 0 1.3rem;}
#contentsmain .inner-Box li:nth-child(3){/* margin-right: 0; */}
#contentsmain .inner-Box li a {text-align: center;display: block;padding: 1.1rem 1.4rem 1.1rem 0rem;transition: all 0.3s ease-in-out;font-size: 1.4rem;line-height: 1;letter-spacing: 0em;font-weight: 400;color: var(--blue);border-bottom: var(--blue) 1px solid;}
#contentsmain .inner-Box li:nth-child(2) a {}
#contentsmain .inner-Box li:nth-child(3) a {}

#contentsmain .inner-Box li a::before {content: "";background: url(../images/common/arr.svg)no-repeat;width: 0.8rem;height: 2.2rem;position: absolute;top: 0.6rem;right: 0.7rem;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box li:nth-child(3) a::before {}
#contentsmain .inner-Box li a:hover::before { top: 1.5rem; }


#contentsflow {margin: 0 auto 12.3rem;position: relative;padding: 0 5vw;}
#contentsflow .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contentsflow .inner-Box h2{border-bottom: #CCC solid 1px;margin-bottom: 6.4rem;padding-bottom: 1.6rem;position: relative;text-align: left;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentsflow .inner-Box h2::before{content: "";display: block;width: 12rem;height: 1px;background: var(--blue);border-radius: 0;position: absolute;bottom: -1px;left: 0;}


#contentsflow .flow-Box {margin: 0 auto;position: relative;padding-left: 11.7rem;padding-bottom: 4rem;}
#contentsflow .flow-Box::before{ content: ""; position: absolute; top: 0; left: 3.5rem; width:2px; height: 100%; background: url(../images/first-visit/line.svg)repeat; }
#contentsflow .flow-Box:last-child{ padding-bottom: 0; }
#contentsflow .flow-Box:last-child::before{ content: none; }
#contentsflow .flow-Box p.notext {margin-bottom: 0px;position: absolute;top: 0;left: 0;display: block;width: 7.2rem;height: 7.2rem;border: 1px solid #DDDDDD;border-radius: 50%;background: #ECEDF2;text-align: center;padding-top: 1.5rem;color: var(--blue);line-height: 1;}
#contentsflow .flow-Box p.notext span.step {display: block;font-size: 1.2rem;margin-bottom: -0.7rem;text-align: center;}
#contentsflow .flow-Box p.notext span.no {font-size: 3.2rem;}
#contentsflow .flow-Box h3 {margin-bottom: 1.6rem;position: relative;text-align: left;font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentsflow .flow-Box p.text {margin-bottom: 0;position: relative;text-align: left;font-size:1.6rem;font-weight:400;line-height:1.813;letter-spacing:0.05em;color:#222;}
#contentsflow .flow-Box ul {max-width: 67.6rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3.6rem auto 0;}
#contentsflow .flow-Box ul li { position: relative; width: 44.38%; box-sizing: border-box; }
#contentsflow .flow-Box ul li .bluebtn .pdf{ background: #fff; border-radius:50%;transition: all 0.3s ease-in-out;}
#contentsflow .flow-Box ul li .bluebtn .pdf img{ transition: all 0.3s ease-in-out; }
#contentsflow .flow-Box ul li .bluebtn:hover .pdf{ background: var(--blue)}
#contentsflow .flow-Box ul li .bluebtn:hover .pdf img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contentsflow .flow-Box ul li:nth-child(2) {width: 53.18%;}
#contentsflow .flow-Box p.ltext { margin-bottom: 0px; position: relative; }
#contentsitems {margin: 0 auto;position: relative;padding: 0 5vw 12rem;}
#contentsitems .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contentsitems .inner-Box h2{border-bottom: #CCC solid 1px;margin-bottom: 4rem;padding-bottom: 1.6rem;position: relative;text-align: left;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentsitems .inner-Box h2::before{content: "";display: block;width: 12rem;height: 1px;background: var(--blue);border-radius: 0;position: absolute;bottom: 0px;left: 0;}

#contentsitems .inBox{border: 1px solid var(--blue);background: #F0F7FD;width: 100rem;margin: 0 auto;padding: 4rem 4.8rem;}
#contentsitems .inner-Box ul{padding-left: 3.5rem;margin-bottom: 0;}
#contentsitems .inner-Box ul li{position: relative;margin-bottom: 1.4rem;}
#contentsitems .inner-Box ul li p {text-align:left;font-size:1.6rem;font-weight:400;line-height:1.688;letter-spacing:0.05em;color:#222; }
#contentsitems .inner-Box ul li p span{font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: var(--blue);position: relative;}
#contentsitems .inner-Box ul li::before{content:"";display: inline-block;width: 2.4rem;height: 2.4rem;background: url(../images/common/ch.svg)no-repeat top left;position: absolute;left: -3.4rem;top: 0.5lh;background-size: 100% auto;border-radius: 0;transform: translateY(-50%);}

#contentsitems .inner-Box ul{}
#contentsitems .inner-Box ul li { position: relative; }
#contentsitems .inner-Box ul li:last-child {margin-bottom: 0rem;}
#contentsitems .inner-Box p.ltext {position: relative;}
#contentsitems .inner-Box p.ltext span {  }


#contentsnotes {margin: 0 auto;position: relative;padding: 0 5vw 12rem;}
#contentsnotes .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contentsnotes .inner-Box h2{border-bottom: #CCC solid 1px;margin-bottom: 3.2rem;padding-bottom: 1.6rem;position: relative;text-align: left;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentsnotes .inner-Box h2::before{content: "";display: block;width: 12rem;height: 1px;background: var(--blue);border-radius: 0;position: absolute;bottom: 0px;left: 0;}

#contentsnotes .inner-Box ul{ width: 100rem; margin: 0 auto; }
#contentsnotes .inner-Box ul li { position: relative; }
#contentsnotes .inner-Box ul li:last-child { margin-bottom: 0px; }
#contentsnotes .inner-Box h3{text-align: left;padding-bottom: 0;padding-left: 1.6rem;margin-bottom: 0.8rem;font-size: 1.8rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);position: relative;}
#contentsnotes .inner-Box p.ltext {margin-bottom: 2.4rem;position: relative;text-align: left;font-size:1.6rem;font-weight:400;line-height:1.8;letter-spacing:0.05em;color:#222;}
#contentsnotes .inner-Box ul li:last-child p.ltext { margin-bottom: 0px; }
#contentsnotes .inner-Box p.ltext span {color: #AA1C1C;}
#contentsnotes .inner-Box p.ltext a {color: var(--blue);text-decoration: underline;}
#contentsnotes .inner-Box p.ltext a:hover {  }

#contentscta {margin: 0 auto;position: relative;padding: 0 5vw 0rem;}
#contentscta .inner-Box {margin: 0 auto;position: relative;background: #ECEDF2;max-width: 100rem;padding: 4.9rem 5.6rem;}
#contentscta .inner-Box figure.photo {position: absolute;top: 3.3rem;left: 50%;width: 10.6rem;margin-left: 20.1rem;}
#contentscta .inner-Box figure.photo img{width: 100%;height: auto;}
#contentscta .inner-Box h2 {margin-bottom: 1.6rem;position: relative;text-align: center;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:var(--blue);}
#contentscta .inner-Box p.subttl {margin-bottom: 2.8rem;position: relative;text-align: center;font-size:1.6rem;font-weight:400;line-height:2;letter-spacing:0.05em;color:#222;}
#contentscta .inner-Box 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;}
#contentscta .inner-Box ul li {position: relative;width: 32.1%;margin-right: 1.8%;}
#contentscta .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentscta .inner-Box ul li .bluebtn .pdf{ background: #fff; border-radius:50%;transition: all 0.3s ease-in-out;}
#contentscta .inner-Box ul li .bluebtn .pdf img{ transition: all 0.3s ease-in-out; }
#contentscta .inner-Box ul li .bluebtn:hover .pdf{ background: var(--blue)}
#contentscta .inner-Box ul li .bluebtn:hover .pdf img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

}
@media screen and (min-width:768px) and ( max-width:1023px) {
	
#contentscta .inner-Box {padding: 4.9rem 2.6rem;}

	
}

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

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

#contentsmain{margin: -6.1vw auto 5.4vw;position:relative;z-index:3;padding-top: 14.1vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;}
#contentsmain .inner-Box p.text{margin: 0 5.4vw 3.1vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.8;letter-spacing:0.05em;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto -2.7vw;max-width:100%;}
#contentsmain .inner-Box li{position:relative;width:auto;text-align:center;margin:0 3.5vw 2.7vw;}
#contentsmain .inner-Box li a{text-align:center;display:block;padding: 2.9vw 3.9vw 1.9vw 0;border-bottom:var(--blue) 1px solid;font-size: 3.2vw;line-height: 1;letter-spacing: 0em;font-weight: 400;color: var(--blue);position: relative;}
#contentsmain .inner-Box li a::before{content:"";background:url(../images/common/arr.svg) no-repeat;width:2.1vw;height:5.9vw;position:absolute;top:1.6vw;right:1.9vw;transform:rotate(90deg);transform-origin:center;background-size:100% auto;}

#contentsflow{margin: 0 auto 0.7vw;position:relative;padding: 0 5vw 3.3vw;}
#contentsflow .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsflow .inner-Box h2{text-align:left;border-bottom:#CCC solid 1px;margin-bottom: 6.2vw;padding-bottom:4.3vw;position:relative;font-size: 4.8vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: #222;}
#contentsflow .inner-Box h2::before{content:"";display:block;width: 21.7vw;height:1px;background:var(--blue);border-radius:0;position:absolute;bottom:0;left:0;}

#contentsflow .flow-Box{margin:0 auto;position:relative;padding-left: 16vw;padding-bottom: 5vw;}
#contentsflow .flow-Box:last-child{padding-bottom:0;}
#contentsflow .flow-Box::before{content:"";position:absolute;bottom: 0;left: 7.1vw;width:2px;height: 90%;background:url(../images/first-visit/line.svg) repeat;}
#contentsflow .flow-Box:last-child::before{content:none;}
#contentsflow .flow-Box p.notext{margin-bottom:0;position:absolute;top:0;left:0;display:block;width: 13.5vw;height: 13.5vw;border:1px solid #DDDDDD;border-radius:50%;background:#ECEDF2;text-align:center;padding-top: 2vw;color:var(--blue);line-height:1;}
#contentsflow .flow-Box p.notext span.step{display:block;margin-bottom: -1.1vw;text-align: center;font-size:2.7vw;font-weight:600;line-height:1.6;letter-spacing:0em;}
#contentsflow .flow-Box p.notext span.no{text-align: center;font-size:6.4vw;font-weight:600;line-height:0.667;letter-spacing:0em;}
#contentsflow .flow-Box h3{margin-bottom: 2.2vw;position:relative;color:var(--blue);text-align: left;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;padding-top: 3vw;}
#contentsflow .flow-Box p.text{margin-bottom:0;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsflow .flow-Box ul{max-width:100%;display:block;margin: 5.4vw auto 0;}
#contentsflow .flow-Box ul li{position:relative;width:100%;box-sizing:border-box;margin-bottom: 2.5vw;}
#contentsflow .flow-Box ul li .pdf{ width: 7.5vw; }
#contentsflow .flow-Box ul li .bluebtn .pdf{ background: #fff; border-radius:50%;transition: all 0.3s ease-in-out;}
#contentsflow .flow-Box ul li:nth-child(2){width:100%;}
#contentsflow .flow-Box p.ltext{margin-bottom:0;position:relative;}
#contentsitems{margin:0 auto;position:relative;padding: 0 5vw 10vw;}
#contentsitems .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsitems .inner-Box h2{text-align:left;border-bottom:#CCC solid 1px;margin-bottom: 6.4vw;padding-bottom:4.3vw;position:relative;font-size: 4.8vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: #222;}
#contentsitems .inner-Box h2::before{content:"";display:block;width: 21.7vw;height:1px;background:var(--blue);border-radius:0;position:absolute;bottom:0;left:0;}
#contentsitems .inBox{border:1px solid var(--blue);background:#F0F7FD;width:100%;margin:0 auto;padding: 6.4vw 2.3vw 6.4vw 5.3vw;}
#contentsitems .inner-Box ul{padding-left: 8.8vw;margin-bottom:0;}
#contentsitems .inner-Box ul li{position:relative;margin-bottom: 1.8vw;}
#contentsitems .inner-Box ul li p{text-align:left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:.05em;color:#222;}
#contentsitems .inner-Box ul li p span{color:var(--blue);position:relative;text-align: left;font-size:4vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;}
#contentsitems .inner-Box ul li::before{content:"";display:inline-block;width: 5.3vw;height:69.3vw;background:url(../images/common/ch.svg) no-repeat top left;position:absolute;left: -7.4vw;top: 0.7vw;background-size:100% auto;border-radius:0;}
#contentsitems .inner-Box ul li:last-child{margin-bottom:0;}
#contentsitems .inner-Box p.ltext{position:relative;text-align: left;font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;}

#contentsnotes{margin:0 auto;position:relative;padding: 0 5vw 21.3vw;}
#contentsnotes .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsnotes .inner-Box h2{text-align:left;border-bottom:#CCC solid 1px;margin-bottom: 6.3vw;padding-bottom:4.3vw;position:relative;font-size: 4.8vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: #222;}
#contentsnotes .inner-Box h2::before{content:"";display:block;width: 21.7vw;height:1px;background:var(--blue);border-radius:0;position:absolute;bottom:0;left:0;}
#contentsnotes .inner-Box ul{width:100%;margin:0 auto;}
#contentsnotes .inner-Box ul li{position:relative;}
#contentsnotes .inner-Box ul li:last-child{margin-bottom:0;}
#contentsnotes .inner-Box h3{text-align:left;padding-bottom:0;padding-left: 4.267vw;margin-bottom: 1.3vw;position:relative;font-size: 4.5vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;color: var(--blue);}
#contentsnotes .inner-Box p.ltext{margin-bottom: 5.6vw;position:relative;color:#222;text-align: left;font-size:4vw;font-weight:400;line-height:1.7;letter-spacing:0.05em;}
#contentsnotes .inner-Box ul li:last-child p.ltext{margin-bottom:0;}
#contentsnotes .inner-Box p.ltext span{color:#AA1C1C;}
#contentsnotes .inner-Box p.ltext a{color:var(--blue);text-decoration:underline;}

#contentscta{margin:0 auto;position:relative;padding: 0 5vw 11.8vw;}
#contentscta .inner-Box{margin:0 auto;position:relative;background:#ECEDF2;max-width:100%;padding: 15.3vw 5.3vw 3.9vw 5.3vw;}
#contentscta .inner-Box figure.photo{position: absolute;top: -13.4vw;left: 50%;width: 21.3vw;margin: 0 auto;transform: translateX(-50%);}
#contentscta .inner-Box figure.photo img{width:100%;height:auto;}
#contentscta .inner-Box h2{margin-bottom: 4.267vw;position:relative;color:var(--blue);text-align: center;font-size:4.8vw;font-weight:700;line-height:1.5;letter-spacing:0.05em;}
#contentscta .inner-Box p.subttl{margin-bottom: 3.7vw;position:relative;color:#222;text-align: center;font-size:3.7vw;font-weight:400;line-height:1.714;letter-spacing:0.05em;}
#contentscta .inner-Box ul{display:block;}
#contentscta .inner-Box ul li{position:relative;width:100%;margin: 0 0 2.6vw;}
#contentscta .inner-Box ul li:nth-child(3n){margin-right:0;}
#contentscta .inner-Box ul li .pdf{ width: 7.5vw; }
#contentscta .inner-Box ul li .bluebtn .pdf{ background: #fff; border-radius:50%;transition: all 0.3s ease-in-out;}
    

}

/* ハラスメント行為に対する対応（2026-09-24 追加） */
#contentsharass .inner-Box ul.cards > li h3::before{content:"";display:block;border:var(--blue) 2px solid;border-radius:50%;position:absolute;left:0;top:0.5lh;transform:translateY(-50%);}
#contentsharass .inner-Box ul.dots li::before{content:"";display:block;background:var(--blue);border-radius:50%;position:absolute;left:0;top:0.5lh;transform:translateY(-50%);}

@media screen and (min-width: 768px),print {
#contentsharass{margin:0 auto;position:relative;padding:0 5vw 12rem;}
#contentsharass .inner-Box{margin:0 auto;position:relative;max-width:100rem;}
#contentsharass .inner-Box h2{border-bottom:#CCC solid 1px;margin-bottom:3.2rem;padding-bottom:1.6rem;position:relative;text-align:left;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box h2::before{content:"";display:block;width:12rem;height:1px;background:var(--blue);position:absolute;bottom:0;left:0;}
#contentsharass .inner-Box p.lead{margin-bottom:2rem;text-align:left;font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box p.lead .note{font-size:1.4rem;color:#666;}
#contentsharass .inner-Box ul.cards{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;margin:3.2rem 0;}
#contentsharass .inner-Box ul.cards > li{border:1px solid #DDD;background:#F8F8FA;padding:2.8rem 3.2rem;}
#contentsharass .inner-Box ul.cards > li h3{position:relative;padding-left:1.6rem;margin-bottom:1.2rem;text-align:left;font-size:1.8rem;line-height:1.6;letter-spacing:0.05em;font-weight:700;color:var(--blue);}
#contentsharass .inner-Box ul.cards > li h3::before{width:0.6rem;height:0.6rem;}
#contentsharass .inner-Box ul.dots li{position:relative;padding-left:1.6rem;margin-bottom:0.6rem;text-align:left;font-size:1.5rem;line-height:1.7;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box ul.dots li:last-child{margin-bottom:0;}
#contentsharass .inner-Box ul.dots li::before{width:0.6rem;height:0.6rem;}
#contentsharass .inner-Box .closing{border:1px solid #AA1C1C;background:#FFF5F5;padding:2.4rem 3.2rem;}
#contentsharass .inner-Box .closing p{text-align:left;font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box .closing p span{color:#AA1C1C;font-weight:700;}
#contentsharass .inner-Box p.related{margin-top:2.4rem;text-align:right;font-size:1.4rem;}
#contentsharass .inner-Box p.related a{color:var(--blue);text-decoration:underline;}
}

@media screen and (max-width: 767px) {
#contentsharass{margin:0 auto;position:relative;padding:0 5vw 21.3vw;}
#contentsharass .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contentsharass .inner-Box h2{text-align:left;border-bottom:#CCC solid 1px;margin-bottom:6.3vw;padding-bottom:4.3vw;position:relative;font-size:4.8vw;line-height:1.6;letter-spacing:0.05em;font-weight:700;color:#222;}
#contentsharass .inner-Box h2::before{content:"";display:block;width:21.7vw;height:1px;background:var(--blue);position:absolute;bottom:0;left:0;}
#contentsharass .inner-Box p.lead{margin-bottom:4.3vw;text-align:left;font-size:4vw;line-height:1.7;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box p.lead .note{font-size:3.4vw;color:#666;}
#contentsharass .inner-Box ul.cards{display:block;margin:6.4vw 0;}
#contentsharass .inner-Box ul.cards > li{border:1px solid #DDD;background:#F8F8FA;padding:5.3vw;margin-bottom:3.2vw;}
#contentsharass .inner-Box ul.cards > li:last-child{margin-bottom:0;}
#contentsharass .inner-Box ul.cards > li h3{position:relative;padding-left:4.267vw;margin-bottom:2.4vw;text-align:left;font-size:4.5vw;line-height:1.6;letter-spacing:0.05em;font-weight:700;color:var(--blue);}
#contentsharass .inner-Box ul.cards > li h3::before{width:1.6vw;height:1.6vw;}
#contentsharass .inner-Box ul.dots li{position:relative;padding-left:4vw;margin-bottom:1.6vw;text-align:left;font-size:3.7vw;line-height:1.7;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box ul.dots li:last-child{margin-bottom:0;}
#contentsharass .inner-Box ul.dots li::before{width:1.6vw;height:1.6vw;}
#contentsharass .inner-Box .closing{border:1px solid #AA1C1C;background:#FFF5F5;padding:5.3vw;}
#contentsharass .inner-Box .closing p{text-align:left;font-size:4vw;line-height:1.7;letter-spacing:0.05em;color:#222;}
#contentsharass .inner-Box .closing p span{color:#AA1C1C;font-weight:700;}
#contentsharass .inner-Box p.related{margin-top:5.3vw;text-align:right;font-size:3.6vw;}
#contentsharass .inner-Box p.related a{color:var(--blue);text-decoration:underline;}
}