@charset "utf-8";
:root {
	--font-size-text: min(calc(20 / 1920 * 100vw), 20px);
}
@media screen and (max-width: 1279px) {
	:root {
		--font-size-text: 17px;
	}
}
@media screen and (max-width: 767px) {
	:root {
		--font-size-text: min(calc(16 / 390 * 100vw), 16px);
	}
}
body {
    position: relative;
    font-family: "Noto Sans JP", serif;
    font-style: normal;
    color: #555;
    letter-spacing: .08em;
    /* line-height: 2.0; */
    background-color: #fff;
}
/*
共通パーツ*/
.pc_set, .tb_set, .sp_set {
    display: contents;
}
.tb_block, .tb_on, .sp_block, .sp_on {
    display: none;
}
@media screen and (max-width: 1279px) {
    .tb_on {
        display: inline;
    }
    .tb_block {
        display: block;
    }
    .tb_off {
        display: none;
    }
    .tb_set {
        display: block;
    }
    .tb_unset {
        display: contents;
    }
}
@media screen and (max-width:767px) {
    .sp_on {
        display: inline;
    }
    .sp_block {
        display: block;
    }
    .sp_off {
        display: none;
    }
    .sp_unset {
        display: contents;
    }
}


/*unit_sub_mv
MV*/
.unit_sub_mv {
	padding-top:min(calc(40 / 1920 * 100vw), 40px);
}

.unit_sub_mv .mv_inner{
    position: relative;
    width: min(calc(1536 / 1920 * 100vw), 1536px);
    margin:0 auto;
    padding-bottom: min(calc(56 / 1920 * 100vw), 56px);
}

.unit_sub_mv .mv_inner .mv_ttl{
    position: absolute;
    z-index: 1;
    width:54.17%;
    color: #FFF;
    text-align: right;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; 
    letter-spacing:.04em;
    aspect-ratio: 832 / 376;
    bottom:0;
    right:0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: min(calc(75 / 1920 * 100vw), 75px);
}

.unit_sub_mv .mv_inner .mv_ttl .dec_kana{
    letter-spacing: max(calc(-0.08 / 1920 * 100vw), -0.08px);
}

.unit_sub_mv .mv_inner .mv_ttl::after{
    content: "";
    display: block;
    position: absolute;
    z-index:-1;
    background-color: #104080;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 100%;
    height:100%;
    opacity: .7;
    clip-path: polygon(min(calc(40 / 1920 * 100vw), 40px) 0, 100% 0%, 100% 100%, 0% 100%);
}

.unit_sub_mv .mv_inner .mv_img{
    width:56.77%;
    clip-path: polygon(0 0, 100% 0%, calc(100% - min(calc(48 / 1920 * 100vw), 48px)) 100%, 0 100%);
}

@media screen and (max-width: 1279px) {
.unit_sub_mv {
	padding-top:16px;
}

.unit_sub_mv .mv_inner{
	width:100%;
	padding-bottom:56px;
}

.unit_sub_mv .mv_inner .mv_ttl{
	width:54.17%;
	font-size: 32px;
	font-weight: 400;
aspect-ratio: 416 / 296;
	padding-right:calc(60 / 768 * 100vw);
}
.unit_sub_mv .mv_inner .mv_ttl .dec_kana{

	letter-spacing:-.08em;

}
.unit_sub_mv .mv_inner .mv_ttl::after{
	content: "";
	display: block;
	position: absolute;
	z-index:-1;
	background-color: var(--primary-color);;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	width: 100%;
	height:100%;
	opacity: .7;
	clip-path: polygon(40px 0, 100% 0%, 100% 100%, 0% 100%);
}

.unit_sub_mv .mv_inner .mv_img{
width:65.10%;
clip-path: polygon(0 0, 100% 0%, calc(100% - 48px) 100%, 0 100%);
}
}
@media screen and (max-width:767px) {
.unit_sub_mv {
    padding-top: min(calc(18 / 390 * 100vw), 18px);
}

.unit_sub_mv .mv_inner{
    width:100%;
    padding-bottom: min(calc(152 / 390 * 100vw), 152px);
}

.unit_sub_mv .mv_inner .mv_ttl{
    width:75.90%;
    font-size: min(calc(24 / 390 * 100vw), 32px);
    aspect-ratio: 296 / 200;
    padding-right: min(calc(19 / 390 * 100vw), 19px);
}
.unit_sub_mv .mv_inner .mv_ttl::after{
    content: "";
    display: block;
    position: absolute;
    z-index:-1;
    background-color: var(--primary-color);;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    width: 100%;
    height:100%;
    opacity: .7;
    clip-path: polygon(min(calc(24 / 390 * 100vw), 24px) 0, 100% 0%, 100% 100%, 0% 100%);
}

.unit_sub_mv .mv_inner .mv_img{
    width:94.36%;
    clip-path: polygon(0 0, 100% 0%, calc(100% - min(calc(30 / 390 * 100vw), 30px)) 100%, 0 100%);
}
}





/*unit_intro
院内ツアー*/
.unit_intro {
    padding: min(calc(128 / 1920 * 100vw), 128px) 0 min(calc(104 / 1920 * 100vw), 104px);
}
.unit_intro .unit_intro_inner {
    width: 84.167%;
    margin: 0 auto;
}
.unit_intro .ttl_intro {
    color: #264880;
    text-align: center;
    font-family: "Noto Serif JP", serif;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.0;
    letter-spacing: .04em;
    margin-bottom: min(calc(88 / 1920 * 100vw), 88px);
}
.unit_intro .ttl_intro-sub {
    font-size: 0.66em;
}
.unit_intro .text00 {
    color: #555;
    text-align: center;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    max-width: 900px;
    margin-inline: auto;
}
@media screen and (max-width: 1279px) {
    .unit_intro {
        padding: 96px 0 88px;
    }
    .unit_intro .unit_intro_inner {
        width: 640px;
        max-width: 87.18%;
    }
    .unit_intro .ttl_intro {
        font-size: 40px;
        margin-bottom: 72px;
    }
    .unit_intro .text00 {
        font-size: 17px;
    }
}
@media screen and (max-width: 767px) {
    .unit_intro {
        padding: min(calc(80 / 390 * 100vw), 80px) 0;
    }
    .unit_intro .ttl_intro {
        font-size: min(calc(36 / 390 * 100vw), 36px);
        margin-bottom: min(calc(56 / 390 * 100vw), 56px);
    }
    .unit_intro .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        text-align: left;
    }
}
/*unit01
受付・待合室*/
.unit01 {
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    max-width: 1920px;
}
.unit01 .unit01_inner {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
    display: flex;
    gap: 0 5.95%;
    justify-content: flex-end;
    align-items: center;
}
.unit01.reverse .unit01_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
}
.unit01 .unit01_inner .box_text {
    width: 26.61%;
}
.ttl_unit01 {
    position: relative;
    z-index: 0;
    color: #264880;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    padding-bottom: min(calc(18 / 1920 * 100vw), 18px);
    margin-bottom: min(calc(88 / 1920 * 100vw), 88px);
}
.ttl_unit01::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    left: 0;
    bottom: 0;
    width: 200%;
    height: 1px;
}
.unit01 .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}
.reverse .ttl_unit01::after {
    left: auto;
    right: 0;
}
.unit01 .unit01_inner .box_img {
    width: 56.93%;
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit01.reverse .unit01_inner .box_img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1279px) {
    .unit01 {
        margin-bottom: 96px;
        overflow: hidden;
    }
    .unit01 .unit01_inner, .unit01.reverse .unit01_inner {
        overflow: unset;
        width: 89.58%;
        justify-content: space-between;
        gap: 0;
        align-items: center;
    }
    .unit01 .unit01_inner .box_text {
        width: 37.21%;
    }
    .ttl_unit01 {
        font-size: 40px;
        padding-bottom: 24px;
        margin-bottom: 56px;
    }
    .ttl_unit01::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        width: 200%;
        height: 1px;
    }
    .unit01 .text00 {
        font-size: 17px;
    }
    .unit01 .unit01_inner .box_img {
        width: 61.63%;
        clip-path: polygon(67px 0px, 100% 0%, 100% 100%, 0% 100%);
        margin-right: calc(50% - 50vw);
    }
    .unit01.reverse .unit01_inner .box_img {
        clip-path: polygon(0 0, calc(100% - 67px) 0%, 100% 100%, 0% 100%);
        margin-right: 0;
        margin-left: calc(50% - 50vw);
    }
}
@media screen and (max-width: 767px) {
    .unit01 {
        margin-bottom: min(calc(72 / 390 * 100vw), 72px);
    }
    .unit01 .unit01_inner, .unit01.reverse .unit01_inner {
        width: 87.69%;
        flex-flow: column-reverse;
        gap: min(calc(54 / 390 * 100vw), 54px) 0;
    }
    .unit01 .unit01_inner .box_text {
        width: 100%;
        margin-top: 0;
    }
    .ttl_unit01 {
        font-size: min(calc(34 / 390 * 100vw), 34px);
        padding-bottom: min(calc(28 / 390 * 100vw), 28px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }
    .ttl_unit01::after {
        display: none;
    }
    .unit01 .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit01 .unit01_inner .box_img {
        width: calc(100% + 50vw - 50%);
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit01.reverse .unit01_inner .box_img {
        clip-path: polygon(0 0, calc(100% - min(calc(32 / 390 * 100vw), 32px)) 0%, 100% 100%, 0% 100%);
    }
}
/*unit02
虫歯を早期発見治療*/
.unit02 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    padding-bottom: min(calc(72 / 1920 * 100vw), 72px);
}
.unit02 .unit02_inner {
    position: relative;
    z-index: 0;
    width: 92%;
    margin: 0 auto;
    display: flex;
    gap: 0 3.47%;
    justify-content: flex-end;
    align-items: center;
}
.unit02.reverse .unit02_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
}
.unit02 .unit02_inner .box_text {
    width: 31.68%;
}
.unit02 .unit02_inner .box_text .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}
.unit02 .unit02_inner .box_text .text00 + .text00 {
    margin-top: 1em;
}
.ttl_unit02 {
    position: relative;
    z-index: 0;
    color: #4A7EC4;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    padding-bottom: min(calc(18 / 1920 * 100vw), 18px);
    margin-bottom: min(calc(80 / 1920 * 100vw), 80px);
}
.ttl_unit02 .size_s {
    font-size: .8334em;
}
.ttl_unit02 .size_ss {
    font-size: .5834em;
}
.ttl_unit02::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    left: 0;
    bottom: 0;
    width: 150%;
    height: 1px;
}
.reverse .ttl_unit02::after {
    left: auto;
    right: 0;
}
.unit02 .unit02_inner .box_img {
    position: relative;
    z-index: 0;
    width: 54.46%;
    align-self: baseline;
}
.unit02 .unit02_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}
.unit02.reverse .unit02_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}
.unit02 .unit02_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom: max(calc(-72 / 1920 * 100vw), -72px);
    right: -17.0%;
    background-color: #F6F6F6;
    width: 111.13%;
    height: 85%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit02.reverse .unit02_inner .box_img .dec_parts {
    right: auto;
    left: -17.0%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}
