@charset "UTF-8";
/* CSS Document */
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto&display=swap";@import"https://fonts.cdnfonts.com/css/helvetica-neue-5";* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::before,::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0
}

main {
    display: block
}

p,table,blockquote,address,pre,iframe,form,figure,dl {
    margin: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none
}
ul li,ol li{
	line-height:1.65em;
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: rgba(0,0,0,0);
    text-decoration: none;
    color: inherit
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: 0;
}

img {
    border-style: none;
    vertical-align: bottom
}

embed,object,iframe {
    border: 0;
    vertical-align: bottom
}

button,input,optgroup,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled] {
    cursor: default
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

select::-ms-expand {
    display: none
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    text-align: left
}

td,th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: bold
}

template {
    display: none
}

[hidden] {
    display: none
}

.for-sp {
    display: block !important
}

@media(min-width: 768px) {
    .for-sp {
        display:none !important
    }
}

.for-pc {
    display: none !important
}

@media(min-width: 768px) {
    .for-pc {
        display:block !important
    }
}

img.for-sp,span.for-sp,br.for-sp {
    display: inline !important
}

@media(min-width: 768px) {
    img.for-sp,span.for-sp,br.for-sp {
        display:none !important
    }
}

img.for-pc,span.for-pc,br.for-pc {
    display: none !important
}

@media(min-width: 768px) {
    img.for-pc,span.for-pc,br.for-pc {
        display:inline !important
    }
}

body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 4.2666666667vw;
    font-family: "Noto Sans JP","Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    color: #000;
    line-height: 1;
	font-size:16px;
}

@media(min-width: 768px) {
    body {
        font-size:18px;
    }
}

main {
    display: block
}

section {
    margin-bottom: 0
}

p,dl dd {
    font-size: 1em;
    line-height: 1.65;
    padding-bottom: 0
}

h1,h2,h3,h4,h5,h6 {
    padding: 0
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
    font-size: 0;
    line-height: 0
}

@media(min-width: 768px) {
    img {
        width:auto
    }
}

a {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

a:hover {
    opacity: .7
}

@media(min-width: 768px) {
    a[href*="tel:"] {
        pointer-events:none;
        cursor: default;
        text-decoration: none
    }
}

sup {
    top: -0.4em;
    margin-right: .2em;
    font-size: 70%
}

input,button,textarea,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0,0,0,0);
    font-family: inherit;
    border-radius: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

input[type=submit],button {
    cursor: pointer
}

select::-ms-expand {
    display: none
}
.font-12{
	font-size:12px;
}
.font-14{
	font-size:14px;
}
.font-16{
	font-size:16px;
}
.font-18{
	font-size:18px;
}
.font-20{
	font-size:20px;
}
.font-22{
	font-size:22px;
}
.font-24{
	font-size:24px;
}
@media(max-width: 767px) {
   .font-14{
	font-size:12px;
}
.font-16{
	font-size:14px;
}
.font-18{
	font-size:16px;
}
.font-20{
	font-size:18px;
}
.font-22{
	font-size:20px;
}
.font-24{
	font-size:22px;
}
}
.no-wrap {
  white-space: nowrap;
}
.text-blue{
	color:#00608A;
}
.text-right{
	text-align: right;
}
.mb-16{
	margin-bottom:16px;
}
.mb-24{
	margin-bottom:24px;
}
.mb-32{
	margin-bottom:32px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-48{
	margin-bottom:48px;
}
.font-medium{
	font-weight:500;
}
.list_disc>li{
	padding-left: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    position: relative;
}
.list_disc>li{
	padding-left: 1em;
}
.list_disc>li:before{
	content: '・';
    position: absolute;
    left: 0;
}
.list_disc>li:before{
	content: '・';
    position: absolute;
    left: 0;
}
.bg-lightblue{
	background: #D9F3F5;
}
.bg-blue{
	background: #00608A;
}
.bg-lightblue02{
	background: #CCDFE8;
}

.header {
    padding: 17px 16px;
    background-color:#000000 ;
}

@media(min-width: 768px) {
    .header {
        padding:11px 0
    }
}

.header_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 768px) {
    .header_inner {
        max-width:1120px;
        margin: 0 auto;
		padding: 0 16px;
        box-sizing: content-box;
    }
}

