@charset "utf-8";

/* 共通
------------------------------------------------------------------*/
.content_low {
	padding: calc(160 / var(--break) * 100vw) 0 calc(200 / var(--break) * 100vw);
}
.main_page {
	height: calc(500 / var(--break) * 100vw);
	padding-bottom: calc(30 / 1920 * 100vw);
	background: url("images/page/bg_ttl_page.jpg")no-repeat center / cover;
}
.page_main section:not(:last-child) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}

/* @media only screen and (min-width: 768px) and (max-width: 1299px) {} */
@media only screen and (max-width: 767px) {
	.content_low {
		padding: 13vw 0 25vw;
	}
	.content_low .inner, .main_page .inner {
		max-width: calc(702 / var(--break) * 100vw);
	}
	.page_main section:not(:last-child) {
		margin-bottom: 20vw;
	}
	.main_page {
		padding: 22.5vw 0 0;
		background-image: url("images/page/bg_ttl_page_sp.jpg");
	}
	.col_img {
		text-align: center;
	}
}

/*
------------------------------------------------------------------*/
.hdg2 .ja {
	display: block;
	margin-bottom: calc(10 / var(--break03));
	line-height: 1.6;
	font-size: calc(50 / var(--break03));
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px rgba(51, 51, 51, .7),0 0 10px rgba(51, 51, 51, .7),0 0 20px rgba(51, 51, 51, .7);
}

.hdg2 .en {
	display: block;
	line-height: 1;
	font-size: calc(20 / var(--break03));
	font-family: "oskar", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	color: #fff352;
	text-shadow: 0 0 10px rgba(51, 51, 51, .7),0 0 10px rgba(51, 51, 51, .7),0 0 20px rgba(51, 51, 51, .7);
}
.hdg3 {
	padding: calc(28 / var(--break03)) 0;
	line-height: 1.5;
	font-size: calc(40 / var(--break03));
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #49351f;
	background: #facb00;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.hdg3::before {
	content: "";
	width: calc(384 / var(--break04));
	height: calc(120 / var(--break04));
	margin: auto;
	background: url("images/page/hdg3_deco.png")no-repeat center / contain;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1
}
@media (min-width: 768px){
	.hdg2 .ja {letter-spacing: .1em;}
	.hdg2 .en {letter-spacing: .1em;}
	.hdg3 {letter-spacing: .1em;}
}
@media (min-width: 768px) and (max-width: 1599px) {
	.hdg2 {
		font-size: 95%;
	}

	.copy_common span {
		letter-spacing: .05em;
	}
	.copy_common .fz26 {
		font-size: 1.5rem;
	}
}

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

	.copy_common .ls2 {
		letter-spacing: .12em;
	}

	.hdg3 {
		font-size: 190%;
	}
}