.unit02.back_gray .unit02_inner .box_img .dec_parts {
    background-color: #F6F6F6;
}
@media screen and (max-width: 1279px) {
    .unit02 {
        overflow: hidden;
        margin-bottom: 96px;
        padding-bottom: 0;
    }
    .unit02 .unit02_inner, .unit02.reverse .unit02_inner {
        width: 89.58%;
        gap: 0;
        justify-content: space-between;
    }
    .unit02 .unit02_inner .box_text {
        width: 39.5%;
    }
    .unit02 .unit02_inner .box_text .text00 {
        font-size: 17px;
    }
    .ttl_unit02 {
        font-size: 40px;
        padding-bottom: 24px;
        margin-bottom: 56px;
    }
    .ttl_unit02 .size_s {
        font-size: .9em;
    }
    .ttl_unit02 .size_ss {
        font-size: .7em;
    }
    .unit02 .unit02_inner .box_img {
        width: 55.82%;
    }
    .unit02 .unit02_inner .box_img img {
        clip-path: polygon(67px 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit02.reverse .unit02_inner .box_img img {
        clip-path: polygon(0 0, calc(100% - 67px) 0%, 100% 100%, 0% 100%);
    }
    .unit02 .unit02_inner .box_img .dec_parts {
        bottom: -40px;
        right: -10.41%;
        width: 100%;
        height: 100%;
        clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit02.reverse .unit02_inner .box_img .dec_parts {
        right: auto;
        left: -17.0%;
        clip-path: polygon(0 0, calc(100% - 66px) 0px, 100% 100%, 0% 100%);
    }
}
@media screen and (max-width: 767px) {
    .unit02 {
        overflow: hidden;
        margin-bottom: min(calc(64 / 390 * 100vw), 64px);
        padding-bottom: 0;
        padding-top: min(calc(32 / 390 * 100vw), 32px);
    }
    .unit02 .unit02_inner, .unit02.reverse .unit02_inner {
        width: 87.69%;
        flex-flow: column-reverse;
        gap: min(calc(48 / 390 * 100vw), 48px) 0;
    }
    .unit02 .unit02_inner .box_text {
        width: 100%;
        margin-top: 0;
    }
    .unit02 .unit02_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .ttl_unit02 {
        font-size: min(calc(34 / 390 * 100vw), 34px);
        padding-bottom: min(calc(18 / 390 * 100vw), 18px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }
    .ttl_unit02 .size_s {
        font-size: .9412em;
    }
    .ttl_unit02 .size_ss {
        font-size: .7059em;
    }
    .ttl_unit02::after {
        display: none;
    }
    .unit02 .unit02_inner .box_img {
        width: 100%;
    }
    .unit02 .unit02_inner .box_img img {
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit02.reverse .unit02_inner .box_img img {
        clip-path: polygon(0px 0px, calc(100% - min(calc(32 / 390 * 100vw), 32px)) 0%, 100% 100%, 0% 100%);
    }
    .unit02 .unit02_inner .box_img .dec_parts {
        top: max(calc(-32 / 390 * 100vw), 32px);
        right: -6.976%;
        width: 90.70%;
        height: 93.20%;
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit02.reverse .unit02_inner .box_img .dec_parts {
        right: auto;
        left: -6.976%;
        clip-path: polygon(0 0, calc(100% - min(calc(28 / 390 * 100vw), 28px)) 0px, 100% 100%, 0% 100%);
    }
}
/*unit03
精度の高い根幹治療で歯の寿命を延ばす*/
.unit03 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
    padding-bottom: min(calc(56 / 1920 * 100vw), 56px);
}
.unit03 .unit03_inner {
    position: relative;
    z-index: 0;
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap row-reverse;
    gap: 0 5.94%;
    justify-content: flex-end;
}
.unit03.reverse .unit03_inner {
    flex-flow: row wrap;
}
.unit03 .unit03_inner .box_text {
    width: 26.74%;
}
.unit03 .unit03_inner .box_text .text00 + .text00 {
    margin-top: 1em;
}
.ttl_unit03 {
    position: relative;
    z-index: 0;
    color: #4A7EC4;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.2;
    letter-spacing: .04em;
    padding-bottom: min(calc(32 / 1920 * 100vw), 32px);
    margin-bottom: min(calc(56 / 1920 * 100vw), 56px);
}
.ttl_unit03 .size_s {
    font-size: .8334em;
}
.ttl_unit03 .size_ss {
    font-size: .5834em;
}
.ttl_unit03::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 1px;
}
.reverse .ttl_unit03::after {
    right: auto;
    left: 0;
}
.unit03 .box_text .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}
.unit03 .unit03_inner .box_img {
    position: relative;
    z-index: 0;
    width: 56.93%;
    align-self: baseline;
}
.unit03 .unit03_inner .box_img img {
    object-fit: cover;
    object-position: top left;
    height: 100%;
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
}
.unit03.reverse .unit03_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit03 .unit03_inner .box_img02 {
    margin: min(calc(56 / 1920 * 100vw), 56px) 0 0 max(calc(-17 / 1920 * 100vw), -17px);
    width: 153.7%;
    display: flex;
    justify-content: space-between;
}
.unit03.reverse .unit03_inner .box_img02 {
    margin-left: -53.7%;
}
.unit03 .unit03_inner .box_img02 picture {
    display: block;
    width: 46.98%;
}
.unit03 .unit03_inner .box_img02 .img02_2 {
    margin: min(calc(56 / 1920 * 100vw), 58px) 0 max(calc(-56 / 1920 * 100vw), -58px);
}
.unit03.reverse .unit03_inner .box_img02 .img02_1 {
    margin: min(calc(56 / 1920 * 100vw), 58px) 0 max(calc(-56 / 1920 * 100vw), -58px);
}
.unit03.reverse .unit03_inner .box_img02 .img02_2 {
    margin: 0;
}
.unit03 .unit03_inner .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom: max(calc(-72 / 1920 * 100vw),-72px);
    left: -16.0%;
    background-color: #F6F6F6;
    width: 106.30%;
    height: 85%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}
.unit03.reverse .unit03_inner .dec_parts {
    left: auto;
    right: -16.0%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0, 100% 0px, 100% 100%, 0% 100%);
}
.unit03.back_beige .unit03_inner .dec_parts {
    background-color: #F6F6F6;
}
@media screen and (max-width: 1279px) {
    .unit03 {
        margin: 0 auto 40px;
        padding-bottom: 40px;
    }
    .unit03 .unit03_inner {
        width: 89.58%;
        display: flex;
        flex-flow: wrap row;
        gap: 0;
        justify-content: space-between;
        align-items: center;
    }
    .unit03 .unit03_inner .box_text {
        order: 2;
        width: 37.21%;
    }
    .unit03.reverse .unit03_inner .box_text {
        order: 1;
    }
    .unit03 .unit03_inner .box_text .text00 + .text00 {
        margin-top: 1em;
    }
    .ttl_unit03 {
        font-size: 40px;
        padding-bottom: 40px;
        margin-bottom: 56px;
    }
    .ttl_unit03 .size_s {
        font-size: .8em;
    }
    .ttl_unit03 .size_ss {
        font-size: .6em;
    }
    .unit03 .box_text .text00 {
        font-size: 17px;
    }
    .unit03 .unit03_inner .box_img {
        position: relative;
        z-index: 1;
        order: 1;
        width: 55.82%;
    }
    .unit03.reverse .unit03_inner .box_img {
        order: 2;
    }
    .unit03 .unit03_inner .box_img img {
        object-fit: cover;
        object-position: top left;
        height: 100%;
        clip-path: polygon(0 0, calc(100% - 69px) 0%, 100% 100%, 0% 100%);
    }
    .unit03.reverse .unit03_inner .box_img img {
        clip-path: polygon(69px 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit03 .unit03_inner .box_img02 {
        order: 3;
        margin: 0;
        width: 100%;
        margin-top: 96px;
        padding: 0 12px;

    }
    .unit03.reverse .unit03_inner .box_img02 {
        margin-left: 0;
    }
    .unit03 .unit03_inner .box_img02 picture {
        width: 47.15%;
    }
    .unit03 .unit03_inner .box_img02 .img02_1 {
        margin: 40px 0 -40px;
    }
    .unit03 .unit03_inner .box_img02 .img02_2 {
        margin: 0;
    }
    .unit03.reverse .unit03_inner .box_img02 .img02_1 {
        margin: 0;
    }
    .unit03.reverse .unit03_inner .box_img02 .img02_2 {
        margin: 40px 0 -40px;
    }
    .unit03 .unit03_inner .dec_parts {
        bottom: -40px;
        left: -10.412%;
        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, calc(100% - 69px) 0px, 100% 100%, 0% 100%);
    }
    .unit03.reverse .unit03_inner .dec_parts {
        left: auto;
        right: -10.412%;
        clip-path: polygon(69px 0, 100% 0px, 100% 100%, 0% 100%);
    }
}
@media screen and (max-width: 767px) {
    .unit03 {
        margin: 0 auto min(calc(88 / 390 * 100vw), 88px);
        padding-bottom: 0;
        padding-top: min(calc(32 / 390 * 100vw), 32px)
    }
    .unit03 .unit03_inner {
        width: 87.69%;
    }
    .unit03 .unit03_inner .box_text, .unit03.reverse .unit03_inner .box_text {
        order: 2;
        width: 100%;
        margin-top: 0;
    }
    .ttl_unit03 {
        font-size: min(calc(36 / 390 * 100vw), 36px);
        padding-bottom: min(calc(24 / 390 * 100vw), 24px);
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
        border-bottom: 1px solid #ddd;
    }
    .ttl_unit03 .size_s {
        font-size: .889em;
    }
    .ttl_unit03 .size_ss {
        font-size: .667em;
    }
    .ttl_unit03::after {
        display: none;
    }
    .unit03 .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit03 .unit03_inner .box_img, .unit03.reverse .unit03_inner .box_img {
        position: relative;
        z-index: 1;
        order: 1;
        width: 100%;
        margin-bottom: min(calc(56 / 390 * 100vw), 56px);
    }
    .unit03 .unit03_inner .box_img img {
        object-fit: cover;
        object-position: top left;
        height: 100%;
        clip-path: polygon(0 0, calc(100% - min(calc(32 / 390 * 100vw), 32px)) 0%, 100% 100%, 0% 100%);
    }
    .unit03.reverse .unit03_inner .box_img img {
        clip-path: polygon(min(calc(32 / 390 * 100vw), 32px) 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit03 .unit03_inner .box_img02 {
        order: 3;
        width: 100%;
        margin: min(calc(64 / 390 * 100vw), 64px) 0 0;
        padding: 0;
        flex-flow: wrap;
        gap: min(calc(24 / 390 * 100vw), 24px) 0;
    }
    .unit03.reverse .unit03_inner .box_img02 {
        margin-left: 0;
    }
    .unit03 .unit03_inner .box_img02 picture {
        width: 81.87%;
    }
    .unit03 .unit03_inner .box_img02 .img02_1 {
        position: relative;
        z-index: 0;
        margin: 0;
    }
    .unit03 .unit03_inner .box_img02 .img02_1::after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background: linear-gradient(-68deg, rgba(224, 205, 168, 0.48) 15.28%, rgba(247, 243, 238, 0.48) 112.71%);
        mix-blend-mode: multiply;
        ;
        top: -8.70%;
        left: -9.04%;
        width: 91.43%;
        height: 91.30%;
    }
    .unit03 .unit03_inner .box_img02 .img02_2, .unit03.reverse .unit03_inner .box_img02 .img02_2 {
        margin: 0 0 0 auto;
    }
    .unit03 .unit03_inner .dec_parts {
        bottom: auto;
        top: -9.10%;
        left: -6.976%;
        width: 90.70%;
        height: 93.18%;
        clip-path: polygon(0 0, calc(100% - min(calc(33 / 390 * 100vw), 33px)) 0px, 100% 100%, 0% 100%);
    }
    .unit03.reverse .unit03_inner .dec_parts {
        left: auto;
        right: -6.976%;
        clip-path: polygon(min(calc(33 / 390 * 100vw), 33px) 0, 100% 0px, 100% 100%, 0% 100%);
    }
}
/*unit04
診療室*/

.unit04 {
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
	 padding-bottom:calc(113px + 0.020833333 * (100vw - 1200px));
}	


	
@media screen and (min-width:1920px) {
.unit04 {
 padding-bottom: calc(128 / 1920 * 100vw);
}	
}
	
	

.unit04 .unit04_inner {
    position: relative;
    z-index: 0;
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-flow: row-reverse;
    gap: 0 5.94%;
    justify-content: flex-end;
}
.unit04.reverse .unit04_inner {
    flex-flow: row;
}
.unit04 .unit04_inner .box_text {
    position: relative;
    z-index: 1;
    width: 26.74%;
    mix-blend-mode: multiply;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-block: 40px;
}
.unit04 .unit04_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -57.40%;
    width: 231.48%;
    height: 100%;
    background-color: rgb(244 240 232 / 80%);
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, min(calc(88 / 1920 * 100vw), 88px) 100%);
}
.unit04.reverse .unit04_inner .box_text .dec_parts {
    left: auto;
    right: -57.40%;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(88 / 1920 * 100vw), 88px)) 100%, 0 100%);
}
.unit04 .unit04_inner .box_text .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}
.unit04 .unit04_inner .box_text .text00 + .text00 {
    margin-top: 1em;
}
.ttl_unit04 {
    position: relative;
    z-index: 0;
    color: #4A7EC4;
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.36;
    letter-spacing: .04em;
    margin-bottom: min(calc(64 / 1920 * 100vw), 64px);
}
.unit04 .unit04_inner .box_img {
    position: relative;
    z-index: 0;
    margin: min(calc(88 / 1920 * 100vw), 88px) 0 max(calc(-88 / 1920 * 100vw), -88px);
    width: 56.93%;
    align-self: baseline;
}
.unit04 .unit04_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw), 77px)) 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}
.unit04.reverse .unit04_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw), 77px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit04 .unit04_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    bottom:  max(-40px,calc(-40 / 1920 * 100vw)) ;
    left: -16.5%;
    background-color: #F6F6F6;
    width: 106.96%;
    height: 87.69%;
    clip-path: polygon(0 0, calc(100% - min(calc(66 / 1920 * 100vw), 66px)) 0px, 100% 100%, 0% 100%);
}
.unit04.reverse .unit04_inner .box_img .dec_parts {
    left: auto;
    right: -16.5%;
    clip-path: polygon(min(calc(66 / 1920 * 100vw), 66px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit04.back_gray .unit04_inner .box_img .dec_parts {
    background-color: #F6F6F6;
}
@media screen and (max-width: 1279px) {
.unit04 {
margin: 0 auto 136px;
padding: 25px 0 100px;
}
.unit04 .unit04_inner {
width: 89.58%;
gap: 0;
justify-content: space-between;
}
.unit04 .unit04_inner .box_text {
width: 37.21%;
}
.unit04 .unit04_inner .box_text .dec_parts {
    left: -68.58%;
    width: 184.375%;
    height: 103%;
    top: -3%;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 80px 100%);
}
.unit04.reverse .unit04_inner .box_text .dec_parts {
    left: auto;
    right: -68.58%;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - 80px) 100%, 0 100%);
}
.unit04 .unit04_inner .box_text .text00 {
    font-size: 17px;
}
.ttl_unit04 {
    font-size: 40px;
    margin-bottom: 40px;
}
.unit04 .unit04_inner .box_img {
    margin: 60px 0 -60px -5.813%;
    width: 61.63%;
}
.unit04.reverse .unit04_inner .box_img {
    margin: 60px -5.813% -60px 0;

}
.unit04 .unit04_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - 77px) 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}
.unit04.reverse .unit04_inner .box_img img {
    clip-path: polygon(77px 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit04 .unit04_inner .box_img .dec_parts {
    bottom: -40px;
    left: 0;
    width: 86.79%;
    height: 87.69%;
    clip-path: polygon(0 0, calc(100% - 66) 0px, 100% 100%, 0% 100%);
}
.unit04.reverse .unit04_inner .box_img .dec_parts {
    left: auto;
    right: 0;
    clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
}
}
@media screen and (max-width: 767px) {
.unit04 {
    margin: 0 auto min(calc(88 / 390 * 100vw), 88px);
    padding:0;
}
.unit04 .unit04_inner,
	.unit04.reverse .unit04_inner{
	width: 87.69%;
	   flex-flow: column;
}
.unit04 .unit04_inner .box_text {
    width: 100%;
    display: block;
	padding:min(calc(79 / 390 * 100vw), 79px) 0 min(calc(72 / 390 * 100vw), 72px);
}
.unit04 .unit04_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
	transform: translateX(-50%);
    width: 114%;
    height: 100%;
    clip-path: polygon(0px min(calc(32 / 390 * 100vw),32px), 100% 0%, 100% 100%, 0 100%);
}
.unit04.reverse .unit04_inner .box_text .dec_parts {
	 left: 50%;
	transform: translateX(-50%);
    right: auto;
   clip-path: polygon(0px 0px, 100% min(calc(32 / 390 * 100vw),32px), 100% 100%, 0 100%);
}
.unit04 .unit04_inner .box_text .text00 {
    font-size: min(calc(16 / 390 * 100vw), 16px);
}
.ttl_unit04 {
    font-size: min(calc(36 / 390 * 100vw), 36px);
    margin-bottom: min(calc(32 / 390 * 100vw), 32px);
}
.unit04 .unit04_inner .box_img,
	 .unit04.reverse .unit04_inner .box_img{
    margin:0;
    width:100%;
}
.unit04 .unit04_inner .box_img img {
    clip-path: unset;
}
.unit04.reverse .unit04_inner .box_img img {
     clip-path: unset;
	}
.unit04 .unit04_inner .box_img .dec_parts {
bottom: auto;
top:0;
left: 50%;
transform: translateX(-50%);
width: 114%;
height: 31.25%;
clip-path: unset;
background-color: #F6F6F6;
	}
.unit04.reverse .unit04_inner .box_img .dec_parts {
left: 50%;
transform: translateX(-50%);
    right: auto;
  clip-path: unset;
}}











