@charset "utf-8";

/* 共通
------------------------------------------------------------------*/
.content_low {
  padding: calc(120 / 1920 * 100vw) 0 calc(200 / 1920 * 100vw);
}
.main_page {
  background: url("images/page/cover_page_ttl_bg.svg") no-repeat top center /
      calc(1920 / 1920 * 100vw),
    url("images/page/page_ttl_bg.jpg") no-repeat center / cover;
  padding-top: var(--size170px);
  height: calc(500 / 1920 * 100vw);
}
.main_page .inner{max-width: inherit;}
.page_main section:not(:last-child) {
  margin-bottom: calc(100 / 1920 * 100vw);
}

@media only screen and (min-width: 768px) and (max-width: 1599px) {
  .content_low {
    padding: calc(100 / 1599 * 100vw) 0 calc(200 / 1599 * 100vw);
  }
  .main_page {
    height: calc(500 / 1599 * 100vw);
  }
  .page_main section:not(:last-child) {
    margin-bottom: calc(100 / 1599 * 100vw);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .content_low {
    padding: calc(100 / 1299 * 100vw) 0 calc(200 / 1299 * 100vw);
  }
  .main_page {
    height: calc(500 / 1299 * 100vw);
  }
  .page_main section:not(:last-child) {
    margin-bottom: calc(100 / 1299 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .content_low {
    padding: 13vw 0 25vw;
  }
  .content_low .inner,
  .main_page .inner {
    max-width: calc(702 / 750 * 100vw);
  }
  .page_main section:not(:last-child) {
    margin-bottom: 20vw;
  }
  .main_page {
    background: url("images/page/cover_page_ttl_bg_sp.svg") no-repeat top center /
        calc(750 / 750 * 100vw),
      url("images/page/page_ttl_bg_sp.jpg") no-repeat center / cover;
    height: calc(580 / 750 * 100vw);
    padding: 27.5vw 0 0;
  }
  .col_img {
    text-align: center;
  }
  .content_low .ls2{letter-spacing: .0em;}
}

/* txt_address
------------------------------------------------------------------*/
.hdg2 .ja {
  margin-bottom: var(--size35px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-size: 333.3%;
  font-family: "vdl-v7mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
}

.hdg2 .en {
  display: block;
  letter-spacing: 0.2em;
  line-height: 1;
  font-size: 166.6%;
  font-family: "cormorant-garamond", serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}

.hdg3 {
	margin-bottom: 0;
	line-height: 1.6;
	font-family: "vdl-v7mincho", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #2d2d2d;
	position: relative;
	z-index: 1;
}
.cover_hdg3 {
	padding: var(--size45px) 4% var(--size60px);
	margin-bottom: var(--size60px);
	background: url(images/page/deco_hdg3_l.png) no-repeat left /
	calc(700 / 1920 * 100vw),
    url(images/page/deco_hdg3_r.png) no-repeat right / calc(700 / 1920 * 100vw);
}
.hdg3 > span {
  display: inline-block;
  padding-bottom: var(--size30px);
  letter-spacing: 0.1em;
  font-size: 222.2%;
  position: relative;
  z-index: 1;
}
.hdg3 > span::before {
  content: "";
  width: var(--size100px);
  height: 1px;
  background: #343434;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .cover_hdg3 {
    background: url(images/page/deco_hdg3_l.png) no-repeat left /
        calc(700 / 1700 * 100vw),
      url(images/page/deco_hdg3_r.png) no-repeat right /
        calc(700 / 1700 * 100vw);
  }
  .ls2 {
    letter-spacing: 0.16em;
  }
}

@media (min-width: 768px) and (max-width: 1299px) {
  .hdg2 .ja {
    font-size: 280%;
  }

  .hdg2 .en {
    font-size: 150%;
  }
  .cover_hdg3 {
    background: url(images/page/deco_hdg3_l.png) no-repeat left /
        calc(700 / 1500 * 100vw),
      url(images/page/deco_hdg3_r.png) no-repeat right /
        calc(700 / 1500 * 100vw);
  }

  .ls2 {
    letter-spacing: 0.13em;
  }
}

@media (max-width: 767px) {
  .hdg2 .ja {
    margin-bottom: 4vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-size: var(--size50px);
  }

  .hdg2 .en {
    letter-spacing: 0.1em;
    font-size: calc(30 / 750 * 100vw);
  }
  
  .hdg2 .fz40{
    font-size: var(--size40px);
  }
   .hdg2 .fz50 {
    font-size: var(--size50px);
  }
  .hdg3 {
    padding: 6vw 0 9vw;
  }
  .cover_hdg3 {
    background: url(images/page/deco_hdg3_l_sp.png) no-repeat left top /
        calc(375 / 750 * 100vw),
      url(images/page/deco_hdg3_r_sp.png) no-repeat right bottom /
        calc(375 / 750 * 100vw);
  }
  .hdg3 > span {
    font-size: var(--size50px);
    padding-bottom: 3vw;
    letter-spacing: 0;
  }
  .hdg3 > span::before {
    width: var(--size100px);
  }

  /* copy_common */
  .copy_common span {
    letter-spacing: 0;
  }

  .copy_common .fz20 {
    font-size: calc(34 / 750 * 100vw);
  }

  .copy_common .fz22 {
    font-size: calc(36 / 750 * 100vw);
  }

  .copy_common .fz23 {
    font-size: calc(36 / 750 * 100vw);
  }

  .copy_common .fz24 {
    font-size: calc(36.5 / 750 * 100vw);
  }

  .copy_common .fz25 {
    font-size: calc(36.5 / 750 * 100vw);
  }

  .copy_common .fz26 {
    font-size: calc(36.5 / 750 * 100vw);
  }

  .copy_common .fz28 {
    font-size: calc(38 / 750 * 100vw);
  }

  .copy_common .fz30 {
    font-size: calc(38 / 750 * 100vw);
  }

  .copy_common .fz32 {
    font-size: calc(39 / 750 * 100vw);
  }

  .copy_common .fz36 {
    font-size: calc(40 / 750 * 100vw);
  }

  .copy_common .fz38 {
    font-size: calc(40 / 750 * 100vw);
  }

  .copy_common .fz40 {
    font-size: calc(40 / 750 * 100vw);
  }

  .copy_common .fz50 {
    font-size: calc(50 / 750 * 100vw);
  }

  .copy_common .fz56 {
    font-size: calc(60 / 750 * 100vw);
  }

  .copy_common .fz60 {
    font-size: calc(60 / 750 * 100vw);
  }
}

/* .copy_common01
------------------------------------------------------------------*/
.copy_common01 .line {
  background: linear-gradient(transparent 50%, rgba(251, 194, 23, 0.3) 50%);
}
.copy_common01.vdl{
	font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* copy_common02
------------------------------------------------------------------*/
.copy_common02 {
  padding: var(--size25px);
  text-align: center;
  color: #fff;
  background: linear-gradient(
    90deg,
    #63523d 0%,
    #63523d 50%,
    #1f2e55 50%,
    #1f2e55 100%
  );
  position: relative;
  z-index: 1;
}
.copy_common02::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: calc(10 / 1920 * 100vw);
  left: 0;
  right: 0;
  z-index: 1;
}
.copy_common02.vdl{font-weight: 500;}
@media (min-width: 768px) and (max-width: 1599px) {
  .copy_common02 {
    padding: calc(15 / 1600 * 100vw);
  }
  .copy_common02::before {
    bottom: calc(10 / 1600 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .copy_common02 {
    padding: calc(15 / 1300 * 100vw);
  }
  .copy_common02::before {
    bottom: calc(10 / 1300 * 100vw);
  }
}
@media (max-width: 767px) {
  .copy_common02 {
    padding: 3vw;
  }
  .copy_common02::before {
    bottom: 1.5vw;
  }
  .copy_common02 .fz38 {
    font-size: calc(40 / 750 * 100vw);
  }
}

/* copy_common03
------------------------------------------------------------------*/
.copy_common03 {
  padding-bottom: var(--size20px);
  border-bottom: 1px solid #121212;
}
.copy_common03.dotted {
  border-bottom-style: dotted;
  border-bottom-width: 3px;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .copy_common03 .fz60 {
    font-size: 3.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .copy_common03 .fz60 {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
}

/* copy_common04
------------------------------------------------------------------*/
.copy_common04 {
	padding: var(--size10px);
	line-height: 1.65;
	color: #fff;
	background: #4d4d4d;
}
.copy_common03.dotted {
  border-bottom-style: dotted;
  border-bottom-width: 3px;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .copy_common03 .fz60 {
    font-size: 3.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .copy_common03 .fz60 {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
}


/* copy_common05
------------------------------------------------------------------*/
.copy_common05 {
  padding-left: 1em;
  text-indent: -1em;
}
.copy_common05 .deco::before {
  content: "◆";
  padding-right: var(--size10px);
  color: #77562a;
}
.bg_col12 .copy_common05 .deco::before {
  color: #314865;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* copy_common06
------------------------------------------------------------------*/
.copy_common06 {
	border-top: 1px solid #2d2d2d;
	border-bottom: 1px solid #2d2d2d;
	position: relative;
	z-index: 1;
}
.copy_common06::before ,
.copy_common06::after {
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-width: var(--size15px);
	border-style: solid;
	border-color:  #63523d transparent transparent #63523d ;
	position: absolute;
	top: 0;
	left: 0;
}
.copy_common06::after {
	border-color:  transparent #314865 #314865 transparent ;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.copy_common06 .fz30{font-size: calc(35 / 750 * 100vw);}
}

/* copy_common07
------------------------------------------------------------------*/
.copy_common07 {
	position: relative;
	z-index: 1;
}
.copy_common07::before {
	content: "";
	width: var(--size30px);
	height: 1px;
	margin: auto;
	background: #314865;
	position: absolute;
	left: 0; right: 0;
	bottom: 0;
}
.copy_common07.txt_col07::before {
	background: var(--color07);
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}


/* tag_copy
------------------------------------------------------------------*/
.tag_copy {
	display: inline-block;
	padding: .75em 1em;
	line-height: 1.5;
	color: #fff;
	background: #4d4d4d;
}

@media (max-width: 767px) {
	.tag_copy {
		display: block;
		padding: .5em 1em;
	}

}

/* row_common01
------------------------------------------------------------------*/

@media (min-width: 768px) {
  .row_common01 .col_img {
    max-width: 600px;
    width: 48.5%;
  }
  .row_common01 > .col_txt {
	max-width: 585px;
    width: 48.5%;
	/* margin-right: -3%; */
  }
  .row_common01.r_reverse > .col_txt {
	/* margin-left: -3%; */
	/* margin-right: auto; */
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
  .row_common01 .copy_common .fz30 {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .row_common01 .copy_common .fz30 {
    font-size: 1.7rem;
  }
}
@media (max-width: 767px) {
  .row_common01 .copy_common {
    text-align: center;
    margin-left: -1.5vw;
    margin-right: -1.5vw;
  }
}

/* row_common02
------------------------------------------------------------------*/
.row_common02{
	position: relative;
	z-index: 1;
}
.row_common02 > .col {
  max-width: 380px;
  padding: var(--size40px) 2.5% var(--size35px);
  background: #fff;
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
.row_common02 .areaImg {
  position: relative;
  z-index: 1;
}
.row_common02 .icon {
  width: var(--size180px);
  position: relative;
  z-index: 1;
}

.row_common02.no_arw::before{content: none !important;}
.row_common02.no_arw::after{content: none !important;}
.row_common02.no_arw > .col {
	max-width: 394px;
	padding: var(--size20px) 2.5% ;
}
@media (min-width: 768px) {
	.row_common02 > .col:nth-of-type(n + 4) {
		margin-top: calc(60 / 1920 * 100vw);
	}
	.row_common02 > .col {
		width: 30.8%;
		margin-right: 3.8%;
	}
	.row_common02 > .col:nth-of-type(3n),
	.row_common02 > .col:last-child {
		margin-right: 0 !important;
	}
	.row_common02::after,
	.row_common02::before {
		content: "";
		width: 0;
		height: 0;
		margin: auto;
		border-top: var(--size20px) solid transparent;
		border-bottom: var(--size20px) solid transparent;
		border-left-style: solid;
		border-left-width: var(--size15px);
		border-left-color: #4d4d4d;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
	.row_common02::before {
		left: 34%;
	}
	.row_common02::after {
		right: 34%;
	}
	.row_common02.no_arw > .col {
		width: 32%;
		margin-right: 2%;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
  .row_common02 .icon {
    width: calc(200 / 1600 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .row_common02 .icon {
    width: calc(200 / 1400 * 100vw);
  }
}
@media (max-width: 767px) {
  .row_common02.flex {
    justify-content: space-between;
  }
  .row_common02 > .col {
    width: 47.5%;
  }
  .row_common02 > .col:first-child:before,
  .row_common02 > .col:last-child:before {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-left-color: #4d4d4d;
    position: absolute;
    top: 0;
    right: -8%;
    z-index: 1;
  }
  .row_common02 > .col:first-child:before {
    border-left-style: solid;
    border-left-width: var(--size20px);
    border-top: var(--size30px) solid transparent;
    border-bottom: var(--size30px) solid transparent;
    bottom: 0;
  }
  .row_common02 > .col:last-child:before {
    border-top-style: solid;
    border-top-width: var(--size20px);
    border-left: var(--size30px) solid transparent;
    border-right: var(--size30px) solid transparent;
    top: -5vw;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .row_common02 > .col:last-child:before{
	left: 0; right: 0;
  }
  .row_common02 > .col:last-child {
    margin: 7.5vw auto 0;
  }
  .row_common02 .icon {
    width: calc(250 / 750 * 100vw);
  }

  .row_common02 .copy_common .fz22 {
    font-size: var(--size30px);
  }

   .x100.row_common02 > .col {
		width: 100%;
		margin: 0 auto 6vw;
	}
	.x100.row_common02 > .col:last-child{margin-bottom: 0;}
	.row_common02.no_arw > .col:last-child::before{content: none !important;}
}



/* row_common02
------------------------------------------------------------------*/
.row_common02_1 > .col {
  max-width: 394px;
  padding: var(--size40px) 2.5% var(--size35px);
  background: #fff;
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
.row_common02_1.v2 > .col {
	max-width: 485px;
	width: 48.5%;
}
@media (min-width: 768px) {
	.row_common02_1.start > .col:nth-of-type(3n),
	.row_common02_1.start > .col:last-child {
		margin-right: 0 !important;
	}
	.row_common02_1.start > .col {
		width: 32%;
		margin-right: 2%;
	}
	.row_common02_1.start > .col:nth-of-type(n + 4){margin-top: var(--size30px);}
	
	.row_common02_1.v2 > .col:nth-of-type(n + 3){margin-top: var(--size30px);}
}
@media (max-width: 767px) {
	.row_common02_1.flex {
		justify-content: center;
	}
	.row_common02_1.flex > .col {
	  width: 48.5%;
	  margin-right: 3%;
	  padding: 8vw 1vw 5vw;
	}
	.row_common02_1.flex > .col:nth-of-type(2n),
	.row_common02_1.flex > .col:last-child {
		margin-right: 0 !important;
	}
	.row_common02_1.flex > .col:nth-of-type(n + 3) {
	  margin-top: 5vw;
	}
	.row_common02_1.flex .copy_common .fz22 {
		font-size: calc(30 / 750 * 100vw);
	}
}




/* row_common02
------------------------------------------------------------------*/
.row_common02_2 > .box{
  max-width: 394px;
  width: 32%;
  padding: var(--size20px) 2.5% var(--size35px);
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
	.row_common02_2 > .box:nth-of-type(3n),
	.row_common02_2 > .box:last-child {
		margin-right: 0 !important;
	}
	.row_common02_2 > .box {
		width: 32%;
		margin-right: 2%;
	}
	.row_common02_2 > .box:nth-of-type(n + 4){margin-top: var(--size30px);}
}
@media (max-width: 767px) {
	.row_common02_2.flex {
		justify-content: center;
	}
	.row_common02_2 > .box {
	  width: 100%;
	}
	.row_common02_2 > .box:nth-of-type(n + 2) {
	  margin-top: 5vw;
	}
	.row_common02_2 .copy_common .fz22 {
		font-size: calc(38 / 750 * 100vw);
	}
}

/* row_common03
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .row_common03 > .col_img {
    width: 21%;
  }
  .row_common03 > .col_txt {
    width: 74%;
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* row_common04
------------------------------------------------------------------*/
.wrap1000 .row_common04 > .col {
  max-width: 475px;
  width: 48%;
}
.row_common04 > .btn_common01 {
  max-width: 480px;
  width: 48.5% !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.row_common04 > .btn_common01 {
		width: 100% !important;
		margin: 0 auto 5vw;
	}
	.row_common04 > .btn_common01:last-child{margin-bottom: 0;}
}



/* row_common05
------------------------------------------------------------------*/
.row_common05 > .col {
  max-width: 600px !important;
  width: 48.5%;
  background: none;
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .row_common05 > .col {
    width: 100%;
	margin-top: 5.5vw;
	padding-left: 5.5vw;
	padding-right: 5.5vw;
  }
  .row_common05 > .col:first-child {
    margin-top: 0;
  }
}

/* row_common06
------------------------------------------------------------------*/
.row_common06 > .col {
  max-width: 475px;
  width: 48%;
}
.row_common06 > .col01 {
  max-width: 480px;
  width: 48%;
  padding: 2% 3%;
}
@media (min-width: 768px) {
	.row_common06 > .col01:nth-of-type(n + 3) {
		margin-top: 4%;
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.row_common06 > .col01 {
		width: 100%;
		padding: 4vw 5vw;
		margin: 5vw auto 0 ;
	}
	.row_common06 > .col01:first-child {
		margin-top: 0;
	}
}

/* row_common06
------------------------------------------------------------------*/
.row_common06_1 > .col {
  max-width: 600px;
  width: 48.5%;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.row_common06_1 > .col {
		width: 100%;
	}
}

/* row_common07
------------------------------------------------------------------*/
.row_common07 > .box_common01{
  max-width: 295px;
  width: 23.8%;
  padding: 1.25% 2.5%;
}
@media (min-width: 768px){
	.row_common07 > .box_common01{
		margin-right: 1.6%;
	}
	.row_common07 > .box_common01:last-child,
	.row_common07 > .box_common01:nth-of-type(4n)
	{
		margin-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.row_common07 > .col {
		width: 100%;
	}
	.row_common07 > .box_common01{
		width: 100%;
		margin: 7.5vw auto 0;
		padding: 5vw;
	}
	.row_common07 > .box_common01:first-child{
		margin-top: 0;
	}
}

/* row_common08 .row_common08{}
------------------------------------------------------------------*/
.row_common08 > .col{
	width: 50%;
}
.row_common08 > .col_txt{
	padding: 0 var(--size35px);
}
.row_common08 .wrap{
	max-width: 640px;
	width: 100%;
}
.row_common08 .copy_common .fz80{padding-left: .1em;}
@media (min-width: 1600px) {
	.row_common08 > .col{
		height: calc(500 / 1920 * 100vw);
	}
}
@media (min-width: 768px) {
 .row_common08 > .col_txt .txt01{
	letter-spacing: .2em;
	line-height: 2.2;
 }
}
@media (min-width: 768px) and (max-width: 1599px) {
	.row_common08 > .col{
		min-height: calc(500 / 1600 * 100vw);
		padding: 4% var(--size35px);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.row_common08 > .col{
		min-height: calc(500 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.row_common08 > .col{
		height: calc(500 / 750 * 100vw);
	}
	.row_common08 > .col_txt{
		height: auto;
		padding: 0 0 0;
	}
}

/* row_common09
------------------------------------------------------------------*/
 .row_common09 {
	position: relative;
	z-index: 1
}
.row_common09 .aeraText {
	max-width: 1000px;
	width: 94%;
	margin: 0 auto;
	color: #fff;
	background: rgba(31, 46, 85, .8);
	position: relative;
	z-index: 1;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.row_common09 .aeraText::before{
	content: "";
	width: var(--size160px);
	height: var(--size50px);
	margin: auto;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background: #77562a;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
@media (min-width: 768px) {
 
}
@media (max-width: 767px) {
	.row_common09 .aeraText {
		transform: translateY(-20%);
		-webkit-transform: translateY(-20%);
	}
	.row_common09 .copy_common .fz24{font-size: calc(33 / 750 * 100vw);}
	.row_common09 .copy_common .fz30 {font-size: calc(36 / 750 * 100vw);}
}


/* row_common10
------------------------------------------------------------------*/
.row_common10 > .col {
	max-width: 600px;
	width: 48.5%;
}
.row_common10 .circle{
	width: var(--size200px);
	height: var(--size200px);
	margin: 0 auto calc(-1 * var(--size100px));;
	color: #fff;
	background: #63523d;
	position: relative;
	z-index: 1
}
.row_common10 .circle::before{
	content: "";
	width: calc(100% - var(--size10px));
	height: calc(100% - var(--size10px));
	margin: auto;
	background: url("images/page/circle01.svg")no-repeat center / contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
@media (min-width: 768px) {

}
@media (max-width: 767px) {
	.row_common10 > .col {
		width: 100%;
		margin: 0 auto 7.5vw;
	}
	.row_common10 .circle{
		width: calc(var(--size150px) * 2);
		height: calc(var(--size150px) * 2);
	}
}

/* row_common_ballon 
------------------------------------------------------------------*/
.row_common_ballon .ballon{
	width: 31.8%;
	margin-right: 2.3%;
	min-height: var(--size180px);
	padding: var(--size30px) 2% var(--size35px);
	border-radius: var(--size40px);
	background: #fff;
	box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 1;
}
.row_common_ballon .ballon::before{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-left: var(--size15px) solid transparent;
	border-right: var(--size15px) solid transparent;
	border-top: var(--size30px) solid #fff;
	position: absolute;
	bottom: calc(-29 / 1920 * 100vw);
	left: 0; right: 0;
}
@media (min-width: 768px) {
	.row_common_ballon .ballon:nth-of-type(3n),
	.row_common_ballon .ballon:last-child
	{
		margin-right: 0;
	}
	
	.row_common_ballon .ballon:nth-of-type(n + 4){
		margin-top: var(--size50px);
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.row_common_ballon .ballon::before{
		bottom: calc(-29 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.row_common_ballon .ballon::before{
		bottom: calc(-29 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.row_common_ballon .ballon{
		width: 48.5%;
		margin-right: 3%;
		min-height: var(--size180px);
		padding: var(--size30px) 1.5% var(--size35px);
		border-radius: var(--size40px);
	}
	.row_common_ballon .ballon:nth-of-type(2n){
		margin-right: 0;
	}
	.row_common_ballon .ballon::before{
		bottom: calc(-29 / 750 * 100vw);
	}
	.row_common_ballon .copy_common .fz22{
		font-size: 85%;
	}
	.row_common_ballon .ballon:nth-of-type(n + 3){
		margin-top: var(--size60px);
	}
}

/* row_common11
------------------------------------------------------------------*/
.row_common11 {
  max-width: 1340px;
}
@media (min-width: 768px) {
  .row_common11 > .col_img {
    max-width: 800px;
    width: 60%;
  }
  .row_common11 > .col_txt {
    max-width: 470px;
    width: 36%;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}
/* row_common12
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .row_common12 > .col_img {
    max-width: 600px;
    width: 49%;
  }
  .row_common12 > .col_txt {
    max-width: 540px;
    width: 47%;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}

/* row_common13
------------------------------------------------------------------*/
.row_common13 > .col_img01 {
  max-width: 350px;
}
.row_common13 > .col_img02 {
  max-width: 250px;
}
.row_common13 > .col_txt {
  max-width: 700px;
}
@media (min-width: 768px) {
  .row_common13 > .col_img01 {
    width: 25%;
  }
  .row_common13 > .col_img02 {
    width: 18%;
  }
  .row_common13 > .col_txt {
    width: 53%;
  }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
  .row_common13 > .col_img01 {
    width: 55%;
    order: 0;
  }
  .row_common13 > .col_img02 {
    width: 40%;
    order: 0;
  }
  .row_common13 > .col_txt {
    order: 1;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0 !important;
  }
}



/* row_common14
------------------------------------------------------------------*/
.row_common14 > .col {
  width: 29.5%;
  padding: var(--size40px) 0 var(--size35px);
  background: rgba(255, 255, 255, .8);
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
.row_common14 .num {
	display: inline;
	line-height: .75;
	font-family: "cormorant-garamond", serif;
	font-weight: 400;
	font-style: normal;
	/* font-size: calc(120 / 1920 * 100vw);
	background: linear-gradient(to top, #f2e6cd, #bcaf9c), linear-gradient(to bottom, #91a6a6, #91a6a6);
    background: linear-gradient(to top, #f2e6cd, #bcaf9c), linear-gradient(to bottom, #91a6a6, #91a6a6); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: #bcaf9c;
	position: absolute;
	top: -25%;
	left: -5%;
	z-index: 1;
}
@media (min-width: 768px) {
	.row_common14 > .col {
		margin-right: 5.75%;
	}
	.row_common14 > .col:last-child,
	.row_common14 > .col:nth-of-type(3n)
	{margin-right: 0;}
	.row_common14 > .col:nth-of-type(n + 4){margin-top: var(--size60px);}
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
	.row_common14 > .col {
		width: 31%;
		margin-right: 3.5%;
	}
}
@media (max-width: 767px) {
	.row_common14.flex{justify-content: space-between;}
	.row_common14 > .col {
		width: 48.5%;
	}
	.row_common14 > .col:nth-of-type(n + 3){
		margin-top: 5vw;
	}
	.row_common14 .num {
		font-size: var(--size120px);
		top: -25%;
		left: -5%;
	}
}

/* row_common15
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .row_common15 > .col_img {
    max-width: 600px;
    width: 48.5%;
  }
  .row_common15 > .col_txt {
    width: 47%;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}


/* row_price
------------------------------------------------------------------*/
.row_price > .col{
	max-width: 400px;
	width: 32.33%;
	position: relative;
	z-index: 1;
}
.row_price .box01{
	max-width: 340px;
	width: 94%;
	margin: 0 auto calc(-1 * var(--size70px));
	padding: var(--size30px);
	color: #fff;
	position: relative;
	z-index: 1;
}
.row_price .box01::before{
	content: "";
	width: var(--size100px);
	height: var(--size50px);
	margin: auto;
	background: #314865;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(-1 * var(--size50px) - -5px);
}
.row_price .box01.bg_col05::before{background: var(--color05);}
.row_price .box01.bg_col07::before{background: var(--color07);}
.row_price .box01 .fz140{
	letter-spacing: 0;
	font-size: var(--size140px);
}
.row_price .box01 .tag{
	padding: var(--size5px);
	line-height: 1.5;
	text-align: center;
	color: #2d2d2d;
	background: #fff;
}
.row_price .box02{
	padding: var(--size140px) var(--size35px) var(--size40px);
	background: #fff;
}
.row_price .icon{
	width: calc(270 / 1920 * 100vw);
}
@media (min-width: 768px) and (max-width: 1599px) {
	.row_price .icon{
		width: calc(270 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.row_price .icon{
		width: calc(270 / 1400 * 100vw);
	}
}
@media (max-width: 767px) {
	.row_price > .col{
		width: 100%;
		margin: 0 auto 10vw;
	}
	.row_price .box01{
		width: 90%;
		margin: 0 auto calc(-1 * var(--size70px));
		padding: var(--size30px);
	}
	.row_price .box01 .fz140{
		font-size: var(--size140px);
	}
	.row_price .box01 .tag{
		padding: var(--size5px);
	}
	.row_price .box02{
		padding: var(--size140px) var(--size35px);
	}
	.row_price .icon{
		width: calc(300 / 750 * 100vw);
	}
}



/* bg_common02
------------------------------------------------------------------*/
.bg_common02 {
  position: relative;
  z-index: 1;
}
.copy_bg_common02 {
  width: 100%;
  line-height: 0.8;
  letter-spacing: 0.1em;
  font-size: var(--size100px);
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
.bg_col11 .copy_bg_common02{
	color: rgba(255, 255, 255, .8);
}

.bg_col12 .copy_bg_common02 {color: #fff !important;}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* bg_common03
------------------------------------------------------------------*/
.bg_common03{
	background: url(images/page/bg_common03.jpg)no-repeat center / cover;
}
@media (max-width: 767px) {
}

/* bg_common03
------------------------------------------------------------------*/
@media (max-width: 767px) {
	.bg_common10{
		min-height: calc(772 / 750 * 100vw);
		padding-top: 40vw;
		background: #4d4d4d !important;
		/* background: #66615b !important; */
		position: relative;
		z-index: 1;
	}
	.bg_common10.bg_col05{
		background: #4d4d4d !important
	}
	.bg_common10::after{
		content: "";
		width: 100%;
		height: 100%;
		margin: auto;
		background: url(images/page/pattern01.png)repeat center  / calc(4 / 750 * 100vw);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.bg_common10::before{
		content: "";
		width: 100%;
		height: calc(772 / 750 * 100vw);
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.bg_common10 > .inner1000{
		position: relative;
		z-index: 2;
	}
}

/* num_common
------------------------------------------------------------------*/
.num_common {
  width: var(--size80px);
  height: var(--size80px);
  padding-bottom: var(--size25px);
  line-height: 1;
  font-size: var(--size60px);
  font-family: "cormorant-garamond", serif;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.num_common .num {
  background: linear-gradient(to top, #f2e6cd, #bcaf9c),
    linear-gradient(to bottom, #91a6a6, #91a6a6);
  background: linear-gradient(to top, #f2e6cd, #bcaf9c),
    linear-gradient(to bottom, #91a6a6, #91a6a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
.num_common::before {
  content: "";
  border-width: var(--size40px);
  border-style: solid;
  border-color: rgba(99, 82, 61, .8) transparent transparent rgba(99, 82, 61, .8);
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.num_common.num02 .num {
  background: linear-gradient(to top, #d7d7d7, #f1f3f2),
    linear-gradient(to bottom, #91a6a6, #91a6a6);
  background: linear-gradient(to top, #d7d7d7, #f1f3f2),
    linear-gradient(to bottom, #91a6a6, #91a6a6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.num_common.num02::before {
  border-color: rgba(31, 46, 85,.8) transparent transparent rgba(31, 46, 85,.8);
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
  /* .num_common {
    padding-bottom: var(--size40px);
  }
  .num_common::before {
    border-width: var(--size50px);
  } */
}
/*area_ballon01
------------------------------------------------------------------*/
.area_ballon01{
	position: relative;
	z-index: 1;
}
.area_ballon01::before{
	content: "";
	max-width: 1800px;
	width: 96%;
	height: var(--size160px);
	background: #bcaf9c;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.area_ballon01.reverse::before{
	left: auto;
	right: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.area_ballon01::before{
		width: calc(700 / 750 * 100vw);
		height: var(--size160px);
	}
	.area_ballon01 .inner{

	}
}

/* decoimg_common01
------------------------------------------------------------------*/
.decoimg_common01 {
  position: relative;
  z-index: 1;
}
.decoimg_common01::before {
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  background: #1f2e55;
  position: absolute;
  top: var(--size20px);
  right: var(--size20px);
  z-index: -1;
}
.r_reverse .decoimg_common01::before {
  left: var(--size20px);
  right: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
  .decoimg_common01::before {
    top: var(--size10px);
    right: var(--size10px);
  }
  .r_reverse .decoimg_common01::before {
    left: var(--size10px);
  }
}

/* arw_bottom_common
------------------------------------------------------------------*/
.arw_bottom_common {
  padding-bottom: var(--size55px);
  position: relative;
  z-index: 1;
}
.arw_bottom_common::before {
  content: "";
  width: var(--size100px);
  height: var(--size30px);
  margin: auto;
  background: #343434;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* box
------------------------------------------------------------------*/
.box_common01 {
  background: #fff;
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .box_common01 .box_common02 {
    padding: var(--size20px) var(--size35px);
  }
}
@media (max-width: 767px) {
	.box_common01 .copy_common .fz22 {
		/* font-size: calc(36 / 750 * 100vw); */
	}
}

/* box
------------------------------------------------------------------*/
.box_common02 .box_common02 {
  background: #fff;
}
@media (min-width: 768px) {
  .box_common02 .box_common02 {
    padding: var(--size20px) var(--size35px);
  }
}
@media (max-width: 767px) {
}

/* box
------------------------------------------------------------------*/
.box_common03 {
  background: none;
  position: relative;
  z-index: 1;
}
.box_common03::before ,
.box_common03::after
{
	content: "";
	width: var(--size200px);
	height: var(--size100px);
	margin: auto;
	position: absolute;
}
.box_common03::before{
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	top: 0;
	left: 0;
}
.box_common03::after{
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	bottom: 0;
	right: 0;
}
@media (max-width: 767px) {
}

/* box
------------------------------------------------------------------*/
.box_common04.pb0{padding-bottom: 0;}
.box_common04{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
	position: relative;
	z-index: 1;
}
.box_common04::before,
.box_common04::after{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-width: var(--size75px);
	border-style: solid;
	border-color: rgba(31, 46, 85, .8) rgba(31, 46, 85, .8) transparent transparent;
	position: absolute;
	top: calc(-20 / 1920 * 100vw);
	right: calc(-20 / 1920 * 100vw);
}
.box_common04::after{
	border-color: transparent transparent rgba(31, 46, 85, .8) rgba(31, 46, 85, .8);
	top: auto;
	right: auto;
	bottom: calc(-20 / 1920 * 100vw);
	left: calc(-20 / 1920 * 100vw);
}
.box_common04 .wrap{
	max-width: 760px;
	width: 76%;
}
.box_common04 .ballon{
	width: calc(300 / 1920 * 100vw);
}

@media (min-width: 768px) {
	.box_common04 .ballon03{
		width: calc(270 / 1920 * 100vw);
		margin: auto;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.box_common04::before{
		border-width: var(--size70px);
		top: calc(-20 / 1600 * 100vw);
		right: calc(-20 / 1600 * 100vw);
	}
	.box_common04::after{
		bottom: calc(-20 / 1600 * 100vw);
		left: calc(-20 / 1600 * 100vw);
	}
	.box_common04 .ballon{
		width: calc(300 / 1800 * 100vw);
	}
	.box_common04 .ballon03{
		width: calc(270 / 1800 * 100vw);
	}
	
}

@media (min-width: 768px) and (max-width: 1299px) {
	.box_common04::before{
		border-width: var(--size65px);
		top: calc(-20 / 1500 * 100vw);
		right: calc(-20 / 1500 * 100vw);
	}
	.box_common04::after{
		bottom: calc(-20 / 1500 * 100vw);
		left: calc(-20 / 1500 * 100vw);
	}
	.box_common04 .ballon{
		width: calc(300 / 1600 * 100vw);
	}
	.box_common04 .ballon03{
		width: calc(270 / 1600 * 100vw);
	}
}
@media (max-width: 767px) {
	/* .box_common04{
	}
	.box_common04::before,
	.box_common04::after{
	} */
	.box_common04::before{
		top: -2.5vw;
		right: -2.5vw;
	}
	.box_common04::after{
		bottom: -2.5vw;
		left: -2.5vw;
	}
	.box_common04 .wrap{
		width: 100%;
	}
	.box_common04 .ballon{
		width: calc(300 / 1000 * 100vw);
		margin: auto;
	}
	.box_common04 .ballon03{
		margin: 8vw auto 0;
	}
	.box_common04  .copy_common {
		margin: 0 -1vw;
	}
	.box_common04  .copy_common .fz30{font-size: calc(34 / 750 * 100vw);}
}


/* box_common05
------------------------------------------------------------------*/
.box_common05{
	background: none;
	border: 1px solid #fff;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}


/* box_overlap
------------------------------------------------------------------*/
.box_overlap{
	margin-top: calc(-120 / 1920 * 100vw);
}
@media (min-width: 768px) and (max-width: 1599px) {
	.box_overlap{
		margin-top: calc(-120 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.box_overlap{
		margin-top: calc(-120 / 1300 * 100vw);
	}
}
@media (max-width: 767px) {
	.box_overlap{
		margin-top: calc(-120 / 750 * 100vw);
	}
}

/* list
------------------------------------------------------------------*/
.list_border01 li{
	line-height: 1.5;
	margin-bottom: calc(16 / 1920 * 100vw);
	padding-bottom: calc(9 / 1920 * 100vw);
	font-size: var(--size20px);
	border-bottom: dotted 2px #314865;;
}
.list_border01 li .num{
	padding-right: .5em;
}
@media (min-width: 768px) and (max-width: 1599px) {
	.list_border01 li{
		margin-bottom: calc(16 / 1600 * 100vw);
		padding-bottom: calc(9 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.list_border01 li{
		margin-bottom: calc(16 / 1300 * 100vw);
		padding-bottom: calc(9 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.list_border01 li{
		margin-bottom: var(--size15px);
		padding-bottom: var(--size10px);
		font-size: 100%;
	}
}

/* tbl
------------------------------------------------------------------*/
.tbl_common01 table {
  border-color: #343434;
}
.tbl_common01 th {
  background: #9fa19f;
}
.tbl_common01 td {
  background: #fff;
}
.tbl_common01 tr:not(:last-child) th {
  border-bottom-color: #343434;
}
.tbl_common01 tr:not(:last-child) td {
  border-bottom-color: #343434;
}

.tbl_common02 table {
  border-color: #1f2e55;
}
.tbl_common02 th {
  background: #1f2e55;
}
.tbl_common02 td {
  background: #fff;
}
.tbl_common02 tr:not(:last-child) td {
  border-bottom-color: #1f2e55;
}

.tbl_common03 table {
  border-color: #4d4d4d;
}
.tbl_common03 th {
  background: #4d4d4d;
}
.tbl_common03 td {
  background: #fff;
}
.tbl_common03 tr:not(:last-child) td {
  border-bottom-color: #4d4d4d;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* bar_progress
------------------------------------------------------------------*/
.bar_progress{
	color: #fff;
}
.bar_progress > .col01 {
  width: calc(20% + var(--size50px));
  height: var(--size140px);
  padding-right: 2%;
  background: #bc9008;
  position: relative;
  z-index: 1;
}
.bar_progress > .col01::before{
	content: "";
	width: var(--size50px);
	height: 100%;
	background: #bc9008;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.bar_progress > .col01::after{
	content: "";
	width: var(--size50px);
	height: 100%;
	background: #63523d;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -2;
}
.bar_progress > .col02 {
  width:  calc(80% - var(--size50px));
  height: var(--size140px);
  background: #63523d;
}

.point_common01{
	width: var(--size100px);
	height: var(--size100px);
	margin: auto;
	color: #bc9008;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -25%;
}
.point_common01::before{
	content: "";
	width: calc(100% - var(--size10px));
	height: calc(100% - var(--size10px));
	margin: auto;
	background: url(images/page/frame_circle.svg)no-repeat center / contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.bar_progress > .col02.point {padding-right: 12.5%;}
@media (min-width: 768px){
	.bar_progress.mini > .col01 {height: var(--size130px);}
	.bar_progress.mini > .col02 {height: var(--size130px);}
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bar_progress > .col01 {
		width: calc(25% + var(--size50px));
		padding-right: 3.5%;
	}
	.bar_progress > .col02 {
		width: calc(75% - var(--size50px));
	}
	.point_common01 {
		width: var(--size110px);
		height: var(--size110px);
		top: 0;
		bottom: 0;
		right: -45%;
	}
}

/* point_common01
------------------------------------------------------------------*/
.bar_progress_price {
	padding-top: var(--size120px);
}
.bar_progress_price .col02{
	position: relative;
	z-index: 1;
}
.bar_progress_price .col02::before,
.bar_progress_price .col02::after
{
	content: "";
	width: var(--size110px);
	height: var(--size110px);
	margin: auto;
	background: url(images/page/icon_end.svg)no-repeat center / contain;
	position: absolute;
	top: calc(-1 * var(--size120px));
	right: 0;
}
.bar_progress_price .col02::after{
	background: url(images/page/icon_start.svg)no-repeat center / contain;
	right: auto;
	left: calc(-1 * var(--size150px));
}
@media (max-width: 767px) {
	/* .bar_progress_price {
		padding-top: 0;
	}
	.bar_progress_price .col02{padding-bottom: 20vw;}
	.bar_progress_price .col02::before,
	.bar_progress_price .col02::after
	{
		width: var(--size120px);
		height: var(--size120px);
		
		right: auto;
		left: 0;
	}
	.bar_progress_price .col02::before{
		top: calc(-1 * var(--size150px));
	}
	.bar_progress_price .col02::after{
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
	} */
	
	.bar_progress .copy_common .fz22 {font-size: calc(23 / 750 * 100vw);}
	.bar_progress .copy_common .fz25{font-size: calc(24 / 750 * 100vw);}
	.bar_progress .copy_common .fz30{font-size: calc(28 / 750 * 100vw);}
	.bar_progress .copy_common .fz34{font-size: calc(32 / 750 * 100vw);}
}
/* point_common01
------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}
/* tbl_scroll02
------------------------------------------------------------------*/
.tbl_scroll02 table {
  border-color: #4d4d4d;
}
.tbl_scroll02 th {
  width: 18%;
  padding: var(--size15px) 1.5%;
  color: #fff;
  background: #4d4d4d;
  border-bottom-color: #fff;
}
.tbl_scroll02 td {
	width: 41%;
	padding: var(--size15px) 4.5%;
	background: #fff;
}
.tbl_scroll02 tbody th,
.tbl_scroll02 tbody td {
	letter-spacing: 0.1em;
	vertical-align: text-top;
}
.tbl_scroll02 tbody .th00{
  padding: var(--size20px) 4.5%;
}
.tbl_scroll02 tbody tr:not(:last-child) td {
  border-bottom-color: #4d4d4d;
}
.tbl_scroll02 .img{
	max-width: calc(300 / 1920 * 100vw);
}
.tbl_scroll02 .t02 {
  border-right: 1px solid #4d4d4d;
}
.tbl_scroll02 .t03 {
  border-right: 1px solid #4d4d4d;
}
@media (min-width: 768px) {
  .js_scrollable {
    overflow: unset !important;
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
	.tbl_scroll02 .img{
		max-width: calc(300 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.tbl_scroll02 .img{
		max-width: calc(300 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
  .js_scrollable {
    padding-top: 12vw;
  }
  .js_scrollable02 .tbl_scroll02 {
    width: calc(1000 / 750 * 100vw);
    z-index: 0;
  }
  .tbl_scroll02 th {
    width: 30%;
  }
  .tbl_scroll02 td {
    width: 40%;
  }
  .tbl_scroll02 tbody th,
  .tbl_scroll02 tbody td {
    padding: 3vw 1.5% 3.25vw;
    font-size: calc(26 / 750 * 100vw);
  }
  	.tbl_scroll02 .img{
		max-width: calc(300 / 750 * 100vw);
	}
}


/* btn_common01
------------------------------------------------------------------*/
.btn_common01 {
  width: calc(400 / 1920 * 100vw);
  height: var(--size80px);
  line-height: 1.7;
  border: 1px solid #2d2d2d;
  position: relative;
  z-index: 1;
}
.btn_common01::before {
  content: "";
  width: var(--size20px);
  height: var(--size20px);
  margin: auto;
  background: url(images/page/arw04.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7.5%;
}
.btn_common01.uner::before {
	transform: rotate(90deg); 
}
@media (min-width: 768px)  {
	.btn_common01:hover {
		color: #fff;
		background: #121212;
	}	
	.btn_common01:hover::before {
		 background: url(images/page/arw03.svg) no-repeat center / contain;
	}	
}
@media (min-width: 768px)  {
	.btn_common01.big {
		width: calc(480 / 1920 * 100vw);
		height: var(--size110px);
	}
	.btn_common01.big::before {
		right: 7%;
	}
	.btn_common01.big02 {
		height: var(--size130px);
	}
	.btn_common01.big03 {
		line-height: 1.5;
		height: var(--size110px);
	}

}
@media (min-width: 768px) and (max-width: 1599px) {
	.btn_common01 {
		width: calc(400 / 1600 * 100vw);
	}
	.btn_common01::before  {right: 5%;}
	.btn_common01.big {
		width: calc(480 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
  .btn_common01 {
    width: calc(400 / 1300 * 100vw);
	}
	.btn_common01.big {
		width: calc(480 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.btn_common01 {
		width: calc(550 / 750 * 100vw);
		height: var(--size120px);
	}
	.btn_common01 .fz20 {
		font-size: var(--size30px);
	}
	.btn_common01 .fz30 {
		font-size: var(--size40px);
	}
	.btn_common01::before {
		width: var(--size40px);
		height: var(--size40px);
		right: 7.5%;
	}
	.btn_common01.big {
		height: var(--size140px);
	}
	.btn_common01.big02 {
		line-height: 1.4;
		height: var(--size150px);
	}
}

/* area_btn_common01
------------------------------------------------------------------*/
.area_btn_common01{
	background: linear-gradient( 90deg,#1f2e55 0%, #1f2e55 50%, #63523d 50%, #63523d 100%);
}

.arw_common01{
	width: 0;
	height: 0;
    margin: auto;
    border-top: var(--size50px) solid #f1f3f2;
    border-right: var(--size100px)solid transparent;
    border-left: var(--size100px) solid transparent;
    position: absolute;
    right: 0;
    left: 0;
	top: -1px;
}
.arw_common01.white{border-top-color: #fff;}
.arw_common01.col11{border-top-color: #f0ebe5;}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* btn_common02
------------------------------------------------------------------*/
.btn_common02 {
  width: calc(400 / 1920 * 100vw);
  height: var(--size80px);
  border-radius: var(--size40px);
  line-height: 1.7;
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
}
.btn_common02::before {
  content: "";
  width: var(--size20px);
  height: var(--size20px);
  margin: auto;
  background: url(images/page/arw03.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7.5%;
}
.btn_common02.uner::before {
	transform: rotate(90deg); 
}

.btn_common02.color02 {
  border-color: #2d2d2d;
}
.btn_common02.color02::before {
  background: url(images/page/arw04.svg) no-repeat center / contain;
}


@media (min-width: 1025px) {
	.btn_common02:hover  {
		color: #121212 !important;
		border-color: #fff;
		background: #fff;
	}
	.btn_common02:hover::before {
		background: url(images/page/arw04.svg) no-repeat center / contain;
	}
	.btn_common02.color02:hover {
		color: #fff  !important;
		border-color: #2d2d2d;
		background: #2d2d2d;
	}
	.btn_common02.color02:hover::before {
		background: url(images/page/arw03.svg) no-repeat center / contain;
	}
	.btn_common02.big {
	  width: calc(500 / 1920 * 100vw);
	}
} 
@media (min-width: 768px) and (max-width: 1599px) {
	.btn_common02 {
		width: calc(400 / 1600 * 100vw);
	}
	.btn_common02::before  {right: 5%;}
	.btn_common02.big {
	  width: calc(500 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.btn_common02 {
		width: calc(400 / 1300 * 100vw);
	}
	.btn_common02.big {
	  width: calc(500 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.btn_common02 {
		width: calc(600 / 750 * 100vw);
		height: var(--size120px);
		border-radius: var(--size60px);
	}
	.btn_common02::before {
		width: var(--size40px);
		height: var(--size40px);
		right:5%;
	}
	.btn_common02 .fz20{font-size: var(--size30px);}
	
	.btn_common02.big {
		height: var(--size150px);
	}
}

/* clinic
------------------------------------------------------------------*/
.bg_clinic001 {
  background: url(images/clinic/bg_clinic01.jpg) no-repeat center / cover;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* recruit
------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* row_fee_common
------------------------------------------------------------------*/
.row_fee_common > .col{
	width: min(calc(280 / 1380 * 100vw),280px);
	height: min(calc(280 / 1380 * 100vw),280px);
	line-height: 1.5;
	color: #77562a;
	background: #f0ebe5;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}
.row_fee_common > .col:nth-of-type(2n){
	color: #314865;
	background: #f1f3f2;
}
.row_fee_common > .col::before{
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: auto;
	background: url(images/page/row_fee_common_frame.svg)no-repeat center / contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.row_fee_common > .col:nth-of-type(2n)::before{
	background: url(images/page/row_fee_common_frame02.svg)no-repeat center / contain;
}
.row_fee_common .icon{
	width: min(calc(80 / 1380 * 100vw),80px);
	margin: 0 auto min(calc(25 / 1380 * 100vw),25px);
}

.bg_fee_common{
	background: url(images/page/bg_free01.jpg)no-repeat center / cover;
}
.row_fee_common02 > .col{
	max-width: 100px;
	width: 11.2%;
	margin-right: 3.6%;
}
@media (min-width: 768px) {
	.row_fee_common02 > .col{
		margin-right: 1.85%;
	}
	.row_fee_common02 > .col:nth-of-type(n + 8){
		margin-top: min(calc(20 / 1100 * 100vw),20px);
	}

	.row_fee_common02 > .col:nth-of-type(7),
	.row_fee_common02 > .col:last-child
	{margin-right: 0;}
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1099px) {
	.row_fee_common02 > .col{
		width: 12.7%;
		margin-right: 1.85%;
	}
}

@media (min-width: 768px) and (max-width: 1380px) {
	.row_fee_common > .col::before{
		width: calc(100% - 20 / 1380 * 100vw);
		height: calc(100% - 20 / 1380 * 100vw);
	}
}

@media (max-width: 767px) {
	.row_fee_common{
		width: calc(640 / 750 * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_fee_common > .col{
		width: calc(300 / 750 * 100vw);
		height: calc(300 / 750 * 100vw);
	}
	.row_fee_common > .col:nth-of-type(n + 3){margin-top: 4vw;}
	.row_fee_common > .col::before{
		width: calc(100% - 4vw);
		height: calc(100% - 4vw);
	}
	.row_fee_common .icon{
		width: var(--size80px);
		margin: 0 auto var(--size20px);
	}
	.row_fee_common .fz22{
		font-size: 100%;
	}

	.row_fee_common02 > .col{
		max-width: 100px;
		width: 18%;
		margin-right: 2.5%;
	}
	.row_fee_common02 > .col:nth-of-type(5n),
	.row_fee_common02 > .col:last-child
	{margin-right: 0;}
	.row_fee_common02 > .col:nth-of-type(n + 6){
		margin-top: 2.6%;
	}
}

/* box_qa03
------------------------------------------------------------------*/
.box_qa03 {
  border: 0;
  margin-bottom: var(--size60px);
}
.box_qa03:last-child {
  margin-bottom: 0;
}
.box_qa03 .box_q {
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
}
.box_qa03 .box_q .box {
  padding-bottom: 0.25%;
  font-size: 166.6%;
  font-family: "cormorant-garamond", serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  background: #314865;
}
.box_qa03 .box_q .box span {
  padding-bottom: 0 !important;
}
.box_qa03 .box_q .txt {
  letter-spacing: 0.1em;
  font-size: 122.2%;
  font-family: "vdl-v7mincho", sans-serif;
  font-weight: 500;
  font-style: normal;
  background: #fff;
}
.box_qa03 .box_a {
  border: 0;
  padding-bottom: 0 !important;
}
.box_qa03 .box_q .txt .icn {
  width: var(--size25px);
  height: var(--size25px);
}
.box_qa03 .box_q .txt .icn:before {
  height: 1px;
  background: #2d2d2d;
}
.box_qa03 .box_q .txt .icn:after {
  width: 1px;
  background: #2d2d2d;
}

.box_qa03 .txt_col01{color: #77562a !important; text-decoration: underline;}
@media (min-width: 768px) {
}
@media (min-width: 1600px) {
  .box_qa03 .box_q .txt {
    width: calc(100% - calc(60 / 1920 * 100vw));
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
	.box_qa03 .box_q .txt{
		letter-spacing: 0;
		font-size: 110%;
	}
}

/* telText_common
------------------------------------------------------------------*/
.telText_common {
  display: block;
  line-height: 1;
  letter-spacing: 0.1em;
  font-size: 31px;
}
.telText_common .s01 {
  padding-left: 40px;
  position: relative;
  z-index: 1;
}
.telText_common .s01::before {
  content: "";
  width: 26px;
  height: 26px;
  margin: auto;
  background: url(images/page/icon_tel.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}
@media (min-width: 768px) {
  .v1.telText_common {
    font-size: calc(31 / 1920 * 100vw);
  }
  .v1.telText_common .s01 {
    padding-left: calc(40 / 1920 * 100vw);
  }
  .v1.telText_common .s01::before {
    width: calc(26 / 1920 * 100vw);
    height: calc(26 / 1920 * 100vw);
    left: calc(5 / 1920 * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1299px) {
  .v2.telText_common {
    font-size: calc(31 / 1600 * 100vw);
  }
  .v2.telText_common .s01 {
    padding-left: calc(40 / 1600 * 100vw);
  }
  .v2.telText_common .s01::before {
    width: calc(26 / 1600 * 100vw);
    height: calc(26 / 1600 * 100vw);
    left: calc(5 / 1600 * 100vw);
  }
}

@media (max-width: 767px) {
  .telText_common {
    font-size: calc(50 / 750 * 100vw);
  }
  .telText_common .s01 {
    padding-left: 9vw;
  }
  .telText_common .s01::before {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    left: calc(5 / 750 * 100vw);
  }
}

/* row_contact
------------------------------------------------------------------*/
.row_contact {
  width: 370px;
}
.btn_contact_common {
  width: 180px;
  height: 80px;
  line-height: 1.5;
  font-family: "vdl-v7mincho", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff;
  border: 1px solid #fff;
  position: relative;
  z-index: 1;
}
.btn_contact_common .s01 {
  display: block;
  letter-spacing: 0.1em;
}
.btn_contact_common .s02 {
  display: block;
  letter-spacing: 0.1em;
  font-size: 24px;
}
.btn_contact_common::before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(255, 255, 255) rgba(255, 255, 255) transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 768px) {
  .v1.row_contact {
    width: calc(370 / 1920 * 100vw);
  }
  .v1.btn_contact_common {
    width: calc(180 / 1920 * 100vw);
    height: calc(80 / 1920 * 100vw);
  }
  .v1.btn_contact_common .s02 {
    font-size: calc(24 / 1920 * 100vw);
  }
  .v1.btn_contact_common::before {
    border-width: calc(5 / 1920 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
  .v2.row_contact {
    width: calc(370 / 1600 * 100vw);
  }
  .v2.btn_contact_common {
    width: calc(180 / 1600 * 100vw);
    height: calc(80 / 1600 * 100vw);
  }
  .v2.btn_contact_common .s02 {
    font-size: calc(24 / 1600 * 100vw);
  }
  .v2.btn_contact_common::before {
    border-width: calc(5 / 1600 * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1299px) {
  .v3.row_contact {
    width: calc(370 / 1300 * 100vw);
  }
  .v3.btn_contact_common {
    width: calc(180 / 1300 * 100vw);
    height: calc(80 / 1300 * 100vw);
  }
  .v3.btn_contact_common .s02 {
    font-size: calc(24 / 1300 * 100vw);
  }
  .v3.btn_contact_common::before {
    border-width: calc(5 / 1300 * 100vw);
  }
}

@media (max-width: 767px) {
  .row_contact {
    width: calc(646 / 750 * 100vw);
  }
  .btn_contact_common {
    width: calc(315 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
  }
  .btn_contact_common .s01 {
    font-size: calc(28.5 / 750 * 100vw);
  }
  .btn_contact_common .s02 {
    font-size: calc(36 / 750 * 100vw);
  }
  .btn_contact_common::before {
    border-width: calc(10 / 750 * 100vw);
  }
}

/*  btn_contact_common02
------------------------------------------------------------------*/
.btn_contact_common02{
	width: 480px;
	height: 120px;
	color: #fff;
	position: relative;
	z-index: 1;
}
.btn_contact_common02 .s01{
	font-size: 44px;
	
    letter-spacing: .1em;
}
.btn_contact_common02 .s02{font-size: 18px; display: block; letter-spacing: .1em;}
.btn_contact_common02 .s03{font-size: 24px; letter-spacing: .1em;}
.btn_contact_common02 .s04{font-size: 40px; letter-spacing: .055em;}
.btn_contact_common02 .s05{font-size: 34px; letter-spacing: .05em;}

.btn_tel_common .deco{padding-left: 45px;}
.btn_tel_common .deco::before{
	content: "";
	width: 30px;
	height: 30px;
	margin: auto;
	background: url(images/page/icon_tel.svg)no-repeat center / contain;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}

.btn_web_common::before,
.btn_line_common::before
{
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #fff #fff transparent;
	position: absolute;
	bottom: 10px;
	right: 10px;
}


.btn_web_common .deco{padding-left: 70px;}
.btn_web_common .s03{
	padding-right: 15px;
    vertical-align: super;
}
.btn_web_common .deco::before{
	content: "";
	width: 30.5px;
	height: 30px;
	margin: auto;
	background: url(images/page/icon_web.svg)no-repeat center / contain;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
}


.btn_line_common .deco{padding-left: 60px;}
.btn_line_common .deco::before{
	content: "";
	width: 30px;
	height: 30px;
	margin: auto;
	background: url(images/page/icon_line.svg)no-repeat center / contain;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
}

.row_contact02{
	max-width: 1000px;
	width: 100%;
}
.row_contact02 > .col{
	max-width: 480px;
	width: 48.5% 
}
.row_contact02 .btn{width: 100% !important;}
@media (min-width: 768px){
	.v1.btn_contact_common02{
		width: calc(480 / 1920 * 100vw);
		height: calc(120 / 1920 * 100vw);
	}
	.v1.btn_contact_common02 .s01{
		font-size: calc(44 / 1920 * 100vw);
	}
	.v1.btn_contact_common02 .s02{font-size: calc(18 / 1920 * 100vw);}
	.v1.btn_contact_common02 .s03{font-size: calc(24 / 1920 * 100vw);}
	.v1.btn_contact_common02 .s04{font-size: calc(40 / 1920 * 100vw);}
	.v1.btn_contact_common02 .s05{font-size: calc(34 / 1920 * 100vw);}
	
	.v1.btn_web_common::before{
		border-width: calc(10 / 1920 * 100vw);
		bottom: calc(10 / 1920 * 100vw);
		right: calc(10 / 1920 * 100vw);
	}

	.v1.btn_tel_common .deco{padding-left: calc(44 / 1920 * 100vw);}
	.v1.btn_tel_common .deco::before{
		width: calc(30 / 1920 * 100vw);
		height: calc(30 / 1920 * 100vw);
	}
	.v1.btn_web_common .deco{padding-left: calc(70 / 1920 * 100vw);}
	.v1.btn_web_common .s03{
		padding-right: calc(15 / 1920 * 100vw);
	}
	.v1.btn_web_common .deco::before{
		width: calc(30 / 1920 * 100vw);
		height: calc(30 / 1920 * 100vw);
		left: calc(15 / 1920 * 100vw);
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.v2.btn_contact_common02{
		width: calc(480 / 1600 * 100vw);
		height: calc(120 / 1600 * 100vw);
	}
	.v2.btn_contact_common02 .s01{
		font-size: calc(44 / 1600 * 100vw);
	}
	.v2.btn_contact_common02 .s02{font-size: calc(18 / 1600 * 100vw);}
	.v2.btn_contact_common02 .s03{font-size: calc(24 / 1600 * 100vw);}
	.v2.btn_contact_common02 .s04{font-size: calc(40 / 1600 * 100vw);}
	.v2.btn_contact_common02 .s05{font-size: calc(34 / 1600 * 100vw);}

	.v2.btn_web_common::before,
	.v2.btn_line_common::before
	{
	
		border-width: calc(10 / 1600 * 100vw);
		bottom: calc(10 / 1600 * 100vw);
		right: calc(10 / 1600 * 100vw);
	}

	.v2.btn_tel_common .deco{padding-left: calc(44 / 1600 * 100vw);}
	.v2.btn_tel_common .deco::before{
		width: calc(30 / 1600 * 100vw);
		height: calc(30 / 1600 * 100vw);
	}
	.v2.btn_web_common .deco{padding-left: calc(70 / 1600 * 100vw);}
	.v2.btn_web_common .s03{
		padding-right: calc(15 / 1600 * 100vw);
	}
	.v2.btn_web_common .deco::before{
		width: calc(30 / 1600 * 100vw);
		height: calc(30 / 1600 * 100vw);
		left: calc(15 / 1600 * 100vw);;
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.v3.btn_contact_common02{
		width: calc(480 / 1300 * 100vw);
		height: calc(120 / 1300 * 100vw);
	}
	.v3.btn_contact_common02 .s01{
		font-size: calc(44 / 1300 * 100vw);
		padding-left: calc(44 / 1300 * 100vw);
	}
	.v3.btn_contact_common02 .s02{font-size: calc(18 / 1300 * 100vw);}
	.v3.btn_contact_common02 .s03{font-size: calc(24 / 1300 * 100vw);}
	.v3.btn_contact_common02 .s04{font-size: calc(40 / 1300 * 100vw);}
	.v3.btn_contact_common02 .s05{font-size: calc(34 / 1300 * 100vw);}

	.v3.btn_web_common::before,
	.v3.btn_line_common::before
	{
		border-width: calc(10 / 1300 * 100vw);
		bottom: calc(10 / 1300 * 100vw);
		right: calc(10 / 1300 * 100vw);
	}

	.v3.btn_tel_common .deco{padding-left: calc(44 / 1300 * 100vw);}
	.v3.btn_tel_common .deco::before{
		width: calc(30 / 1300 * 100vw);
		height: calc(30 / 1300 * 100vw);
	}
	.v3.btn_web_common .deco{padding-left: calc(70 / 1300 * 100vw);}
	.v3.btn_web_common .s03{
		padding-right: calc(15 / 1300 * 100vw);
	}
	.v3.btn_web_common .deco::before{
		width: calc(30 / 1300 * 100vw);
		height: calc(30 / 1300 * 100vw);
		left: calc(15 / 1300 * 100vw);;
	}
}
@media (min-width: 768px) and (max-width: 1299px) {
	.v4.btn_contact_common02{
		width: calc(480 / 1200 * 100vw);
		height: calc(120 / 1200 * 100vw);
	}
	.v4.btn_contact_common02 .s01{
		font-size: calc(44 / 1200 * 100vw);
		padding-left: calc(44 / 1200 * 100vw);
	}
	.v4.btn_contact_common02 .s02{font-size: calc(18 / 1200 * 100vw);}
	.v4.btn_contact_common02 .s03{font-size: calc(24 / 1200 * 100vw);}
	.v4.btn_contact_common02 .s04{font-size: calc(40 / 1200 * 100vw);}
	.v4.btn_contact_common02 .s05{font-size: calc(34 / 1200 * 100vw);}

	.v4.btn_web_common::before,
	.v4.btn_line_common::before
	{
		border-width: calc(10 / 1200 * 100vw);
		bottom: calc(10 / 1200 * 100vw);
		right: calc(10 / 1200 * 100vw);
	}

	.v4.btn_tel_common .deco{padding-left: calc(44 / 1200 * 100vw);}
	.v4.btn_tel_common .deco::before{
		width: calc(30 / 1200 * 100vw);
		height: calc(30 / 1200 * 100vw);
	}
	.v4.btn_web_common .deco{padding-left: calc(70 / 1200 * 100vw);}
	.v4.btn_web_common .s03{
		padding-right: calc(15 / 1200 * 100vw);
	}
	.v4.btn_web_common .deco::before{
		width: calc(30 / 1200 * 100vw);
		height: calc(30 / 1200 * 100vw);
		left: calc(15 / 1200 * 100vw);;
	}
}

@media (max-width: 767px) {
	.row_contact02 > .col {
		width: 100% !important;
		margin: 0 auto 7.5vw;
	}
	.row_contact02 > .col:last-child {margin-bottom: 0;}

	.btn_contact_common02{
		width: 100%;
		height: var(--size160px);
	}
	.btn_contact_common02 .s01{
		font-size: calc(52 / 750 * 100vw);
	}
	.btn_contact_common02 .s02{font-size: calc(26 / 750 * 100vw);}
	.btn_contact_common02 .s03{font-size: calc(27 / 750 * 100vw); vertical-align: text-bottom;}
	.btn_contact_common02 .s04{font-size: calc(70 / 750 * 100vw);}
	
	.btn_tel_common .deco{padding-left: calc(70 / 750 * 100vw); }
	.btn_tel_common .deco::before{
		width: calc(47 / 750 * 100vw);
		height: calc(47 / 750 * 100vw);
	}
	.btn_web_common .deco{padding-left: calc(70 /750 * 100vw);}
	.btn_web_common .s03{
		padding-right: calc(15 / 750 * 100vw);
	}
	.btn_web_common .deco::before{
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		left: calc(10 / 750 * 100vw);
	}
}


/* btn btn_contact_common03
------------------------------------------------------------------*/
.btn_tel_common03{
	width: 270px;
	height: 80px;
	border: 0;
	color: #fff;
}
.btn_tel_common03 .s01,
.btn_tel_common03 .s03
{
	display: block;
	font-size: 14px;
    letter-spacing: .1em;
}
.btn_tel_common03 .s02{
	font-size: 31.5px;
    letter-spacing: .1em;
}
.btn_tel_common03 .deco{padding-left: 30px;}
.btn_tel_common03 .deco::before{
	width: 26px;
	height: 26px;
}


@media (min-width: 768px){
	.v1.btn_tel_common03{
		width: calc(270 / 1920 * 100vw);
		height: calc(80 / 1920 * 100vw);
	}
	.v1.btn_tel_common03 .s01,
	.v1.btn_tel_common03 .s03
	{
		font-size: calc(14 / 1920 * 100vw);
	}
	.v1.btn_tel_common03 .s02{
		font-size: calc(31.5 / 1920 * 100vw);
	}
	.v1.btn_tel_common03 .deco{padding-left: calc(30 / 1920 * 100vw);}
	.v1.btn_tel_common03 .deco::before{
		width: calc(26 / 1920 * 100vw);
		height:  calc(26 / 1920 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1599px) {
	.v2.btn_tel_common03{
		width: calc(270 / 1600 * 100vw);
		height: calc(80 / 1600 * 100vw);
	}
	.v2.btn_tel_common03 .s01,
	.v3.btn_tel_common03 .s03
	{
		font-size: calc(14 / 1600 * 100vw);
	}
	.v2.btn_tel_common03 .s02{
		font-size: calc(31.5 / 1600 * 100vw);
	}
	.v2.btn_tel_common03 .deco{padding-left: calc(30 / 1600 * 100vw);}
	.v2.btn_tel_common03 .deco::before{
		width: calc(26 / 1600 * 100vw);
		height:  calc(26 / 1600 * 100vw);
	}
}
@media (min-width: 768px) and (max-width: 1299px) {
	.v3.btn_tel_common03{
		width: calc(270 / 1300 * 100vw);
		height: calc(80 / 1300 * 100vw);
	}
	.v3.btn_tel_common03 .s01,
	.v3.btn_tel_common03 .s03
	{
		font-size: calc(14 / 1300 * 100vw);
	}
	.v3.btn_tel_common03 .s02{
		font-size: calc(31.5 / 1300 * 100vw);
	}
	.v3.btn_tel_common03 .deco{padding-left: calc(30 / 1300 * 100vw);}
	.v3.btn_tel_common03 .deco::before{
		width: calc(26 / 1300 * 100vw);
		height:  calc(26 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
}

.row_contact05{
	max-width: 1500px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.row_contact05 > .btn{
	max-width: 480px;
	width: 32%;	
}
@media (min-width: 768px) and (max-width: 1399px) {
	.row_contact05 > .btn{
		width: 32.5%;	
	}
}
@media (max-width: 767px) {
	.row_contact05{
		width: calc(646 / 750 * 100vw);
	}
	.row_contact05 > .btn{
		width: calc(646 / 750 * 100vw);	
		height: var(--size180px);
		margin-bottom: calc(20 / 750 * 100vw);	
	}
	.row_contact05 > .btn:last-child{margin-bottom: 0;}

		.row_contact02 > .col {
		width: 100% !important;
		margin: 0 auto 7.5vw;
	}
	.row_contact02 > .col:last-child {margin-bottom: 0;}

	.btn_contact_common02{
		width: 100%;
	}
	.btn_contact_common02 .s01{
		font-size: calc(66 / 750 * 100vw);
	}
	.btn_contact_common02 .s02{
		font-size: calc(28 / 750 * 100vw);
		letter-spacing: 0;
	}
	.btn_contact_common02 .s03{
		letter-spacing: 0;
		font-size: calc(30 / 750 * 100vw);
		vertical-align: text-bottom;
	}
	.btn_contact_common02 .s04{
		letter-spacing: 0;
		font-size: calc(60 / 750 * 100vw);
	}
	.btn_contact_common02 .s05 {
		font-size: calc(49 / 750 * 100vw);
	}
	.btn_web_common::before, 
	.btn_line_common::before {
		border-width: var(--size15px);
		bottom: var(--size15px);
		right: var(--size15px);
	}
	
	.btn_tel_common .deco{padding-left: calc(66 / 750 * 100vw); }
	.btn_tel_common .deco::before{
		width: calc(47 / 750 * 100vw);
		height: calc(47 / 750 * 100vw);
		left: 1vw;
	}
	.btn_web_common .deco{padding-left: calc(70 /750 * 100vw);}
	.btn_web_common .s03{
		padding-right: calc(15 / 750 * 100vw);
	}
	.btn_web_common .deco::before{
		width: calc(40 / 750 * 100vw);
		height: calc(40 / 750 * 100vw);
		left: calc(10 / 750 * 100vw);
	}
	.btn_line_common .deco {padding-left: 10vw;}
	.btn_line_common .deco::before {
		width: calc(47 / 750 * 100vw);
		height: calc(47 / 750 * 100vw);
		left: 2vw;
	}
}

/* bg_counseling_parts01
------------------------------------------------------------------*/
.bg_counseling_parts01 > .bg{
	box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .25);
	background: url(images/page/bg_counseling_parts01.png)no-repeat center / cover;
	position: relative;
	z-index: 1;
}
.bg_counseling_parts01 > .bg::before{
	content: "";
	width: 100%;
	max-height: 270px;
	height: calc(270 / 1500 * 100vw);
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(77, 77, 77, .6);
	z-index: 1;
}
.bg_counseling_parts01 .row_contact05{
	margin: calc(-1 * var(--size75px)) auto  0;
}
.row_counseling_parts01 > .col{
	max-width: 550px;
	width: calc(550 / 1700 * 100vw);
}
.copy_counseling_parts01{
	margin-bottom: var(--size15px);
	padding-bottom: var(--size10px);
	letter-spacing: .1em;
	font-size: calc(30 / 1920 * 100vw);
	text-align: center;
	border-bottom: 1px solid #2d2d2d;
}
.copy_counseling_parts02{
	margin-bottom: var(--size20px);
	letter-spacing: .1em;
	text-align: center;
	font-size: calc(60 / 1920 * 100vw);
}
.copy_counseling_parts03{
	letter-spacing: .1em;
	text-align: center;
	font-size: calc(30 / 1920 * 100vw);
	color: #9fa19f;
}
.box_counseling_parts01{
	border: #343434 solid 2px;
	
	position: relative;
	z-index: 1;
}
.box_counseling_parts01::before,
.box_counseling_parts01::after{
	content: "";
	max-width: 40px;
	width: calc(40 / 1400 * 100vw);
	height: 100%;
	margin: auto;
	background: url(images/page/deco_counseling_parts03.svg)no-repeat right / cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.box_counseling_parts01::after{
	background: url(images/page/deco_counseling_parts04.svg)no-repeat left / cover;
	left: auto;
	right: 0;
}
.box_counseling_parts01 > .ballon{
	max-width: 340px;
	width: calc(340 / 1400 * 100vw);
	position: absolute;
	bottom: 0;
	left: 5%;
	z-index: 2;
}
.box_counseling_parts01 > .wrap{
	max-width: 780px;
	width: calc(780 / 1400 * 100vw);
	margin-left: auto;
}
.row_counseling_parts02{
	max-width: 890px;
	width: calc(890 / 1680 * 100vw);
}
.row_counseling_parts02 > .col{
	width: 22.5%;
	height: var(--size160px);
	line-height: 1.6;
	box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	position: relative;
	z-index: 1;
}
.row_counseling_parts02 > .col::before{
	content: "";
	width: var(--size80px);
	height: var(--size60px);
	margin: auto;
	background: url(images/page/check_counseling_parts01.svg)no-repeat center / contain;
	position: absolute;
	top: calc(-1 * var(--size10px));
	left: calc(-1 * var(--size10px));
}
.row_counseling_parts02 > .col:nth-of-type(2n):before{
	background: url(images/page/check_counseling_parts02.svg)no-repeat center / contain;
}

.copy_counseling_parts04{
	position: relative;
	z-index: 1;
}
.copy_counseling_parts04::before,
.copy_counseling_parts04::after
{
	content: "";
	width: calc(365 / 1920 * 100vw);
	height: 1px;
	margin: auto;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
}
.copy_counseling_parts04::before{
	position: absolute;
	left: 0;
}
.copy_counseling_parts04::after{
	position: absolute;
	right: 0;
}

.bg_counseling_parts01 .bg_col07{
	background: #63523d !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
	.copy_counseling_parts04 .fz30{font-size: 1.8rem ;}
	.copy_counseling_parts04::before,
	.copy_counseling_parts04::after
	{
		width: calc(325 / 1920 * 100vw);
	}

	.copy_counseling_parts01{
		font-size: calc(30 / 1800 * 100vw);
	}
	.copy_counseling_parts02{
		font-size: calc(60 / 1800 * 100vw);
	}
	.copy_counseling_parts03{
		font-size: calc(30 / 1800 * 100vw);
	}

	.box_counseling_parts01 > .ballon{left: 4%;}
	
}

@media (min-width: 768px) and (max-width: 1299px) {
	.copy_counseling_parts04 .fz30{font-size: 1.75rem ;}
	.copy_counseling_parts04::before,
	.copy_counseling_parts04::after
	{
		width: calc(280 / 1920 * 100vw);
	}

	.copy_counseling_parts01{
		font-size: calc(30 / 1700 * 100vw);
	}
	.copy_counseling_parts02{
		font-size: calc(60 / 1700 * 100vw);
	}
	.copy_counseling_parts03{
		font-size: calc(30 / 1700 * 100vw);
	}

	
	.box_counseling_parts01 > .ballon{left: 3%;}
}

@media (max-width: 767px) {
	.bg_counseling_parts01{
		padding-bottom: var(--size80px);
	}
	.bg_counseling_parts01 > .bg{
		padding-bottom: calc(520 / 750 * 100vw);
		background: url(images/page/bg_counseling_parts01_sp.png)no-repeat center / cover;
	}
	.bg_counseling_parts01 > .bg::before{
		max-height: inherit;
		height: calc(890 / 750 * 100vw);
	}
	.bg_counseling_parts01 .row_contact05{
		margin: -65vw auto  0;
	}
	.row_counseling_parts01 > .col{
		width: 100%;
		width: calc(646 / 750 * 100vw);
		margin: 0 auto 5vw;
	}
	.copy_counseling_parts01{
		margin-bottom: var(--size30px);
		padding-bottom: var(--size20px);
		letter-spacing: 0;
		font-size: var(--size40px);
	}
	.copy_counseling_parts02{
		margin-bottom: var(--size20px);
		letter-spacing: 0;
		font-size: var(--size60px);
	}
	.copy_counseling_parts03{
		letter-spacing: .1em;
		font-size: var(--size40px);
		text-align: center;
	}
	.box_counseling_parts01{
		padding-bottom: 32vw;
		border: #343434 solid 1px;
	}
	.box_counseling_parts01::before,
	.box_counseling_parts01::after{
		max-width: inherit;
		width: 100%;
		height: var(--size100px);
		margin: auto;
		background: url(images/page/deco_counseling_parts03_sp.svg)no-repeat bottom / cover;
		left: 0;
		right: 0;
	}
	.box_counseling_parts01::before{
		bottom: auto;
	}
	.box_counseling_parts01::after{
		background: url(images/page/deco_counseling_parts04_sp.svg)no-repeat top / cover;
		top: auto;
	}
	.box_counseling_parts01 > .ballon{
		width: calc(340 / 750 * 100vw);
		margin: auto;
		position: absolute;
		bottom: 0;
		left: 0; right: 0;
		z-index: 2;
	}
	.box_counseling_parts01 > .wrap{
		width: 95%;
		margin: auto;
	}
	.row_counseling_parts02{
		width: calc(640 / 750 * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_counseling_parts02 > .col{
		max-width: calc(300 / 750 * 100vw);
		width: 48.5%;
		font-size: calc(26 / 750 * 100vw);
		height: var(--size170px);
	}
	.row_counseling_parts02 > .col:nth-of-type(n + 3){
		margin-top: var(--size30px);
	}
	.row_counseling_parts02 > .col::before{
		background: url(images/page/check_counseling_parts01_sp.svg)no-repeat center / contain;
	}
	.row_counseling_parts02 > .col:nth-of-type(2n):before{
		background: url(images/page/check_counseling_parts02_sp.svg)no-repeat center / contain;
	}

	.copy_counseling_parts04::before,
	.copy_counseling_parts04::after
	{
		width: var(--size90px);
	}
	.copy_counseling_parts04::before{
		position: absolute;
		left: 0;
	}
	.copy_counseling_parts04::after{
		position: absolute;
		right: 0;
	}
}


/* bg_
------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* case
------------------------------------------------------------------*/
/* 症例紹介 case
------------------------------------------------------------------*/
.bg_case001 {
  background: #f1f3f2;
  position: relative;
  z-index: 1;
}
.bg_case001 .copy_case001 {
  line-height: 0.8;
  letter-spacing: 0.1em;
  font-size: var(--size100px);
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.area_tabs_common .button {
  max-width: 400px;
  width: calc(400 / 1400 * 100vw);
  max-height: 110px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  height: calc(110 / 1400 * 100vw);
  font-size: min(calc(20 / 1400 * 100vw), 20px);
  text-align: center;
  border: 1px solid #2d2d2d;
  transition: all 0.2s ease;
  position: relative;
  z-index: 1;
}
.area_tabs_common input {
  display: none;
}
.area_tabs_common .button::before {
  content: "";
  max-width: 20px;
  max-height: 20px;
  width: calc(20 / 1920 * 100vw);
  height: calc(20 / 1920 * 100vw);
  margin: auto;
  background: url(images/page/arw02.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
}
.area_tabs_common .button:hover {
  opacity: 0.75;
  cursor: pointer;
}
.area_tabs_common input:checked + .button {
  color: #fff;
  background-color: #2d2d2d;
}
.area_tabs_common input:checked + .button::before {
  background: url(images/page/arw.svg) no-repeat center / contain;
}

.tab_content {
  display: none;
  width: 100%;
  margin-top: var(--size60px);
  padding: var(--size60px) var(--size50px);
  background: #fff;
  box-shadow: 6.4px 7.7px 10px 0 rgba(0, 0, 0, 0.05);
}

#icase01:checked ~ #tccase01,
#icase02:checked ~ #tccase02,
#icase03:checked ~ #tccase03,
#icase04:checked ~ #tccase04,
#icase05:checked ~ #tccase05,
#icase06:checked ~ #tccase06 {
  display: block;
}

.img_case_common01 > .col {
  max-width: 310px;
  width: 32%;
  position: relative;
  z-index: 1;
}

.img_case_common01 > .col::before {
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  border-top: 20px solid #615749;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .area_tabs_common .button {
    margin-right: min(calc(20 / 1400 * 100vw), 20px);
  }
  .area_tabs_common .button:nth-of-type(n + 4) {
    margin-top: min(calc(20 / 1400 * 100vw), 20px);
  }
  .area_tabs_common .button:nth-of-type(3n),
  .area_tabs_common .button:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1599px) {
  .tab_content {
    padding: calc(50 / 1920 * 100vw);
  }
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
  .area_tabs_common .button {
    max-width: 400px;
    width: calc(400 / 1400 * 100vw);
    max-height: 110px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    height: calc(110 / 1400 * 100vw);
    font-size: min(calc(20 / 1400 * 100vw), 20px);
    text-align: center;
    border: 1px solid #2d2d2d;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1;
  }
  .area_tabs_common input {
    display: none;
  }
  .area_tabs_common .button::before {
    content: "";
    max-width: 20px;
    max-height: 20px;
    width: calc(20 / 1920 * 100vw);
    height: calc(20 / 1920 * 100vw);
    margin: auto;
    background: url(images/page/arw02.svg) no-repeat center / contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
  }
  .area_tabs_common .button:hover {
    opacity: 0.75;
    cursor: pointer;
  }
  .area_tabs_common input:checked + .button {
    color: #fff;
    background-color: #2d2d2d;
  }
  .area_tabs_common input:checked + .button::before {
    background: url(images/page/arw.svg) no-repeat center / contain;
  }

  .area_tabs_common.flex {
    justify-content: space-between;
  }

  .area_tabs_common .button {
    width: 49%;
    line-height: 1.4;
    margin-right: 0;
    height: calc(90 / 750 * 100vw);
    font-size: 75%;
    padding-right: 1vw;
  }
  .area_tabs_common .button:nth-of-type(n + 3) {
    margin-top: 3vw;
  }
  .area_tabs_common .button::before {
    width: calc(30 / 750 * 100vw);
    height: calc(30 / 750 * 100vw);
    right: 3%;
  }
  .img_case_common01 > .col::before {
    border-top: 10px solid #615749;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }

  .img_case_common01 .before {
    margin-bottom: 10vw;
  }
}

/* dentist
------------------------------------------------------------------*/
.row_dentist .tag_name {
  max-width: 360px;
  padding: var(--size30px);
  margin-top: calc(-100 / 1920 * 100vw);
  width: 80%;
}
@media (min-width: 768px) and (max-width: 1299px) {
  .row_dentist > .col_img {
    width: 47%;
  }
  .row_dentist > .col_txt {
    width: 48%;
  }
  .row_dentist .fz30 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .row_dentist .col_img {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
  }
}

/* dentist
------------------------------------------------------------------*/
.bg_stafff {
  background: url(images/dentist/img_dentist02.jpg) no-repeat center / cover;
}
@media (max-width: 767px) {
}

/* access
------------------------------------------------------------------*/
.bg_access001::before,.bg_access001::after{
	content: "";
	width: 100%;
	height: calc(290 / 1920 * 100vw);
	margin: auto;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.bg_access001::after{
	height: var(--size50px);
	background: linear-gradient( 90deg, #63523d 0%, #63523d 50%, #1f2e55 50%, #1f2e55 100% );
	top: auto;
	bottom: 0;
	z-index: -1;
}


.row_access001 .logo{
	max-width: 365px;
	width: calc(365 / 1920 * 100vw);
}
@media (min-width: 768px) {
	.row_access001 > .col_l{
		max-width: 600px;
		width: 52%;
	}
	.row_access001 > .col_r{
		max-width: 530px;
		width: 44%;
	}
}
@media (min-width: 768px) and (max-width: 1599px) {

	.row_access001 .logo{
		width: calc(365 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.row_access001 .logo{
		width: calc(365 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.bg_access001::before{height: var(--size200px);}

	.row_access001 .logo{
		width: calc(540 / 750 * 100vw);
	}

	.row_access001 > .col_l{
		width: 100%;
		margin-bottom: 7vw;
	}
	.row_access001 > .col_r{
		width: 100%;
	}
}

/* cocoimplant
------------------------------------------------------------------*/
.bg_cocoimplant001{
	background: url(images/cocoimplant/bg_cocoimplant.jpg)no-repeat center / cover;
}
.bg_cocoimplant002{
	background: url(images/cocoimplant/bg_cocoimplant02.jpg)no-repeat center / cover;
}

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bg_cocoimplant001::before{
		background: url(images/cocoimplant/bg_cocoimplant_sp.jpg)no-repeat center top / contain;
	}
}

/* cocoimplant
------------------------------------------------------------------*/
.ballon_cocoimplant01{
	max-width: 220px;
	width: calc(220 / 1100 * 100vw);
}
.ballon_cocoimplant01_1{
	max-width: 770px;
	max-height: 140px;
	width: calc(770 / 1100 * 100vw);
	height: calc(140 / 1100 * 100vw);
	padding-left: 2.5%;
	background: url(images/cocoimplant/balloon01_1.png)no-repeat center / contain;
	filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .1));
	position: absolute;
	right: 0;
	bottom: var(--size60px);
}
.ballon_cocoimplant02{
	max-width: 350px;
	width: calc(350 / 1250 * 100vw);
	margin: auto;
}
.ballon_cocoimplant02_1{
	max-width: 390px;
	max-height: 220px;
	width: calc(390 / 1250 * 100vw);
	height: calc(220 / 1250 * 100vw);
	padding-right: 4%;
	background: url(images/cocoimplant/balloon02_1.png)no-repeat center / contain;
	filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .1));
	position: absolute;
	left: 0;
	bottom: var(--size60px);
}
.ballon_cocoimplant02_2{
	max-width: 390px;
	max-height: 260px;
	width: calc(390 / 1250 * 100vw);
	height: calc(260 / 1250 * 100vw);
	padding-left: 2.5%;
	background: url(images/cocoimplant/balloon02_2.png)no-repeat center / contain;
	filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .1));
	position: absolute;
	right: 0;
	bottom: var(--size45px);
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bg_cocoimplant001{
		padding-top: 39vw;
		background: url(images/cocoimplant/bg_cocoimplant_sp.jpg)no-repeat center / cover;
	}

	.area_ballon_cocoimplant01 .inner1000{
		padding-top: 25vw;
		max-width: calc(730 / 750 * 100vw);
	}
	.ballon_cocoimplant01_1{
		width: calc(700 / 750 * 100vw);
		height: calc(170 / 750 * 100vw);
		padding-bottom: 4.5vw;
		margin: auto;
		background: url(images/counseling/balloon01_1_sp.png)no-repeat center / contain;
		filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .1));
		bottom: auto;
		top: 0;
		left: 0; right: 0;
	}
	.ballon_cocoimplant01_1 .copy_common > .fz20{font-size: 85%;}
	.ballon_cocoimplant01{
		width: calc(220 / 750 * 100vw);
		margin: auto;
	}
	.area_ballon_cocoimplant02 .inner1140{
		max-width: calc(730 / 750 * 100vw);
		padding-top: 40vw;
	}
	.ballon_cocoimplant02{
		width: calc(350 / 750 * 100vw);
	}
	.area_ballon_cocoimplant02 .copy_common{line-height: 1.6;}
	.area_ballon_cocoimplant02 .copy_common .fz20{font-size: 80%;}
	.area_ballon_cocoimplant02 .copy_common .fz24{font-size: 90%;}
	.ballon_cocoimplant02_1{
		width: calc(340 / 750 * 100vw);
		height: calc(250 / 750 * 100vw);
		background: url(images/counseling/balloon02_1_sp.png)no-repeat center / contain;
		padding: 0;
		padding-bottom: 4.5vw;
		bottom: auto;
		top: 5vw;
		left: 2vw;
	}
	.ballon_cocoimplant02_2{
		width: calc(340 / 750 * 100vw);
		height: calc(290 / 750 * 100vw);
		padding: 0;
		padding-bottom: 4.5vw;
		background: url(images/counseling/balloon02_2_sp.png)no-repeat center / contain;
		bottom: auto;
		top: 0;
		right: 2vw;
	}
}


/* rejected
------------------------------------------------------------------*/
.bg_rejected001{
	background: url(images/rejected/bg_rejected01.jpg)no-repeat center / cover;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bg_rejected001::before{
		background: url(images/rejected/bg_rejected01_sp.jpg)no-repeat center top / cover;
	}
}

/* maintenance
------------------------------------------------------------------*/
.bg_maintenance001{
	background: url(images/maintenance/bg_maintenance01.jpg)no-repeat center / cover;
}
.box_maintenance001{
	padding-bottom: calc(270 / 1920 * 100vw);
	position: relative;
	z-index: 1;
}
.box_maintenance001 .ballon{
	max-width: 550px;
	width: calc(550 / 1300 * 100vw);
	position: absolute;
	bottom: 0;
	left: 5%;
}
.box_maintenance001 .ballon02{
	max-width: 350px;
	max-height: 177px;
	padding-left: 2.5%;
	width: calc(350 / 1300 * 100vw);
	height: calc(177 / 1300 * 100vw);
	filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .1)) ;
	background: url(images/maintenance/ballon_maintenance02.png)no-repeat center / contain;
	position: absolute;
	bottom: var(--size50px);
	right: 5%;
}
@media (min-width: 768px) and (max-width: 1599px) {
	.box_maintenance001{
		padding-bottom: calc(270 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.box_maintenance001{
		padding-bottom: calc(270 / 1300 * 100vw);
	}
}
@media (min-width: 768px) and (max-width: 1099px) {
	.box_maintenance001 .ballon{
		width: calc(550 / 1100 * 100vw);
	
	}
	.box_maintenance001 .ballon02{
		width: calc(350 / 1100 * 100vw);
		height: calc(177 / 1100 * 100vw);
	}
}

@media (max-width: 767px) {
	.box_maintenance001{
		padding-bottom: calc(250 / 750 * 100vw);
	}
	.box_maintenance001 .ballon{
		/* width: calc(300 / 750 * 100vw); */
		/* left: 1%; */
		width: calc(420 / 750 * 100vw);
		left: -6%;
	}
	.box_maintenance001 .ballon02{
		width: calc(395 / 750 * 100vw);
		height: calc(200 / 750 * 100vw);
		right: 1.5%;
		bottom: 2vw;
	}
	.box_maintenance001 .ballon02 .fz20{font-size: 85%;}
	.bg_maintenance001::before{
		background: url(images/maintenance/bg_maintenance01_sp.jpg)no-repeat center / cover;
	}
}

/*  */
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}
/* price
------------------------------------------------------------------*/
.bg_price001{
	padding-bottom: calc(250 / 1920 * 100vw);
	background: url(images/price/bg_price01.jpg)no-repeat center / cover;
}
.bg_price002{
	background: url(images/price/bg_price02_1.png)no-repeat top left / calc(729 / 1920 * 100vw),url(images/price/bg_price02_2.png)no-repeat bottom right / calc(960 / 1920 * 100vw);
}
@media (min-width: 768px){
	.bg_price001{
		padding-bottom: calc(250 / 1920 * 100vw);
	}
	.box_price001{
		margin-top: calc(-1 * var(--size170px));
	}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.bg_price001{
		padding-bottom: calc(250 / 1600 * 100vw);
	}
}

@media (min-width: 768px) and (max-width: 1299px) {
	.bg_price001{
		padding-bottom: calc(250 / 1300 * 100vw);
	}
}

@media (max-width: 767px) {
	.bg_price001{
		padding-bottom: calc(250 / 750 * 100vw);
	}
	.bg_price001::before{
		background: url(images/price/bg_price01_sp.jpg)no-repeat center / cover;
	}
}
/* qa
------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}
/* bg_counseling001
------------------------------------------------------------------*/
.bg_counseling001{
	background: url(images/counseling/bg_counseling01.png)no-repeat center / cover;
}
.bg_counseling002{
	overflow: hidden;
}
.bg_counseling002::before{
	content: "";
	width: min(calc(1340 / 1600 * 100vw),1339px);
	height: min(calc(250 / 1600 * 100vw),250px);
	margin: auto;
	background: url(images/counseling/ballon_counseling00.png)no-repeat center / contain;
	position: absolute;
	bottom: -1px;
	left: 0; right: 0;
}
.bg_counseling003 .inner::before{
	content: "";
	width: min(calc(340 / 1400 * 100vw),340px);
	height: min(calc(260 / 1400 * 100vw),260px);
	margin: auto;
	background: url(images/counseling/ballon_counseling01.png)no-repeat center / contain;
	position: absolute;
	bottom: -1px;
	left: -3%;
}

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bg_counseling001::before{
		background: url(images/counseling/bg_counseling01_sp.png)no-repeat center top / cover;
	}
	.bg_counseling002::before{
		width: calc(1030 / 1000 * 100vw);
		height: calc(250 / 1000 * 100vw);
		background: url(images/counseling/ballon_counseling00_sp.png)no-repeat center / contain;
		left: -1.5vw;
	}
	.bg_counseling003 .inner::before{
		width: calc(340 / 900 * 100vw);
		height: calc(260 / 900 * 100vw);
		left: 0;
		right: 0;
	}
}

/* others
------------------------------------------------------------------*/
.bg_others001{
	background: url(images/others/bg_common01.jpg)no-repeat center / cover;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
	.bg_others001::before{
		background: url(images/others/bg_common01_sp.jpg)no-repeat center top / cover;
	}
}

/* fullmouth
------------------------------------------------------------------*/
.bg_fullmouth002 {
	background: url(images/fullmouth/bg_fullmouth02.jpg)no-repeat center / cover;
}
@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* immediate
------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1599px) {
}

@media (min-width: 768px) and (max-width: 1299px) {
}

@media (max-width: 767px) {
}

/* society
------------------------------------------------------------------*/
@media(min-width: 1025px){
	.society .index_technique02{
		background-attachment: inherit;
	}
}
@media (max-width: 767px) {
}

/* リスク・副作用
------------------------------------------------------------------*/
.risk > iframe {
  height: 260px !important;
  width: calc(100% + 17px) !important;
}
.risk.inner1000 {
  max-width: 1000px !important;
  width: 90% !important;
}
.box_risk01 {
  padding: calc(38 / 1920 * 100vw) calc(50 / 1920 * 100vw)
    calc(40 / 1920 * 100vw) !important;
  font-size: calc(18 / 1920 * 100vw) !important;
  background: #f1f3f2;
  min-height: 260px !important;
}
.box_risk01 .box {
  overflow: hidden;
  position: relative;
  padding: 0 calc(20 / 1920 * 100vw) 0 0 !important;
  max-height: 180px !important;
  height: auto;
  touch-action: auto !important;
}
.box_risk01 .ttl {
  margin-bottom: calc(7 / 1920 * 100vw) !important;
  font-size: 1.125rem !important;
  letter-spacing: 0.1em !important;
}
.box_risk01 .txt {
  font-size: 1rem !important;
  letter-spacing: 0.1em !important;
}
/* パーフェクトスクロールバー */
.risk .ps__thumb-y {
  background: #2d2d2d !important;
  right: 0px !important;
  width: 4px !important;
}
.risk .ps--active-x > .ps__rail-x,
.risk .ps--active-y > .ps__rail-y {
  background: none !important;
  right: 0px !important;
  width: 4px !important;
  opacity: 1 !important;
}
.risk .ps .ps__rail-x.ps--clicking,
.risk .ps .ps__rail-x:focus,
.risk .ps .ps__rail-x:hover,
.risk .ps .ps__rail-y.ps--clicking,
.risk .ps .ps__rail-y:focus,
.risk .ps .ps__rail-y:hover {
  opacity: 1 !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .risk > iframe {
    height: calc(262 / 1599 * 100vw) !important;
  }
  .risk.tab > iframe {
    width: 100% !important;
  }
  .box_risk01 {
    padding: calc(38 / 1599 * 100vw) calc(50 / 1599 * 100vw)
      calc(40 / 1599 * 100vw) !important;
    font-size: calc(18 / 1599 * 100vw) !important;
    min-height: calc(260 / 1599 * 100vw);
  }
  .box_risk01 .box {
    padding: 0 calc(20 / 1599 * 100vw) 0 0 !important;
    max-height: calc(180 / 1599 * 100vw) !important;
  }
  .box_risk01 .ttl {
    margin-bottom: calc(7 / 1599 * 100vw) !important;
  }
}
@media (min-width: 751px) and (max-width: 1299px) {
  .risk > iframe {
    height: calc(262 / 1299 * 100vw) !important;
  }
  .box_risk01 {
    padding: calc(38 / 1299 * 100vw) calc(50 / 1299 * 100vw)
      calc(40 / 1299 * 100vw) !important;
    font-size: calc(18 / 1299 * 100vw) !important;
    min-height: calc(260 / 1299 * 100vw);
  }
  .box_risk01 .box {
    padding: 0 calc(20 / 1299 * 100vw) 0 0 !important;
    max-height: calc(180 / 1299 * 100vw) !important;
  }
  .box_risk01 .ttl {
    margin-bottom: calc(7 / 1299 * 100vw) !important;
  }
}
@media (max-width: 767px) {
  .risk > iframe {
    width: 100% !important;
  }
  .sp.risk.inner1000 {
    max-width: calc(702 / 750 * 100vw) !important;
    width: 100% !important;
  }
  .sp.risk iframe {
    height: calc(500 / 750 * 100vw) !important;
  }
  .sp.box_risk01 {
    font-size: 4.27vw !important;
    padding: 5vw 5% 5vw !important;
    min-height: calc(500 / 750 * 100vw) !important;
  }
  .sp.box_risk01 .box {
    max-height: calc(420 / 750 * 100vw) !important;
    padding: 0 3vw 0 0 !important;
  }
  .sp.box_risk01 .ttl {
    margin-bottom: 2vw !important;
    font-size: 112.5% !important;
    letter-spacing: 0 !important;
  }
  .sp.box_risk01 .txt {
    font-size: 100% !important;
    letter-spacing: 0 !important;
  }
  .sp.risk .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
  .sp.risk .ps-container > .ps-scrollbar-y-rail {
    right: 0 !important;
    width: 2px !important;
  }
}

/* 採用情報 recruit
------------------------------------------------------------------*/
.tbl_guideline01:not(:last-child) {
  margin-bottom: calc(100 / 1920 * 100vw);
}
.tbl_recruit .require span:after {
  color: #fff;
  background: #bc9008
}
.tbl_guideline01 table {
  border-color: ;
}
.tbl_guideline01 th {
  background: ;
}
.tbl_guideline01 tr:not(:last-child) td {
  border-bottom-color: ;
}

.tbl_counseling01 td.time input {
	width: 35%;
	margin-right: 4%;
}
.tbl_counseling01 td.time select {
	width: 30%;
}
.btn_submit input {
 
}
@media (min-width: 768px) and (max-width: 1599px) {
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .tbl_guideline01 td a {
    text-decoration: underline;
    color: var(--guideline-color);
  }
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 750 * 100vw);
  }
}

/* お問い合わせ contact
------------------------------------------------------------------*/
.inv-recaptcha-holder {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}

/* ブログ blog
------------------------------------------------------------------*/
#sidebar {
  width: 24%;
}
#sidebar h4 {
  background: #1f2e55;
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: calc(40 / 1920 * 100vw);
  margin-bottom: calc(15 / 1920 * 100vw);
  text-align: center;
}
#sidebar .ttl_popular_post{
	text-decoration: underline;
}
#sidebar .popular_post{margin-bottom: var(--size30px);}
#sidebar caption {
  margin-bottom: calc(5 / 1920 * 100vw);
}
#wp-calendar {
  width: 100%;
  margin-bottom: calc(10 / 1920 * 100vw);
}
#wp-calendar thead th {
  background: #eee;
  border: 1px solid #eee;
  border-right-color: #eee;
  font-size: 0.8125rem;
  font-weight: normal;
}
#wp-calendar tbody td {
  border: 1px solid #eee;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.8;
}
#wp-calendar tbody td a {
  color: #959595;
  text-decoration: underline;
}
.wp-calendar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: calc(60 / 1920 * 100vw);
  line-height: 1.5;
}
.wp-calendar-nav-prev {
  padding-left: calc(10 / 1920 * 100vw);
}
.wp-calendar-nav-next {
  padding-right: calc(10 / 1920 * 100vw);
}
.wp-calendar-nav a {
  padding-bottom: calc(3 / 1920 * 100vw);
  border-bottom: 1px solid #333;
  display: -webkit-box; /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox; /*--- IE10 ---*/
  display: -webkit-flex; /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify; /*--- IE10 ---*/
  -webkit-justify-content: space-between; /*--- safari（PC）用 ---*/
  justify-content: space-between;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
}
#sidebar ul li {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#sidebar ul li a {
  border-bottom: 1px solid #333;
  padding-bottom: calc(4 / 1920 * 100vw);
  line-height: 2.1;
}
.post_main {
  width: 71%;
}
.navigation {
  display: -webkit-box; /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox; /*--- IE10 ---*/
  display: -webkit-flex; /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify; /*--- IE10 ---*/
  -webkit-justify-content: space-between; /*--- safari（PC）用 ---*/
  justify-content: space-between;
  margin-bottom: calc(60 / 1920 * 100vw);
}
.navigation li {
  width: calc(170 / 1920 * 100vw);
}
.navigation .navitop {
  text-align: center;
}
.navigation .naviright {
  text-align: right;
}
.navigation li a {
  padding-bottom: calc(4 / 1920 * 100vw);
  border-bottom: 1px solid #333;
}
.post_content img {
  max-width: 100%;
  height: auto;
}
.date_single {
  display: block;
  text-align: right;
  font-size: 0.8125rem;
  margin-top: calc(-30 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
.post_content {
  line-height: 1.75;
}
.thmb {
  width: calc(300 / 1920 * 100vw);
}
.thmb img {
  height: calc(170 / 1920 * 100vw);
  object-fit: cover;
}
.thmb a:hover .img_thmb {
  opacity: 0.75;
}
.txt_post {
  width: calc(100% - calc(340 / 1920 * 100vw));
}
.page_main section.blog_archive {
  padding-bottom: calc(35 / 1920 * 100vw);
  border-bottom: 1px solid #959595;
}
.post_main section.blog_archive:not(:last-child) {
  margin-bottom: calc(40 / 1920 * 100vw);
}
.txt_post a {
  color: inherit;
}
.txt_post a:hover {
  text-decoration: underline;
}
.txt_post h4 {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.7;
	font-family: "vdl-v7mincho", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.category_post .post-categories{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin: .25em 0;
}
.category_post .post-categories li{margin-right: .5em;}
.category_post .post-categories a {
    display: inline-block;
    line-height: 1.5;
    padding: .225em 1em .3em;
    font-size: 75%;
    letter-spacing: .1em;
	color: #fff;
	background: #4d4d4d;
}
.txt_post .date {
  font-size: 0.75rem;
  color: #959595;
}
.box_excerpt{
	position: relative;
	z-index: 1;
}
.txt_post .txt_excerpt {
	color: #77562a;
	line-height: 1.75;
	position: absolute;
	bottom: 0;
	right: 0;
}
.txt_post .txt_excerpt .more {
  color: #aaa;
  text-decoration: underline;
}
.page_main .wp-pagenavi {
  margin-top: calc(60 / 1920 * 100vw);
  text-align: center;
  font-size: 0.875rem;
}
.page_main .wp-pagenavi a,
.page_main .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #77562a;
  color: #77562a;
  padding: 0 calc(10 / 1920 * 100vw);
  margin: calc(2 / 1920 * 100vw);
  display: inline-block;
}
.page_main .wp-pagenavi span.pages {
  padding: 0 calc(11 / 1920 * 100vw);
}
.page_main .wp-pagenavi a:hover,
.page_main .wp-pagenavi span.current {
  border-color: #77562a;
  background: #77562a;
  color: #fff;
}
.page_main .wp-pagenavi span.current {
  font-weight: normal;
}
.post_content li {
  list-style: inherit;
  margin-left: 1.5em;
}
.single_post > h3 {
	line-height: 1.6;
	text-align: left;
}

.post_content h5 {
/* 	text-align: center!important; */
	margin-bottom: var(--size45px);;
	font-family: "vdl-v7mincho", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 125%;
	letter-spacing: .1em;
	line-height: 1.5;
	border-top: 4px dotted #1f2e55;
	border-bottom: 4px dotted  #1f2e55;
	padding: 10px 10px 12px;
	margin-bottom: 20px;
	color:  #1f2e55;
}
.post_content a {
    text-decoration: underline;
    color: #1f2e55 !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
  #sidebar h4 {
    line-height: calc(40 / 1599 * 100vw);
    margin-bottom: calc(15 / 1599 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 1599 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 1599 * 100vw);
    padding-left: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 1599 * 100vw);
    padding-right: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 1599 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 1599 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 1599 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 1599 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 1599 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .navigation li {
    width: calc(170 / 1599 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 1599 * 100vw);
  }
  .date_single {
    margin-top: calc(-30 / 1599 * 100vw);
    margin-bottom: calc(40 / 1599 * 100vw);
  }
  .thmb img {
    height: calc(170 / 1599 * 100vw);
  }
  .thmb {
    width: calc(300 / 1599 * 100vw);
  }
  .txt_post {
    width: calc(100% - calc(340 / 1599 * 100vw));
  }
  .page_main section.blog_archive {
    padding-bottom: calc(35 / 1599 * 100vw);
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: calc(40 / 1599 * 100vw);
  }
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0 calc(10 / 1599 * 100vw);
    margin: calc(2 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi span.pages {
    padding: 0 calc(11 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  #sidebar h4 {
    line-height: calc(40 / 1299 * 100vw);
    margin-bottom: calc(15 / 1299 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 1299 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 1299 * 100vw);
    padding-left: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 1299 * 100vw);
    padding-right: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 1299 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 1299 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 1299 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 1299 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 1299 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .navigation li {
    width: calc(170 / 1299 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 1299 * 100vw);
  }
  .date_single {
    margin-top: calc(-30 / 1299 * 100vw);
    margin-bottom: calc(40 / 1299 * 100vw);
  }
  .thmb img {
    height: calc(170 / 1299 * 100vw);
  }
  .thmb {
    width: calc(300 / 1299 * 100vw);
  }
  .txt_post {
    width: calc(100% - calc(335 / 1299 * 100vw));
  }
  .page_main section.blog_archive {
    padding-bottom: calc(35 / 1299 * 100vw);
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: calc(40 / 1299 * 100vw);
  }
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0 calc(10 / 1299 * 100vw);
    margin: calc(2 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi span.pages {
    padding: 0 calc(11 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .page_main {
    display: block !important;
  }
  #sidebar {
    width: 100%;
  }
  #sidebar h4 {
    line-height: calc(80 / 750 * 100vw);
    margin: calc(15 / 750 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 750 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 750 * 100vw);
    padding-left: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 750 * 100vw);
    padding-right: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 750 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 750 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 750 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 750 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 750 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 750 * 100vw);
  }
  .post_main {
    width: 100%;
    margin-bottom: 20vw;
  }
  .date_single {
    margin-top: calc(-30 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .thmb {
    width: 100%;
	margin-bottom: var(--size40px);
  }
  .thmb img {
    height: 100%;
  }
  .txt_post {
    width: 100%;
  }
  /* .box_excerpt{
	padding-bottom: 10vw;
  } */
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 750 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .navigation li {
    width: calc(200 / 750 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 750 * 100vw);
  }
  .page_main .wp-pagenavi span.pages,
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0.5vw 2vw;
    margin: calc(4 / 750 * 100vw);
  }
  .page_main section.blog_archive {
    padding-bottom: 6vw;
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: 6vw;
  }
  .post_main .wp-pagenavi {
    margin-top: 12vw;
    display: -webkit-box; /*--- Androidブラウザ用 ---*/
    display: -ms-flexbox; /*--- IE10 ---*/
    display: -webkit-flex; /*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/
    -ms-flex-pack: justify; /*--- IE10 ---*/
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;
  }
  .single_post > h3 {
    letter-spacing: 0;
  }
}
.wp-block-group__inner-container .wp-block-image{
	max-width: 700px;
	margin: 0 auto var(--size45px);
}
.single_post .wp-block-group__inner-container p{margin-bottom: var(--size20px);}
.single_post .wp-block-snow-monkey-blocks-balloon{margin-bottom: var(--size40px);}
.single_post .wp-block-snow-monkey-blocks-alert{margin-bottom: var(--size40px);}
.single_post .post_content h4{
	margin-bottom: var(--size45px);
	padding: var(--size20px) var(--size25px);
	line-height: 1.7;
	font-size: var(--size20px);
	font-family: "vdl-v7mincho", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #fff;
	background: #314865;
	position: relative;
	z-index: 1;
}
.single_post .post_content h4::before ,
.single_post .post_content h4::after {
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-width: var(--size15px);
	border-style: solid;
	border-color:  #63523d transparent transparent #63523d ;
	position: absolute;
	top: 0;
	left: 0;
}
.single_post .post_content h4::after {
	border-color:  transparent #63523d #63523d transparent ;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
}

.single_post h5.wp-block-heading{
	font-family: "vdl-v7mincho", sans-serif;
	font-weight: 300;
	font-style: normal;
	position: relative;
	z-index: 1;
}
.single_post b,.single_post strong{font-weight: bold;}


.tbl_blog01 ,
.wp-block-table table 
{
	margin-bottom: 2em;
    border: 1px solid #121212;
    width: 100%;
    text-align: center;
}
.tbl_blog01 thead th ,
.wp-block-table thead th
{
    background: #eddab9;
    text-align: center;
    font-size: 111.11%;
    letter-spacing: .1em;
    line-height: 1.5;
    font-weight: normal;
    border-bottom: 1px solid #121212;
    padding: var(--siz5px) var(--siz15px);
}
.tbl_blog01 thead th:not(:first-child), 
.tbl_blog01 tbody tr td:not(:first-child), 
.wp-block-table thead th:not(:first-child), 
.wp-block-table tbody tr td:not(:first-child)
{border-left: 1px solid #121212;}
.tbl_blog01 tbody tr:not(:last-child) td,
.wp-block-table tbody tr:not(:last-child) td 
{border-bottom: 1px solid #121212;}
.tbl_blog01 tbody td ,
.tbl_blog01 tbody td {padding:  var(--siz20px) var(--siz15px);}
@media(max-width: 767px) {
    .tbl_blog01 thead th {
        font-size: 100%;
        letter-spacing: 0;
        padding: 2vw 3vw;
    }
    .tbl_blog01 tbody td {padding: 3vw;}
}

.single_post .blog_card{
    padding: 3% 3% 3.5%;
    border: 2px solid ;
}
.blog_card .blog_card_thumbnail{width: 43%;}
.blog_card .blog_card_content{width: 53%;}
.blog_card .blog_card_title{font-size: 115%;}
.blog_card .blog_card_excerpt{
    padding-top: 1em;
    font-size: 92.5%;
    color: #121212;
}
@media(max-width: 767px) {
    .single_post .blog_card{
      padding: 3% 3% 3.5%;
     border: 2px solid ;
    }
    .blog_card .blog_card_thumbnail{
     width: 100%;
      margin: 0 auto 5vw;
    }
    .blog_card .blog_card_content{
        width: 100%;
    }
	.single_post .post_content h4{
		font-size: var(--size35px);
	}
}
.yellow-under, .marker-animation-2284 {background:linear-gradient(transparent 75%, #ffff00 0%) ;}
.pink-under, .marker-animation-2285 {background:linear-gradient(transparent 75%, rgba(207, 0, 88, 0.5) 0%) ;}
.blue-under, .marker-animation-2286 {background:linear-gradient(transparent 75%, rgba(0, 0, 255, 0.6) 0%) ;}
.post_content .wp-block-media-text.alignwide.has-media-on-the-right.is-image-fill{
	display: flex;
	justify-content: end;
	margin-bottom: var(--size40px);
}
.post_content .wp-block-media-text__media img{display: none;}
.post_content .wp-block-media-text__media{
	width:  var(--size150px);
	height:  var(--size150px);
	margin-left: var(--size15px);
	background-position: center;
	background-size: cover;
}
#toc_container {
	width: 100% !important;
	padding: var(--size40px)!important;
	margin-bottom: var(--size60px)!important;
	text-decoration: underline;
	border: solid #1f2e55 var(--size5px)!important;
}


.parts-fit{
	width:fit-content;
	right:0;
	left:auto;
	margin-right:0;
	margin-left:auto;
}

.parts-fit img{
	padding-left:20px;
}