@media (max-width: 767px) {
	.hdg2 .ja {
		margin-bottom: 2.5vw;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: calc(50 / 750 * 100vw);
	}

	.hdg2 .en {
		letter-spacing: 0;
		font-size: calc(30 / 750 * 100vw);
	}

    .hdg3 {
		padding: 3.25vw 0;
		letter-spacing: 0;
		font-size: calc(46 / 750 * 100vw)
	}
		
	/* copy_common */
	.copy_common span {
		letter-spacing: 0;
	}

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

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

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

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

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

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

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

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

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

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

	.copy_common .fz36 {
		font-size: calc(37 / 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-height: 1.4;
	color: #87601c;
	background: #faea84;
	border-radius: calc(25 / var(--break02));
	position: relative;
	z-index: 1;
}
.copy_common01::before,
.copy_common01::after
{
	content: "";
	width: calc(52 / var(--break02));
	height: calc(12 / var(--break02));
	margin: auto;
	background: url(images/page/deco_copy_common01.png)no-repeat center / contain;
	position: absolute;
	inset: 0 auto;
}
.copy_common01::before{left: calc(20 / var(--break02));}
.copy_common01::after{right: calc(20 / var(--break02));}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.copy_common01{
		padding: .8vw 0;
		letter-spacing: 0;
		border-radius: calc(40 / 750 * 100vw);
	}
	.copy_common01::before,
	.copy_common01::after
	{
		width: calc(52 / 750 * 100vw);
		height: calc(12 / 750 * 100vw);
	}
	.copy_common01::before{left: calc(18 /  750 * 100vw);}
	.copy_common01::after{right: calc(18 /  750 * 100vw);}
}
/* copy_common02
------------------------------------------------------------------*/
.copy_common02{
	padding: calc(9 / var(--break02));
	color: #fff;
	background: #fa8f00;
	text-align: center;
	border-radius: calc(25 / var(--break02));
	position: relative;
	z-index: 1;
}
.copy_common02::before,
.copy_common02::after
{
	content: "";
	width: calc(12 / var(--break02));
	height: calc(12 / var(--break02));
	margin: auto;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.copy_common02::before{left: calc(20 / var(--break02));}
.copy_common02::after{right: calc(20 / var(--break02));}

.copy_common02.v2{
	padding: calc(16 / var(--break03));
	background: #87601c;
	border-radius: calc(20 / var(--break03));
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}
/* copy_common03
------------------------------------------------------------------*/
.copy_common03{
	padding: calc(10 / var(--break02));
	color: #49351f;
	text-align: center;
	border-radius: calc(20 / var(--break03));
	background: url(images/page/pattern03.png)repeat center / auto;
	position: relative;
	z-index: 1;
}
.copy_common03::before{
	content: "";
	width: calc(15 / var(--break03));
	height: calc(16 / var(--break03));
	margin: auto;
	background: url(images/page/deco.png)no-repeat center / contain;
	position: absolute;
	top: calc(10 / var(--break03));
	left: calc(10 / var(--break03));
	z-index: -1;
}

.v2.copy_common03{
	color: #fff;
	background: #87601c;
}
.v2.copy_common03::before{
	background: url(images/page/deco_white.png)no-repeat center / contain;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	
}
/* copy_common04
------------------------------------------------------------------*/
.copy_common04{
	color: #49351f;
}
.copy_common04 .deco{
	display: inline-block;
	padding-left: calc(30 / var(--break02));
	position: relative;
	z-index: 1;
}
.copy_common04 .deco::before{
	content: "";
	width: calc(19 / var(--break02));
	height: calc(20 / var(--break02));
	margin: auto;
	background: url(images/page/deco08.png)no-repeat center / contain;
	position: absolute;
	inset: 0 auto 0 0;
	z-index: -1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.copy_common04 .deco{
		padding-left: calc(40 / 750 * 100vw);
	}
	.copy_common04 .deco::before{
		width: calc(19 / 500 * 100vw);
		height: calc(20 / 500 * 100vw);
	}
}

/* copy_common05
------------------------------------------------------------------*/
.copy_common05{
	color: #49351f;
}
.copy_common05 .deco{
	display: inline-block;
	padding: 0 calc(38 / var(--break02));
	position: relative;
	z-index: 1;
}
.copy_common05 .deco::before,
.copy_common05 .deco::after
{
	content: "";
	width: calc(12 / var(--break02));
	height: calc(12 / var(--break02));
	margin: auto;
	background: #49351f;
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
	z-index: -1;
}
.copy_common05 .deco::before{left: 0;}
.copy_common05 .deco::after{right: 0;}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {

}
/*  copy_common06
------------------------------------------------------------------*/
.copy_common06{
	padding-bottom: calc(40 / var(--break02));
	background: url(images/page/deco_copy_common06.png)no-repeat center bottom / calc(80 / var(--break02));
	position: relative;
	z-index: 1;
}
@media(max-width: 767px) {
	.copy_common06{
		padding-bottom: calc(50 / 750 * 100vw);
		background: url(images/page/deco_copy_common06.png)no-repeat center bottom / calc(100 / 750 * 100vw);
	}	
}
/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}

/* 
------------------------------------------------------------------*/
.row_common01 .copy_common{
	color: #49351f;
}
.row_common01>.col_img::before {
	content: "";
	width: calc(112 / var(--break04));
	height: calc(142 / var(--break04));
	margin: auto;
	background: url(images/page/deco01.svg)no-repeat center / cover;
	position: absolute;
	bottom: 0;
	right: calc(-20 / var(--break04));
	z-index: 2;
}
.row_common01.r_reverse>.col_img::before {
	left: calc(-20 / var(--break04));
	right: auto;
}
.v2.row_common01>.col_img::before {
	width: calc(105 / var(--break04));
	height: calc(81 / var(--break04));
	background: url(images/page/deco07.png)no-repeat center / cover;
}
.v3.row_common01>.col_img::before {
	width: calc(193 / var(--break04));
	height: calc(87 / var(--break04));
	background: url(images/page/deco06.png)no-repeat center / cover;
}
.v4.row_common01>.col_img::before {
	width: calc(105 / var(--break04));
	height: calc(135 / var(--break04));
	background: url(images/page/deco09.png)no-repeat center / cover;
}
@media (min-width: 768px) {
	.row_common01>.col_img {
		max-width:570px;
		width: 46%
	}

	.row_common01>.col_txt {
		max-width: 620px;
		width: 50%
	}
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.row_common01 .copy_common {
		text-align: center;
		margin-left: -.8vw;
		margin-right: -.8vw;
	}
}


/* row_common02
------------------------------------------------------------------*/
.row_common02 .copy_common{
	color: #49351f;
}
@media (min-width: 768px) {
    .row_common02>.col_txt {
        max-width: 740px;
        width: 59%;
    }

    .row_common02>.col_img {
        max-width: 450px;
        width: 37%;
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
    .row_common02 .copy_common .fz26 {
        letter-spacing: .08em;
    }
}

@media (max-width: 767px) {
    .row_common02 .copy_common {
        text-align: center;
        margin-left: -1vw;
        margin-right: -1vw;
    }

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

/* row_common03
------------------------------------------------------------------*/
.row_common03>.col_img {
	max-width: 290px;
	position: relative;
	z-index: 1;
}
.row_common03>.col_img::before{
	content: "";
	width: calc(105 / var(--break03));
	height: calc(81 / var(--break03));
	margin: auto;
	background: url(images/page/deco07.png)no-repeat center / contain;
	position: absolute;
	right: calc(-20 / var(--break04));
	bottom: calc(-20 / var(--break04));
}
.row_common03 .copy_common{
	color: #49351f;
}

@media (min-width: 768px) {
	.row_common03>.col_txt {width: 73%;}
	.row_common03>.col_img {width: 24%;}
}
@media (max-width: 767px) {
}

/* box_row_common01
------------------------------------------------------------------*/
.box_row_common01 .copy_common{
	color: #49351f;
}
.box_row_common01>.col_img {
	border-radius: calc(20 / var(--break04));
	position: relative;
	z-index: 1;
}
.box_row_common01>.col_img::before {
	content: "";
	width: calc(193 / var(--break04));
	height: calc(87 / var(--break04));
	margin: auto;
	background: url(images/page/deco06.png)no-repeat center / contain;
	position: absolute;
	right: calc(-20 / var(--break04));
	bottom: calc(-20 / var(--break04));
}
@media (min-width: 768px) {
    .box_row_common01>.col_txt {
        width: 70%;
    }
    .box_row_common01>.col_img {
        max-width: 290px;
        width: 26%;
    }
}

@media (max-width: 767px) {
    .box_row_common01 .copy_common {
        text-align: center;
        margin-left: -1vw;
        margin-right: -1vw;
    }
}

/*  row_common20
------------------------------------------------------------------*/
.row_common20>.col {
	max-width: 475px;
    width: 48.5%;
    background: #faf4eb;
	border-radius: 0 0  calc(20 / var(--break02)) calc(20 / var(--break02));
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
    position: relative;
    z-index: 1;
}
.row_common20 .copy_common {
    padding: calc(12.5 / var(--break02)) 0;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background: #0081ca;
    position: relative;
    z-index: 1;
}
.row_common20 .copy_common::before,
.row_common20 .copy_common::after
{
	content: "";
	width: calc(16 / var(--break02));
	height: calc(16 / var(--break02));
	margin: auto;
	background: url(images/page/deco05.png)no-repeat center / contain; 
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.row_common20 .copy_common::before{left: calc(16 / var(--break02));}
.row_common20 .copy_common::after{right: calc(16 / var(--break02));}
.row_common20>.col:nth-of-type(2n) .copy_common {background: #00bfc9;}
.row_common20 .areaText {padding: calc(24 / var(--break03)) calc(38 / var(--break03)) calc(36 / var(--break03))}
@media(min-width: 768px) {
	.row_common20>.col:nth-of-type(n + 3) {
		margin-top: calc(40 / var(--break04));
	}
}
@media (max-width: 767px) {
    .row_common20>.col {
        width: calc(660 / 750 * 100vw);
        margin: 6vw auto 0;
    }
    .row_common20>.col:first-child {
        margin-top: 0;
    }
	.row_common20 .copy_common::before,
	.row_common20 .copy_common::after
	{
		width: calc(28 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
	}
}

/* row_common21
------------------------------------------------------------------*/
.row_common21>.col {
	width: 47.75%;
	padding: calc(44 / var(--break02)) calc(48 / var(--break02)) calc(42 / var(--break02));
    background: #fff;
	border-radius: calc(20 / var(--break02));
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
    position: relative;
    z-index: 1;
}
.row_common21>.col:nth-of-type(3n) .copy_common02{background: #0081ca;}
.row_common21>.col:nth-of-type(3n - 1) .copy_common02{background: #00bfc9;}
@media(min-width: 768px) {
	.row_common21>.col {
		margin-right: 4.5%;
	}
	.row_common21>.col:last-child,.row_common21>.col:nth-of-type(2n) {
		margin-right: 0
	}
	.row_common21>.col:nth-of-type(n+3) {
		margin-top: calc(50 / var(--break03))
	}
}
@media(max-width: 767px) {
	.row_common21{
		max-width: calc(666 / 750 * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
    .row_common21>.col {
        width: 100%;
		padding: 5vw 7.5vw;
       margin: 0 auto 5vw ;
    }
	.row_common21>.col:last-child {
		margin-bottom: 0;
    }
}

/* row_common30
------------------------------------------------------------------*/
.row_common30>.col {
	max-width: 394px;
	width: 31.8%;
    background: #faf4eb;
	border-radius: 0 0  calc(20 / var(--break02)) calc(20 / var(--break02));
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
    position: relative;
    z-index: 1;
}
.row_common30 .copy_common {
    padding: calc(12.5 / var(--break02)) 0;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background: #0081ca;
    position: relative;
    z-index: 1;
}
.row_common30 .copy_common::before,
.row_common30 .copy_common::after
{
	content: "";
	width: calc(16 / var(--break02));
	height: calc(16 / var(--break02));
	margin: auto;
	background: url(images/page/deco05.png)no-repeat center / contain; 
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.row_common30 .copy_common::before{left: calc(16 / var(--break02));}
.row_common30 .copy_common::after{right: calc(16 / var(--break02));}
.row_common30>.col:nth-of-type(2n) .copy_common {background: #00bfc9;}
.row_common30 .areaText {padding: calc(20 / var(--break03)) calc(30 / var(--break03)) calc(38 / var(--break03))}
@media(min-width: 768px) {
	.row_common30>.col {
		margin-right:2.3%
	}
	.row_common30>.col:last-child,.row_common30>.col:nth-of-type(3n) {
		margin-right: 0
	}
	.row_common30>.col:nth-of-type(n+4) {
		margin-top: calc(30 / var(--break03))
	}
}
@media(max-width: 767px) {
    .row_common30>.col {
        width: calc(660 / 750 * 100vw);
        margin: 6vw auto 0;
    }
    .row_common30>.col:first-child {
        margin-top: 0;
    }
	.row_common30 .copy_common::before,
	.row_common30 .copy_common::after
	{
		width: calc(28 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
	}
}

/* row_common31
------------------------------------------------------------------*/
.row_common31>.col {
	width: 30%;
	padding: calc(30 / var(--break02)) calc(30 / var(--break02)) calc(20 / var(--break02));
    background: #fff;
	border-radius: calc(20 / var(--break02));
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
    position: relative;
    z-index: 1;
}
.row_common31>.col::before {
    content: "";
    width: calc(15 / var(--break03));
    height: calc(16 / var(--break03));
    margin: auto;
    background: url(images/page/deco.png) no-repeat center / contain;
    position: absolute;
    top: calc(10 / var(--break03));
    left: calc(10 / var(--break03));
    z-index: -1;
}
.row_common31 .icon {
	margin-bottom: calc(10 / var(--break02));
}

/* @media(min-width: 768px) {} */
@media(max-width: 767px) {
	.row_common31{
		max-width: calc(666 / 750 * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
    .row_common31>.col {
        width: 48%;
		padding: 5vw 7.5vw;
    }
	.row_common31>.col:last-child {
       margin: 5vw auto 0;
    }
	.row_common31 .icon {
		margin-bottom: 2.5vw;
	}
}
/* row_common32
------------------------------------------------------------------*/
.row_common32>.box{
	width: 32%;
	min-height: calc(120 / var(--break03));
	padding: calc(18 / var(--break02)) 1%;
	line-height: 1.6;
	color: #fff;
	background-color: #fa8f00;
	border-radius: calc(20 / var(--break02));
	position: relative;
	z-index: 1;
}
.row_common32>.box::before,
.row_common32>.box::after
{
	content: "";
	width: calc(16 / var(--break02));
	height: calc(16 / var(--break02));
	margin: auto;
	background: url(images/page/deco05.png)no-repeat center / contain; 
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.row_common32>.box::before{left: calc(10 / var(--break02));}
.row_common32>.box::after{right: calc(10 / var(--break02));}
@media(min-width: 768px) {
	.row_common30>.box {
		margin-right: 2%
	}
	.row_common32>.box:last-child,.row_common32>.box:nth-of-type(3n) {
		margin-right: 0
	}
	.row_common32>.box:nth-of-type(n+4) {
		margin-top: calc(30 / var(--break03))
	}
}
@media(max-width: 767px) {
	.row_common32>.box{
		width: 49%;
		padding: 2vw 1%;
	}
	.row_common32>.box:nth-of-type(n+3) {
		margin-top: 2.5vw;
	}
	.row_common32 .copy_common .fz22 {
        font-size: 92.5%;
    }
	.row_common32>.box::before,
	.row_common32>.box::after
	{
		width: calc(20 / 750 * 100vw);
		height: calc(20 / 750 * 100vw);
	}
}


/* row_common33
------------------------------------------------------------------*/
.row_common33>.col {
	max-width: 320px;
	width: 32%;
	border-radius: 0 0  calc(20 / var(--break02)) calc(20 / var(--break02));
	overflow: hidden;
    position: relative;
    z-index: 1;
}
.row_common33 .copy_common {
    padding: calc(12.5 / var(--break02)) 0;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background: #0081ca;
    position: relative;
    z-index: 1;
}
.row_common33 .copy_common::before,
.row_common33 .copy_common::after
{
	content: "";
	width: calc(16 / var(--break02));
	height: calc(16 / var(--break02));
	margin: auto;
	background: url(images/page/deco05.png)no-repeat center / contain; 
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.row_common33 .copy_common::before{left: calc(14 / var(--break02));}
.row_common33 .copy_common::after{right: calc(14 / var(--break02));}
.row_common33>.col:nth-of-type(2n) .copy_common {background: #00bfc9;}
@media(min-width: 768px) {
	.row_common33>.col {
		margin-right: 2%
	}
	.row_common33>.col:last-child,.row_common33>.col:nth-of-type(3n) {
		margin-right: 0
	}
	.row_common33>.col:nth-of-type(n+4) {
		margin-top: calc(60 / var(--break04))
	}
}
@media(max-width: 767px) {
	.row_common33.flex {
		justify-content: center;
	}
    .row_common33>.col {
        width: 48.5%;
		margin-right: 3%;
    }
    .row_common33>.col:nth-of-type(2n) ,
	.row_common33>.col:last-child
	{margin-right: 0;}
	.row_common33>.col:nth-of-type(n + 3) {
		margin-top: 4vw
	}
	.row_common33 .copy_common::before,
	.row_common33 .copy_common::after
	{
		width: calc(22 / 750 * 100vw);
		height: calc(22 / 750 * 100vw);
	}
	.row_common33  .copy_common .fz22{
		font-size: 92%;
	}
}

/* row_common34
------------------------------------------------------------------*/
.row_common34>.col {
	max-width: 394px;
	width: 31.8%;
	border-radius: 0 0  calc(20 / var(--break02)) calc(20 / var(--break02));
	overflow: hidden;
    position: relative;
    z-index: 1;
}
.row_common34 .copy_common {
    padding: calc(12.5 / var(--break02)) 0;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background: #fa8f00;
    position: relative;
    z-index: 1;
}
.row_common34 .copy_common::before,
.row_common34 .copy_common::after
{
	content: "";
	width: calc(16 / var(--break02));
	height: calc(16 / var(--break02));
	margin: auto;
	background: url(images/page/deco05.png)no-repeat center / contain; 
	border-radius: 100%;
	position: absolute;
	inset: 0 auto;
}
.row_common34 .copy_common::before{left: calc(16 / var(--break02));}
.row_common34 .copy_common::after{right: calc(16 / var(--break02));}
.row_common34>.col:nth-of-type(3n - 1) .copy_common {background: #87601c;}
.row_common34>.col:nth-of-type(3n) .copy_common {background: #0081ca;}
@media(min-width: 768px) {
	.row_common34>.col {
		margin-right:2.3%
	}
	.row_common34>.col:last-child,.row_common30>.col:nth-of-type(3n) {
		margin-right: 0
	}
	.row_common34>.col:nth-of-type(n+4) {
		margin-top: calc(30 / var(--break03))
	}
}
@media(max-width: 767px) {
	.row_common34.flex {
		justify-content: center;
	}
    .row_common34>.col {
        width: 48.5%;
		margin-right: 3%;
    }
	.row_common34>.col:nth-of-type(2n) ,
	.row_common34>.col:last-child
	{margin-right: 0;}
	.row_common34>.col:nth-of-type(n + 3) {
		margin-top: 3.5vw
	}
	.row_common34 .copy_common::before,
	.row_common34 .copy_common::after
	{
		width: calc(28 / 750 * 100vw);
		height: calc(28 / 750 * 100vw);
	}
	.row_common34  .copy_common .fz22{
		font-size: 98%;
	}
}

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

/* decoImg
------------------------------------------------------------------*/
.decoImg {
    padding-bottom: calc(20 / var(--break04));
    position: relative;
    z-index: 1;
}
.decoImg::before {
    content: "";
    width: 100%;
    height: calc(100% - calc(20 / var(--break04)));
    margin: auto;
	background: url(images/page/pattern02.png)repeat center / auto;
	border-radius: calc(20 / var(--break04));
    position: absolute;
    top: calc(20 / var(--break04));
    right: calc(20 / var(--break04));
    z-index: -1;
}
.r_reverse .decoImg::before {
    left: calc(20 / var(--break04));
    right: auto !important;
}
.v2.decoImg::before {
	background: url(images/page/pattern06.png)repeat center / auto;
}
@media(max-width: 767px) {
	.decoImg::before {
		height: calc(100% - 2.5vw);
		background: url(images/page/pattern02.png)repeat center / calc(10 / 700 * 100vw);
		border-radius: calc(30 / 750 * 100vw);
		top: 2.5vw;
		right: 2.5vw;
	}
	.r_reverse .decoImg::before {
		left: 2.5vw;
	}

	.v2.decoImg::before {
		background: url(images/page/pattern06.png)repeat center / calc(30 / 700 * 100vw);
	}
}
/* border_common
------------------------------------------------------------------*/
.border_common{
	border-bottom: #49351f 1px solid;
}
@media(max-width: 767px) {
	
}
/* btn_common
------------------------------------------------------------------*/
.btn_common{
	max-width: 100%;
	width: calc(330 / var(--break02));
	min-height: calc(60 / var(--break02));
	color: #fff;
	background: #0081ca;
	border-radius: calc(30 / var(--break02));
	position: relative;
	z-index: 1;
}
.btn_common::before {
	content: "";
	width: calc(22 / var(--break03));
	height: calc(22 / var(--break03));
	margin: auto;
	background: url(images/page/arw.svg)no-repeat center / contain;
	position: absolute;
	inset: 0 calc(20 / var(--break03)) 0 auto;
	transition: .5s all;
	z-index: -1;
}
.btn_common.big{
	width: calc(500 / var(--break02));
	min-height: calc(100 / var(--break02));
	line-height: 1.6;
	border-radius: calc(50 / var(--break02));
}
@media(min-width: 1024px) {
	.btn_common:hover:before {
		inset: 0 calc(16 / var(--break03)) 0 auto;
		transition: .5s all;
	}
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.btn_common{
		width: calc(600 / 750 * 100vw);
		min-height: calc(100 / 750 * 100vw);
		border-radius: calc(50 / 750 * 100vw);
	}
	.btn_common::before {
		width: calc(32 / 750 * 100vw);
		height: calc(32 / 750 * 100vw);
		inset: 0 calc(30 / 750 * 100vw) 0 auto;
	}
	.btn_common .fz20{
		letter-spacing: 0;
		font-size: calc(34 / 750 * 100vw);
	}
	.btn_common .fz24{
		letter-spacing: 0;
		font-size: calc(36 / 750 * 100vw);
	}
	.btn_common.big{
		width: calc(640 / 750 * 100vw);
		min-height: calc(120 / 750 * 100vw);
		border-radius: calc(60 / 750 * 100vw);
	}
	.btn_common.big .fz20{
		font-size: calc(33 / 750 * 100vw);
	}
}

/* row_group_site
------------------------------------------------------------------*/
.row_group_site>.banner {
	max-width: 400px;
	width: 32.29%;
	position: relative;
	z-index: 1
}
@media(min-width: 768px) {
	.row_group_site>.banner {
		margin-right: 1.3%
	}
	.row_group_site>.banner:last-child,
	.row_group_site>.banner:nth-of-type(3n) 
	{margin-right: 0}
	.row_group_site>.banner:nth-of-type(n+4) {
		margin-top: calc(20 / var(--break03))
	}
}
@media(max-width: 767px) {
	.row_group_site>.banner {
		width: calc(600 / 750 * 100vw);
		margin: 0 auto calc(30 / 750 * 100vw);
	}
	.row_group_site>.banner:last-child {
		margin-bottom: 0;
	}
}


/* .row_fee_common
------------------------------------------------------------------*/
.row_fee_common>.col {
    width: 23.8%;
    padding: var(--size30px) calc(26 / var(--break02)) var(--size40px);
    text-align: center;
    background: #fff;
	border-radius: var(--size20px);
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
    position: relative;
    z-index: 1;
}

.row_fee_common>.col::before {
    content: "";
    width: calc(15 / var(--break02));
    height: calc(16 / var(--break02));
    margin: auto;
	background: url(images/page/deco.png)no-repeat center / contain;
    position: absolute;
    top: calc(10 / var(--break02));
    left: calc(10 / var(--break02));
    z-index: -1;
}

.row_fee_common .icon {
    max-width: 176px;
    width: var(--size180px);
}

.row_fee_common .copy_common {
    margin-bottom: var(--size10px);
    line-height: 1.6;
	color: #49351f;
	text-align: center;
}

.row_fee_common .text {
    line-height: 1.6;
}
@media(min-width: 768px) {
    .row_fee_common>.col {
        margin-right: 1.6%;
    }

    .row_fee_common>.col:nth-of-type(4),
    .row_fee_common>.col:last-child {
        margin-right: 0;
    }
}

@media(max-width: 767px) {
    .row_fee_common>.col {
        width: 48.5%;
        margin-right: 3%;
        font-size: 90%;
    }

    .row_fee_common>.col:nth-of-type(2n),
    .row_fee_common>.col:last-child {
        margin-right: 0;
    }

    .row_fee_common>.col:nth-of-type(n + 3) {
        margin-top: 3vw;
    }

    .row_fee_common .copy_common .fz24 {
        font-size: 110%;
    }

    .row_fee_common .orthodontic {
        padding-bottom: var(--size75px);
    }

    .row_fee_common .text_orthodontic {
        height: var(--size60px);
        font-size: 80%;
    }
}

/* box_common
------------------------------------------------------------------*/
.box_common{
	border-radius: calc(20 / var(--break02));
	border: solid calc(6 / var(--break02)) #facb00;
	overflow: hidden;
}
.deco_box_common{
	position: relative;
	z-index: 1;
}
.deco_box_common::before{	
	content: "";
	width: calc(85 / var(--break04));
	height: calc(94 / var(--break04));
	margin: auto;
	background: url(images/page/deco02.svg)no-repeat center / contain;
	position: absolute;
	inset: auto calc(-40 / var(--break03)) 0 auto;
	transition: .5s all;
	z-index: 3;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.box_common{
		padding-left: 4%;
		padding-right: 4%;
	}
	.deco_box_common{	
		padding: 0 1.5vw;
	}
	.deco_box_common::before{	
		inset: auto -3vw 0 auto;
	}	
}



/* box_num_common01
------------------------------------------------------------------*/
.box_num_common01 {
    border: 0;
    margin-bottom: var(--size55px);
	position: relative;
	z-index: 1;
}
.box_num_common01::before {
	content: "";
	width: calc(46 / var(--break03));
	height: calc(18 / var(--break03));
	margin: auto;
	background: #49351f;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	position: absolute;
	top: calc(100% + 20 / var(--break03));
	left: 0;
	right: 0;
}
.box_num_common01:last-child {
    margin-bottom: 0;
}
.box_num_common01:last-child::before {
	content: none;
}
.box_num_common01 .box_q {
	color: #fff;
	background: #00bfc9;
	cursor: auto;
}
.box_num_common01 .box_q .txt{
	position: relative;
}
.box_num_common01 .box_q .box {
	width: calc(60 / var(--break03));
    font-size: calc(30 / var(--break03));
    color: #fff;
	background: #0081ca;
	position: relative;
	z-index: 1;
}
.box_num_common01 .box_q .box span {
    padding-bottom: 0 !important;
}
.box_num_common01 .box_q .txt {
	font-size: calc(22 / var(--break03));
	color: #fff;
	background: none;
}
.box_num_common01 .box_a {
	display: block;
	padding: var(--size40px) 4% ;
	background: #fff;  
	border: 1px solid  #00bfc9;
	border-top: 0;
	border-radius: 0 0 calc(20 / var(--break03)) calc(20 / var(--break03));
	position: relative;
	z-index: 1;
}
@media (min-width: 768px) {
    .box_num_common01 .box_q .txt {
        width: calc(100% - var(--size60px));
        padding: calc(8.5 / var(--break02)) calc(50 / var(--break02)) calc(8.5/ var(--break02)) calc(30 / var(--break02));
    }
}

@media (max-width: 767px) {
    .box_num_common01 {
        margin-bottom: calc(60/ 750 * 100vw);
    }
    .box_num_common01 .box_q .box {
        width: calc(80 / 750 * 100vw) !important;
        font-size: calc(50 / 750 * 100vw);
    }
	
	.box_num_common01 .box_q .txt .icn:before{height: 1px;}
	.box_num_common01 .box_q .txt .icn::after{width: 1px;}

    .box_num_common01 .box_q .txt {
        line-height: 1.6;
        letter-spacing: 0;
        padding: 1.5vw 10vw 1.5vw 4vw;
        font-size: calc(36 / 750 * 100vw);
    }

	.box_num_common01 .box_a .box {
		width: var(--size80px);
        font-size: calc(50 / 750 * 100vw);
	}
    .box_num_common01 .box_a .wrap {
        width: 100%;
        margin-right: 0;
    }

	.box_num_common01 .box_q .txt .icn {
		top: 0;
		bottom: 0;
		right: 3.5vw;
	}
}

/* box_common02
------------------------------------------------------------------*/
.box_common02{
	background: #faea84;
	border-radius: calc(20 / var(--break02)) calc(20 / var(--break02)) 0 0;
	position: relative;
	z-index: 1;
}
.box_common02::before{
	content: "";
	width: calc(500 / var(--break04));
	height: calc(260 / var(--break04));
	margin: auto;
	background: url(images/page/pattern03.png)repeat center / auto;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
}

/* box_common03
------------------------------------------------------------------*/
.box_common03{
	background: #f2f1ed;
	border-radius: calc(20 / var(--break02));
	position: relative;
	z-index: 1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.box_common03{
		padding-left: 4%;
		padding-right: 4%;
	}
}

/* box_common04
------------------------------------------------------------------*/
.box_common04{
	background: #fff;
	border-radius: calc(20 / var(--break02));
	box-shadow: 0 0 var(--size15px) var(--size5px) rgba(68, 68, 68, .4);
	position: relative;
	z-index: 1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
}

/* box_consultation_common
------------------------------------------------------------------*/
.box_consultation_common{
	background: #fff;	
	border-radius: calc(20 / var(--break02));
	border: solid calc(6 / var(--break02)) #facb00;
	position: relative;
	z-index: 1;
}
.box_consultation_common::before{
	content: "";
	width: calc(85 / var(--break04));
	height: calc(94 / var(--break04));
	margin: auto;
	background: url(images/page/deco02.svg)no-repeat center / contain;
	position: absolute;
	inset: auto auto 0 calc(-40 / var(--break03));
	transition: .5s all;
	z-index: 3;
}
.title_consultation_common{
	line-height: .85;
	letter-spacing: .1em;
	font-size: calc(80 / var(--break04));
	text-align: center;
	color: #49351f;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
}
@media(max-width: 767px) {
	.box_consultation_common{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 7.5vw 4% 10vw;
	}	
	.box_consultation_common::before{
		inset: auto auto 0 -3vw;
	}
}

/* bg_common
------------------------------------------------------------------*/
.bg_common{
	position: relative;
	z-index: 1;
}
.bg_common::before{
	content: "";
	width: calc(227 / var(--break04));
	height: calc(189 / var(--break04));
	margin: auto;
	background: url(images/page/deco03.png)no-repeat center / contain;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {}

/* bg_common02
------------------------------------------------------------------*/
.bg_common02{
	padding-bottom: calc(60 / var(--break04));
	position: relative;
	z-index: 1;
}
.bg_common02::before{
	content: "";
	width: 100%;
	height: calc(200 / var(--break04));
	margin: auto;
	background: url(images/page/pattern06.png)repeat center / auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: -1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.bg_common02::before{
		background: url(images/page/pattern06.png)repeat center / calc(30 / 700 * 100vw);
	}
}

/* bg_common03
------------------------------------------------------------------*/
.bg_common03{
	padding: calc(50 / var(--break02)) 0 ;
	background: #faf4eb;
	position: relative;
	z-index: 1;
}
.bg_common03::before{
    content: "";
    width: 100%;
    height: calc(200 / var(--break02));
    margin: auto;
    background: url(images/page/pattern06.png)repeat center;
    clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0 100%, 0 0%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	.bg_common03::before{
		background: url(images/page/pattern06.png)repeat center ;
	}
}


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

.tbl_common02 table {
	border-color: #87601c
}
.tbl_common02 th {
	background: #87601c;
}
.tbl_common02 td {
	background: #fff;
}
.tbl_common02 tr:not(:last-child) td {
    border-bottom-color: #87601c;
}
@media(max-width: 767px) {}


/* tbl_comparison02
------------------------------------------------------------------*/
.tbl_comparison02 table {
	border: 1px solid #87601c;
}
.tbl_comparison02 th,
.tbl_comparison02 td
{width: 27.5%;}
.tbl_comparison02 .t1 {
	width: 18.5%;
	vertical-align: middle !important;
	color: #fff !important;
	background: #87601c !important;
}
.tbl_comparison02 .t2 {
	background: #faf8eb;
}
.tbl_comparison02 thead th {
	padding: 0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	background: #fff;
	border-left: 1px solid #87601c;
	border-bottom: 1px solid #87601c;
}
.tbl_comparison02 thead .t1 {
	border-left: 0;
	border-bottom: 1px solid #fff;
}
.tbl_comparison02 thead .copy {
	padding: calc(11.5 / var(--break04)) 0;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: calc(24 / var(--break03));
	color: #fff;
	background: #fa8f00;
	position: relative;
	z-index: 1;
}
.tbl_comparison02 thead .copy::before{
	content: "";
    width: 1px;
    height: 100%;
    margin: auto;
    background: #fff;
    position: absolute;
    inset: 0 100% 0 auto;
    z-index: -1;
}
.tbl_comparison02 .t2 .copy::before {
	content: none
}
.tbl_comparison02 thead .img {
	padding: calc(20 / var(--break04)) calc(14 / var(--break04));
}
.tbl_comparison02 tbody th {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
}
.tbl_comparison02 tbody td {
	line-height: 1.7;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	border-left: 1px solid #333;
}
.tbl_comparison02 tr:not(:last-child) .t1{
	border-bottom-color: #fff !important;
}
.tbl_comparison02 .t03{
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.tbl_comparison02 tr:not(:last-child) th{border-bottom-color: #333;}
.tbl_comparison02 tr:not(:last-child) td{border-bottom-color: #333;}
.tbl_comparison02 .point {
	margin-bottom: var(--size10px);
	display: block;
	line-height: 1;
	text-align: center;
	font-size: 166.6%;
}
@media(min-width: 768px) and (max-width:1599px) {
	.tbl_comparison02 table {
		font-size: 94%;
	}
}
@media(max-width: 767px) {
	.tbl_comparison02 table{
		width: calc(1800 / 750 * 100vw);
		font-size: 90%;
	}
	.tbl_comparison02 thead th {
		font-size: 120%;
	}
	.tbl_comparison02 .point {
		font-size: 150%;
	}
}

/* logo_common
------------------------------------------------------------------*/
.logo_common{
	max-width: 100%;
	width: calc(406 / var(--break02));
}
.banner_common01{
	display: block;
	max-width: 100%;
	width: calc(500 / var(--break02));
	margin-left: auto;
	margin-right: auto
}
@media(max-width: 767px) {
	.banner_common01{
		width: calc(580 / 700 * 100vw);
	}
}


/* row_contact 474
------------------------------------------------------------------*/
.row_contact{
	max-width: 100%;
	width: 560px;
}
.btn_tel_common{
	width: 320px;
	min-height: 70px;
	padding-top: 1px;
	line-height: 1;
	letter-spacing: 0;
	font-size: 30px;
	background: #facb00;
	border-radius: 35px;
	position: relative;
	z-index: 1;
}
.btn_tel_common > .s{
	padding-left: 36px;
	background: url(images/page/icn_tel.svg)no-repeat center left 10px / 20px;
	position: relative;
	z-index: 1;
}
.btn_reservation_common {
	width: 220px;
	min-height: 70px;
	padding-top: 1px;
	line-height: 1;
	letter-spacing: 0;
	font-size: 24px;
	color: #fff;
	background: url(images/page/arw.svg)no-repeat center right 10px  / 22px, #0081ca;
	border-radius: 35px;
	position: relative;
	transition: .5s all;
	z-index: 1;
}
.btn_reservation_common > .s{
	padding-left: 24px;
	background: url(images/page/icn_web.svg)no-repeat center left / 20px;
	position: relative;
	z-index: 1;
}
@media(min-width: 1025px) {
	.btn_reservation_common:hover {
		background: url(images/page/arw.svg)no-repeat center right calc(6 / var(--break02)) / 22px, #0081ca;
		transition: .5s all;
	}
}
@media(min-width: 768px) {
	.only.row_contact{
		width: 480px;
	}
	.only .btn_tel_common{
		width: 480px;
		min-height: 100px;
		font-size: 46px;
		border-radius: 50px;
	}
	.only .btn_tel_common > .s{
		padding-left: 50px;
		background: url(images/page/icn_tel.svg)no-repeat center left 0 / 30px;
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_contact{
		width: calc(560 / 1300 * 100vw);
	}
	.btn_tel_common{
		width: calc(320 / 1300 * 100vw);
		min-height: calc(70 / 1300 * 100vw);
		font-size: calc(30 / 1300 * 100vw);
	}
	.btn_tel_common > .s{
		padding-left: calc(36 / 1300 * 100vw);
		background: url(images/page/icn_tel.svg)no-repeat center left calc(10 / 1300 * 100vw) / calc(20 / 1300 * 100vw);
	}
	.btn_reservation_common {
		width: calc(220 / 1300 * 100vw);
		min-height: calc(70 / 1300 * 100vw);
		font-size: calc(24 / 1300 * 100vw);
		background: url(images/page/arw.svg)no-repeat center right calc(10 / 1300 * 100vw) / calc(22 / 1300 * 100vw), #0081ca;
		border-radius: calc(35 / 1300 * 100vw);
	}
	.btn_reservation_common > .s{
		padding-left: calc(24 / 1300 * 100vw);
		background: url(images/page/icn_web.svg)no-repeat center left / calc(20 / 1300 * 100vw);
	}

	.only.row_contact{
		width: calc(480 / 1300 * 100vw);
	}
	.only .btn_tel_common{
		width: calc(480 / 1300 * 100vw);
		min-height: calc(100 / 1300 * 100vw);
		font-size: calc(46 / 1300 * 100vw);
		border-radius: calc(50 / 1300 * 100vw);
	}
	.only .btn_tel_common > .s{
		padding-left: calc(50 / 1300 * 100vw);
		background: url(images/page/icn_tel.svg)no-repeat center left 0 / calc(30 / 1300 * 100vw);
	}
}
@media(max-width: 767px) {
	.row_contact{
		width: calc(600 / 750 * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.btn_tel_common{
		width: 100%;
		min-height: calc(120 / 750 * 100vw);
		margin-bottom: calc(40 / 750 * 100vw);
		padding-top: 1px;
		font-size: calc(50 / 750 * 100vw);
		border-radius: calc(60 / 750 * 100vw);
	}
	.btn_tel_common > .s{
		padding-left: calc(50 / 750 * 100vw);
		background: url(images/page/icn_tel.svg)no-repeat center left 0 / calc(32 / 750 * 100vw);
	}
	.btn_reservation_common {
		width: 100%;
		min-height: calc(120 / 750 * 100vw);
		padding-top: 1px;
		font-size: calc(44 / 750 * 100vw);
		background: url(images/page/arw.svg)no-repeat center right 4vw  / calc(32 / 750 * 100vw), #0081ca;		
		border-radius: calc(60 / 750 * 100vw);
	}
	.btn_reservation_common > .s{
		padding-left: calc(48 / 750 * 100vw);
		background: url(images/page/icn_web.svg)no-repeat center left / calc(34 / 750 * 100vw);
	}
} 

/* コンテンツ名 class
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 
------------------------------------------------------------------*/
.slide_main .slick-slide>.wrap01 {
	padding: calc(25 / 1920 * 100vw);
}
.slide_common04 .slick-prev,
.slide_common04 .slick-next {
	width: calc(32 / var(--break02));
	height: calc(56  / var(--break02));
	background: url(images/page/arw_slide.svg)no-repeat center / cover;
	transform: translate(0);
	top: 220px;
	margin: auto;
	z-index: 1;
}

.slide_common04 .slick-prev {
	left: -7.2%;
}

.slide_common04 .slick-next {
	right: -7.2%;
	transform: translate(0) scaleX(-1);
}

.slide_common04 .slick-prev:before,
.slide_common04 .slick-next:before {
	display: none;
}

.slide_common04 .slide_thumbnail li {
	opacity: .5;
	transition: .3s;
}

.slide_common04 .slide_thumbnail li.thumbnail-current {
	opacity: 1;
}

.slide_common04 .slide_thumbnail li:hover {
	opacity: 1;
	transition: .3s;
	cursor: pointer;
}
.slide_common04 .copy{
	display: inline-block;
	padding: calc(4 / 1600 * 100vw) calc(28 / 1600 * 100vw);
	background: rgba(255, 255, 255, .75);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media(min-width: 768px) {
	.slide_common04 .slide_thumbnail li {
		width: 18%;
		margin-right: 2.5%;
	}

	.slide_common04 .slide_thumbnail li:nth-child(5n),
	.slide_common04 .slide_thumbnail li:last-child {
		margin-right: 0;
	}

	.slide_common04 .slide_thumbnail li:nth-of-type(n + 6) {
		margin-top: 3%;
	}
}

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

	.slide_common04 .slick-prev,
	.slide_common04 .slick-next {
		width: calc(30 / 1600 * 100vw);
		height: calc(54 / 1600 * 100vw);
	}
}

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

	.slide_common04 .slick-prev,
	.slide_common04 .slick-next {
		width: calc(30 / 1300 * 100vw);
		height: calc(54 / 1300 * 100vw);
		top: min(calc(220 / 1100 * 100vw), 220px);
	}

	.slide_common04 .slick-prev {
		left: -2%;
	}

	.slide_common04 .slick-next {
		right: -2%;
	}
}

@media(max-width: 767px) {

	.slide_common04 .slick-prev,
	.slide_common04 .slick-next {
		width: calc(30 / 750 * 100vw);
		height: calc(54 / 750 * 100vw);
		top: 20vw;
	}

	.slide_common04 .slick-prev {
		left: -1.5vw;
	}

	.slide_common04 .slick-next {
		right: -1.5vw;
	}

	.slide_common04 .slide_main .slick-slide>.wrap01 {
		padding: 4vw 5vw;
	}

	.slide_common04 .ttl {
		font-size: 110%;
		letter-spacing: 0;
	}

	.slide_common04 .slide_thumbnail li {
		width: 23.5%;
		margin-right: 2%;
	}

	.slide_common04 .slide_thumbnail li:nth-child(4n),
	.slide_common04 .slide_thumbnail li:last-child {
		margin-right: 0;
	}

	.slide_common04 .slide_thumbnail li:nth-of-type(n + 5) {
		margin-top: 3%;
	}
}

/* 
------------------------------------------------------------------*/
.slider_case .slick-prev,
.slider_case .slick-next,
.slider_case .slick-prev:hover,
.slider_case .slick-next:hover,
.slider_case .slick-prev:focus,
.slider_case .slick-next:focus {
	width: calc(30 / var(--break02));
	height: calc(54  / var(--break02));
	background: url(images/page/arw_slide.svg)no-repeat center / cover;
	z-index: 1;
	top: calc(-75 / var(--break03));
	bottom: 0;
	margin: auto;
	transform: none;
}

.slider_case .slick-prev:before,
.slider_case .slick-next:before {
	display: none;
}

.slider_case .slick-prev {
	left: 2.5%;
}

.slider_case .slick-next {
	right: 2.5%;
	transform: scaleX(-1) !important;
}

.slider_case.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}
.slider_case .slick-dots{
	margin-top: var(--size30px);
	position: relative;
	bottom: auto;
}
.slider_case li button:before {
	width: calc(12 / var(--break02));
	height: calc(12 / var(--break02));
	opacity: 1;
	background: #cce6f4;
	font-size: 0;
	border-radius: 100%;
}
.slider_case .slick-dots li.slick-active button:before {
	opacity: 1;
	background: #0081ca;
}

.slider_case .slick-list{
	padding: 0 !important;
}
.slider_case .slick-dots li:only-child {
	display: none;
}
@media(min-width: 768px){
	.inner_case_common{
		width: 94%;
	}
}
@media(min-width: 768px) and (max-width:1399px) {
	.slider_case .slick-prev,
	.slider_case .slick-next,
	.slider_case .slick-prev:hover,
	.slider_case .slick-next:hover,
	.slider_case .slick-prev:focus,
	.slider_case .slick-next:focus 
	{top: calc(-276 / 1500 * 100vw);}
}
@media(max-width: 767px) {
	.area_case_common01{
		width: calc(702 / var(--break02));
	}
	.area_case_common01 .box_case{
		width: calc(702 / var(--break02));
	}
	.copy_case02{
		width: 100%;
		margin-bottom: var(--size20px);
		line-height: 1;
		letter-spacing: 0;
	}
	.box_case02{
		padding: var(--size40px) 5vw;
	}
	.slider_case .slick-prev,
	.slider_case .slick-next,
	.slider_case .slick-prev:hover,
	.slider_case .slick-next:hover,
	.slider_case .slick-prev:focus,
	.slider_case .slick-next:focus {
		width: var(--size45px);
		height: var(--size80px);
		z-index: 1;
		top: 66.5vw;
		bottom: auto;
	}

	.slider_case .slick-prev {
		left: 7.5%;
	}
	.slider_case .slick-next {
		right: 7.5%;
		transform: scaleX(-1) !important;
	}

	.slider_case .slick-dots{
		margin-top: var(--size20px);
	}
	.slider_case li button:before {
		width: var(--size20px);
		height: var(--size20px);
	}
	.slider_case .slick-dots li{margin: 0;}
}


/* box_case_common02
------------------------------------------------------------------*/
.box_case_common02{
	padding: calc(50 / var(--break02)) 4% calc(60 / var(--break02));
	background: url(images/page/bg_case_common02.jpg)no-repeat center / cover;
}
.row_case_common02 > .col{
	width: 48%;
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.box_case_common02{padding: 5vw 2% 6vw;}
	.row_case_common02 > .col{width: 49%;}
	.row_case_common02 .copy_common{line-height: 1.6;}
}



/* リスク・副作用
------------------------------------------------------------------*/
.box_risk01{
	background: #f2f1ed;
	border-radius: calc(20 / var(--break) * 100vw);
}
.box_risk01 .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	background: #f2f1ed;
	padding-right: calc(50 / var(--break) * 100vw);
}
.box_invisalign {
	max-width: 1000px;
	background: #f2f1ed;
	border-radius: calc(20 / var(--break) * 100vw);
}
.box_invisalign .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	padding-right: calc(50 / var(--break) * 100vw);
}
/* パーフェクトスクロールバー */
.risk .ps__thumb-y, .box_invisalign .ps__thumb-y {
	background: #0081ca !important;
	right: 0px !important;
	width: 4px !important;
}
.risk .ps--active-x > .ps__rail-x,
.risk .ps--active-y > .ps__rail-y, .box_invisalign .ps--active-x > .ps__rail-x,
.box_invisalign .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, .box_invisalign .ps .ps__rail-x.ps--clicking, .box_invisalign .ps .ps__rail-x:focus, .box_invisalign .ps .ps__rail-x:hover, .box_invisalign .ps .ps__rail-y.ps--clicking, .box_invisalign .ps .ps__rail-y:focus, .box_invisalign .ps .ps__rail-y:hoverr {
	opacity: 1!important;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 751px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.box_risk01 .box {
		padding-right: 4vw;
		max-height: calc(420 / var(--break) * 100vw);
	}
	.box_risk01 .ttl, .box_invisalign .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.box_risk01 .txt {
		letter-spacing: 0;
	}
	.sp.risk .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .sp.risk .ps-container > .ps-scrollbar-y-rail, .box_invisalign .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .box_invisalign .ps-container > .ps-scrollbar-y-rail {
		right: 0!important;
		width: 2px!important;
	}
}


/* 採用情報 recruit
------------------------------------------------------------------*/
.tbl_guideline01:not(:last-child) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}
.tbl_guideline01 table {
	border-color: ;
}
.tbl_guideline01 th {
	background: ;
}
.tbl_guideline01 tr:not(:last-child) td {
	border-bottom-color: ;
}
.tbl_form01 th {
	color: #000000;
}
.tbl_form01 td input,
.tbl_form01 td textarea {
	background: #f7f7f4;;
}
.tbl_form01 .require span:after {
	color: #fff;
	background-color: #0081ca;
}
.btn_submit input {
	border: none;
	background: #0081ca;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.tbl_guideline01 td a {
		text-decoration: underline;
		color: var(--guideline-color);
	}
}

/* clinic
------------------------------------------------------------------*/
.bg_clinic {
	padding-top: calc(260 / var(--break04));
	position: relative;
	z-index: 1;
}
.bg_clinic::before {
	content: "";
	width: 100%;
	height: calc(540 / var(--break04));
	margin: auto;
	background: url(images/clinic/bg_staff01.jpg)no-repeat center / cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.box_clinic{
	position: relative;
	z-index: 1;
}
.box_clinic::before{	
	content: "";
	width: calc(158 / var(--break04));
	height: calc(178 / var(--break04));
	margin: auto;
	background: url(images/page/deco02.svg)no-repeat center / contain;
	position: absolute;
	inset: auto 0 calc(100% - 20 / var(--break03));
	transition: .5s all;
	z-index: 3;
}
.bg_clinic_slider {
	position: relative;
	z-index: 1;
}
.bg_clinic_slider::before {
	content: "";
	width: 100%;
	height: calc(60 / var(--break02));
	margin: auto;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {}

/* row_clinic_common
------------------------------------------------------------------*/
.row_clinic_common{
	position: relative;
	z-index: 1;
}
.row_clinic_common > .bg{
	width: 50%;
	height: 100%;
	margin: auto;
	background: url(images/clinic/bg_clinic02.jpg)no-repeat center / cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.row_clinic_common > .bg::before{
	content: "";
	width: calc(168 / var(--break04));
	height: calc(212 / var(--break04));
	margin: auto;
	background: url(images/page/deco01.svg)no-repeat center / cover;
	position: absolute;
	bottom: calc(-20 / var(--break04));
	right: 0;
	z-index: 2;
}
.row_clinic_common>.areaText{
	width: 50%;
	min-height: calc(560 / var(--break04));
	padding: calc(60 / var(--break04)) 4% ;
	position: relative;
	z-index: 1;
}
.row_clinic_common>.areaText::before{
	content: "";
	width: calc(225 / var(--break04));
	height: calc(189 / var(--break04));
	margin: auto;
	background: url(images/page/deco04_gray.png)no-repeat center / cover;
	position: absolute;
	bottom: calc(-20 / var(--break04));
	left: 0;
	z-index: 2;
}
.row_clinic_common>.areaText>.wrap{
	max-width: 680px;
	margin: auto;
}
.row_clinic_common.reverse > .bg{
	left: 0;
	right: auto;
}
.row_clinic_common.reverse > .bg::before{
	left: 0;
	right: auto;
}
.row_clinic_common.reverse>.areaText{
	margin-left: auto;
}

.row_clinic_common.reverse>.areaText::before{
	left: auto;
	right: 0;
	transform: scale(-1, 1);
}
.row_clinic_common.row02 > .bg{background: url(images/clinic/bg_clinic03.jpg)no-repeat center / cover;}
.row_clinic_common.row03{margin-bottom: calc(200 / var(--break03));}
.row_clinic_common.row03 > .bg{background: url(images/clinic/bg_clinic04.jpg)no-repeat center / cover;}
.row_clinic_common.row05 > .bg{background: url(images/clinic/bg_clinic05.jpg)no-repeat center / cover;}

.copy_clinic_common{
	color: #49351f;
	text-align: center;
}
.num_clinic01{
	max-width: 100%;
	width: calc(222 / var(--break04));
	margin: 0 auto calc(20 / var(--break04));
}
.num_clinic02{
	max-width: 100%;
	width: calc(245 / var(--break04));
	margin: 0 auto calc(28 / var(--break04));
}
.num_clinic03 {
    max-width: 100%;
    width: calc(253 / var(--break04));
    margin: 0 auto calc(20 / var(--break04));
}
.num_clinic05 {
    max-width: 100%;
    width: calc(261 / var(--break04));
    margin: 0 auto calc(20 / var(--break04));
}
@media(min-width: 768px) {
	.copy_clinic_common > .fz30{
		font-size: calc(30 /var(--break04));
	}
}
/* @media(min-width: 768px) and (max-width:1299px) {} */
@media(max-width: 767px) {
	
.row_clinic_common{
	position: relative;
	z-index: 1;
}
.row_clinic_common > .bg{
	width: 100%;
	height: calc(480 / 750 * 100vw);
	position: relative;
}

.row_clinic_common>.areaText{
	width: 100%;
}
.row_clinic_common>.areaText::before{
	content: "";
	width: calc(225 / var(--break04));
	height: calc(189 / var(--break04));
	margin: auto;
	background: url(images/page/deco04_gray.png)no-repeat center / cover;
	position: absolute;
	bottom: calc(-20 / var(--break04));
	left: 0;
	z-index: 2;
}
.row_clinic_common>.areaText>.wrap{
	max-width: 680px;
	margin: auto;
}
.row_clinic_common.reverse > .bg{
	left: 0;
	right: auto;
}
.row_clinic_common.reverse > .bg::before{
	left: 0;
	right: auto;
}
.row_clinic_common.reverse>.areaText{
	margin-left: auto;
}

.row_clinic_common.reverse>.areaText::before{
	left: auto;
	right: 0;
	transform: scale(-1, 1);
}
.row_clinic_common.row02 > .bg{background: url(images/clinic/bg_clinic03.jpg)no-repeat center / cover;}
.row_clinic_common.row03{margin-bottom: calc(200 / var(--break03));}
.row_clinic_common.row03 > .bg{background: url(images/clinic/bg_clinic04.jpg)no-repeat center / cover;}
.row_clinic_common.row05 > .bg{background: url(images/clinic/bg_clinic05.jpg)no-repeat center / cover;}

.copy_clinic_common{
	color: #49351f;
	text-align: center;
}
.num_clinic01{
	max-width: 100%;
	width: calc(222 / var(--break04));
	margin: 0 auto calc(20 / var(--break04));
}
.num_clinic02{
	max-width: 100%;
	width: calc(245 / var(--break04));
	margin: 0 auto calc(28 / var(--break04));
}
.num_clinic03 {
    max-width: 100%;
    width: calc(253 / var(--break04));
    margin: 0 auto calc(20 / var(--break04));
}
.num_clinic05 {
    max-width: 100%;
    width: calc(261 / var(--break04));
    margin: 0 auto calc(20 / var(--break04));
}
}
/* bg_staff 
------------------------------------------------------------------*/
.tag_name02 .tag{
	width: calc(100 / var(--break02));
	height: calc(100 / var(--break02));
	line-height: 1.4;
	font-size: calc(20 / var(--break02));
	color: #fff;
	background: #0081ca;
	border-radius: 100%;
	position: relative;
	z-index: 1;
}
.tag_name02 .name_jp{
	letter-spacing: .05em;
	padding: 0 calc(20 / var(--break02)) 0 calc(26 / var(--break02));
}
.tag_name02 .name_en{
	color: #0081ca;
}

.bg_staff {
	position: relative;
	z-index: 1;
}
.bg_staff::before {
	content: "";
	width: 100%;
	height: calc(120 / var(--break02));
	margin: auto;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.bg_staff .img_staff{
	position: relative;
	z-index: 1;
}
.bg_staff .img_staff::before{
	content: "";
	width: calc(227 / var(--break04));
	height: calc(189 / var(--break04));
	margin: auto;
	background: url(images/page/deco03.png)no-repeat center / contain;
	position: absolute;
	bottom: calc(-30 / var(--break04));
	right: calc(-30 / var(--break04));
	z-index: 1;
}
.copy_staff .s{
	display: inline-block;
	padding: 0 calc(60 / var(--break04));
	position: relative;
	z-index: 1;
}
.copy_staff .s::before,
.copy_staff .s::after
{
	content: "";
	width: calc(36 / var(--break04));
	height: calc(41 / var(--break04));
	margin: auto;
	background: url(images/index/deco-title02.png)no-repeat center / contain;
	position: absolute;
	inset: 0 auto;
	z-index: -1;
}
.copy_staff .s::before{
	right: 0;
	transform: scale(-1, 1);
}
.copy_staff .s::after{
	left: 0;
}
@media(min-width: 768px) {
	.row_staff > .col_img{
		max-width: 460px;
		width: 38%;
	}
	.row_staff > .col_txt{
		width: 58%;
	}
}
@media(max-width: 767px) {
	.row_staff> .col_img{
		width: calc(450 / 750 * 100vw) !important; 
		margin: 0 auto 6vw;
	}
	.bg_staff .img_staff::before{
		bottom: -2vw;
		right: -2vw;
	}
}

/* bg_access
------------------------------------------------------------------*/
.bg_access {
	position: relative;
	z-index: 1;
}
.bg_access::before {
	content: "";
	width: 100%;
	height: calc(60 / var(--break02));
	margin: auto;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.copy_access_common{
	padding-bottom: calc(18 / var(--break02));
	color: #49351f;
	border-bottom: 1px solid #49351f;
	position: relative;
	z-index: 1;
}
.copy_access_common .deco{
	min-height: calc(40 / var(--break02));
	padding-left: calc(60 / var(--break02));
	position: relative;
	z-index: 1;
}
.copy_access_common .deco::before{
	content: "";
	width: calc(40 / var(--break02));
	height: calc(40 / var(--break02));
	margin: auto;
	background: url(images/access/icon_car.png)no-repeat center / contain;
	position: absolute;
	inset: 0 auto 0 0;
}
.copy_access_common.v2 .deco::before{background: url(images/access/icon_train.png)no-repeat center /  contain;}
@media(min-width: 768px) {
	.row_access01 > .col_l{
		max-width: 520px;
		width: 50%;
	}
	.row_access01 > .col_r{
		max-width: 500px;
		width: 45%;
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.copy_access_common .deco{
		min-height: calc(48 / 750 * 100vw);
		padding-left: calc(60 / var(--break02));
	}
	.copy_access_common .deco::before{
		width: calc(48 / 750 * 100vw);
		height: calc(48 / 750 * 100vw);
		inset: 0 auto 0 -.25vw;
	}
	.row_access01 > .col_l{
		width: 100%;
	}
	.row_access01 > .col_r{
		width: 100%;
	}
}
/* bg_access
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}

/* お問い合わせ contact
------------------------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }
@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 {
	margin-bottom: calc(4 / var(--break) * 100vw);
	font-size: 1.25rem;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #49351f;
	background: #facb00;
	line-height: calc(40 / var(--break) * 100vw);
	border-radius: calc(25 / var(--break) * 100vw);
	text-align: center;
}
#sidebar caption {
	margin-bottom: calc(5 / var(--break) * 100vw);
}
#wp-calendar {
	width: 100%;
	margin-bottom: calc(10 / var(--break) * 100vw);
}
#wp-calendar thead th {
	background: #faf4eb;
	border: 1px solid #faf4eb;
	border-right-color: #faf4eb;
	font-size: .8125rem;
	font-weight: normal;
}
#wp-calendar tbody td {
	border: 1px solid #faf4eb;
	text-align: center;
	font-size: .875rem;
	line-height: 1.8;
}
#wp-calendar tbody td a {
	color: #0081ca;
	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 / var(--break) * 100vw);
	line-height: 1.5;
}
.wp-calendar-nav-prev{padding-left: calc(10 / var(--break) * 100vw);}
.wp-calendar-nav-next{padding-right: calc(10 / var(--break) * 100vw);}
.wp-calendar-nav a{
	padding-bottom: calc(3 / var(--break) * 100vw);
	color: #0081ca;
	border-bottom: 1px solid #0081ca;
	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 {
	color: #0081ca;
	border-bottom: 1px solid #0081ca;
	padding-bottom: calc(4 / var(--break) * 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 / var(--break) * 100vw);
}
.navigation li {
	width: calc(170 / var(--break) * 100vw);
}
.navigation .navitop {
	text-align: center;
}
.navigation .naviright {
	text-align: right;
}
.navigation li a {
	padding-bottom: calc(4 / var(--break) * 100vw);
	border-bottom: 1px solid #faf4eb;
}
.post_content img {
	max-width: 100%;
	height: auto;
}
.date_single {
	display: block;
	text-align: right;
	font-size: .8125rem;
	margin-top: calc(-30 / var(--break) * 100vw);
	margin-bottom: calc(40 / var(--break) * 100vw);
}
.post_content {
	line-height: 1.75;
}
.thmb {
	width: calc(120 / var(--break) * 100vw);
}
.thmb img {
	height: calc(120 / var(--break) * 100vw);
	object-fit: cover;
}
.thmb a:hover .img_thmb {
	opacity: .75;
}
.txt_post {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}
.page_main section.blog_archive {
	padding-bottom: calc(35 / var(--break) * 100vw);
	border-bottom: 1px solid #49351f;
}
.post_main section.blog_archive:not(:last-child) {
	margin-bottom: calc(40 / var(--break) * 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-size: 1.25rem;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .1em;
}
.blog_archive .txt_post .date {
	color: #0081ca;
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.txt_post .txt_excerpt {
	line-height: 1.75;
	margin-top: calc(8 / var(--break) * 100vw);
}
.txt_post .txt_excerpt .more {
	color: #0081ca;
	text-decoration: underline;
}
.page_main .wp-pagenavi {
	margin-top: calc(60 / var(--break) * 100vw);
	text-align: center;
	font-size: .875rem;
}
.page_main .wp-pagenavi a, .page_main .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #0081ca;
	color: #0081ca;
	padding: 0 calc(10 / var(--break) * 100vw);
	margin: calc(2 / var(--break) * 100vw);
	display: inline-block;
}
.page_main .wp-pagenavi span.pages {
	padding: 0 calc(11 / var(--break) * 100vw);
}
.page_main .wp-pagenavi a:hover, .page_main .wp-pagenavi span.current {
	border-color: #0081ca;
	background: #0081ca;
	color: #fff;
}
.page_main .wp-pagenavi span.current {
	font-weight: normal;
}
.post_content li {
	list-style: inherit;
	margin-left: 1.5em;
}

.single_post>h3 {
    padding: calc(16 / var(--break02));
    letter-spacing: .1em;
    line-height: 1.5;
    font-size: calc(26 / var(--break03));
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #49351f;
    background: #facb00;
	border-radius: calc(20 / var(--break02));
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.single_post>h3::before {
	content: "";
	width: calc(225 / var(--break03));
	height: calc(83 / var(--break03));
	margin: auto;
	background: url(images/page/hdg3_deco_shigle.png)no-repeat center / contain;
	position: absolute;
	top: 0;
	right: 0;
}
.post_content > h4{
	margin-bottom: calc(35 / var(--break) * 100vw );
	padding: calc(14 / var(--break02));
	padding-left: calc(58 / var(--break02));
	letter-spacing: .1em;
	line-height: 1.5;
	font-size: calc(20 / var(--break03));
	color: #fff;
	background: #0081ca;
	border-radius: calc(30  / var(--break03));
	position: relative;
	z-index: 1;
}
.post_content > h4::before{
	content: "";
	width: calc(19 / var(--break02));
	height: calc(20 / var(--break02));
	margin: auto;
	background: url(images/page/deco08_white.png)no-repeat center / contain;
	position: absolute;
	inset: 0 auto 0 calc(22 / var(--break02));
	z-index: -1;
}
.post_content > h5{
	margin-bottom: calc(35 / var(--break) * 100vw );
	padding: calc(14 / var(--break02)) calc(20 / var(--break02));
	letter-spacing: .1em;
	line-height: 1.5;
	font-size: calc(20 / var(--break03));
	color: #49351f;
	background: url(images/page/pattern03.png)repeat center / auto;
	border-radius: calc(30  / var(--break03));
	position: relative;
	z-index: 1;
}
#sidebar .category h4{
	margin-bottom: calc(20 / var(--break) * 100vw );
}
#sidebar .category ul{
	gap:calc(10 / var(--break) * 100vw ) 3%;
}
#sidebar .category ul li{
	font-size: 1rem;
	width: auto;
	overflow: visible;
	white-space:normal;
}
#sidebar .category ul li a{
	border: 1px solid #0081ca;
	background: #0081ca;
	color: #fff;
	padding: calc(4 / var(--break) * 100vw ) calc(8 / var(--break) * 100vw );
	line-height: 1.6;
}
#sidebar .category ul li a.is-active{
	background: #fff;
	color: #0081ca;
}

@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.page_main {
		display: block!important;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar h4 {
		line-height: calc(80 / var(--break) * 100vw);
	}
	.post_main {
		width: 100%;
		margin-bottom: 20vw;
	}
	.thmb {
		width: calc(210 / var(--break) * 100vw);
	}
	.thmb img {
		height: calc(210 / var(--break) * 100vw);
	}
	.txt_post {
		width: calc(100% - calc(240 / var(--break) * 100vw));
	}
	.txt_post h4 {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.navigation li {
		width: calc(200 / 750 * 100vw);
	}
	.page_main .wp-pagenavi span.pages,.page_main .wp-pagenavi a, .page_main .wp-pagenavi span {
		padding: .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;
		font-size: 1.1875rem;
	}
	.post_content > h4,.post_content > h5{
		letter-spacing: 0;
		font-size: 1.125rem;
	}
	#sidebar .category ul li a{
		border-radius: calc(8 / var(--break)* 100vw);
		padding: calc(4 / var(--break)* 100vw) calc(14 / var(--break)* 100vw);
	}
}


/* フォーマット format
------------------------------------------------------------------*/
.format {
	padding-bottom: calc(140 / var(--break) * 100vw);
}
.wrap_format01:not(:last-of-type) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}
.img_format01 {
	max-width: 1000px;
}
.row_format01 .col_img {
	width: 46%;
	max-width: 570px;
}
.row_format01 .col_txt {
	width: 50%;
}
.list_format01 li {
	max-width: 425px;
}
.row_format03 .col_img {
	width: 29%;
	max-width: 350px;
}
.row_format03 .col_txt {
	width: 67%;
}
.row_format03 .copy {
	border-bottom: 1px solid #333;
}
.row_format03 .copy:before {
	content: "";
	position: absolute;
	width: calc(20 / var(--break) * 100vw);
	height: calc(20 / var(--break) * 100vw);
	left: 0;
	top: .4em;
	background: #333;
}
.txt_format01 {
	max-width: 1000px;
}
.tbl_fee {
	max-width: 1000px;
}
.tbl_fee table {
	border-color: #;
}
.tbl_fee th {
	background: #;
}
.tbl_fee thead th {
	background: #;
	text-align: center;
}
.tbl_fee thead tr th:not(:last-of-type) {
	border-right: 1px solid #fff;
}
.tbl_fee tr:not(:last-child) td {
	border-bottom-color: #;
}
.tbl_fee tbody tr td:not(:last-of-type) {
	border-right: 1px solid #;
}
.tbl_fee01 tbody th {
	text-align: center;
}
.wrap_format01 .box_flow:last-of-type:before {
	display: none;
}
.box_format03 .col_img {
	width: 31%;
	max-width: 345px;
}
.box_format03 .col_txt {
	width: 65%;
}
.row_format04 .col {
	width: 31.8%;
	max-width: 394px;
	margin-right: 2.3%;
}
.row_format04 .col:nth-child(3n), .row_format04 .col:last-child {
	margin-right: 0;
}
.row_format04 .col:not(:nth-child(-n+3)) {
	margin-top: calc(60 / var(--break) * 100vw);
}
.wrap_format01 .box_num_common01 {
	border: none;
	margin-bottom: calc(60 / var(--break) * 100vw);
}
.wrap_format01 .box_num_common01 .box_a .box {
	width: calc(60 / var(--break) * 100vw);
	height: calc(60 / var(--break) * 100vw);
	left: 0;
	top: 0;
}
.wrap_format01 .box_num_common01 .box_a {
	padding-top: calc(30 / var(--break) * 100vw);
	padding-left: calc(100 / var(--break) * 100vw);
}
.box_format04 .ttl {
	font-weight: 300;
	height: calc(50 / var(--break) * 100vw);
}
.list_format02 li:not(:first-child) {
	margin-top: calc(14 / var(--break) * 100vw);
}
.list_format02 .year {
	width: calc(140 / var(--break) * 100vw);
}
.list_format02 .txt {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}
.risk_format {
	border: 1px solid #333;
}
.risk_format .box{
	overflow-y: scroll;
	max-height: 280px;
	scrollbar-color: #333 #fff;
    scrollbar-width: thin;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.format {
		padding-bottom: 17vw;
	}
	.wrap_format01:not(:last-of-type) {
		margin-bottom: 20vw;
	}
	.img_format01 {
		max-width: 100%;
	}
	.box_format01 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.list_format01 li {
		max-width: 100%;
	}
	.row_format03 .copy {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.row_format03 .copy:before {
		top: .55em;
	}
	.txt_format01 {
		max-width: calc(646 / var(--break) * 100vw);
	}
	.tbl_fee {
		max-width: 100%;
	}
	.tbl_fee01 tbody th {
		text-align: left;
	}
	.box_format03 {
		display: block;
	}
	.box_format03 .copy {
		font-size: 1.125rem;
	}
	.row_format04 {
		display: block;
	}
	.row_format04 .col {
		width: 100%;
		max-width: calc(600 / var(--break) * 100vw);
		margin: 0 auto!important;
	}
	.row_format04 .col:not(:first-child) {
		margin-top: calc(60 / var(--break) * 100vw);!important;
	}
	.row_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.wrap_format01 .box_num_common01 .box_a .box {
		width: calc(80 / var(--break) * 100vw);
		height: calc(80 / var(--break) * 100vw);
		font-size: 1.5625rem;
	}
	.tbl_format01.js-scrollable table {
		width: calc(1200 / var(--break) * 100vw);
		font-size: .875rem;
	}
	.img_format02 {
		max-width: calc(500 / var(--break) * 100vw);
	}
	.name_format .job {
		font-size: .875rem;
		letter-spacing: 0;
	}
	.name_format .ja {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	.box_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
		height: calc(80 / var(--break) * 100vw);
	}
	.list_format02 li:not(:first-child) {
		margin-top: 2vw;
	}
	.list_format02 .year {
		width: calc(200 / var(--break) * 100vw);
	}
	.list_format02 .txt {
		width: calc(100% - calc(200 / var(--break) * 100vw));
	}
}