/*unit05
テキストが入ります*/
.unit05 {
    overflow: hidden;
	    max-width: 1920px;
margin:0 auto min(calc(112 / 1920 * 100vw),112px);
    padding: min(calc(40 / 1920 * 100vw),40px) 0 min(calc(88 / 1920 * 100vw),88px);
}
.unit05 .unit05_inner {
    position: relative;
    z-index: 0;
    width: 84.167%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 0 5.94%;
    justify-content: flex-end;
}
.unit05.reverse .unit05_inner {
    flex-flow: row-reverse;
    justify-content: flex-end;
}
.unit05 .unit05_inner .box_text {
    position: relative;
    z-index: 1;
    margin: min(calc(103 / 1920 * 100vw),103px) 0 max(calc(-103 / 1920 * 100vw),-103px);
    width: 26.74%;
    padding-top: 40px;
    padding-bottom: min(calc(48 / 1920 * 100vw),48px);
    align-self: stretch;
    display: flex;
    flex-flow: column;
    justify-content: center;
    mix-blend-mode: multiply;
}
.unit05 .unit05_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -48.40%;
    width: 231.48%;
    height: 100%;
    background-color: rgb(244 240 232 / 80%);
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(88 / 1920 * 100vw),88px)) 100%, 0 100%);
}
.unit05.reverse .unit05_inner .box_text .dec_parts {
    right: auto;
    left: -48.40%;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, min(calc(88 / 1920 * 100vw),88px) 100%);
}
.unit05 .unit05_inner .box_text .text00 + .text00 {
    margin-top: 1em;
}
.ttl_unit05 {
    position: relative;
    z-index: 0;
    color: #4A7EC4;
    font-size: min(calc(40 / 1920 * 100vw),40px);
    font-family: "Noto Serif JP", serif;
    line-height: 1.35;
    letter-spacing: 0;
    margin-bottom: min(calc(64 / 1920 * 100vw),64px);
}
.ttl_unit05 .size_s {
    font-size: .8334em;
}
.ttl_unit05 .size_ss {
    font-size: .5834em;
}
.unit05 .box_text .text00 {
  color: #555;
  font-size: var(--font-size-text);
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
  letter-spacing: .08em;
}
.unit05 .unit05_inner .box_img {
    position: relative;
    z-index: 0;
    width: 57.0%;
    align-self: baseline;
}
.unit05 .unit05_inner .box_img img {
    clip-path: polygon(min(calc(77 / 1920 * 100vw),77px) 0px, 100% 0%, 100% 100%, 0% 100%);
    object-fit: cover;
    object-position: top left;
    height: 100%;
}
.unit05.reverse .unit05_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - min(calc(77 / 1920 * 100vw),77px)) 0%, 100% 100%, 0% 100%);
}
.unit05 .unit05_inner .box_img .dec_parts {
    position: absolute;
    z-index: -1;
    display: block;
    top: -7.692%;
    right: -17.0%;
    background-color: #F6F6F6;
    width: 107.13%;
    height: 87.69%;
    clip-path: polygon(min(calc(72 / 1920 * 100vw),72px) 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit05.reverse .unit05_inner .box_img .dec_parts {
    right: auto;
    left: -17.0%;
    clip-path: polygon(0 0, calc(100% - min(calc(72 / 1920 * 100vw),72px)) 0px, 100% 100%, 0% 100%);
}
.unit05.color_gray .unit05_inner .box_img .dec_parts {
    background-color: #F6F6F6;
}
@media screen and (max-width: 1279px) {
.unit05 {
margin:0 auto 136px;
    padding:64px 0 40px;
}
.unit05 .unit05_inner,
	.unit05.reverse .unit05_inner{
width: 89.58%;
gap: 0;
justify-content: space-between;
}
.unit05 .unit05_inner .box_text {
width: 37.21%;
    margin: -66px 0 66px;
    padding:0 0 0;
}
.unit05 .unit05_inner .box_text .dec_parts {
    position: absolute;
    z-index: -1;
    top: 0;
    right: auto;
    left:-15.626%;
    width: 184.375%;
    height: 104.69%;
    background-color: rgb(244 240 232 / 80%);
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - 80px) 100%, 0 100%);
}
.unit05.reverse .unit05_inner .box_text .dec_parts {
    left: auto;
   right:-15.626%;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 80px 100%);
}
.ttl_unit05 {
    font-size: 40px;
    margin-bottom: 40px;
}
.unit05 .box_text .text00 {
  font-size:17px;
}
.unit05 .unit05_inner .box_img {
    width: 61.63%;
	margin-right: -5.815%;
}
.unit05.reverse .unit05_inner .box_img {
	margin-right:0;
	margin-left: -5.815%;
}
.unit05 .unit05_inner .box_img img {
    clip-path: polygon(77px 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit05.reverse .unit05_inner .box_img img {
    clip-path: polygon(0 0, calc(100% - 77px) 0%, 100% 100%, 0% 100%);
}
	
	
.unit05 .unit05_inner .box_img .dec_parts {
    top: auto;
	bottom:-7.7%;
    right:0;
    width: 86.79%;
    height: 87.69%;
    clip-path: polygon(66px 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit05.reverse .unit05_inner .box_img .dec_parts {
    right: auto;
    left: -17.0%;
    clip-path: polygon(0 0, calc(100% - 66px) 0px, 100% 100%, 0% 100%);
}
}
@media screen and (max-width: 767px) {
.unit05 {
    overflow: hidden;
margin:0 auto min(calc(96 / 390 * 100vw), 96px);
    padding:0;
}
.unit05 .unit05_inner,
	.unit05.reverse .unit05_inner{
width: 87.69%;
    flex-flow: column;
}
.unit05 .unit05_inner .box_text {
width: 100%;
	margin:0;
    display: block;
    padding: min(calc(88 / 390 * 100vw), 88px) 0 min(calc(72 / 390 * 100vw), 72px);
  }
.unit05 .unit05_inner .box_text .dec_parts {
top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 114%;
    height: 100%;
    clip-path: polygon(0px 0, 100% min(calc(32 / 390 * 100vw),32px), 100% 100%, 0 100%);
  
}
.unit05.reverse .unit05_inner .box_text .dec_parts {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0px min(calc(32 / 390 * 100vw),32px), 100% 0%, 100% 100%, 0 100%);
}
.unit05 .unit05_inner .box_text .text00 + .text00 {
    margin-top: 1em;
}
.ttl_unit05 {
    font-size: min(calc(32 / 390 * 100vw),32px);
    margin-bottom: min(calc(32 / 390 * 100vw),32px);
}

.unit05 .box_text .text00 {
  font-size: min(calc(16 / 390 * 100vw), 16px);
}
.unit05 .unit05_inner .box_img,
	.unit05.reverse .unit05_inner .box_img{
    width: 100%;
	margin:0 ;
}
.unit05 .unit05_inner .box_img img,
.unit05.reverse .unit05_inner .box_img img{
    clip-path:unset;
}
.unit05 .unit05_inner .box_img .dec_parts,
	.unit05.reverse .unit05_inner .box_img .dec_parts{
    position: absolute;
    z-index: -1;
    display: block;
    top: 0;
    right: auto;
	left:50%;
	transform: translateX(-50%);
    background-color: #F8F8F8;
    width: 114%;
    height: 31.25%;
  clip-path:unset;
	}

}


.unit_intro .ttl_intro-a, .ttl_unit-a {
    color: #DE90C7;
}
.unit_intro .ttl_intro-b, .ttl_unit-b {
    color: #72CCBB;
}
.unit_intro .ttl_intro-c, .ttl_unit-c {
    color: #60A8D0;
}







/*---------------------------------------*/
/*共用*/
.unit_p {}
.unit_p .unit_inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 6.667%;
}
.unit_inner > p {
    
}
@media screen and (max-width: 1279px) {
    .unit_p .unit_inner {
        width: 89.58%;
        padding: 0;
    }
}
@media screen and (max-width:767px) {
    .unit_p .unit_inner {
        width: 87.69%;
    }
}
/*unit_point*/
.unit_point {
	max-width: 1920px;
	margin:0 auto min(calc(112 / 1920 * 100vw), 112px)
}
.unit_point .list_point {
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.unit_point .list_point .point00 {
    padding: min(calc(42 / 1920 * 100vw), 42px) 0 min(calc(66 / 1920 * 100vw), 66px);
    width: 31.76%;
    background: linear-gradient(0deg, #1E3560 15%, #4A7EC4 100%);
}
.unit_point .list_point .point00 .box_img {
    width: 31.95%;
    margin: 0 auto;
}
.unit_point .list_point .point00 h3 {
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
    margin: min(calc(32 / 1920 * 100vw), 32px) 0 min(calc(32 / 1920 * 100vw), 32px);
    color: #fff;
    padding-inline: 1em;
}
.unit_point .list_point .point00 .text00 {
    text-align: center;
    font-size: var(--font-size-text);
    line-height: 2;
    padding-inline: 4em;
}
@media screen and (max-width: 1279px) {
    .unit_point {
        margin-bottom: 96px;
    }
    .unit_point .list_point {
        width: 800px;
        max-width: 89.58%;
        flex-flow: column;
        gap: 24px;
    }
    .unit_point .list_point .point00 {
        padding: 36px 0 36px;
        width: 632px;
    }
    .unit_point .list_point .point00:nth-of-type(2n) {
        margin-left: auto;
    }
    .unit_point .list_point .point00 .box_img {
        width: 20.25%;
    }
    .unit_point .list_point .point00 h3 {
        font-size: 32px;
        margin: 23px 0 19px;
    }
    .unit_point .list_point .point00 .text00 {
        font-size: 17px;
    }
    .unit_point .list_point .point00 .text00 br{
        display: none;
    }
}
@media screen and (max-width:767px) {
    .unit_point {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }
    .unit_point .list_point {
        width: 87.69%;
        flex-flow: column;
        gap: min(calc(24 / 390 * 100vw), 24px);
    }
    .unit_point .list_point .point00, .unit_point .list_point .point00:nth-of-type(2n) {
        max-width: 100%;
        margin: 0 auto;
        padding: min(calc(30 / 390 * 100vw), 30px) 0 min(calc(32 / 390 * 100vw), 32px);
    }
    .unit_point .list_point .point00 .box_img {
        width: min(calc(129 / 390 * 100vw), 129px);
    }
    .unit_point .list_point .point00 h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        margin: min(calc(24 / 390 * 100vw), 24px) 0 min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_point .list_point .point00 .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
	    .unit_point .list_point .point00 .text00 br{
        display: inline;
    }

}
/*unit_root*/
.unit_root {
		max-width: 1920px;
margin:0 auto min(calc(112 / 1920 * 100vw), 112px);
}
.unit_root .wrapper_root {
    border: 1px solid #ddd;
    padding: min(calc(56 / 1920 * 100vw), 56px) min(calc(80 / 1920 * 100vw), 80px) min(calc(64 / 1920 * 100vw), 64px);
}
.unit_root .wrapper_root h3 {
    color: #264880;
    font-family: "Noto Serif JP";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: min(calc(40 / 1920 * 100vw), 40px);
    display: flex;
    align-items: center;
    gap: min(calc(26 / 1920 * 100vw), 26px);
    letter-spacing: .06em;
}
.unit_root .wrapper_root h3 .dec01 {
    color: #FFF;
    font-family: "Noto Sans JP", serif;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
    background-color: #c9a84c;
    padding: .4375em 1em;
    letter-spacing: .08em;
}
.unit_root .wrapper_root .list_root {
    display: flex;
    justify-content: space-between;
}
.unit_root .wrapper_root .list_root .root00 {
    width: 31.334%;
}
.unit_root .wrapper_root .list_root .root00 .box_img {
    width: 100%;
}
.unit_root .wrapper_root .list_root .root00 .box_text {
    display: flex;
    gap: min(calc(20 / 1920 * 100vw), 20px);
    align-items: center;
    margin: min(calc(32 / 1920 * 100vw), 32px) 0 0 min(calc(6 / 1920 * 100vw), 6px);
}
.unit_root .wrapper_root .list_root .root00 .box_text .no {
    width: min(calc(56 / 1920 * 100vw), 56px);
    aspect-ratio: 1;
    background-color: #60A8D0;
    border-radius: 999px;
    color: #FFF;
    font-family: "Advent Pro";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
}
.unit_root .wrapper_root .list_root .root00 .box_text .text00 {
    width: calc(100% - 72px);
    font-size: var(--font-size-text);
    letter-spacing: 0;
    line-height: 1.5;
}
@media screen and (max-width: 1279px) {
    .unit_root {
        margin-bottom: 96px;
    }
    .unit_root .wrapper_root {
        width: 800px;
        max-width: 73.40%;
        margin: 0 auto;
        padding: 40px 64px 56px;
    }
    .unit_root .wrapper_root h3 {
        font-family: "Noto Serif JP";
        font-size: 28px;
        margin-bottom: 48px;
        flex-flow: column;
        gap: 20px;
        align-items: flex-start;
        line-height: 1.35;
    }
    .unit_root .wrapper_root h3 .dec01 {
        font-size: 16px;
		        margin-bottom: 2px;
    }
    .unit_root .wrapper_root .list_root {
        flex-flow: column;
        gap: 78px;
    }
    .unit_root .wrapper_root .list_root .root00 {
        position: relative;
        z-index: 0;
        width: 100%;
        display: flex;
        flex-flow: column-reverse;
    }
    .unit_root .wrapper_root .list_root .root00:nth-of-type(n+2)::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 0;
        background-image: url("/assets/img/template/icon_root_arrow.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        top: -45px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 36px;
        aspect-ratio: 40 / 20;
    }
    .unit_root .wrapper_root .list_root .root00 .box_text {
        gap: 24px;
        margin: 0 0 24px 0;
    }
    .unit_root .wrapper_root .list_root .root00 .box_text .no {
        width: 56px;
        font-size: 28px;
    }
    .unit_root .wrapper_root .list_root .root00 .box_text .text00 {
        width: calc(100% - 81px);
        font-size: 17px;
    }
}
@media screen and (max-width:767px) {
    .unit_root {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }
    .unit_root .wrapper_root {
        width: 505px;
        max-width: 100%;
        padding: min(calc(26 / 390 * 100vw), 26px) min(calc(23 / 390 * 100vw), 23px) min(calc(40 / 390 * 100vw), 40px);
    }
    .unit_root .wrapper_root h3 {
        font-size: min(calc(24 / 390 * 100vw), 24px);
        margin-bottom: min(calc(48 / 390 * 100vw), 48px);
        gap: min(calc(14 / 390 * 100vw), 14px);
    }
    .unit_root .wrapper_root h3 .dec01 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_root .wrapper_root .list_root {
        gap: min(calc(54 / 390 * 100vw), 54px);
    }
    .unit_root .wrapper_root .list_root .root00:nth-of-type(n+2)::after {
        top: max(calc(-40 / 390 * 100vw), -40px);
        width: min(calc(36 / 390 * 100vw), 36px);
    }
    .unit_root .wrapper_root .list_root .root00 .box_text {
        gap: min(calc(13 / 390 * 100vw), 20px);
        margin: 0 0 min(calc(20 / 390 * 100vw), 20px);
    }
    .unit_root .wrapper_root .list_root .root00 .box_text .no {
        width: min(calc(56 / 390 * 100vw), 56px);
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }
    .unit_root .wrapper_root .list_root .root00 .box_text .text00 {
        width: min(calc(224 / 390 * 100vw), 100%);
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
}
/*unit_row01*/
.unit_row01 {
			max-width: 1920px;
margin:0 auto min(calc(112 / 1920 * 100vw), 112px);
}
.unit_row01 .wrapper_row01 {
    border: 1px solid #ddd;
    padding: min(calc(72 / 1920 * 100vw), 72px) min(calc(138 / 1920 * 100vw), 138px) min(calc(44 / 1920 * 100vw), 44px);
}
.unit_row01 .wrapper_row01 .list_row01 {
    display: flex;
    justify-content: space-between;
}
.unit_row01 .wrapper_row01 .list_row01 {
    display: flex;
    justify-content: space-between;
}
.unit_row01 .wrapper_row01 .list_row01 .card_row00 {
    width: 45.85%;
}
.unit_row01 .wrapper_row01 h3 {
    color: #4A7EC4;
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 700;
    font-family: "Noto Sans JP";
    line-height: 100%; /* 28px */
    display: flex;
    align-items: center;
    gap: min(calc(28 / 1920 * 100vw), 28px);
    margin: min(calc(40 / 1920 * 100vw), 40px) 0 min(calc(24 / 1920 * 100vw), 24px);
    padding: 0 min(calc(24 / 1920 * 100vw), 24px);
}
.unit_row01 .wrapper_row01 h3 .no {
    font-family: "Advent Pro";
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 500;
    letter-spacing: .04em;
}
.unit_row01 .wrapper_row01 .text00 {
    padding: 0 min(calc(26 / 1920 * 100vw), 26px);
    font-size: var(--font-size-text);
    line-height: 2;
}
@media screen and (max-width: 1279px) {
    .unit_row01 {
        margin-bottom: 96px;
    }
    .unit_row01 .wrapper_row01 {
        width: calc(688 / 768 * 100vw);
        max-width: 100%;
        margin: 0 auto;
        /* border: 1px solid var(--primary-color); */
        padding: 48px 44px 46px;
    }
    .unit_row01 .wrapper_row01 .list_row01 .card_row00 {
        width: 46.667%;
    }
    .unit_row01 .wrapper_row01 h3 {
        /* color: var(--primary-color); */
        font-size: 24px;
        gap: 3px;
        margin: 48px 0 24px;
        padding: 0;
    }
    .unit_row01 .wrapper_row01 h3 .no {
        font-size:48px;
		 margin-top: -4px;
        align-self: baseline;
    }
    .unit_row01 .wrapper_row01 .text00 {
        font-size: 17px;
        padding: 0;
    }
}
@media screen and (max-width:767px) {
    .unit_row01 {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }
    .unit_row01 .wrapper_row01 {
        border: 0;
        padding: 0;
    }
    .unit_row01 .wrapper_row01 .list_row01 {
        flex-flow: column;
        gap: min(calc(32 / 390 * 100vw), 32px);
    }
    .unit_row01 .wrapper_row01 .list_row01 .card_row00 {
        border: 1px solid #ddd;
        width: 100%;
        display: flex;
        flex-flow: column;
        padding: min(calc(48 / 390 * 100vw),48px) min(calc(24 / 390 * 100vw),24px) min(calc(40 / 390 * 100vw),40px);
    }
    .unit_row01 .wrapper_row01 .list_row01 .card_row00 .box_img {
        order: 3;
    }
    .unit_row01 .wrapper_row01 h3 {
        order: 1;
        /* color: var(--primary-color); */
        font-size: min(calc(24 / 390 * 100vw), 24px);
        gap: min(calc(10 / 390 * 100vw), 10px);
        margin: 0 0 min(calc(23 / 390 * 100vw),23px);
    }
    .unit_row01 .wrapper_row01 h3 .no {
        font-size: min(calc(48 / 390 * 100vw), 48px);
				 margin-top:max(calc(-5 / 390 * 100vw), -5px);

    }
    .unit_row01 .wrapper_row01 .text00 {
        order: 2;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        margin-bottom: calc(32 / 390 * 100vw);
    }
}
/*unit_list01*/
.unit_list01 {
				max-width: 1920px;
margin:0 auto min(calc(130 / 1920 * 100vw), 130px);
}
.unit_list01 .unit_inner {
    padding: 0 9.6%;
    display: flex;
    justify-content: space-between;
}
.unit_list01 .unit_inner .box_img {
    width: 56.44%
}
.unit_list01 .unit_inner .box_list {
    width: 48.07%;
    margin: 0 0 0 -4.51%;
}
.unit_list01 .unit_inner .box_list h3 {
    color: #4A7EC4;
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: 135%;
    letter-spacing: .08em;
    margin-top: min(calc(21 / 1920 * 100vw), 21px);
    margin-bottom: min(calc(45 / 1920 * 100vw), 45px);
    padding-right: min(calc(20 / 1920 * 100vw), 20px);
    text-align: right;
}
.unit_list01 .unit_inner .box_list ul {
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 136%;
    display: flex;
    flex-flow: column;
    gap: 1em;
}
.unit_list01 .unit_inner .box_list ul li {
    position: relative;
    z-index: 0;
    background-color: #efe5c966;
    padding: 1.32em 0 1.32em 4.0625em;
    margin-left: auto;
    width: 100%;
}
.unit_list01 .unit_inner .box_list ul li::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-image: url("/assets/img/template/icon_list_arrow.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    top: 50%;
    left: 2.6875em;
    transform: translateY(-50%);
    width: .4375em;
    aspect-ratio: 7 / 14;
}
.unit_list01 .unit_inner .box_list ul li:nth-of-type(even) {
    background-color: #e8e8e8b3;
}
.unit_list01 .unit_inner .box_list ul li:nth-of-type(1) {
    width: 88%;
}
.unit_list01 .unit_inner .box_list ul li:nth-of-type(2) {
    width: 92%;
}
.unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
    width: 96%;
}
.unit_list01.reverse .unit_inner .box_list h3 {
    text-align: left;
}
.unit_list01.reverse .unit_inner {
    flex-flow: row-reverse;
}
.unit_list01.reverse .unit_inner .box_list {
    margin: 0 -4.51% 0 0;
    position: relative;
}
.unit_list01.reverse .unit_inner .box_list ul li {
    margin-left: auto;
    margin-right: 0;
}
@media screen and (max-width: 1279px) {
    .unit_list01 {
        margin-bottom: 105px;
    }
    .unit_list01 .unit_inner {
        padding: 0 0;
    }
    .unit_list01 .unit_inner .box_img {
        width: 45.93%
    }
    .unit_list01 .unit_inner .box_list {
        width: 69.76%;
        margin: 0 0 0 -15.69%;
    }
    .unit_list01 .unit_inner .box_list h3 {
        font-size: 28px;
        margin-top: 24px;
        margin-bottom: 32px;
		padding-right: 0;
    }
    .unit_list01.reverse .unit_inner .box_list h3 {
        text-align: right;
    }
    .unit_list01 .unit_inner .box_list ul {
        font-size: 17px;
        gap: 1.067em;
    }
    .unit_list01 .unit_inner .box_list ul li {
        padding: 1.45em 0 1.45em 3.7334em;
    }
    .unit_list01 .unit_inner .box_list ul li::after {
        left: 2.067em;
    }
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(1) {
        width: 85%;
    }
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(2) {
        width: 90%;
    }
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
        width: 95%;
    }
}
@media screen and (max-width:767px) {
    .unit_list01 {
        margin-bottom: min(calc(108 / 390 * 100vw), 108px);
    }
    .unit_list01 .unit_inner, .unit_list01.reverse .unit_inner {
        flex-flow: column-reverse;
        gap: min(calc(56 / 390 * 100vw), 56px);
    }
    .unit_list01 .unit_inner .box_img {
        width: 100%
    }
    .unit_list01 .unit_inner .box_list {
        width: 100%;
        margin: 0;
    }
    .unit_list01 .unit_inner .box_list h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        margin-top: 0;
        margin-bottom: min(calc(32 / 390 * 100vw), 32px);
        text-align: left;
    }
    .unit_list01 .unit_inner .box_list ul {
        font-size: min(calc(16 / 390 * 100vw), 16px);
        gap: 1em;
    }
    .unit_list01 .unit_inner .box_list ul li, .unit_list01 .unit_inner .box_list ul li:nth-of-type(1), .unit_list01 .unit_inner .box_list ul li:nth-of-type(2), .unit_list01 .unit_inner .box_list ul li:nth-of-type(3) {
        width: 97.1%;
        margin-right: auto;
        margin-left: 0;
        padding: 1.6em 1.1em 1.6em 2.667em;
    }
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(even) {
        margin: 0 0 0 auto;
		padding-left: 3.25em;
    }
    .unit_list01 .unit_inner .box_list ul li::after {
        left: 0.90em;
        width: 0.65em;
    }
    .unit_list01 .unit_inner .box_list ul li:nth-of-type(even)::after {
        left: 1.60em;
    }
}
/*unit_image01*/
.unit_image01 {
				max-width: 1920px;
margin:0 auto min(calc(136 / 1920 * 100vw), 136px);
}
.unit_image01 .unit_inner {
    display: flex;
    justify-content: space-between;
}
.unit_image01 .unit_inner .box_img {
    position: relative;
    z-index: 0;
    width: 49.16%;
    margin-left: -2.6559%;
    /* height: 100%; */
}
.unit_image01 .unit_inner .box_img img {
    transform: rotate(-2deg);
}
.unit_image01 .unit_inner .box_img .dec_parts {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: rgba(200,168,76,0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(3deg);
    width: 100%;
    height: 100%;
}
.unit_image01 .unit_inner .box_text {
    width: 39.92%;
}
.unit_image01 .unit_inner .box_text h3 {
    color: #4A7EC4;
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: normal;
    letter-spacing: .08em;
    margin: min(calc(64 / 1920 * 100vw), 64px) 0 min(calc(48 / 1920 * 100vw), 48px);
}
.unit_image01 .unit_inner .box_text .text00 {
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 2.0;
}
.unit_image01.reverse .unit_inner {
    flex-flow: row-reverse;
}
.unit_image01.reverse .unit_inner .box_img {
    margin-left: 0;
    margin-right: -2.6559%;
}
@media screen and (max-width: 1279px) {
    .unit_image01 {
        margin-bottom: 120px;
    }
    .unit_image01 .unit_inner .box_img {
        width: 52%;
        margin-left: 0;
    }
    .unit_image01 .unit_inner .box_text {
        width: 42.7%;
        display: block;
    }
    .unit_image01 .unit_inner .box_text h3 {
        font-size: 24px;
        line-height: 1.35;
        letter-spacing: .08em;
        margin: 40px 0 24px;
    }
    .unit_image01 .unit_inner .box_text .text00 {
        font-size: 17px;
    }
    .unit_image01 .unit_inner .box_img {
        margin-right: 0;
    }
}
@media screen and (max-width:767px) {
    .unit_image01 {
        margin-bottom: min(calc(80 / 390 * 100vw), 80px);
    }
    .unit_image01 .unit_inner, .unit_image01.reverse .unit_inner {
        flex-flow: column;
    }
    .unit_image01 .unit_inner .box_img {
        order: 2;
        width: 100%;
    }
    .unit_image01 .unit_inner .box_text {
        display: contents;
    }
    .unit_image01 .unit_inner .box_text h3 {
        order: 1;
        font-size: min(calc(24 / 390 * 100vw), 24px);
        margin: 0 0 min(calc(48 / 390 * 100vw), 48px);
        text-align: center;
    }
    .unit_image01 .unit_inner .box_text .text00 {
        order: 3;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        margin-top: min(calc(40 / 390 * 100vw), 40px);
    }
}
/*unit_image02*/
.unit_image02 {
				max-width: 1920px;
margin:0 auto min(calc(104 / 1920 * 100vw), 104px);
}
.unit_image02 .unit_inner {}
.unit_image02 .unit_inner .box_img {
    position: relative;
    z-index: 0;
    width: 94.10%;
    margin: 0 0 min(calc(56 / 1920 * 100vw), 56px) auto;
}
.unit_image02 .unit_inner .box_img .dec_parts {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: max(calc(-184 / 1920 * 100vw), -184px);
    left: -28.125%;
    width: 122.5%;
    height: 97.87%;
}
.unit_image02 .unit_inner .box_text {
    margin: 0 auto;
    width: 75.0%;
    position: relative;
}
.unit_image02 .unit_inner .box_text h3 {
    color: #4A7EC4;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
    margin: 0 0 min(calc(48 / 1920 * 100vw), 48px);
}
.unit_image02 .unit_inner .box_text .text00 {
    font-size: var(--font-size-text);
    font-weight: 300;
    line-height: 2.0;
}
.unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
    margin-top: 1em;
}
.unit_image02.reverse .unit_inner .box_img {
    margin: 0 auto min(calc(64 / 1920 * 100vw), 64px) 0;
}
.unit_image02.reverse .unit_inner .box_img .dec_parts {
    left: auto;
    right: -28.125%;
}
.unit_image02.back_light-orange .unit_inner .box_img .dec_parts {
    background-color: #F8F5F0;
}
@media screen and (max-width: 1279px) {
    .unit_image02 {
        margin-bottom: 120px;
    }
    .unit_image02 .unit_inner .box_img, .unit_image02.reverse .unit_inner .box_img {
        position: relative;
        z-index: 0;
        width: 100%;
        margin: 0 0 64px;
    }
    .unit_image02 .unit_inner .box_img .dec_parts {
        bottom: -178px;
        left: calc(-40 / 768 * 100vw);
        width: 100%;
        height: 114.9%;
    }
    .unit_image02 .unit_inner .box_text {
        width: 100%;
    }
    .unit_image02 .unit_inner .box_text h3 {
        font-size: 40px;
        margin: 0 0 48px;
    }
    .unit_image02 .unit_inner .box_text .text00 {
        font-size: 17px;
    }
    .unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
        margin-top: 1em;
    }
    .unit_image02.reverse .unit_inner .box_img .dec_parts {
        left: auto;
        right: calc(-40 / 768 * 100vw);
    }
}
@media screen and (max-width:767px) {
    .unit_image02 {
        margin-bottom: min(calc(136 / 390 * 100vw), 136px);
    }
    .unit_image02 .unit_inner {}
    .unit_image02 .unit_inner .box_img {
        width: calc(100% + 50vw - 50%);
        margin: 0 calc(50% - 50vw) min(calc(48 / 390 * 100vw), 48px) auto;
    }
    .unit_image02 .unit_inner .box_img .dec_parts {
        bottom: auto;
        top: min(calc(144 / 390 * 100vw), 144px);
        left: -6.5%;
        width: 84.78%;
        height: 232.56%;
    }
    .unit_image02 .unit_inner .box_text h3 {
        font-family: "Noto Serif JP";
        font-size: min(calc(32 / 390 * 100vw), 32px);
        margin: 0 0 min(calc(40 / 390 * 100vw), 40px);
    }
    .unit_image02 .unit_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_image02 .unit_inner .box_text .text00:nth-of-type(n+2) {
        margin-top: 1em;
    }
    .unit_image02.reverse .unit_inner .box_img {
        width: calc(100% + 50vw - 50%);
        margin: 0 auto min(calc(48 / 390 * 100vw), 48px) calc(50% - 50vw);
    }
    .unit_image02.reverse .unit_inner .box_img .dec_parts {
        left: auto;
        right: -6.5%;
    }
}
/*unit_equipment*/
.unit_equipment {
				max-width: 1920px;
margin:0 auto min(calc(112 / 1920 * 100vw), 112px);
}
.unit_equipment .unit_inner {
    padding: 0 10.8334%;
}
.unit_equipment .st00 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6.667%;
}
.unit_equipment .st00:nth-of-type(2n) {
    flex-flow: row-reverse;
}
.unit_equipment .st00:nth-of-type(n + 2) {
    margin-top: min(calc(16 / 1920 * 100vw), 16px);
font-size: 18px;
}
.unit_equipment .st00 .box_text {
    width: 36%;
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
}
.unit_equipment .st00 .box_text h3 {
    color: #4A7EC4;
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    font-family: "Noto Sans JP";
    line-height: 100%;
    letter-spacing: .08em;
    display: flex;
    align-items: center;
    gap: min(calc(16 / 1920 * 100vw), 16px);
    font-size: 24px;
    margin-bottom: min(calc(32 / 1920 * 100vw), 32px);
}
.unit_equipment .st00 .box_text h3 .no {
    width: min(calc(48 / 1920 * 100vw), 48px);
    aspect-ratio: 1;
    background-color: #d0c19f;
    border-radius: 999px;
    color: #FFF;
    font-family: "Advent Pro";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    letter-spacing: .08em;
}
.unit_equipment .st00 .box_img {
    width: 50%;
    clip-path: polygon(9.167% 0px, 100% 0%, 100% 100%, 0% 100%);
}
.unit_equipment .st00:nth-of-type(2n) .box_img {
    clip-path: polygon(0 0px, calc(100% - 9.167%) 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1279px) {
    .unit_equipment {
        margin-bottom: 96px;
    }
    .unit_equipment .unit_inner {
        padding: 0;
    }
    .unit_equipment .st00 {
        justify-content: space-between;
        gap: 0;
    }
    .unit_equipment .st00:nth-of-type(2n) {
        flex-flow: row-reverse;
    }
    .unit_equipment .st00:nth-of-type(n + 2) {
        margin-top: 0;
    }
    .unit_equipment .st00 .box_text {
        width: 42.40%;
        color: #555;
    }
    .unit_equipment .st00 .box_text h3 {
        font-size: 24px;
        gap: 10px;
        margin-bottom: 24px;
    }
    .unit_equipment .st00 .box_text h3 .no {
        width: 40px;
        font-size: 28px;
    }
    .unit_equipment .st00 .box_img {
        width: 59.88%;
        margin-right: calc(50% - 50vw);
        clip-path: polygon(13.35% 0px, 100% 0%, 100% 100%, 0% 100%);
    }
    .unit_equipment .st00:nth-of-type(2n) .box_img {
        margin-right: 0;
        margin-left: calc(50% - 50vw);
        clip-path: polygon(0 0px, calc(100% - 13.35%) 0%, 100% 100%, 0% 100%);
    }
}
@media screen and (max-width:767px) {
    .unit_equipment {
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
        overflow: hidden;
    }
    .unit_equipment .equipment_swiper {
        overflow: unset;
    }
    .unit_equipment .swiper-wrapper {
        overflow: visible;
    }
    .unit_equipment .st00, .unit_equipment .st00:nth-of-type(2n) {
        flex-flow: column-reverse;
        justify-content: center;
        padding: 0 3.3625%;
    }
    .unit_equipment .st00:nth-of-type(n + 2) {
        margin-top: 64px;
    }
    .unit_equipment .st00 .box_text {
        width: 100%;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        font-style: normal;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: .08em;
    }
    .unit_equipment .st00 .box_text h3 {
        font-size: min(calc(24 / 390 * 100vw), 24px);
        gap: min(calc(10 / 390 * 100vw), 10px);
        margin: min(calc(32 / 390 * 100vw), 32px) auto min(calc(32 / 390 * 100vw), 32px);
        justify-content: center;
    }
    .unit_equipment .st00 .box_text h3 .no {
        width: min(calc(40 / 390 * 100vw), 40px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
    }
    .unit_equipment .st00 .box_img, .unit_equipment .st00:nth-of-type(2n) .box_img {
        margin: 0;
        width: 100%;
        clip-path: unset;
    }
    .unit_equipment .equipment_swiper .swiper-button-next, .unit_equipment .equipment_swiper .swiper-button-prev {
        width: min(calc(20 / 390 * 100vw), 20px);
        aspect-ratio: 24 / 50;
        top: min(calc(258 / 390 * 100vw), calc(258px + 0.530503979 * (100vw - 390px))
);
    }
    .unit_equipment .equipment_swiper .swiper-button-next {
        right: max(calc(-10 / 390 * 100vw), 10px);
        left: auto;
    }
    .unit_equipment .equipment_swiper .swiper-button-prev {
        left: max(calc(-10 / 390 * 100vw), 10px);
        right: auto;
    }
    .unit_equipment .equipment_swiper .swiper-button-next::after, .unit_equipment .equipment_swiper .swiper-button-prev::after {
        content: "";
        background-image: url("/assets/img/template/equipment_arrow01.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        aspect-ratio: 24 / 50;
    }
    .unit_equipment .equipment_swiper .swiper-button-prev::after {
        transform: scale(-1, 1);
    }
}


/*wrapper_bi01*/
.wrapper_bi01 {
	background-image: url("/assets/img/template/pattern01.png");
	background-repeat: repeat;
	background-size:18px;
	background-position: center center;

}


/*unit_reserve*/
.unit_reserve {
				max-width: 1920px;
margin:0 auto;

    padding: min(calc(120 / 1920 * 100vw), 120px) 0 min(calc(176 / 1920 * 100vw), 176px);
}
.unit_reserve .unit_inner {
    padding: 0;
    max-width: 1280px;
    width: calc(100% - 160px);
}
.unit_reserve .unit_inner .box_text {
    position: relative;
    z-index: 0;
    /* aspect-ratio: 1120 / 432; */
    padding: min(calc(48 / 1920 * 100vw), 48px) min(calc(176 / 1920 * 100vw), 176px) 0;
    padding: min(calc(48 / 1920 * 100vw), 48px) min(calc(176 / 1920 * 100vw), 176px) 7vw;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: min(calc(4 / 1920 * 100vw), 4px) min(calc(4 / 1920 * 100vw), 4px) min(calc(12 / 1920 * 100vw), 12px) 0px rgba(0, 0, 0, 0.12);
}
.unit_reserve .unit_inner .box_text h3 {
    color: #4A7EC4;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .08em;
    text-align: center;
    margin-bottom: min(calc(56 / 1920 * 100vw), 56px);
}
.unit_reserve .unit_inner .box_text h3 .size_l {
    display: block;
    font-size: 1.5em;
    margin-top: min(calc(13 / 1920 * 100vw), 13px);
}
.unit_reserve .unit_inner .box_text .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    text-align: center;
}
.unit_reserve .unit_inner .box_text .btn_reserve {
    position: absolute;
    z-index: 1;
    bottom: max(calc(-64 / 1920 * 100vw), -64px);
    left: 50%;
    transform: translateX(-50%);
    width: min(calc(632 / 1920 * 100vw), 632px);
    aspect-ratio: 632 / 160;
    background: rgb(201 168 76 / 90%);
    opacity: 0.9;
    display: flex;
    justify-content: center;
    align-items: center;
}
.unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 30.72px */
    letter-spacing: -.04em;
    width: min(calc(136 / 1920 * 100vw), 136px);
    aspect-ratio: 1;
    border-radius: 999px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: min(calc(48 / 1920 * 100vw), 48px);
}
.unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
    display: block;
    margin-top: max(calc(-5 / 1920 * 100vw), -5px);
}
.unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
    width: min(calc(186 / 1920 * 100vw), 186px);
    color: #FFF;
    font-family: "Zen Kaku Gothic Antique";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 40px */
    letter-spacing: .04em;
    display: flex;
    flex-flow: wrap;
    gap: min(calc(0 / 1920 * 100vw), 0) min(calc(0/ 1920 * 100vw), 0);
    margin-top: min(calc(32 / 1920 * 100vw), 32px);
}
.unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
    font-family: "Advent Pro";
    font-size: min(calc(47 / 1920 * 100vw), 47px);
    font-style: normal;
    letter-spacing: .08em;
}
.unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
    width: fit-content;
    margin: 0 auto;
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    letter-spacing: 0;
    font-family: "Corinthia", cursive;
}
.unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
    position: relative;
    z-index: 0;
    background-color: #fff;
    width: min(calc(100 / 1920 * 100vw), 100px);
    height: min(calc(2 / 1920 * 100vw), 2px);
    margin-left: min(calc(40 / 1920 * 100vw), 40px);
}
.unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: min(calc(10 / 1920 * 100vw), 10px);
    aspect-ratio: 1;
    border-radius: 99px;
}
@media screen and (max-width: 1279px) {
    .unit_reserve {
        padding: 96px 0 176px;
    }
    .unit_reserve .unit_inner {
        padding: 0;
    }
    .unit_reserve .unit_inner .box_text {
        position: relative;
        z-index: 0;
        aspect-ratio: 1120 / 432;
        padding: 56px 60px 136px;
        box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
    }
    .unit_reserve .unit_inner .box_text h3 {
        font-size: 24px;
        margin-bottom: 56px;
    }
    .unit_reserve .unit_inner .box_text h3 .size_l {
        font-size: 1.5em;
        margin-top: 12px;
    }
    .unit_reserve .unit_inner .box_text .text00 {
        font-size: 17px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve {
        bottom: -80px;
        width: 592px;
        aspect-ratio: 592 / 160;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif JP";
        font-size: 24px;
        width: 136px;
        aspect-ratio: 1;
        margin-right: 48px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
        margin-top: -5px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
        width: 182px;
        font-size: 40px;
        gap: 9px 1px;
        margin-top: 32px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
        font-family: "Advent Pro";
        font-size: 47px;
        font-style: normal;
        letter-spacing: .13em;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
        font-size: 24px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
        position: relative;
        z-index: 0;
        background-color: #fff;
        width: 100px;
        height: 2px;
        margin-left: 40px;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
        width: 10px;
    }
}
@media screen and (max-width:767px) {
    .unit_reserve {
        padding: min(calc(88 / 390 * 100vw), 88px) 0 min(calc(160 / 390 * 100vw), 160px);
    }
    .unit_reserve .unit_inner {
        width: 91.80%;
    }
    .unit_reserve .unit_inner .box_text {
        position: relative;
        z-index: 0;
        aspect-ratio: unset;
        padding: min(calc(48 / 390 * 100vw), 48px) min(calc(31 / 390 * 100vw), 31px) min(calc(128 / 390 * 100vw), 128px);
        box-shadow: min(calc(4 / 390 * 100vw), 4px) min(calc(4 / 390 * 100vw), 4px) min(calc(12 / 390 * 100vw), 12px) 0px rgba(0, 0, 0, 0.12);
    }
    .unit_reserve .unit_inner .box_text h3 {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 144%;
        margin-bottom: min(calc(40 / 390 * 100vw), 40px);
    }
    .unit_reserve .unit_inner .box_text h3 .size_l {
        display: block;
        font-size: 1.3em;
        margin-top: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_reserve .unit_inner .box_text .text00 {
        color: #555;
        font-size: min(calc(16 / 390 * 100vw), 16px);
        font-style: normal;
        font-weight: 300;
        line-height: 190%;
        letter-spacing: .08em;
        text-align: center;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve {
        bottom: max(calc(-70 / 390 * 100vw), -70px);
        width: min(calc(320 / 390 * 100vw), 320px);
        aspect-ratio: 320 / 144;
        opacity: 0.9;
        flex-flow: column;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text {
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif JP";
        font-size: min(calc(19 / 390 * 100vw), 19px);
        width: 100%;
        aspect-ratio: unset;
        border-radius: 0;
        border: 0;
        display: block;
        margin-right: 0;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text br {
        display: none;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_text .adjust {
        margin-top: 0;
        letter-spacing: 0.09em;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name {
        width: min(calc(186 / 390 * 100vw), 186px);
        color: #FFF;
        font-family: "Zen Kaku Gothic Antique";
        font-size: min(calc(32 / 390 * 100vw), 32px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 40px */
        letter-spacing: .04em;
        justify-content: center;
        gap: min(calc(15 / 390 * 100vw), 15px) min(calc(3 / 390 * 100vw), 3px);
        margin-top: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .btn_en {
        font-family: "Advent Pro";
        font-size: min(calc(40 / 390 * 100vw), 40px);
        font-style: normal;
        letter-spacing: .08em;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .btn_name .en {
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image {
        position: absolute;
        top: 50%;
        right: 8%;
        transform: translateY(-50%);
        width: min(calc(46 / 390 * 100vw), 46px);
        height: min(calc(2 / 390 * 100vw), 2px);
        margin-left: 0;
    }
    .unit_reserve .unit_inner .box_text .btn_reserve .dec_image::after {
        width: min(calc(12 / 390 * 100vw), 12px);
    }
}

@media screen and (max-width:390px) {
    .unit_reserve .unit_inner .box_text {
        aspect-ratio: 358 / 504;
    }
    }



/*unit_cost*/
.unit_cost {
				max-width: 1920px;
margin:0 auto;

    padding: 0 0 min(calc(112 / 1920 * 100vw), 112px);
}
.unit_cost .unit_inner {
    padding: 0;
    max-width: 1280px;
    width: calc(100% - 160px);
}
.unit_cost .unit_inner .box_text {
    position: relative;
    z-index: 0;
    padding: min(calc(64 / 1920 * 100vw), 64px) min(calc(90 / 1920 * 100vw), 90px);
    background: rgba(255, 255, 255, 0.80);
border:1px solid #ddd;
}
.unit_cost .unit_inner .box_text h3 {
	position: relative;
	z-index: 0;
	color: #4A7EC4;
	font-family: "Noto Serif JP";
	font-size: min(calc(32 / 1920 * 100vw), 32px);
	font-weight: 400;
	line-height: 100%;
	letter-spacing: .08em;
	text-align: center;
	padding-bottom: min(calc(42 / 1920 * 100vw), 42px);
	margin-bottom: min(calc(40 / 1920 * 100vw), 40px);
}
.unit_cost .unit_inner .box_text h3 .size_s {
    font-size: .75em;
}
.unit_cost .unit_inner .box_text h3::after {
	content: "";
	display: block;
	position: absolute;
	z-index:0;
	background-color: var(--primary-color);
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	width:  min(calc(40 / 1920 * 100vw), 40px);
	height:1px;
	opacity: .8;

}
.unit_cost .unit_inner .box_text .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .08em;
    text-align: center;
}
.unit_cost .unit_inner .box_text .text00 .dec_color{
color:var(--primary-color);
}
@media screen and (max-width: 1279px) {
    .unit_cost {
        padding: 0 0 96px;
    }
    .unit_cost .unit_inner {
        padding: 0;
    }
    .unit_cost .unit_inner .box_text {
        position: relative;
        z-index: 0;
        padding: 64px 64px 56px;

    }
    .unit_cost .unit_inner .box_text h3 {
        font-size: 32px;
		padding-bottom:48px;
        margin-bottom: 40px;
    }
.unit_cost .unit_inner .box_text h3::after {
	width: 40px;

}
    .unit_cost .unit_inner .box_text .text00 {
        font-size: 17px;
    }
}
@media screen and (max-width:767px) {
    .unit_cost {
        padding:0 0 min(calc(160 / 390 * 100vw), 160px);
    }
    .unit_cost .unit_inner {
        width: 91.80%;
    }
    .unit_cost .unit_inner .box_text {
        position: relative;
        z-index: 0;
        padding: min(calc(42 / 390 * 100vw), 42px) min(calc(36 / 390 * 100vw), 36px) min(calc(41 / 390 * 100vw), 41px);

    }
    .unit_cost .unit_inner .box_text h3 {
        font-size: min(calc(28 / 390 * 100vw), 28px);
        line-height: 128%;
        padding-bottom: min(calc(25 / 390 * 100vw), 25px);
        margin-bottom: min(calc(24 / 390 * 100vw), 24px);
    }
    .unit_cost .unit_inner .box_text h3 .size_s {
        font-size: .7143em;
    }
    .unit_cost .unit_inner .box_text .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
		text-align: left;
    }
}

/*unit_flow*/
.unit_flow {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
}
.unit_flow .unit_inner {
    padding: 0 7.18%;
}
.unit_flow h3 {
    color: #502808;
    font-family: "Noto Serif JP";
    font-size: min(calc(40 / 1920 * 100vw), 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 54.4px */
    letter-spacing: .04em;
    margin-bottom: 56px;
}
.unit_flow .list_flow {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: space-between;
}
.unit_flow .list_flow::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: 0;
    left: -22%;
    width: 117.02%;
    aspect-ratio: 1568 / 365;
}
.unit_flow .list_flow .flow00 {
    width: 22.69%;
}
.unit_flow .list_flow .flow00 figure {
    width: 84.21%;
    margin: 0 auto;
}
.unit_flow .list_flow .flow00 h4 {
    color: #502808;
    font-family: "Noto Serif JP";
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 136%; /* 38.08px */
    letter-spacing: .04em;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: min(calc(48 / 1920 * 100vw), 48px) 0 min(calc(16 / 1920 * 100vw), 16px);
    padding-bottom: 13px;
    border-bottom: 1px solid #AF9D7B;
}
.unit_flow .list_flow .flow00 h4 .no {
    font-family: "Advent Pro";
    font-size: min(calc(64 / 1920 * 100vw), 64px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .04em;
}
.unit_flow .list_flow .flow00 .text00 {
    color: #555;
    font-family: "Noto Sans JP";
    font-size: min(calc(16 / 1920 * 100vw), 16px);
font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: -.01em;
}
.unit_flow .list_flow .flow00 .area {
    position: relative;
    z-index: 0;
    background-color: #A79471;
    color: #A79471;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: .08em;
    padding: min(calc(20 / 1920 * 100vw), 20px) 0;
    margin-top: 32px;
}
.unit_flow .list_flow .flow00 .area::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #A79471;
    top: 0;
    right: -13.70%;
    width: 13.90%;
    height: 100%;
}
.unit_flow .list_flow .flow00:last-of-type .area::after {
    background-color: #A79471;
    top: 0;
    right: -95.40%;
    width: 95.40%;
}
.unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
    content: "虫歯の範囲";
    color: #fff;
    font-size: 1.375em;
    font-weight: 700;
    letter-spacing: .04em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 0;
    background-color: #A79471;
    top: 0;
    left: -95.40%;
    width: 95.40%;
    height: 100%;
	

}
.unit_flow .list_flow .flow00 .area .dec01 {
    display: block;
    background-color: #fff;
    width: min(calc(120 / 1920 * 100vw), 120px);
    margin: 0 auto;
    text-align: center;
}
.unit_flow .wrapper_treatment {
    padding: min(calc(96 / 1920 * 100vw), 96px) 0 min(calc(86 / 1920 * 100vw), 86px);
    background-color: #FAFAFA;
}
.unit_flow .list_treatment {
    max-width: 1280px;
    width: calc(100% - 80px);
    margin: 0 auto min(calc(48 / 1920 * 100vw), 48px);
    display: flex;
    justify-content: space-between;
}
.unit_flow .list_treatment .treatment00 {
    position: relative;
    z-index: 0;
    width: 18.19%;
    aspect-ratio: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.unit_flow .list_treatment .treatment00::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    aspect-ratio: 1;
    border-radius: 999px;
}
.unit_flow .list_treatment .treatment00 figure img {
    height: min(calc(107 / 1920 * 100vw), 107px)
}
.unit_flow .list_treatment .treatment00 p {
    color: #60A8D0;
    text-align: center;
    font-size:min(calc(20 / 1920 * 100vw), 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: .04em;
    margin-top: min(calc(12 / 1920 * 100vw), 12px);
}
.unit_flow .list_treatment + .text00 {
    max-width: 872px;
    width: calc(100% - 48px);
    margin: 0 auto;
	
color: #555;
font-size:  15px;
font-style: normal;
font-weight: 300;
line-height: 200%;
	letter-spacing: .08em;
	
	text-align: center;
	}



@media screen and (max-width: 1279px) {
.unit_flow {
    padding: 88px 0 0;
}
.unit_flow .unit_inner {
    padding: 0 0 96px;
}
.unit_flow h3 {
    font-size: 40px;
    margin-bottom: 52px;
}
.unit_flow .list_flow {
   flex-flow: wrap;
	justify-content: flex-start;
	gap:56px calc(40 / 768 * 100vw); 
}
.unit_flow .list_flow::after {
    display: none;

}
	
.unit_flow .list_flow .flow00 {
	position: relative;
	z-index: 0;
    width: 44.19%;
}
	
	.unit_flow .list_flow .flow00:nth-of-type(1)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: 0;
    left: -26.32%;
    width: 221.05%;
    aspect-ratio: 672 / 368;
}
	.unit_flow .list_flow .flow00:nth-of-type(3) {
	z-index: 1;
}

	.unit_flow .list_flow .flow00:nth-of-type(4)::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    background-color: #F6F6F6;
    bottom: 0;
    right: -26.32%;
    width: 221.05%;
    aspect-ratio: 672 / 368;
}
	

	
	
.unit_flow .list_flow .flow00:nth-of-type(1) {
    margin-left:auto;
}
.unit_flow .list_flow .flow00:nth-of-type(4) {
    margin-right:auto;
}
.unit_flow .list_flow .flow00 h4 {
    font-size: 28px;
margin: 48px 0 16px;
        padding-bottom: 13px;
    }
.unit_flow .list_flow .flow00 h4 .no {
    font-size: 64px;
}
.unit_flow .list_flow .flow00 .text00 {
    font-size: 17px;
}
.unit_flow .list_flow .flow00 .area {
    position: relative;
    z-index: 0;
    background-color: #A79471;
    color: #A79471;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: .08em;
    padding: 20px 0;
    margin-top: 48px;
}
.unit_flow .list_flow .flow00 .area::after {
    right: -13.16%;
    width: 13.16%;
}

.unit_flow .list_flow .flow00:nth-of-type(2) .area::after {
    display: none;
}




.unit_flow .list_flow .flow00:last-of-type .area::after {
    right: -26.32%;
    width: 26.32%;
}
.unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
		/*background-color:transparent;*/

left: -27%;
  width: 52.5%;
	justify-content: flex-end;
}
.unit_flow .list_flow .flow00 .area .dec01 {
    display: block;
    background-color: #fff;
    width: 120px;
    margin: 0 auto;
    text-align: center;
}
.unit_flow .wrapper_treatment {
    padding: 96px 0 88px;
}
.unit_flow .list_treatment {
    width: 87.50%;
    margin: 0 auto 48px;
   flex-flow: wrap;
    justify-content: center;
	gap:calc(24 / 768 * 100vw);
}
.unit_flow .list_treatment .treatment00 {
    width: 30.95%;
    aspect-ratio: 1;
}
.unit_flow .list_treatment .treatment00 figure img {
    height:  calc(107 / 768 * 100vw);
}
.unit_flow .list_treatment .treatment00 p {
    text-align: center;
    font-size:  20px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: .04em;
    margin-top: 12px;
}
.unit_flow .list_treatment + .text00 {
    max-width: 640px;
    font-size:17px;
}
}

@media screen and (max-width:767px) {
.unit_flow {
    padding: 0;
}
.unit_flow .unit_inner {
    padding: 0 0 min(calc(90 / 390 * 100vw), 90px);
}
.unit_flow h3 {
    font-size: min(calc(32 / 390 * 100vw), 32px);
    margin-bottom: min(calc(80 / 390 * 100vw), 80px);
    text-align: center;
}
.unit_flow .list_flow {
    justify-content: flex-end;
    gap: min(calc(48 / 390 * 100vw), 48px) 0;
    padding: min(calc(56 / 390 * 100vw), 56px) 0 min(calc(72 / 390 * 100vw), 72px);
}
.unit_flow .list_flow::after {
    display: block;
    bottom: 0;
    left: -7%;
    width: 86.56%;
    height: 100%;
    aspect-ratio: unset;
}
.unit_flow .list_flow .flow00 {
    position: relative;
    z-index: 0;
    width: 88.90%;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}
.unit_flow .list_flow .flow00:nth-of-type(1)::after,
.unit_flow .list_flow .flow00:nth-of-type(4)::after {
    display: none
}
.unit_flow .list_flow .flow00 {
    margin: auto;
}
.unit_flow .list_flow .flow00 figure {
    order: 2;
    width: 68.42%;
    margin: 0;
}
.unit_flow .list_flow .flow00 h4 {
    order: 1;
    width: min(calc(88 / 390 * 100vw), 88px);
    font-size: min(calc(28 / 390 * 100vw), 28px);
    margin: 0 min(calc(8 / 390 * 100vw), 8px) 0 0;
    padding-bottom: 0;
    flex-flow: column;
    align-items: center;
    align-self: flex-end;
    gap: min(calc(14 / 390 * 100vw), 14px);
    border: 0;
}
.unit_flow .list_flow .flow00 h4 .no {
    font-size: min(calc(64 / 390 * 100vw), 64px);
}
.unit_flow .list_flow .flow00 .text00 {
    order: 3;
    font-size: min(calc(16 / 390 * 100vw), 16px);
    border-top: 1px solid #AF9D7B;
    margin-top: min(calc(16 / 390 * 100vw), 16px);
    padding-top: min(calc(24 / 390 * 100vw), 24px);
}
.unit_flow .list_flow .flow00 .area {
    order: 4;
    width: 100%;
    font-size: min(calc(16 / 390 * 100vw), 16px);
    line-height: 2.5;
    padding: min(calc(12 / 390 * 100vw), 12px) 0;
    margin-top: min(calc(20 / 390 * 100vw), 20px);
}
.unit_flow .list_flow .flow00 .area::after,
.unit_flow .list_flow .flow00:last-of-type .area::after {
    right: -14.14%;
    width: 14.14%;
}
.unit_flow .list_flow .flow00:nth-of-type(2) .area::after {
    display: block;
}
.unit_flow .list_flow .flow00:nth-of-type(1) .area::before {
    left: 13%;
    width: fit-content;
    font-size: 1.25em;
}
.unit_flow .list_flow .flow00 .area .dec01 {
    display: block;
    background-color: #fff;
    width: min(calc(128 / 390 * 100vw), 128px);
    margin: 0 0 0 auto;
    text-align: center;
}
.unit_flow .wrapper_treatment {
    padding: min(calc(56 / 390 * 100vw), 56px) 0 min(calc(80 / 390 * 100vw), 80px);
}
.unit_flow .list_treatment {
    width: 87.70%;
    margin: 0 auto min(calc(40 / 390 * 100vw), 40px);
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 0;
}
.unit_flow .list_treatment .treatment00 {
    width: 53.80%;
}
.unit_flow .list_treatment .treatment00:nth-of-type(2n) {
    margin-left: auto;
    z-index: 1;
}
.unit_flow .list_treatment .treatment00:nth-of-type(n+2) {
    margin-top: max(calc(-64 / 390 * 100vw), -64px);
}
.unit_flow .list_treatment .treatment00 figure img {
   /* height: min(calc(91 / 390 * 100vw), 91px);*/
    height: calc(123 / 767 * 100vw);
}
.unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) figure img {
   /* height: min(calc(111 / 390 * 100vw), 111px);*/
    height: calc(150 / 767 * 100vw);
}
.unit_flow .list_treatment .treatment00 p {
    font-size: min(calc(20 / 390 * 100vw), 20px);
    margin-top: min(calc(12 / 390 * 100vw), 12px);
}
.unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) p {
    margin-top: min(calc(9 / 390 * 100vw), 9px);
}
.unit_flow .list_treatment .treatment00:nth-of-type(1) p,
.unit_flow .list_treatment .treatment00:last-of-type p {
    margin-top: 0px;
}
.unit_flow .list_treatment + .text00 {
    width: 87.70%;
    font-size: min(calc(16 / 390 * 100vw), 16px);
    text-align: left;
}

}
@media screen and (max-width:390px) {
.unit_flow .list_treatment .treatment00 figure img {
    height: calc(91 / 390 * 100vw);
}
.unit_flow .list_treatment .treatment00:nth-of-type(-n + 3) figure img {
    height: calc(111 / 390 * 100vw);
}
}

/* unit_worries parts16（矯正のお悩み） */
.unit_worries.parts16 {
    margin: 0 auto;
    background-color: #FAFAFA;
    padding: min(calc(72 / 1920 * 100vw), 72px) 0 min(calc(88 / 1920 * 100vw), 88px);
}
.unit_worries.parts16 .unit_inner {
    width: 100%;
    max-width: 1920px;
    padding: 0 min(calc(40 / 1920 * 100vw), 40px);
    margin: 0 auto;
}
.unit_worries.parts16 .worries_cloud {
    /* background-color: #fff;
    border-radius: min(calc(200 / 1920 * 100vw), 200px); */
    padding: min(calc(56 / 1920 * 100vw), 56px) min(calc(32 / 1920 * 100vw), 32px) min(calc(64 / 1920 * 100vw), 64px);
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(/assets/img/template/worries_bg_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 5%;
}
.unit_worries.parts16 .worries_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: min(calc(12 / 1920 * 100vw), 12px);
}
.unit_worries.parts16 .worries_item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.worries_item--band_high {
    margin-inline: -5%;
}
.unit_worries.parts16 .worries_item_stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1 1 auto;
    min-height: min(calc(120 / 1920 * 100vw), 120px);
    margin-bottom: 30%;
}
.unit_worries.parts16 .worries_item_spacer {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100px;
}
.unit_worries.parts16 .worries_item_textwrap {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.unit_worries.parts16 .worries_text {
    margin: 0 0 min(calc(12 / 1920 * 100vw), 12px);
    color: #444;
    font-family: "Hachi Maru Pop", cursive;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    letter-spacing: .04em;
    line-height: 1.35;
    font-size: min(1.5vw, 24px);
    white-space: nowrap;
}
.unit_worries.parts16 .worries_text--l {
    font-size: 1.2em;
    line-height: 1.35;
}
.unit_worries.parts16 .worries_text--track {
    letter-spacing: .04em;
}
.worries_text--c {
    position: relative;
    z-index: 0;
}
.worries_text--c::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: #fff4a3;
    z-index: -1;
}
.unit_worries.parts16 .worries_fig {
    flex: 0 0 auto;
    margin: min(calc(4 / 1920 * 100vw), 4px) 0 0;
    line-height: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.unit_worries.parts16 .worries_fig img {
    width: auto;
    height: atuo;
    max-width: 100%;
}

@media screen and (max-width: 1279px) {
    .unit_worries.parts16 {
        padding: 56px 0 72px;
    }
    .unit_worries.parts16 .unit_inner {
        width: 89.58%;
        padding: 0;
    }
    .unit_worries.parts16 .worries_cloud {
        background-image: url(/assets/img/template/worries_bg_tb.png);
        background-size: 100% 100%;
        padding: 10% 0%;
        background-position: center;
    }
    .unit_worries.parts16 .worries_list {
        flex-direction: column;
        gap: 24px;
        max-width: 768px;
        margin: 0 auto;
    }
    .unit_worries.parts16 .worries_item {
        flex: 0 0 auto;
        flex-direction: row;
        justify-content: center;
        gap: 4vw;
    }
    .unit_worries.parts16 .worries_item--band_high {
        margin-inline: 0;
        flex-direction: row-reverse;
    }
    .unit_worries.parts16 .worries_item_stack {
        flex: 0 1 auto;
        min-height: 0;
        margin: 0;
        width: auto;
        justify-content: center;
    }
    .unit_worries.parts16 .worries_item_spacer {
        display: none;
    }
    .unit_worries.parts16 .worries_fig {
        margin-top: 0;
        flex: 0 0 auto;
        width: auto;
    }
    .unit_worries.parts16 .worries_text {
        font-size: min(calc(20 / 768 * 100vw), 24px);
    }
    .unit_worries.parts16 .worries_fig img {
        height: min(calc(166 / 768 * 100vw), 166px);
    }
}

@media screen and (max-width: 767px) {
    .unit_worries.parts16 {
        padding: min(calc(40 / 390 * 100vw), 40px) 0 min(calc(56 / 390 * 100vw), 56px);
    }
    .unit_worries.parts16 .unit_inner {
        width: 87.69%;
    }
    .unit_worries.parts16 .worries_cloud {
        background-image: url(/assets/img/template/worries_bg_sp.png);
        padding: 10% 0;
    }
    .unit_worries.parts16 .worries_list {
        gap: min(calc(40 / 390 * 100vw), 40px);
        max-width: 360px;
    }
    .unit_worries.parts16 .worries_item--band_low {
        flex-direction: column;
        gap: 0;
    }
    .unit_worries.parts16 .worries_item--band_low .worries_item_stack {
        width: 100%;
    }
    .unit_worries.parts16 .worries_item--band_low figure.worries_fig {
        width: 100%;
        justify-content: end;
    }


    .unit_worries.parts16 .worries_item:first-child .worries_text {
        text-align: left;
        align-self: stretch;
    }
    .unit_worries.parts16 .worries_text {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 1.5;
        letter-spacing: .02em;
        white-space: normal;
    }
    .unit_worries.parts16 .worries_text--l,
    .unit_worries.parts16 .worries_text--s {
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 1.5;
    }
    .unit_worries.parts16 .worries_fig img {
        height: min(calc(124 / 390 * 100vw), 124px);
    }
}

/* unit_concerns parts17（お悩み） Ellipse 59/60 は背景画像
   PC: 最大幅1280px・1列（Figma 148:861 ※API 429時は仕様に基づく） */
.unit_concerns.parts17 {
    max-width: 1920px;
    margin: 0 auto;
    padding: min(calc(64 / 1920 * 100vw), 64px) 0 min(calc(80 / 1920 * 100vw), 80px);
}
.unit_concerns.parts17 .unit_inner {
    width: calc(100% - 80px);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}
.unit_concerns.parts17 .concerns_ttl {
    margin: 0 0 min(calc(80 / 1920 * 100vw), 80px);
    color: #264880;
    font-family: "Noto Serif JP", serif;
    font-size: min(calc(36 / 1920 * 100vw), 36px);
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: .04em;
    text-align: center;
    position: relative;
    z-index: 1;
}
.concerns_ttl-l {
    font-size: 1.33em;
}
.unit_concerns.parts17 .concerns_main {
    position: relative;
    z-index: 0;
    padding: min(calc(32 / 1920 * 100vw), 32px) 0 0;
}
.unit_concerns.parts17 .concerns_grid::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    width: 100%;
    /* max-width: min(100%, 1200px); */
    /* aspect-ratio: 688 / 494; */
    transform: translate(-50%, -50%);
    background: url("/assets/img/template/concerns_grid-pc.png") center / contain no-repeat;
    /* opacity: .32; */
    pointer-events: none;
    height: 100%;
    background-size: cover;
    aspect-ratio: 1272 / 323;
    height: auto;
}
.unit_concerns.parts17 .concerns_grid {
    position: relative;
    z-index: 1;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: min(calc(40 / 1920 * 100vw), 40px);
    padding-inline: 40px;
}
.unit_concerns.parts17 .concerns_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.unit_concerns.parts17 .concerns_card:nth-child(odd) {
    margin-top: 40px
}
.unit_concerns.parts17 .concerns_fig {
    margin: 0 0 16px;
    line-height: 0;
}
.unit_concerns.parts17 .concerns_fig img {
    width: auto;
    height: min(calc(160 / 1920 * 100vw), 160px);
    max-width: 100%;
    height: auto;
}
.unit_concerns.parts17 .concerns_caption {
    margin: 0;
    color: #104080;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .06em;
    max-width: 42em;
}
.unit_concerns.parts17 .concerns_lead {
    position: relative;
    z-index: 1;
    margin: 80px 0 0;
    color: #555;
    font-family: "Noto Sans JP", sans-serif;
    font-size: var(--font-size-text);
    font-weight: 300;
    line-height: 2;
    letter-spacing: .06em;
    text-align: center;
}

@media screen and (max-width: 1279px) {
    .unit_concerns.parts17 {
        padding: 48px 0 64px;
    }
    .unit_concerns.parts17 .unit_inner {
        max-width: 800px;
        width: 89.58%;
        padding: 0;
    }
    .unit_concerns.parts17 .concerns_ttl {
        font-size: 36px;
        margin-bottom: 80px;
    }
    .unit_concerns.parts17 .concerns_main {
        padding-top: 24px;
    }
    .unit_concerns.parts17 .concerns_grid::before {
        /* width: min(100%, 688px); */
        /* max-width: 688px; */
        /* top: 4px; */
        background-image: url("/assets/img/template/concerns_grid-tb.png");
        aspect-ratio: 1376 / 988;
    }
    .unit_concerns.parts17 .concerns_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 20px;
        display: flex;
        flex-wrap: wrap;
    }
	.unit_concerns.parts17 .concerns_card {
    width: min(292px, 48%);
}
	.unit_concerns.parts17 .concerns_card:nth-child(2) {
    margin-right: auto;
	}
	.unit_concerns.parts17 .concerns_card:nth-child(3) {
    margin-left: auto;
	}
    .unit_concerns.parts17 .concerns_fig img {
        height: 160px;
    }
    .unit_concerns.parts17 .concerns_caption {
        max-width: 20em;
        font-size: 20px;
    }
    .unit_concerns.parts17 .concerns_lead {
        /* margin-top: 40px; */
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .unit_concerns.parts17 {
        padding: min(calc(40 / 390 * 100vw), 40px) 0 min(calc(56 / 390 * 100vw), 56px);
    }
    .unit_concerns.parts17 .unit_inner {
        width: 87.69%;
        max-width: 422px;
    }
    .unit_concerns.parts17 .concerns_ttl {
        font-size: min(32px, 7.4vw);
        line-height: 1.2;
        margin-bottom: min(calc(32 / 390 * 100vw), 32px);
        /* letter-spacing: -0.1em; */
    }
    .unit_concerns.parts17 .concerns_main {
        padding-top: min(calc(24 / 390 * 100vw), 24px);
    }
    .unit_concerns.parts17 .concerns_grid::before {
        width: 100%;
        max-width: none;
        aspect-ratio: unset;
        /* top: min(calc(20 / 390 * 100vw), 20px); */
        background-image: url("/assets/img/template/concerns_grid-sp.png");
        background-position: center top;
        background-size: 100% 100%;
        height: 100%;
    }
    .unit_concerns.parts17 .concerns_grid {
        grid-template-columns: 1fr;
        gap: 0;
        display: grid;
        padding: 10% 8px;
    }
	.unit_concerns.parts17 .concerns_card {
			width: 55%
	}
	.unit_concerns.parts17 .concerns_card:nth-child(even) {
		margin-top: -80px;
	}
.unit_concerns.parts17 .concerns_card:nth-child(odd) {
	margin-left: auto;
	margin-top:0;
}
	.unit_concerns.parts17 .concerns_caption {
        color: #333C77;
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 1.6;
        max-width: none;
    }
    .unit_concerns.parts17 .concerns_fig img {
        height: min(calc(160 / 390 * 100vw), 160px);
    }
    .unit_concerns.parts17 .concerns_lead {
        margin-top: min(calc(48 / 390 * 100vw), 48px);
        font-size: min(calc(16 / 390 * 100vw), 16px);
        text-align: left;
    }
}

/*unit_invisalign*/
.unit_invisalign {
    max-width: 1920px;
    margin: 0 auto;
    padding: min(calc(123 / 1920 * 100vw), 123px) 0 min(calc(114 / 1920 * 100vw), 114px);
}
.unit_invisalign .unit_inner {
    padding: 0;
    max-width: 1200px;
    width: calc(100% - 80px);
}
.unit_invisalign h3 {
    color: #264880;
    font-family: "Noto Serif JP";
    font-size: min(calc(48 / 1920 * 100vw), 48px);
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    letter-spacing: .01em;
    text-align: center;
    margin-bottom: min(calc(88 / 1920 * 100vw), 88px);
}
.unit_invisalign-sub {
    font-size: 0.58em;
    font-family: "Noto Sans JP";
    display: block;
}
.unit_invisalign h3 .ttl_img {
    width: min(calc(385 / 1920 * 100vw), 385px);
    margin: 0 auto min(calc(16 / 1920 * 100vw), 16px);
}
.unit_invisalign h3 .size_s {
    font-size: min(calc(34 / 1920 * 100vw), 34px);
}
.unit_invisalign .box_content {
    display: flex;
    justify-content: flex-end;
    max-width: 1100px;
}
.unit_invisalign .box_content:nth-of-type(odd) {
    margin-inline: auto 0;
}
.unit_invisalign .box_content:nth-of-type(even) {
    justify-content: flex-start;
}
.unit_invisalign .box_content:nth-of-type(even) {
    margin-top: min(calc(88 / 1920 * 100vw), 88px);
}
.unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
    margin-top: min(calc(96 / 1920 * 100vw), 96px);
}
.unit_invisalign .box_content .box_img {
    position: relative;
    z-index: 1;
    width: 34.53%;
    align-self: baseline;
}
.unit_invisalign .box_content .box_img .dec_no {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: min(calc(15 / 1920 * 100vw), 15px);
    width: 31.25%;
    aspect-ratio: 1;
    border-radius: min(calc(5 / 1920 * 100vw), 5px);
    background-color: #104080cc;
    color: #FFF;
    font-family: "Advent Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
}
.unit_invisalign .box_content .box_img .dec_no .size_l {
    font-size: 2em;
    font-weight: 300;
    letter-spacing: 0;
}
.unit_invisalign .box_content.content01 .box_img .dec_no {
    bottom: max(calc(-26 / 1920 * 100vw), -26px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}
.unit_invisalign .box_content.content02 .box_img .dec_no {
    bottom: max(calc(-28 / 1920 * 100vw), -28px);
    right: max(calc(-12 / 1920 * 100vw), -12px);
}
.unit_invisalign .box_content.content03 .box_img .dec_no {
    top: max(calc(-28 / 1920 * 100vw), -28px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}
.unit_invisalign .box_content.content04 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    right: max(calc(-24 / 1920 * 100vw), -24px);
}
.unit_invisalign .box_content.content05 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    left: max(calc(-24 / 1920 * 100vw), -24px);
}
.unit_invisalign .box_content.content06 .box_img .dec_no {
    bottom: max(calc(-24 / 1920 * 100vw), -24px);
    right: max(calc(-24 / 1920 * 100vw), -24px);
}
.unit_invisalign .box_content.content07 .box_img .dec_no {
    top: max(calc(-32 / 1920 * 100vw), -32px);
    left: max(calc(-32 / 1920 * 100vw), -32px);
}
.unit_invisalign .box_content.content08 .box_img .dec_no {
    bottom: max(calc(-32 / 1920 * 100vw), -32px);
    right: max(calc(-28 / 1920 * 100vw), -28px);
}
.unit_invisalign .box_content .box_text {
    width: 53.23%;
    padding-top: min(calc(36 / 1920 * 100vw), 36px);
    padding-left: min(calc(72 / 1920 * 100vw), 72px);
}
.unit_invisalign .box_content:first-of-type .box_text {
padding-top: 0;
  margin-top: auto;
}
.unit_invisalign .box_content .box_text h4 {
    position: relative;
    z-index: 0;
    color: #4A7EC4;
    font-size: min(calc(28 / 1920 * 100vw), 28px);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: .04em;
    padding-bottom: min(calc(32 / 1920 * 100vw), 32px);
    margin-bottom: min(calc(32 / 1920 * 100vw), 32px);
}
.unit_invisalign .box_content .box_text h4 .size_m {
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    letter-spacing: .04em;
}
.unit_invisalign .box_content .box_text h4 .size_s {
    display: block;
    color: #666;
    font-family: "Noto Serif JP";
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
}
.unit_invisalign .box_content .box_text h4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #DDDDDD;
    right: 0;
    bottom: 0;
    width: 113.84615%;
    height: 1px;
}
.unit_invisalign .box_content .box_text .text00 {
    color: #444;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: 0;
}
.unit_invisalign .box_content .btn_invisalign {
    width: min(calc(456 / 1920 * 100vw), 456px);
    aspect-ratio: 456 / 72;
    border-radius: min(calc(36 / 1920 * 100vw), 36px);
    display: flex;
    justify-content: flex-end;
    gap: 0 min(calc(14 / 1920 * 100vw), 14px);
    align-items: center;
    padding-right: min(calc(44 / 1920 * 100vw), 44px);
    background: #C9A84C;
    color: #fff;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .04em;
    margin-top: 1em;
}
.unit_invisalign .box_content .box_text .text00 + .btn_invisalign {
    margin-top: min(calc(24 / 1920 * 100vw), 24px);
}
.unit_invisalign .box_content .btn_invisalign .dec_parts {
    position: relative;
    z-index: 0;
    width: min(calc(40 / 1920 * 100vw), 40px);
    height: 2px;
    background-color: #fff;
}
.unit_invisalign .box_content .btn_invisalign .dec_parts::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #fff;
    top: -3px;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    right: 0;
}

