@charset "utf-8";
/*トップ↓*/
.topimageweb{width:calc((100 / 1500) * 278.4932vw);}

/*メイン背景↓*/
.contentback{background-color: #BEE6FC;padding-bottom: 3%;}

/*コンテンツ幅↓*/
.contentitem{max-width: 1920px; margin: auto;padding-top:3%;}

/*症状↓*/
nav{ display: none; }
.nav-open{
	padding: 15px;
	font-size: 20px;
	background:white;
	position: relative;
}
.nav-open::before{/* 閉じている時 */
  content: "";
	position: absolute;
	right: 20px;
  height:30px;
  width:30px;
  background-image:url(../img/3.syoujou/19.svg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  align-items: center;
}
.nav-open.active::before{/* 開いている時 */
  content: "";
	position: absolute;
	right: 20px;
  height:30px;
  width:30px;
  background-image:url(../img/3.syoujou/20.svg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  align-items: center;
}
.navtxt{background-color: white;padding:15px;font-size:15px;line-height: 190%;}
.syoujoutittle{font-size:18px;background-color:#398DF3;color:white;padding:7px 25px;display: inline-block;}
.nav1{width:34.3%; height:100%; margin-bottom: 1.5%;  background-color:#fff;}
.syoujouflex{display: flex;justify-content: center; }
.syoujouflex2{display: flex;justify-content: center;}
.syoujouimg{vertical-align: bottom;}
.nav2{visibility:hidden !important;}
.syoujouurl{color:#61BFE9;}
.navleft{margin-right:1.5%;}
.navbr{display: none;}


.nav1 nav {height:100%;}
.nav1 nav .navtxt {height:100%;}
/*症状↑*/


/*症状別のお悩み↓*/
.syoujobetu{font-size: 21px;
    background-color: #398DF3;
    color: white;
    text-align: center;
    padding: 1.5%;
    width:70.1%;
    margin:auto;}
.syoujobetumargin{margin-bottom:1.5%;}
/*症状別のお悩み↑*/


/*こんなお悩みの方↓*/
.content2{background-color: white;width:70%;margin: auto;padding-top:2.5%;}
.content2h3{margin:auto;width:70%;font-size:21px;background-color:#398DF3;color:white;text-align: center;padding:1.5%;margin-bottom:1.5%;}
.c2item1 h4{text-align:center;background-color: #BEE6FC; color:black;width:90%;margin: auto;padding:1.5%;border-radius: 50px;font-size:18px;}
.c2item1 p{width:90%;margin: auto;padding-top: 3%;padding-bottom:15%;font-size:15px;line-height: 160%;}
.c2item2{background-color:#F2F2F2;width:85%;padding:3%;position:relative;}
.c2item2buttom{padding-bottom: 3%;margin-bottom:2.5%;}
.c2item2 h5{color:#398DF3;font-size:18px;margin-bottom:1%;}
.c2itemimg{position: absolute;width:35%;left:-22%;bottom:85px;right:-21%;}
.c2item22{display: flex; justify-content: flex-end;margin-left:8%;margin-right:8%;}
.c2itemul{margin-left: 15%; position:relative;}
.c2itemul li{margin-left: 20px;font-size:15px;position:relative;}
.c2itemul2 li{margin-left: 20px;font-size:15px;position:relative;}
.c2itemul2{position:relative;}
.c2itemul p{font-size:1rem;}

.c2item22r{display: flex; justify-content: flex-start;margin-left:8%;margin-right:8%;}
.c2itemimg2{position: absolute;width:35%;bottom:85px;right:-21%;}
.c2itemul2{margin-right: 20%;}

.c2itemul li::before{
  content: "";
	position: absolute;
	left: -15px;
  height:12px;
  width:12px;
	top:4px;
  background-image:url(../img/3.syoujou/21.svg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  align-items: center;
}

.c2itemul2 li::before{
  content: "";
	position: absolute;
	left: -15px;
  height:12px;
  width:12px;
	top:4px;
  background-image:url(../img/3.syoujou/21.svg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
  align-items: center;
}

/*こんなお悩みの方↑*/

@media screen and (max-width: 1000px) {
  .navbr{display:block;}
}

/*SP版*/
@media screen and (max-width: 800px) {
  .navbr{display: none;}

  /*sp症状*/
  .syoujouflex{display:block;}
  .syoujouflex2{display:block;}
  .nav1{width:95%;margin: auto;margin-bottom:2%;}
  .nav2{display: none;}

  .syoujoutittle{font-size:16px;}
  .navtxt{font-size: 10px;}
      
  /*spこんなお悩みの方↓*/
  .content2{width:95%;}
  .content2 h3{font-size:16px; margin-bottom:2.5%;padding:3%;}
  .c2item1 h4{font-size:14px; padding: 4%;}
  .c2item1 p{font-size:10px;padding-bottom: 10%;}
  .c2itemimg{position:absolute; left: 0;right: 0;margin: auto;bottom:69%;width:50%;display: block;}
  .c2item2{background-color:#F2F2F2;width:100%;padding:0%;position:relative;margin-top: 30%;padding-top:15%;}
  .c2item22{display: flex; justify-content:center;margin-left:0;margin-right:0;}
  .c2itemul{margin-left:12%;margin-top:5%;margin-bottom:5%;}
  .c2item2 h5{font-size:12px;}
  .c2itemul ul{font-size:0.8rem;margin-left: 20px;}

  .c2itemimg2{position:absolute; left: 0;right: 0;margin: auto;bottom:80%;width:50%;display: block;}
  .c2item22r{width:100%;margin-left: 0%; margin-right: 0%;}
  .c2itemul2 ul{font-size:0.8rem;margin-left: 20px;}
  .c2itemul2{margin-left: 5%;margin-top: 5%;margin-bottom: 5%;}
  .c2item2buttom{display: none;}
  .contentback{padding-bottom: 0; position:relative; z-index:10; display:inline-block;}

  .itemspace{margin-bottom:8%;}
  .c2itemul2{margin-right:5%;}
  .c2itemul li {margin-left: 10px;font-size:10px;}
  .c2itemul2 li {margin-left:10px;font-size:10px;}
}


/* 梅田学 2022/08/18 11時以降 追加 */
p.syoujoutittle {font-size:clamp(14px, calc((100 / 1500) * 21vw), 21px); line-height:clamp(14px, calc((100 / 1500) * 21vw), 21px); }
.nav1 nav {height:auto;}
.nav1 nav .navtxt {height:100%;}
.dummy_nav1 {visibility: hidden;}

@media screen and (max-width: 800px) {
    p.syoujoutittle {font-size:16px;}
    .nav1{margin-bottom:10px;}
    .dummy_nav1 {display:none;}
	/*症状別のお悩み↓*/
.syoujobetu{font-size: 16px;
    width:95%;
	padding:3%;}
.syoujobetumargin{margin-bottom:2.5%;}
.content2h3{width:95%;margin-bottom:2.5%;padding:3%;}
/*症状別のお悩み↑*/
}