.header_logo {
    width: 25.3333333333vw
}

@media(min-width: 768px) {
    .header_logo {
        width:135px;
        margin-right: 0
    }
}

.header_ttl {
    font-size: 13px;
    color: white;
}

@media(min-width: 768px) {
    .header_ttl {
        font-size:16px
    }
}
@media(min-width: 768px) {
    .hero {
        background:url(/skinvive/patient/assets/images/hero_bg.png);
        background-size: 100% 100%;
    }
}

@media(min-width: 768px) {
    .hero_inner {
        max-width:1440px;
        margin: 0 auto;
    }
}
.content{
	position:relative;
	overflow: hidden;
	z-index:0;
}
.content:before{
	content:"";
	background-image: url("/skinvive/patient/assets/images/water.png");
	position:absolute;
	/*top:-170px;*/
	right: -140px;
    width: 403px;
    height: 576px;
    background-size: contain;
	z-index:-1;
	top: -267.08px;
	rotate: 180deg;
}
.content.content07:before{
	background-image: url("/skinvive/patient/assets/images/water_white.png");
}
@media(min-width: 768px) {
    .content:before{ 
        width: 586px;
		height: 838px;
		top:-290px;
    }
}
@media(min-width: 1440px) {
    .content:before{ 
        left: calc(50% + 300px);
		right:auto;
    }
}
.content_img img{
	margin:0 auto;
	display: block;
}
.content_ttl01{
	font-size:24px;
	margin-bottom:32px;
	color:#00ADBB;
	font-weight:bold;
	position:relative;
	z-index:0;
	line-height:1.4em;
}
.bg-lightblue .content_ttl01{
	color:#00608A;
}
.content_ttl01:before{
     position: absolute;
    top: -39px;
    left: -12px;
    font-size: 44px;
    opacity: 0.2;
    font-weight: 800;
    z-index: -1;
    color: #00ADBB;
    line-height: 1.4;
}
@media(min-width: 768px) {
	.content_ttl01:before{
		font-weight: 600;
        font-size: 58px;
        left: -13px;
        top: -52px;
	}
}
.content01 .content_ttl01:before{
    content:"01";
}
.content02 .content_ttl01:before{
    content:"02";
}
.content03 .content_ttl01:before{
    content:"03";
}
.content04 .content_ttl01:before{
    content:"04";
}
.content05 .content_ttl01:before{
    content:"05";
}
.content06 .content_ttl01:before{
    content:"06";
}
.content07 .content_ttl01:before{
    content:"07";
	color:white;
}
.content_ttl02{
	font-size:22px;
	margin-top:56px;
	margin-bottom:24px;
	color:#00608A;
	border-bottom:1px solid #00608A;
	font-weight:bold;
	padding-bottom:10px;
	line-height:1.4;
}
.content_ttl03{
	color:#00ADBB;
	position: relative;
    display: block;
    border-bottom: solid 2px #00ADBB;
    padding-bottom: 16px;
    max-width: 100%;
    text-align: center;
	font-size:22px;
	width:fit-content;
	margin:56px auto 29px;
	font-weight:bold;
	line-height:1.4;
}
@media(min-width: 768px) {
    .content_ttl03{
		font-size:25px;
    }
}
.content_ttl03:before,
.content_ttl03:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.content_ttl03:before {
    border: solid 12px transparent;
    border-top: solid 12px #00ADBB;
}
.content_ttl03:after {
    border: solid 14px transparent;
    border-top: solid 14px white;
	margin-top: -5px;
}
@media(min-width: 768px) {
	.content_ttl01{
		font-size:32px;
		margin-bottom:40px;
	}
}
.content_inner{
	max-width:900px;
	margin:0 auto;
	padding:48px 24px 24px;
	box-sizing: content-box;
}
@media(min-width: 768px) {
	.content_inner{
		padding:4.9rem 24px;
	}
}
ul.content_note li{
    display:flex;
	gap:4px;
    line-height: 1.66;
	font-size: 12px;
}
ul.content_note__decimal li{
	display:flex;
	gap:6px;
}
ul.content_note li:before{
	passing-right:4px;
}
.content_note__asterisk-num { }   /* ※1 */
.content_note__paren-num { }      /* (1) */
.content_note__circle-num { }     /* ① */
.content_note__asterisk { }       /* ※ */
.content_note__decimal { }        /* 1. */
ul.content_note__asterisk-num li:first-child:before{
	content:"※1";
}
ul.content_note__asterisk-num li:nth-child(2):before{
	content:"※2";
}
ul.content_note__paren-num li:first-child:before{
	content:"(1)";
}
ul.content_note__paren-num li:nth-child(2):before{
	content:"(2)";
}
ul.content_note__paren-num li:nth-child(3):before{
	content:"(3)";
}
ul.content_note__paren-num li:nth-child(4):before{
	content:"(4)";
}
ul.content_note__paren-num li:nth-child(5):before{
	content:"(5)";
}
ul.content_note__paren-num li:nth-child(6):before{
	content:"(6)";
}
ul.content_note__paren-num li:nth-child(7):before{
	content:"(7)";
}
ul.content_note__paren-num li:nth-child(8):before{
	content:"(8)";
}
ul.content_note__paren-num li:nth-child(9):before{
	content:"(9)";
}
ul.content_note__paren-num li:nth-child(10):before{
	content:"(10)";
}
ul.content_note__paren-num li:nth-child(11):before{
	content:"(11)";
}
ul.content_note__circle-num li:first-child:before{ 
	content: "\2460";
}
ul.content_note__circle-num li:nth-child(2):before{ 
	content: "\2461";
}
ul.content_note__circle-num li:nth-child(3):before{ 
	content: "\2462";
}
ul.content_note__asterisk li:before{ 
	content: "※";
}
ul.content_note__decimal li:first-child:before{
	content:" 1. ";
}
ul.content_note__decimal li:nth-child(2):before{
	content:" 2. ";
}
@media(min-width: 768px) {
    ul.content_note li{
        max-width:900px;
        margin: 0 auto;
        font-size: 14px;
    }
	ul.content_note__paren-num li{
		font-sie:12px;
	}
}
dl dt{
	font-weight:bold;
	margin-bottom:8px;
	line-height:1.4;
}
dl dd{
	margin-bottom:24px;
}
.two-column{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.w-50{
		width:100%;
	}
@media(min-width: 768px) {
	.w-50{
		width:50%;
	}
}
.content02 .cell_list li{
	display:flex;
	gap:20px;
	align-items: center;
}
.triangle{
	margin:8px 0;
}
@media(min-width: 768px) {
	.triangle{
		margin:16px 0;
	}
}
.triangle img{
	width:40px;
}
.img-max-400 img{
	max-width:400px;
}
@media(min-width: 768px) {
	.triangle img{
		width:80px;
	}
	.content02 .cell_list li{
		gap:40px;
	}
	.img-max-400 img{
		max-width:100%;
	}
}
.content02 .cell_list li p{
	position:relative;
}
.content02 .cell_list li p:before{
	content:"・";
	position:absolute;
	left:-1em;
}
.content02 .cell_list li img{
	width:100px;
	height:auto;
}
.content03 .effect_list01 li,
.content03 .effect_list02 li{
	display:flex;
	gap:28px;
	align-items: center;
	
}
@media(min-width: 768px) {
	.content03 .effect_list01 li,
	.content03 .effect_list02 li{
		gap:36px;
	}
}
.content03 .effect_list01 li p,
.content03 .effect_list02 li p{
	position:relative;
}
.content03 .effect_list01 li p:before,
.content03 .effect_list02 li p:before{
	content:"・";
	position:absolute;
	left:-1em;
	color:#00608A;
}
.content03 .effect_list01 li p b,
.content03 .effect_list02 li p b{
	color:#00608A;
}
.content03 .effect_list02 li p:before{
	font-size:18px;
}
@media(min-width: 768px) {
	.content03 .effect_list02 li p:before{
	font-size:20px;
}
}
.content03 .effect_list02 li:first-child p:before{
	content:"\2460";
}
.content03 .effect_list02 li:nth-child(2) p:before{
	content:"\2461";
}
.content03 .effect_list02 li:nth-child(3) p:before{
	content:"\2462";
}
.content03 .effect_list01 li img,
.content03 .effect_list02 li img{
	width:80px;
	height:auto;
}
.content03 .content_ttl03{
	color:#00608A;
	border-bottom: solid 2px #00608A;
}
.content03 .content_ttl03:before{
    border-top: solid 12px #00608A;
}
.content03 .content_ttl03:after{
	border-top: solid 14px #D9F3F5;
}
.table01{
	width:100%;
	table-layout: auto;
	margin-bottom:5px;
}
.table01 th{
	background: #00ADBB;
	color:white;
	padding:8px;
}
.table01 td:first-child{
	font-weight:bold;
}
.table01 td{
	padding:8px;
	line-height:1.5em;
	font-size:14px;
	border: 1px solid #00ADBB;
}
.table01 th{
	border-right: 1px solid white;
	font-size:14px;
	line-height:1.2;
	vertical-align: middle;
}
.table01 th:first-child{
	border-left: 1px solid #00ADBB;
}
.table01 th:last-child{
	 border-right: 1px solid #00ADBB;
}
@media(min-width: 768px) {
	.table01 td,
	.table01 th{
		font-size:18px;
		padding:16px;
	}
	.table01 th{
		padding:8px 16px;
	}
}
.content04 .two-column{
	gap:20px;
	align-items: center;
}
.content04 .two-column ul{
	width:100%;
}
@media(min-width: 768px) {
	.content04 .two-column{
		gap:40px;
	}
	.content04 .two-column ul{
		width:fit-content;
	}
}
.content04 .treatment_list li b:before{
    color: #00608A;
}
.content04 .treatment_list li:first-child b:before{
	content: "\2460";
}
.content04 .treatment_list li:nth-child(2) b:before{
	content: "\2461";
}
.content04 .treatment_list li:nth-child(3) b:before{
	content: "\2462";
}
.content05 .content_ttl01,
.content05 p{
	color:white;
}
.content07 .content_ttl01{
	color:#00608A;
}
.content_faq {
    padding-top: 0;
    background-color: #fff !important
}

.content_faq_ttl {
    position: relative;
    padding: .2em 16px;
    background-color: white;
    border-radius: 8px;
    color: #00608A;
}

.content_faq_ttl p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.65;
}