@media screen and (max-width: 1279px) {
.unit_invisalign {
    padding: 96px 0 118px;
}
.unit_invisalign .unit_inner {
    padding: 0;
}
.unit_invisalign h3 {
    font-size: 48px;
    margin-bottom: 80px;
}
.unit_invisalign h3 .ttl_img {
    width: 381px;
    margin: 0 auto 16px;
}
.unit_invisalign h3 .size_s {
    font-size: 34px;
}
.unit_invisalign .box_content {
    flex-flow: wrap;
	align-items: center;
}
.unit_invisalign .box_content:nth-of-type(even),
.unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
    margin-top: 72px;
}
.unit_invisalign .box_content .box_img {
    width: 55.81%;
	align-self: center;
}
.unit_invisalign .box_content .box_img .dec_no {
    gap: 15px;
    width: 120px;
    border-radius: 5px;
    font-size: 24px;
}
.unit_invisalign .box_content .box_img .dec_no .size_l {
    font-size: 2em;
}
.unit_invisalign .box_content.content01 .box_img .dec_no {
    bottom: -26px;
    left: -24px;
}
.unit_invisalign .box_content.content02 .box_img .dec_no {
    bottom: -28px;
    right: -12px;
}
.unit_invisalign .box_content.content03 .box_img .dec_no {
    top: -28px;
    left: -24px;
}
.unit_invisalign .box_content.content04 .box_img .dec_no {
    bottom: -24px;
    right: -24px;
}
.unit_invisalign .box_content.content05 .box_img .dec_no {
    bottom: -24px;
    left: -24px;
}
.unit_invisalign .box_content.content06 .box_img .dec_no {
    bottom: -24px;
    right: -24px;
}
.unit_invisalign .box_content.content07 .box_img .dec_no {
    top: -24px;
    left: -24px;
}
.unit_invisalign .box_content.content08 .box_img .dec_no {
    bottom: -24px;
    right: -24px;
}
.unit_invisalign .box_content .box_text {
        width: 44.19%;
    padding-top: 0;
    padding-left: calc(56 / 768 * 100vw);
}
.unit_invisalign .box_content .box_text,
.unit_invisalign .box_content:first-of-type .box_text {
/*padding-top: 21px;*/
padding-top: 0;
  margin-top: 0;
}

.unit_invisalign .box_content .box_text h4 {
    font-size: 28px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
.unit_invisalign .box_content .box_text h4 .size_m {
    font-size: 20px;

}
.unit_invisalign .box_content .box_text h4 .size_s {
    font-size: 18px;
	margin-bottom: 2px;
}
.unit_invisalign .box_content .box_text h4::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #DDDDDD;
    right: 0;
    bottom: 0;
    width: 122.58064%;
    height: 1px;
}
.unit_invisalign .box_content .box_text .text00 {
    font-size: 17px;
}
.unit_invisalign .box_content .btn_invisalign {
    width: 456px;
	margin:64px auto 0;
    border-radius: 36px;
    gap: 0 14px;
    padding-right: 44px;
    font-size: 24px;
}
.unit_invisalign .box_content .box_text .text00 + .btn_invisalign {
    margin-top: 24px;
}
.unit_invisalign .box_content .btn_invisalign .dec_parts {
    position: relative;
    z-index: 0;
    width: 40px;
    height: 1.5px;
    background-color: #fff;
}
.unit_invisalign .box_content .btn_invisalign .dec_parts::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #fff;
    top: 50%;
    right: -4px;
    transform: translate(0, -50%);
    width: 8px;
    aspect-ratio: 1;
    border-radius: 99px;
}
}