.content_faq_ttl p::before {
    content: "Q.";
    display: inline-block;
    margin-right: .4em;
    font-size: 24px;
    font-weight: 700;
	transform: translateY(-2px);
}

.content_faq_content+.content_faq_ttl {
   margin-top:24px
}
@media(min-width: 768px) {
	.content_faq_content+.content_faq_ttl {
		   margin-top:48px
		}
}
.content_faq_content {
	margin-top:20px;
	padding-left: 16px
}

.content_faq_content>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right:13px;
    text-align: justify;
    letter-spacing: -0.03em
}

.content_faq_content>div::before {
    content: "A.";
    position: relative;
    top: -0.35em;
    display: inline-block;
    margin-right: .4em;
    font-size:24px;
    font-weight: 700;
    color: #00608A;
}

.content_faq_content span {
    display: block;
    margin-top:-0.9em;
    margin-left: 40px;
    font-size: 14px;
    padding-left: 2em;
    text-indent: -2em;
    font-size: 3.2vw
}

.content_faq_note {
    margin: 46px auto 0;
    font-size: 14px
}

.content_faq_note+.content_faq_note {
    margin-top: 1.5em
}
.PDFlink{
	padding: 24px 0;
	background: #D7D2CB;
}
@media(min-width: 768px) {
	.PDFlink{
		padding: 63px 0;
	}
}
.PDFlink .content_ttl01{
	color:#8C8279;
}
.PDFlink .link_inner{
	max-width: 900px;
    margin: 0 auto;
	padding:0 24px;
	box-sizing: content-box;
}
.PDFlink a{
	display:block;
	background: white;
	border:1px solid #8C8279;
	padding:25px 16px;
	position:relative;
	padding:2em 3em 2em 2em;
	line-height:1.4;
}
.PDFlink a:after{
	content:"";
	position:absolute;
	background-image: url("/skinvive/patient/assets/images/PDFicon.png");
	background-position: center;
	background-size:contain ;
	background-repeat: no-repeat;
	right:1em;
	top:40%;
	width:24px;
	height:24px;
}
.link {
    background-color: #eedad1
}