@media screen and (max-width:767px) {
.unit_invisalign {
    padding: min(calc(96 / 390 * 100vw), 96px) 0 min(calc(94 / 390 * 100vw), 94px);
}
.unit_invisalign .unit_inner {
    padding: 0;
    width: calc(100% - 48px);
}
.unit_invisalign h3 {
    font-size: min(calc(32 / 390 * 100vw), 32px);
    margin-bottom: min(calc(80 / 390 * 100vw), 80px);
}
.unit_invisalign h3 .ttl_img {
    width: min(calc(300 / 390 * 100vw), 300px);
    margin: 0 auto min(calc(19 / 390 * 100vw), 19px);
}
.unit_invisalign h3 .size_s {
    font-size: min(calc(34 / 390 * 100vw), 34px);
}
.unit_invisalign .box_content {
    flex-flow: column;
    align-items: flex-start;
}
.unit_invisalign .box_content:nth-of-type(even),
.unit_invisalign .box_content:not(:nth-of-type(1)):nth-of-type(odd) {
    margin-top: min(calc(64 / 390 * 100vw), 64px);
}
.unit_invisalign .box_content .box_img {
    width: 91.23%;
    margin: 0 0 min(calc(48 / 390 * 100vw), 48px) auto;
}
.unit_invisalign .box_content:nth-of-type(even) .box_img {
    margin: 0 auto min(calc(48 / 390 * 100vw), 48px) 0;
}
.unit_invisalign .box_content .box_img .dec_no {
    gap: min(calc(16 / 390 * 100vw), 16px);
    width: min(calc(104 / 390 * 100vw), 104px);
    border-radius: min(calc(5 / 390 * 100vw), 5px);
    font-size: min(calc(24 / 390 * 100vw), 24px);
	    padding-top: min(calc(16 / 390 * 100vw), 16px);
	justify-content: flex-start;
}

.unit_invisalign .box_content.content01 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    left: max(calc(-24 / 390 * 100vw), -24px);
}
.unit_invisalign .box_content.content02 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    right: max(calc(-27 / 390 * 100vw), -27px);
}
.unit_invisalign .box_content.content03 .box_img .dec_no {
    top: auto;
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    left: max(calc(-24 / 390 * 100vw), -24px);
}
.unit_invisalign .box_content.content04 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    right: max(calc(-27 / 390 * 100vw), -27px);
}
.unit_invisalign .box_content.content05 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    left: max(calc(-24 / 390 * 100vw), -24px);
}
.unit_invisalign .box_content.content06 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    right: max(calc(-27 / 390 * 100vw), -27px);
}
.unit_invisalign .box_content.content07 .box_img .dec_no {
    top: auto;
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    left: max(calc(-24 / 390 * 100vw), -24px);
}
.unit_invisalign .box_content.content08 .box_img .dec_no {
    bottom: max(calc(-48 / 390 * 100vw), -48px);
    right: max(calc(-27 / 390 * 100vw), -27px);
}
.unit_invisalign .box_content .box_text {
    width: 100%;
    padding-left: 0;
    text-align: right;
}
.unit_invisalign .box_content:nth-of-type(even) .box_text {
    text-align: left;
}

.unit_invisalign .box_content .box_text h4 {
    font-size: min(calc(28 / 390 * 100vw), 28px);
    padding-bottom: min(calc(24 / 390 * 100vw), 24px);
    margin-bottom: min(calc(24 / 390 * 100vw), 24px);
}
.unit_invisalign .box_content .box_text h4 .size_m {
    font-size: min(calc(20 / 390 * 100vw), 20px);
}
.unit_invisalign .box_content .box_text h4 .size_s {
    font-size: min(calc(18 / 390 * 100vw), 18px);
    margin-bottom: min(calc(2 / 390 * 100vw), 2px);
}
.unit_invisalign .box_content .box_text h4::after {
    width: 100%;
}
.unit_invisalign .box_content .box_text .text00 {
    font-size: min(calc(16 / 390 * 100vw), 16px);
    text-align: start;
}
.unit_invisalign .box_content .btn_invisalign {
    width: min(calc(342 / 390 * 100vw), 342px);
    max-width: 100%;
    aspect-ratio: 344 / 96;
    margin: min(calc(32 / 390 * 100vw), 32px) auto 0;
    border-radius: min(calc(48 / 390 * 100vw), 48px);
    gap: 0 min(calc(18 / 390 * 100vw), 18px);
    padding-right: min(calc(30 / 390 * 100vw), 30px);
    font-size: min(calc(24 / 390 * 100vw), 24px);
    line-height: 1.24;
	text-align: center;
}
.unit_invisalign .box_content .btn_invisalign .dec_parts {
    width: min(calc(40 / 390 * 100vw), 40px);
    height: min(calc(2.4 / 390 * 100vw), 2.4px);
}
.unit_invisalign .box_content .btn_invisalign .dec_parts::after {
    right: max(calc(-6.5 / 390 * 100vw), -6.5px);
    width: min(calc(13 / 390 * 100vw), 13px);
}

}

/*unit_qa*/
.unit_qa {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0 min(calc(140 / 1920 * 100vw), 140px);
}
.unit_qa .unit_inner {
    padding: 0;
    max-width: 1240px;
    width: calc(100% - 80px);
    max-width: 85%;
    width: 1200px;
}
.unit_qa .ql_content {}
.unit_qa .ql_content .en {
    color: #4A7EC4;
    font-family: "Advent Pro";
    font-size: min(calc(72 / 1920 * 100vw), 72px);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    width: fit-content;
}
.unit_qa .ql_content .en .dec_no {
    font-size: min(calc(32 / 1920 * 100vw), 32px);
    font-weight: 700;
    letter-spacing: 0;
    margin-left: min(calc(8 / 1920 * 100vw), 8px);
}
.unit_qa .ql_content .ql_content_a .en {
    color: #969696;
}
.unit_qa .ql_content:nth-of-type(even) .en {
    color: #969696;
}
.unit_qa .ql_content:nth-of-type(even) .ql_content_a .en {
    color: #4A7EC4;
}
.unit_qa .ql_content .ql_content_q {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: min(calc(104 / 1920 * 100vw), 104px);
    padding: 16px min(calc(56 / 1920 * 100vw), 56px) 16px min(calc(60 / 1920 * 100vw), 60px);
    border: 3px solid #969696;
    background: #FFF;
    display: flex;
    align-items: center;
    color: #4A7EC4;
    font-family: "Noto Serif JP";
    font-size: min(calc(36 / 1920 * 100vw), 36px);
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: .04em;
}
.unit_qa .ql_content:nth-of-type(even) .ql_content_q {
    border: 3px solid #4A7EC4;
    color: #555;
}
.unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
    margin-top: min(calc(80 / 1920 * 100vw), 80px);
}
.unit_qa .ql_content .ql_content_q .dec_plus {
    position: relative;
    z-index: 0;
    width: min(calc(40 / 1920 * 100vw), 40px);
    aspect-ratio: 1;
    margin-left: auto;
}
.unit_qa .ql_content .ql_content_q .dec_plus::before, .unit_qa .ql_content .ql_content_q .dec_plus::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #4A7EC4;
    inset: 0;
    margin: auto;
    width: 100%;
    height: min(calc(5 / 1920 * 100vw), 5px);
    transition: .3s;
}
.unit_qa .ql_content .ql_content_q .dec_plus::after {
    transform: rotate(90deg);
}
.unit_qa .ql_content.open .ql_content_q .dec_plus::after {
    transform: rotate(0);
}
.unit_qa .ql_content:nth-of-type(even) .ql_content_q .dec_plus::before, .unit_qa .ql_content:nth-of-type(even) .ql_content_q .dec_plus::after {
    background-color: #969696;
}