@media(min-width: 768px) {
    .link {
        padding:63px 0
    }
}
.link .link_inner {
	padding:40px 24px;
	box-sizing: content-box;
}

@media(min-width: 768px) {
    .link .link_inner {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 900px;
        margin: 0 auto;
    }
}

@media(min-width: 768px) {
    .link_bnr {
        width:51.1%
    }
}

.link_txt {
    margin-top: 5.3333333333vw;
    padding: 4vw 0;
    background-color: #fff;
    border: 1px solid #925c54;
    font-size: 3.7333333333vw;
    color: #925c54;
    text-align: center
}

@media(min-width: 768px) {
    .link_txt {
        width:43.1%;
        margin-top: 0;
        padding: 28px 0;
        font-size: 18px
    }
}

.link_txt span {
    font-size: 4vw;
    font-weight: 600
}

@media(min-width: 768px) {
    .link_txt span {
        font-size:20px
    }
}

.link_txt a {
    position: relative;
    display: block
}

.link_txt a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw;
    margin: auto;
    display: block;
    width: 6.9333333333vw;
    height: 2.6666666667vw;
    background: url("/skinvive/patient/assets/images/link_arrow.png") no-repeat center;
    background-size: 100%
}

@media(min-width: 768px) {
    .link_txt a::after {
        right:20px;
        width: 26px;
        height: 10px
    }
}
.link_txt a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4vw;
    margin: auto;
    display: block;
    width: 6.9333333333vw;
    height: 2.6666666667vw;
    background: url("/skinvive/patient/assets/images/link_arrow.png") no-repeat center;
    background-size: 100%
}

@media(min-width: 768px) {
    .link_txt a::after {
        right:20px;
        width: 26px;
        height: 10px
    }
}

.footer {
    padding: 6.9333333333vw 5.8666666667vw 13.3333333333vw;
    background-color: #f0f0f0
}

@media(min-width: 768px) {
    .footer {
        padding:33px 24px 80px;
		box-sizing: content-box;
    }
}

@media(min-width: 768px) {
    .footer_logo {
        width:421px;
        margin: 0 auto
    }
}

.footer_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 70.6666666667vw;
    margin: 7.4666666667vw auto 0
}

@media(min-width: 768px) {
    .footer_list {
        max-width:684px;
        margin-top: 28px
    }
}

.footer_item {
    font-size: 3.7333333333vw
}

@media(min-width: 768px) {
    .footer_item {
        font-size:18px
    }
}

.footer_item:nth-child(odd) {
    width: 57%
}

@media(min-width: 768px) {
    .footer_item:nth-child(odd) {
        width:auto
    }
}

.footer_item:nth-child(even) {
    width: 38%
}

@media(min-width: 768px) {
    .footer_item:nth-child(even) {
        width:auto
    }
}

.footer_item:nth-child(n+3) {
    margin-top: 6.6666666667vw
}

@media(min-width: 768px) {
    .footer_item:nth-child(n+3) {
        margin-top:0
    }
}