.unit_qa .ql_content .ql_content_q .en {
    margin-right: min(calc(56 / 1920 * 100vw), 56px);
}
.unit_qa .ql_content .ql_content_a {
    position: relative;
    z-index: 0;
    width: 93.334%;
    margin-left: 7.75%;
    /* padding: min(calc(16 / 1920 * 100vw), 16px) min(calc(120 / 1920 * 100vw), 120px) min(calc(16 / 1920 * 100vw), 16px) min(calc(70 / 1920 * 100vw), 70px);
    transition: .3s;*/
}
.unit_qa .ql_content.open .ql_content_a {
    /*padding: min(calc(53 / 1920 * 100vw), 53px) min(calc(120 / 1920 * 100vw), 120px) min(calc(64 / 1920 * 100vw), 64px) min(calc(70 / 1920 * 100vw), 70px);*/
}
.unit_qa .ql_content .ql_content_a::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #F6F6F6;
    bottom: max(calc(-32 / 1920 * 100vw), -32px);
    left: 0;
    width: 100%;
    height: calc(100% + min(calc(105 / 1920 * 100vw), 105px));
    transition: .3s;
}
.unit_qa .ql_content.open .ql_content_a::after {
    bottom: 0;
    height: calc(100% + min(calc(73 / 1920 * 100vw), 73px));
}
.unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
    background-color: #F9F5E9;
}
.unit_qa .ql_content .ql_content_a .wrapper_answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: .3s;
}
.unit_qa .ql_content.open .ql_content_a .wrapper_answer {
    grid-template-rows: 1fr;
}
.unit_qa .ql_content .ql_content_a .box_answer {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.unit_qa .ql_content .ql_content_a .box_answer {
    padding: 0 min(calc(120 / 1920 * 100vw), 120px) 0 min(calc(70 / 1920 * 100vw), 70px);
    transition: .3s;
}
.unit_qa .ql_content.open .ql_content_a .box_answer {
    padding: min(calc(53 / 1920 * 100vw), 53px) min(calc(120 / 1920 * 100vw), 120px) min(calc(64 / 1920 * 100vw), 64px) min(calc(70 / 1920 * 100vw), 70px);
}
.unit_qa .ql_content .ql_content_a .box_answer .text00 {
    color: #555;
    font-size: var(--font-size-text);
    font-style: normal;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: .06em;
}
.unit_qa .ql_content .ql_content_a .box_answer .text00 + .text00 {
    margin-top: 1em;
}
.unit_qa .ql_content .ql_content_a .box_answer .text_answer {
    padding-top: min(calc(11 / 1920 * 100vw), 11px);
    width: 89.46%;
}
.unit_qa .ql_content .ql_content_a .box_answer .img_answer {
    margin: min(calc(8 / 1920 * 100vw), 8px) auto 0;
    width: min(calc(402 / 1920 * 100vw), 402px);
}
@media screen and (max-width: 1279px) {
    .unit_qa {
        padding: 0 0 32px;
    }
    .unit_qa .unit_inner {
        padding: 0;
    }
    .unit_qa .ql_content .en {
        font-size: 72px;
    }
    .unit_qa .ql_content .en .dec_no {
        font-size: 32px;
    }
    .unit_qa .ql_content .ql_content_q {
        width: 94.19%;
        height: auto;
        min-height: 104px;
        padding: 15px calc(24 / 768 * 100vw) 15px calc(32 / 768 * 100vw);

        background: #FFF;
        font-size: 28px;
    }
    .unit_qa .ql_content .ql_content_q .text_q {
        width: calc(100% - 109px);
    }
    .unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
        margin-top: 64px;
    }
    .unit_qa .ql_content .ql_content_q .dec_plus {
        width: 32px;
    }
    .unit_qa .ql_content .ql_content_q .dec_plus::before, .unit_qa .ql_content .ql_content_q .dec_plus::after {
        height: 5px;
    }
    .unit_qa .ql_content .ql_content_q .en {
        margin-right: 24px;
    }
    .unit_qa .ql_content .ql_content_a {
        position: relative;
        z-index: 0;
        width: 91.86%;
        margin-left: auto;
        /*padding: 16px calc(38 / 768 * 100vw) 16px calc(36 / 768 * 100vw);
    transition: .3s;*/
    }
    .unit_qa .ql_content.open .ql_content_a {
        /* padding: 31px calc(38 / 768 * 100vw) 50px calc(36 / 768 * 100vw);*/
    }
    .unit_qa .ql_content .ql_content_a::after {
        height: calc(100% + 73px + 32px);
        bottom: -32px;
    }
    .unit_qa .ql_content.open .ql_content_a::after {
        height: calc(100% + 73px);
        bottom: 0;
    }
    .unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
        /* background-color: #F6F6F6; */
    }
    .unit_qa .ql_content .ql_content_a .box_answer {
        padding: 0 calc(38 / 768 * 100vw) 0 calc(36 / 768 * 100vw);
    }
    .unit_qa .ql_content.open .ql_content_a .box_answer {
        padding: 30px calc(38 / 768 * 100vw) 50px calc(36 / 768 * 100vw);
    }
    .unit_qa .ql_content .ql_content_a .box_answer .text_answer {
        padding-top: 14px;
        width: 86.18%;
    }
    .unit_qa .ql_content .ql_content_a .box_answer .text00 {
        font-size: 17px;
    }
    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        margin-top: 14px;
        width: 402px;
    }
}
@media screen and (max-width:767px) {
    .unit_qa {
        padding: 0 0 min(calc(88 / 390 * 100vw), 88px);
    }
    .unit_qa .unit_inner {
        width: calc(100% - 48px);
    }
    .unit_qa .ql_content .en {
        font-size: min(calc(60 / 390 * 100vw), 60px);
        margin-left: min(calc(5 / 390 * 100vw), 5px);
    }
    .unit_qa .ql_content .en .dec_no {
        font-size: min(calc(28 / 390 * 100vw), 28px);
    }
    .unit_qa .ql_content .ql_content_q {
        width: 100%;
        height: auto;
        min-height: min(calc(104 / 390 * 100vw), 104px);
        padding: min(calc(16.3 / 390 * 100vw), 16.3px) min(calc(43 / 390 * 100vw), 43px) min(calc(16.3 / 390 * 100vw), 16.3px) min(calc(17 / 390 * 100vw), 17px);
        font-size: min(calc(24 / 390 * 100vw), 24px);
        justify-content: space-between;
        margin-left: max(calc(-3 / 390 * 100vw), -3px);
    }
    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q {
    }
    .unit_qa .ql_content .ql_content_q .text_q {
        width: 82.87%;
        letter-spacing: .0em
    }
    .unit_qa .ql_content:nth-of-type(n+2) .ql_content_q {
        margin-top: min(calc(40 / 390 * 100vw), 40px);
    }
    .unit_qa .ql_content .ql_content_q .dec_plus {
        position: absolute;
        bottom: max(calc(-3 / 390 * 100vw), -3px);
        right: max(calc(-3 / 390 * 100vw), -3px);
        width: min(calc(48 / 390 * 100vw), 48px);
        background-color: #969696;
    }
    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus::before, .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus::after, .unit_qa .ql_content .ql_content_q .dec_plus::before, .unit_qa .ql_content .ql_content_q .dec_plus::after {
        height: min(calc(5 / 390 * 100vw), 5px);
        width: 50%;
        background-color: #fff;
    }
    .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus, .unit_qa .ql_content:nth-of-type(2n) .ql_content_q .dec_plus {
        background-color: #4A7EC4;
    }
    .unit_qa .ql_content .ql_content_q .en {
        margin-right: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_qa .ql_content .ql_content_a {
        position: relative;
        z-index: 0;
        width: 100%;
        margin-left: min(calc(3 / 390 * 100vw), 3px);
        /* padding: min(calc(8 / 390 * 100vw), 8px) min(calc(34 / 390 * 100vw), 34px) min(calc(8 / 390 * 100vw), 8px) min(calc(38 / 390 * 100vw), 38px); */
        transition: .3s;
    }
    .unit_qa .ql_content.open .ql_content_a {
        /* padding: min(calc(26 / 390 * 100vw), 26px) min(calc(34 / 390 * 100vw), 34px) min(calc(61 / 390 * 100vw), 61px) min(calc(38 / 390 * 100vw), 38px); */
    }
    .unit_qa .ql_content .ql_content_a::after {
        height: calc(100% + min(calc(80 / 390 * 100vw), 80px) + min(calc(16 / 390 * 100vw), 16px));
        bottom: max(calc(-16 / 390 * 100vw), -16px);
    }
    .unit_qa .ql_content.open .ql_content_a::after {
        height: calc(100% + min(calc(80 / 390 * 100vw), 80px));
        bottom: 0;
    }
    .unit_qa .ql_content:nth-of-type(even) .ql_content_a::after {
        /* background-color: #F6F6F6; */
    }
    .unit_qa .ql_content .ql_content_a .box_answer {
        flex-flow: column;
        gap: min(calc(8 / 390 * 100vw), 8px);
        padding: 0 min(calc(38 / 390 * 100vw), 38px) 0;
    }
    .unit_qa .ql_content.open .ql_content_a .box_answer {
        padding: min(calc(26 / 390 * 100vw), 26px) min(calc(38 / 390 * 100vw), 38px) min(calc(60 / 390 * 100vw), 60px);
    }
    .unit_qa .ql_content .ql_content_a .box_answer .text_answer {
        padding-top: 0;
        width: 100%;
    }
    .unit_qa .ql_content .ql_content_a .box_answer .text00 {
        font-size: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        margin-top: min(calc(24 / 390 * 100vw), 24px);
        width: min(calc(296 / 390 * 100vw), 296px);
        max-width: 100%;
    }
}
@media screen and (max-width:390px) {
    .unit_qa .ql_content .ql_content_a .box_answer .img_answer {
        max-width: 110%;
        margin-left: -5%;
    }
}


/*unit_contact*/
.unit_contact {
    overflow: hidden;
    position: relative;
    z-index: 0;
    max-width: 1920px;
    aspect-ratio: 1920 / 720;
    margin: 0 auto;
    padding: min(calc(73 / 1920 * 100vw), 73px) 0 0;
}
.unit_contact .bi00 {
    position: absolute;
    height: 93.334%;
}
.unit_contact .bi01 {
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 59.89%;
    background-image: url("/assets/img/template/img_contact01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(152 / 1920 * 100vw), 152px)) 100%, 0 100%);
}
.unit_contact .bi02 {
    z-index: -2;
    top: 0;
    right: 0;
    width: 47.5%;
    background-color: #502808;
    clip-path: polygon(min(calc(152 / 1920 * 100vw), 152px) 0px, 100% 0%, 100% 100%, 0 100%);
}
.unit_contact .unit_inner {
    width: 79.41%;
}
.unit_contact .unit_inner h3 {
    width: fit-content;
    margin-left: auto;
    color: #FFF;
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: .08em;
}
.unit_contact .unit_inner h3 .en {
    position: relative;
    z-index: 0;
    display: block;
    text-align: right;
    font-family: Corinthia;
    font-size: min(calc(120 / 1920 * 100vw), 120px);
    font-weight: 400;
    line-height: 72%;
    letter-spacing: 0;
    margin-bottom: min(calc(7.5 / 1920 * 100vw), 7.5px);
}
.unit_contact .unit_inner h3 .en::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #FFFFFF;
    bottom: min(calc(8 / 1920 * 100vw), 8px);
    left: 0;
    width: 100vw;
    height: 1px;
}
.unit_contact .unit_inner h3 .jp {
    display: block;
    padding-left: min(calc(10 / 1920 * 100vw), 10px);
}
.unit_contact .box_link {
    display: flex;
    justify-content: space-between;
    width: 93.69%;
    margin: min(calc(56 / 1920 * 100vw), 56px) auto min(calc(32 / 1920 * 100vw), 32px);
}
.unit_contact .box_link .btn00 {
    width: 48.33%;
}
.unit_contact .box_link + .cap {
    margin: 0 0 min(calc(88 / 1920 * 100vw), 88px);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 0px 16px rgba(51, 60, 119, 0.40);
    font-family: "Noto Serif JP";
    font-size: min(calc(24 / 1920 * 100vw), 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 24px */
    letter-spacing: .08em;
    ;
}
.unit_contact .logo {
    width: min(calc(648 / 1920 * 100vw), 648px);
    margin: 0 auto;
}
@media screen and (max-width: 1279px) {
    .unit_contact {
        aspect-ratio: unset;
        padding: 140px 0 108px;
        margin-bottom: 87px;
    }
    .unit_contact .bi00 {
        position: absolute;
        height: 95.52%;
    }
    .unit_contact .bi01 {
        width: 64.19%;
        width: calc(493.817px + 0.451893271 * (100vw - 768px));
        background-image: url("/assets/img/template/img_contact01_tb.jpg");
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - 152px) 100%, 0 100%);
    }
    .unit_contact .bi02 {
        width: 54.68%;
        background-color: #502808;
        clip-path: polygon(152px 0px, 100% 0%, 100% 100%, 0 100%);
    }
    .unit_contact .unit_inner {
        width: 89.58%;
    }
    .unit_contact .unit_inner h3 {
        font-size: 24px;
    }
    .unit_contact .unit_inner h3 .en {
        font-size: 88px;
        margin-bottom: 11.5px;
        margin-right: 32px;
    }
    .unit_contact .unit_inner h3 .en::after {
        bottom: 2px;
    }
    .unit_contact .unit_inner h3 .jp {
        padding-left: 5px;
        letter-spacing: 0;
    }
    .unit_contact .box_link {
        flex-flow: column;
        gap: 40px;
        width: 576px;
        margin: 104px auto 40px;
    }
    .unit_contact .box_link .btn00 {
        width: 100%;
    }
    .unit_contact .box_link + .cap {
        margin: 0 0 96px;
        font-size: 24px;
    }
    .unit_contact .logo {
        width: 649px;
    }
}
@media screen and (max-width:767px) {
    .unit_contact {
        aspect-ratio: unset;
        padding: min(calc(82 / 390 * 100vw), 82px) 0 min(calc(66 / 390 * 100vw), 66px);
        margin-bottom: min(calc(88 / 390 * 100vw), 88px);
    }
    .unit_contact .bi00 {
        position: absolute;
        height: 97.50%;
    }
    .unit_contact .bi01 {
        width: calc(256.767px + 0.482625995 * (100vw - 390px));
        background-image: url("/assets/img/template/img_contact01_sp.jpg");
        clip-path: polygon(0px 0px, 100% 0%, calc(100% - min(calc(152 / 390 * 100vw), 152px)) 100%, 0 100%);
    }
    .unit_contact .bi02 {
        width: 72.30%;
        width: calc(281.967px + 0.519538462 * (100vw - 390px));
        background-color: #502808;
        clip-path: polygon(min(calc(152 / 390 * 100vw), 152px) 0px, 100% 0%, 100% 100%, 0 100%);
    }
    .unit_contact .unit_inner {
        width: 89.58%;
    }
    .unit_contact .unit_inner h3 {
        font-size: min(calc(18 / 390 * 100vw), 18px);
    }
    .unit_contact .unit_inner h3 .en {
        font-size: min(calc(64 / 390 * 100vw), 64px);
        margin-bottom: min(calc(8.5 / 390 * 100vw), 8.5px);
        margin-right: min(calc(16 / 390 * 100vw), 16px);
    }
    .unit_contact .unit_inner h3 .en::after {
        bottom: max(calc(-1 / 390 * 100vw), -1px);
    }
    .unit_contact .unit_inner h3 .jp {
        padding-left: 0;
        margin-right: max(calc(-3 / 390 * 100vw), -3px);
        letter-spacing: 0;
    }
    .unit_contact .box_link {
        flex-flow: column;
        gap: min(calc(31 / 390 * 100vw), 31px);
        width: min(calc(400 / 390 * 100vw), 400px);
        max-width: 79.87%;
        margin: min(calc(80 / 390 * 100vw), 80px) auto min(calc(48 / 390 * 100vw), 48px);
    }
    .unit_contact .box_link .btn00 {
        width: 100%;
    }
    .unit_contact .box_link + .cap {
        margin: 0 0 min(calc(64 / 390 * 100vw), 64px);
        font-size: min(calc(20 / 390 * 100vw), 20px);
        line-height: 1.4;
    }
    .unit_contact .logo {
        width: min(calc(342 / 390 * 100vw), 342px);
    }
}
@media screen and (max-width:390px) {
    .unit_contact .bi01 {
        width: 65.84%;
    }
    .unit_contact .bi02 {
        width: 72.30%;
    }
}


/*unit_explanation*/
.unit_explanation {
  background-color: #FAFAFA;
  max-width: 1920px;
  margin: 0 auto;
  padding: min(calc(92 / 1920 * 100vw),92px) 0 min(calc(104 / 1920 * 100vw),104px);
}
.unit_explanation .unit_inner {
  max-width: 1280px;
    width: calc(100% - 80px);
    padding: 0;
}
.unit_explanation h3 {
  color: #828282;
  font-family: "Noto Serif JP";
  text-align: center;
  font-size: min(calc(32 / 1920 * 100vw),32px);
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: 0;
  border-bottom: 1px solid #B3B3B3;
  padding-bottom: min(calc(20 / 1920 * 100vw),20px);
  margin-bottom: min(calc(48 / 1920 * 100vw),48px);
}
.unit_explanation h3 + .text00 {
  max-width: min(calc(832 / 1920 * 100vw),832px);
  margin: 0 auto min(calc(72 / 1920 * 100vw),72px);
  color: #444;
  font-family: "Noto Sans JP";
  font-size: var(--font-size-text);
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
  letter-spacing: .04em;
}
.unit_explanation .box_explanation {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  background-color: #fff;
  padding: min(calc(39 / 1920 * 100vw),39px) min(calc(76 / 1920 * 100vw),76px) min(calc(45 / 1920 * 100vw),45px);
}
.unit_explanation .box_explanation:nth-of-type(2) {
  background-color: #fff;
  padding-bottom: min(calc(49 / 1920 * 100vw),49px);
  margin-top: min(calc(48 / 1920 * 100vw),48px);
}
.unit_explanation .box_explanation h4 {
  width: fit-content;
  color: #666;
  font-family: "Noto Serif JP";
  font-size: min(calc(24 / 1920 * 100vw),24px);
  font-style: normal;
  font-weight: 300;
  line-height: 135%;
  letter-spacing: 0;
  border-radius: min(calc(28 / 1920 * 100vw),28px);
  background-color: #F4F6F8;
  margin-bottom: min(calc(32 / 1920 * 100vw),32px);
  padding: min(calc(11.8 / 1920 * 100vw),11.8px) min(calc(40 / 1920 * 100vw),40px);
}
.unit_explanation .box_explanation dl {}
.unit_explanation .box_explanation .cont {
  display: flex;
  border-bottom: 1px solid #C9CACA;
  color: #444;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
  letter-spacing: .04em;
}
.unit_explanation .box_explanation .cont:first-of-type {
  border-top: 1px solid #C9CACA;
}
.unit_explanation .box_explanation dt {
  width: 50%;
  padding: min(calc(10 / 1920 * 100vw),10px) 0 min(calc(14 / 1920 * 100vw),14px);
  text-align: center;
  border-right: 1px dashed #C9CACA;
  font-weight: 300;
}
.unit_explanation .box_explanation dt .adjust01 {
  display: block;
  line-height: 1.36;
}
.unit_explanation .box_explanation dd {
  width: 50%;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: center;
  padding-right: min(calc(35 / 1920 * 100vw),35px);
}
.unit_explanation .box_explanation .size_s {
  display: block;
  font-size: min(calc(12 / 1920 * 100vw),12px);
  letter-spacing: .04em;
  margin-top: max(calc(-10 / 1920 * 100vw),-10px);
}
.unit_explanation .box_explanation .cap {
  margin-top: min(calc(16 / 1920 * 100vw),16px);
  text-align: center;
  color: #444;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
  letter-spacing: .04em;
}
.unit_explanation .box_explanation ul {
  color: #444;
  font-size: var(--font-size-text);
  font-style: normal;
  font-weight: 300;
  line-height: 136%;
  letter-spacing: .04em;
  padding: 0 min(calc(40 / 1920 * 100vw),40px) 0 min(calc(36 / 1920 * 100vw),36px);
  display: flex;
  flex-flow: column;
  gap: min(calc(9 / 1920 * 100vw),9px);
}
.unit_explanation .box_explanation ul li {
  position: relative;
  z-index: 0;
  padding-left: min(calc(28 / 1920 * 100vw),28px);
}
.unit_explanation .box_explanation ul li::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  background-image: url("/assets/img/template/icon_box_explanation01.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  top: min(calc(6 / 1920 * 100vw),6px);
  left: 0;
  width: min(calc(6 / 1920 * 100vw),6px);
  aspect-ratio: 6 / 10;
}


@media screen and (max-width: 1279px) {
.unit_explanation {
  padding: 92px 0 115px;
}
.unit_explanation .unit_inner {
  width: 89.58%;
}
.unit_explanation h3 {
  font-size: 32px;
  padding-bottom: 20px;
  margin-bottom: 48px;
}
.unit_explanation h3 + .text00 {
    /* font-size: 17px; */
    max-width: 93.02%;
    margin: 0 auto 48px;
}
.unit_explanation .box_explanation {
  width:100%;
  padding: 39px 44px 45px;
}
.unit_explanation .box_explanation:nth-of-type(2) {
  background-color: #fff;
  padding-bottom: 49px;
  margin-top: 48px;
}
.unit_explanation .box_explanation h4 {
  font-size: 24px;
  margin-bottom: 32px;
  padding: 11.8px 40px;
    border-radius: 28px;
}
.unit_explanation .box_explanation dl {}
.unit_explanation .box_explanation .cont {
  font-size: 15px;
}
.unit_explanation .box_explanation dt {
  width: 48.333%;
  padding: 10px 0 14px;
}
.unit_explanation .box_explanation dd {
  width: 51.667%;
  padding-right: 12px;
}
.unit_explanation .box_explanation .size_s {
  font-size: 11px;
  margin-top: -9px;
  margin-right: -12px;
}
.unit_explanation .box_explanation .cap {
  margin-top: 16px;
    font-size: 14px;
}
.unit_explanation .box_explanation ul {
  /* font-size: 14px; */
  gap: 9px;
  padding: 0;
}
.unit_explanation .box_explanation ul li {
  padding-left: 28px;
}
.unit_explanation .box_explanation ul li::after {
  top: 6px;
  width: 6px;
}
}
@media screen and (max-width:767px) {
.unit_explanation {
  padding: min(calc(52 / 390 * 100vw),52px) 0 min(calc(64 / 390 * 100vw),64px);
}
.unit_explanation h3 {
  font-size: min(calc(22 / 390 * 100vw),22px);
  padding-bottom: min(calc(32 / 390 * 100vw),32px);
  margin-bottom: min(calc(32 / 390 * 100vw),32px);
}
.unit_explanation h3 + .text00 {
  /* font-size: min(calc(15 / 390 * 100vw),15px); */
  max-width: 100%;
  margin: 0 auto min(calc(42 / 390 * 100vw),42px);
}
.unit_explanation .box_explanation {
  width: 100%;
  padding: min(calc(31 / 390 * 100vw),31px) min(calc(18 / 390 * 100vw),18px) min(calc(45 / 390 * 100vw),45px);
}
.unit_explanation .box_explanation:nth-of-type(2) {
  background-color: #fff;
  padding-bottom: min(calc(30 / 390 * 100vw),30px);
  margin-top: min(calc(32 / 390 * 100vw),32px);
}
.unit_explanation .box_explanation h4 {
  font-size: min(calc(20 / 390 * 100vw),20px);
  margin: 0 auto min(calc(32 / 390 * 100vw),32px);
  padding: min(calc(10.5 / 390 * 100vw),10.5px) min(calc(48 / 390 * 100vw),48px);
  border-radius: min(calc(24 / 390 * 100vw),24px);
}
.unit_explanation .box_explanation .cont {
  font-size: min(calc(16 / 390 * 100vw),16px);
  flex-flow: column;
  padding: min(calc(2 / 390 * 100vw),2px) 0 min(calc(10 / 390 * 100vw),10px);
}
.unit_explanation .box_explanation .cont:has(dt .adjust01) {
  padding-top: min(calc(9 / 390 * 100vw),9px);
}
.unit_explanation .box_explanation dt {
  position: relative;
  z-index: 0;
  width: 100%;
  padding: 0;
  border-right: 0;
  padding-bottom: min(calc(5 / 390 * 100vw),5px);
  margin-bottom: min(calc(5 / 390 * 100vw),5px);
}
.unit_explanation .box_explanation dt::after {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  border-bottom: 1px dashed #C9CACA;
  width: 87.18%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
}
.unit_explanation .box_explanation dd {
  width: 100%;
  padding-right: 0;
  align-items: center;
  text-align: center;
}
.unit_explanation .box_explanation .size_s {
  font-size: min(calc(12 / 390 * 100vw),12px);
  margin-top: 0;
  margin-right: 0;
  line-height: 1.35;
}
.unit_explanation .box_explanation .cap {
  margin-top: min(calc(16 / 390 * 100vw),16px);
  font-size: min(calc(14 / 390 * 100vw),14px);
  line-height: 1.52;
}
.unit_explanation .box_explanation ul {
  font-size: min(calc(16 / 390 * 100vw),16px);
  gap: min(calc(16 / 390 * 100vw),16px);
  padding: 0;
}
.unit_explanation .box_explanation ul li {
  padding-left: min(calc(38 / 390 * 100vw),38px);
}
.unit_explanation .box_explanation ul li::after {
  top: min(calc(6 / 390 * 100vw),6px);
  left: min(calc(13 / 390 * 100vw),13px);
  width: min(calc(6 / 390 * 100vw),6px);
}
}

.std_c {
  color: #555;
}












/* -----------------------------------------------------------------
   unit_material-cards（parts22）Figma PC 148:1009 / TB 157:6 / SP 148:4080
------------------------------------------------------------------ */
.unit_material-cards {
  --material-border: #60a8d0;
  --material-title: #0068b7;
  --material-label-text: #104080;
  --material-label-bg-pc: #f2f2f2;
  --material-label-bg-sm: #f1f1f1;
  --material-body: #444;
  --material-body-alt: #555;
  padding-block: 80px;
}
.unit_material-cards .unit_inner {
  max-width: 1280px;
  width: calc(100% - 80px);
  padding: 0;
}
.unit_material-cards__board {
  /* position: relative; */
  /* padding: 72px 20px; */
  /* background-color: #fafafa; */
}
.unit_material-cards__swiper .swiper-wrapper {
  margin-inline: auto;
  justify-content: center;
}
.unit_material-cards__item {
  border: 1px solid #4A7EC4;
  padding: 24px;
  background-color: #fff;
  height: 100%;
  box-sizing: border-box;
  min-height: 512px;
  min-height: 456px;
}
.unit_material-cards__top {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(12px, 3vw, 24px);
  align-items: flex-start;
  margin-bottom: clamp(16px, 4vw, 28px);
}
.unit_material-cards__thumb {
  flex-shrink: 0;
  width: 144px;
  height: 144px;
  display: grid;
  place-items: center;
}
.unit_material-cards__thumb-ring {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #E7F0F5;
  /* box-shadow: inset 0 0 0 1px rgba(96, 168, 208, 0.28); */
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
._material-cards__thumb-ring-img {
    max-width: 80%;
}
.unit_material-cards__intro {
  flex: 1;
  min-width: 0;
}
.unit_material-cards__name {
  margin: 0 0 8px;
  color: #4A7EC4;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0.08em;
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Noto Sans JP";
}
.unit_material-cards__name::before {
    content: "";
    display: block;
    aspect-ratio: 36 / 59;
    background-image: url("/assets/img/template/material-cards-title.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: auto;
    height: 2em;
}
.unit_material-cards__name--lg {
  /* font-size: 32px; */
}
.unit_material-cards__name--twoline-pc span {
  /* display: inline; */
}
.unit_material-cards__lead {
  margin: 0;
  color: var(--material-body-alt);
  font-size: var(--font-size-text);
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.08em;
}
.unit_material-cards__spec {
  margin: 0;
}
.unit_material-cards__spec > div {
  display: grid;
  grid-template-columns: 81px 1fr;
  gap: 8px 16px;
  align-items: center;
  margin-top: 8px;
  min-height: 36px;
}
.unit_material-cards__spec > div:first-child {
  margin-top: 0;
}
.unit_material-cards__spec dt {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 4px 6px;
  box-sizing: border-box;
  background-color: var(--material-label-bg-sm);
  color: #264880;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}
.unit_material-cards__spec dd {
  margin: 0;
  color: var(--material-body-alt);
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.08em;
}
.unit_material-cards__stars {
  font-size: clamp(16px, 2.4vw, 20px);
  letter-spacing: 0.35em;
  color: #c9a227;
  display: flex;
  gap: 2%;
}
.unit_material-cards__stars-img {
    max-width: 13%;
}
.unit_material-cards__star-half {
  display: inline-block;
  width: 0.52em;
  overflow: hidden;
  vertical-align: baseline;
}
.unit_material-cards .unit_material-cards__nav-prev,
.unit_material-cards .unit_material-cards__nav-next {
  color: #4A7EC4;
}
@media screen and (min-width: 768px) {
  .unit_material-cards__item {
    padding: clamp(20px, 2.2vw, 28px) clamp(16px, 2.5vw, 24px);
  }
  .unit_material-cards__swiper .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 390px));
    gap: 24px;
    transform: none !important;
  }
  .unit_material-cards__swiper .swiper-slide {
    height: auto;
  }
  .unit_material-cards .unit_material-cards__nav-prev,
  .unit_material-cards .unit_material-cards__nav-next {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .unit_material-cards__name--twoline-pc span {
    /* display: block; */
  }
  .unit_material-cards__board {
    /* max-width: 1360px; */
    /* margin-inline: auto; */
    /* padding: 72px clamp(20px, 3vw, 40px); */
  }
  .unit_material-cards__swiper .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 608px));
    column-gap: 64px;
    row-gap: 40px;
  }
  .unit_material-cards__item {
    min-height: 472px;
    padding: 48px 48px 40px;
  }
  .unit_material-cards__thumb {
    width: 176px;
    height: 176px;
  }
  .unit_material-cards__lead {
    /* font-size: 18px; */
    /* color: var(--material-body); */
  }
  .unit_material-cards__spec > div {
    grid-template-columns: 144px 1fr;
    gap: 8px 20px;
  }
  .unit_material-cards__spec dt {
    background-color: var(--material-label-bg-pc);
    font-size: 16px;
    font-weight: 600;
  }
  .unit_material-cards__spec dd {
    font-size: 16px;
    color: var(--material-body);
  }
}
@media screen and (max-width: 1279px) {
  .unit_material-cards__board {
    /* padding: 48px 16px; */
  }

  .unit_material-cards__top {
    flex-wrap: wrap;
    gap: 16px;
    }
    .unit_material-cards__thumb {
        order: 2;
        width: min(50%, 144px);
        height: auto;
    }
    .unit_material-cards__intro {
        display: contents;
    }
    .unit_material-cards__name {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .unit_material-cards__lead {
        order: 3;
        width: 41%;
    }

}
@media screen and (max-width: 767px) {
  .unit_material-cards__swiper .swiper-wrapper {
    display: flex !important;
    justify-content: normal;
  }
  .unit_material-cards__item {
    /* border: none; */
    min-height: 0;
    max-width: 342px;
    margin-inline: auto;
    padding: 24px 16px;
  }
  .unit_material-cards .unit_inner {
    /* border-top: 1px solid var(--material-border); */
    /* border-bottom: 1px solid var(--material-border); */
  }
  .unit_material-cards .unit_inner__sp_no_paddng {
    width: 100%;
  }
}


  .unit_precautions {
    padding-block: 120px;
    background-color: #f6f6f6;
    margin: 0 auto min(calc(112 / 1920 * 100vw), 112px);
}
  .unit_precautions .unit_inner {
    max-width: 1280px;
    width: calc(100% - 160px);
    padding: 0;
}
.unit_ttl {
    color: #264880;
    text-align: center;
    font-size: 40px;
    margin-bottom: 1em;
}
.unit_precautions-ttl {
  margin-bottom: 2em;
}
.unit_precautions-content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: min(64px, 2vw);
}
.unit_precautions-item {
    display: flex;
    flex-direction: column;
}
.unit_precuations-item-text-wrap {
    padding: 40px;
    background-color: #fff;
    height: 100%;
}
.unit_precuations-item-text {
    line-height: 2;
    font-size: var(--font-size-text);
}

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

.unit_precautions-content {
    max-width: 568px;
    margin-inline: auto;
    grid-template-columns: auto;
    gap: 64px;
}

.unit_precuations-item-text {
    font-size: 17px;
}

}

@media screen and (max-width: 767px) {
    .unit_precautions {
    padding-block: 80px;
    margin-bottom: min(calc(88 / 390 * 100vw), 88px);
}
    .unit_precautions .unit_inner {
    width: calc(100% - 48px);
}
.unit_precautions-content {
    max-width: 500px;
    gap: 40px;
}
.unit_ttl.unit_precautions-ttl {
    font-size: 32px;
}
.unit_precuations-item-text-wrap {
    padding: 32px;
}
.unit_precuations-item-text {
    font-size: 17px;
}

}


.unit_orthodontics {
    background: url("/assets/img/template/img_orthodontics-bg-pc.webp"),linear-gradient(90deg, #fff 0%, #e3edf0 36%,#eff4f9 100%);
    background-repeat: no-repeat;
    padding-block: 180px 120px;
    background-size: auto;
    background-position: right top;
}

.unit_p .unit_inner_orthodontics {
    max-width: 1280px;
    width: calc(100% - 80px);
    padding: 0;
}

.unit_orthodontics-ttl {
    text-align: left;
    font-size: 48px;
    margin-bottom: 220px;
    margin-left: 1em;
}
.size_s {
    font-size: .8334em;
}
.size_ss {
    font-size: .5834em;
}
.unit_orthodontics-lists {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px 24px;
}
.unit_orthodontics-item {
    background-color: rgba(255,255,255,.8);
    padding: 40px 52px 56px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}
.unit_orthodontics-itenm-img {
    max-width: 162px;
}
.unit_orthodontics-item-ttl {
    color: #60A8D0;
    font-size: 40px;
    font-family: 'Noto Serif JP',serif;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
}
.unit_orthodontics-item-text {
    font-size: var(--font-size-text);
    font-weight: 300;
    line-height: 2;
}
.unit_orthodontics-bg-sp-img {
    display: none;
}

@media screen and (max-width: 1279px) {
.unit_orthodontics {
    background: url("/assets/img/template/img_orthodontics-bg-tb.webp"),linear-gradient(90deg, #fff 0%, #e3edf0 36%,#eff4f9 100%);
    padding-block: 90px 120px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

.unit_orthodontics-ttl {
    margin-bottom: 1em;
    aspect-ratio: 5 / 2;
    display: flex;
    align-items: center;
    margin-left: 4vw;
}





.unit_orthodontics-lists {
    grid-template-columns: repeat(2,1fr);
}
.unit_orthodontics-item {
    padding: 40px min(52px, 5.2vw);
}

}

@media screen and (max-width: 767px) {
.unit_orthodontics {
    background: linear-gradient(180deg, #fff 0, #fff 15%,#e2e9eb 15%, #e3edf0 64%, #eef3f9 100%) no-repeat;
    padding-block: 80px;
}
.unit_p .unit_inner_orthodontics {
    max-width: 500px;
    width: calc(100% - 48px);
}

.unit_ttl.unit_orthodontics-ttl {
    display: block;
    margin-left: 0;
    font-size: 31px;
    text-align: center;
    aspect-ratio: auto;
}

.unit_orthodontics-bg-sp-img {
    display: block;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    max-width: none;
}

    .unit_orthodontics-lists {
    grid-template-columns: auto;
    gap: 24px;
    margin-top: -18%;
}
.unit_orthodontics-item {
    padding: 24px 32px;
}
.unit_orthodontics-itenm-img {
    max-width: 100px;
}
.unit_orthodontics-item-ttl {
    font-size: 24px;
}
.unit_orthodontics-item-text {
    font-size: 16px;
}

}


.unit_tables-content {
    background-color: #eeeeee;
    padding-block: 120px;
    position: relative;
}
.unit_table_intro + .unit_tables-content::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-color: #fff;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%;
}
.unit_tables-content-inner {
    max-width: 1024px;
    width: calc(100% - 32px);
    margin-inline: auto;
}
.unit_table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 16px;
    width: 100%;
}
.unit_table th, .unit_table td {
    background-color: #fff;
    font-size: var(--font-size-text);
    padding: 0.5em 1em;
    min-height: 5em;
    line-height: 1.5;
    height: 5em;
    text-align: center;
    vertical-align: middle;
}
.unit_table th {
    font-weight: 600;
}
.unit_table_head1 {
    width: 25%;
}


@media screen and (max-width: 1280px) {
    .unit_table th, .unit_table td {
        /* font-size: min(18px, 2.21vw); */
    }
}

@media screen and (max-width: 767px) {
    .unit_tables-content {
        padding-block: 80px;
    }
    .unit_table_intro + .unit_tables-content::before {
        width: 40px;
        height: 40px;
    }
    .unit_table {
        border-spacing: 8px;
        /* margin: -8px; */
        width: 100%;
    }
    .unit_table th, .unit_table td {
        /* font-size: 16px; */
        padding: .5em 0.1em;
    }
    .unit_table_head1 {
        width: 20%;
    }
}

/* -----------------------------------------------------------------
   unit_tab-tables 4列比較（PC min-width:1280px）／タブ＋票形式（max-width:1279px）
------------------------------------------------------------------ */
.unit_tab-tables .unit_tab-tables__pc-wrap {
    display: none;
    position: relative;
}
.unit_tab-tables .unit_tab-tables__tabs-block {
    display: block;
}
@media screen and (min-width: 1280px) {
    .unit_tab-tables .unit_tab-tables__pc-wrap {
        display: block;
    }
    .unit_tab-tables .unit_tab-tables__tabs-block {
        display: none;
    }
}
.unit_tab-tables .unit_tab-tables__table--wide {
    table-layout: fixed;
    width: 100%;
}
.unit_tab-tables .unit_tab-tables__table--wide .unit_table_head1 {
    width: 18%;
}
.unit_tab-tables .unit_tab-tables__table--wide .unit_table_head2 {
    width: 27.33%;
}
.unit_tab-tables .unit_tab-tables__pc-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-inline: calc(-1 * min(12px, 1.5vw));
    padding-inline: min(12px, 1.5vw);
    scrollbar-width: thin;
}
.unit_tab-tables .unit_tab-tables__pc-wrap .unit_tab-tables__table--wide {
    min-width: 960px;
}
.unit_tab-tables .unit_tab-tables__pc-wrap::before,
.unit_tab-tables .unit_tab-tables__pc-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.unit_tab-tables .unit_tab-tables__pc-wrap::before {
    left: 0;
    background: linear-gradient(90deg, rgb(238 238 238), transparent);
}
.unit_tab-tables .unit_tab-tables__pc-wrap::after {
    right: 0;
    background: linear-gradient(270deg, rgb(238 238 238), transparent);
}
.unit_tab-tables .unit_tab-tables__pc-wrap.has-horizontal-overflow.is-scrolled::before {
    opacity: 1;
}
.unit_tab-tables .unit_tab-tables__pc-wrap.has-horizontal-overflow:not(.is-scrolled-end)::after {
    opacity: 1;
}
.unit_tab-tables .unit_tab-tables__tabs {
    display: grid;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: center;
    margin-bottom: 0px;
    grid-template-columns: repeat(3,1fr);
    padding-inline: 16px;
}
.unit_tab-tables .unit_tab-tables__tab {
    flex: 1 1 0;
    min-width: 0;
    min-height: 4em;
    padding: 12px 8px;
    background-color: #A7A7A7;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .04em;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 16px 16px 0 0;
    font-size: var(--font-size-text);
}
.unit_tab-tables .unit_tab-tables__tab:hover,
.unit_tab-tables .unit_tab-tables__tab:focus-visible {
    border-color: #888;
    outline: none;
}
.unit_tab-tables .unit_tab-tables__tab.is-active {
    /* border-color: var(--primary-color, #502808); */
    background-color: #C9A84C;
    /* color: var(--primary-color, #502808); */
    transform: scaleY(1.2);
    transform-origin: bottom;
}
.unit_tab-tables .unit_tab-tables__sheet {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 16px;
}
.unit_tab-tables .unit_tab-tables__sheet .unit_table_head1 {
    width: 34%;
    text-align: center;
    vertical-align: middle;
}
.unit_tab-tables .unit_tab-tables__sheet td {
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .unit_tab-tables .unit_tab-tables__tabs {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding-inline: 8px;
    }
    .unit_tab-tables .unit_tab-tables__tab {
        max-width: none;
        font-size: 14px;
    }
    .unit_tab-tables .unit_tab-tables__sheet {
        border-spacing: 8px;
    }
}

.contact.template-cta {
    background-image: url(/assets/img/template/contact-template-cta-bg.png);
}

.template-cta .cta_btns {
    gap: 7.5vw;
}