.footer_note {
    margin-top: 12vw;
    font-size: 2.6666666667vw;
    text-align: justify
}

@media(min-width: 768px) {
    .footer_note {
        max-width:1140px;
        margin: 61px auto 0;
        font-size: 12px
    }
}

.js_modalBtnWrap {
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.js_modalWrap {
    opacity: 0;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.js_modalWrap.active {
    -webkit-animation: modalOpen .3s ease forwards;
    animation: modalOpen .3s ease forwards
}

.js_modalWrap.active2 {
    -webkit-animation: modalClose .3s ease forwards;
    animation: modalClose .3s ease forwards
}

.js_modalBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

.js_modalContInner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 88vw;
    background-color: #fff;
    border-radius: 5.3333333333vw;
    overflow: hidden
}

@media(min-width: 768px) {
    .js_modalContInner {
        width:600px;
        border-radius: 20px
    }
}

.js_modalCont {
    overflow-y: auto
}

.modal_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5.3333333333vw;
    background-color: #00ADBB
}

@media(min-width: 768px) {
    .modal_header {
        padding:16px 20px
    }
}

.modal_header_logo {
    width: 25.6vw
}

@media(min-width: 768px) {
    .modal_header_logo {
        width:110px
    }
}

.modal_header_ttl {
    margin-left: 5.8666666667vw;
    font-size: 3.7333333333vw;
    color: white;
}

@media(min-width: 768px) {
    .modal_header_ttl {
        margin-left:256px;
        font-size: 16px
    }
}

.modal_main {
    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw
}

@media(min-width: 768px) {
    .modal_main {
        padding:30px 36px 36px
    }
}

.modal_main_ttl {
    font-weight: 600;
    color: #00608A;
    text-align: center
}

@media(min-width: 768px) {
    .modal_main_ttl {
        font-size:18px
    }
}

.modal_main_txt {
    margin-top: 5.3333333333vw
}

@media(min-width: 768px) {
    .modal_main_txt {
        margin-top:18px;
        font-size: 16px
    }
}

.modal_main_q {
    margin-top: 8vw;
    font-weight: 600;
    color: #00608A;
    text-align: center
}

@media(min-width: 768px) {
    .modal_main_q {
        margin-top:34px;
        font-size: 18px
    }
}

.modal_main_btn {
    margin: 4vw auto 0
}

@media(min-width: 768px) {
    .modal_main_btn {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 16px
    }
}

.modal_main_btn_item {
    padding: 3.2vw;
    border-radius: 13.3333333333vw;
    color: #fff;
    background-color: #00608A;
    text-align: center;
    cursor: pointer
}

@media(min-width: 768px) {
    .modal_main_btn_item {
        width:49.2%;
        padding: 12px
    }
}

.modal_main_btn_item:last-child {
    margin-top: 2.6666666667vw;
    padding: 0
}

@media(min-width: 768px) {
    .modal_main_btn_item:last-child {
        margin-top:0
    }
}

.modal_main_btn_item:last-child a {
    display: block;
    padding: 3.2vw;
    background-color: #66A0B9;
    border-radius: 13.3333333333vw
}

@media(min-width: 768px) {
    .modal_main_btn_item:last-child a {
        padding:12px
    }
}

.modal_main_btn_item span {
    font-size: 3.2vw
}

@media(min-width: 768px) {
    .modal_main_btn_item span {
        font-size:12px
    }
}

@-webkit-keyframes modalOpen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        z-index: 1000
    }
}

@keyframes modalOpen {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1;
        z-index: 1000
    }
}

@-webkit-keyframes modalClose {
    0% {
        opacity: 1;
        z-index: 1000
    }

    100% {
        opacity: 0
    }
}

@keyframes modalClose {
    0% {
        opacity: 1;
        z-index: 1000
    }

    100% {
        opacity: 0
    }
}
#onetrust-banner-sdk,
#onetrust-consent-sdk,
#onetrust-pc-sdk {
  all: revert;
}