@charset "utf-8";


.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }

.dn-pc { display:none; }
.dn-sp { display:block; }
.dn-sp2 { display:inline-block; }

@media screen and (max-width:768px){
.dn-pc { display:block; }
.dn-sp { display:none;}
.dn-sp2 { display:none;}
}

*, *::before, *::after { box-sizing:border-box; }



/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: #fff;
	color: #111;
	font-size: 1em;
	line-height: 1;
	font-weight: 500;
	font-family: 'Noto Sans JP', 'Noto Sans', sans-serif;
}

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

b,
strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	vertical-align:middle;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

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

td,
th {
	padding: 0;
}



/* ----------------------------------------------
 ! Base
 ---------------------------------------------- */

body { width:100%; overflow-x:hidden; }
#content {}

@media screen and (min-width:1380px){
body { min-width:1380px; }
#content {}
}

@media screen and (max-width:768px){
body { min-width:280px; }
#content {}
}




/* ----------------------------------------------
 ! Animation
 ---------------------------------------------- */

.ani-y {
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transform: translateY(30px);
	transition-duration: ease-in;
}
.ani-y.on {
	opacity: 1;
	transform: translateY(0vw);
}
.ani-x {
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transform: translateX(-5vw);
	transition-duration: ease-in;
}
.ani-x.on {
	opacity: 1;
	transform: translateX(0vw);
}




/* ----------------------------------------------
 ! Slider
 ---------------------------------------------- */

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}




/* ----------------------------------------------
 ! header
 ---------------------------------------------- */

body { font-family:'Shippori Mincho B1', serif; }
#content { background:url(../img/common/txt_top_mainview.webp) center top no-repeat; background-size:100% auto; }
header { height:19.5vw;}
#header-logo { width:64.6vw; padding:1.54vw 2.56vw; }
#header-logo a { display:block; }
#header-logo img { width:100%; height:auto; }
@media screen and (min-width:769px){
body {}
#content { background:url(../img/common/txt_top_mainview_pc.webp) left 50% top 0 no-repeat; background-size:100% auto; }
header { height:7.97vw;}
#header-logo { position:absolute; top:1.45vw; left:50%; width:25.7vw; background-size:1380px auto; margin:0 0 0 -43.5vw; padding:0; }
#header-logo a {}
#header-logo img {}
}
@media screen and (min-width:1381px){
body {}
#content { background:url(../img/common/txt_top_mainview_pc.webp) left 50% top 0vw no-repeat; background-size:1380px auto; position:relative; }
#content:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/common/txt_top_mainview_pc.webp) center top repeat-x; background-size:1380px auto; opacity:0.3; transform:scale(-1,1); z-index:-1; }
header { height:111px;}
#header-logo { top:20px; width:355px; margin:0 0 0 -600px; }
#header-logo a {}
#header-logo img {}
}


#header-cnt { height:19.5vw; background:url(../img/common/bg_header.webp) center top no-repeat; background-size:100% auto; }

@media screen and (min-width:769px){
	
#header-cnt { height:7.97vw; background:url(../img/common/bg_header_pc.webp) center top no-repeat; background-size:100% auto; }
}

@media screen and (min-width:1381px){
	
#header-cnt { background-size:1380px auto; }
	
}


#btn-main-navi { position:absolute; position:fixed; top:0; right:0; width:14.4vw; height:14.4vw; background:#34617A; border:0.3vw #BA9A67 solid; border-radius:0 0 0 20%; text-align:center; margin:0 auto; z-index:99999; }
#btn-main-navi span:nth-child(1) { position:absolute; top:3.15vw; left:3.59vw; width:7.69vw; height:0.26vw; background:#fff; }
#btn-main-navi span:nth-child(2) { position:absolute; top:4.93vw; left:3.59vw; width:2.56vw; height:0.26vw; background:#fff; }
#btn-main-navi span:nth-child(3) { position:absolute; top:6.31vw; left:3.59vw; width:7.69vw; height:0.26vw; background:#fff; }
#btn-main-navi strong { position:absolute; top:9vw; left:50%; width:14.1vw; margin:0 0 0 -7.05vw; font-size:2.56vw; font-weight:700; }
#btn-main-navi strong em { color:#fff; font-style:normal; }
#btn-main-navi strong em:last-child { display:none; }
@media screen and (min-width:769px){
#btn-main-navi { width:5.22vw; height:5.22vw; border:1px #BA9A67 solid; cursor:pointer; }
#btn-main-navi:hover { opacity:0.7; }
#btn-main-navi span:nth-child(1) { top:1.16vw; left:1.16vw; width:2.9vw; height:1px; }
#btn-main-navi span:nth-child(2) { top:1.88vw; left:1.16vw; width:1.23vw; height:1px; }
#btn-main-navi span:nth-child(3) { top:2.61vw; left:1.16vw; width:2.9vw; height:1px; }
#btn-main-navi strong { top:3.26vw; width:5.22vw; margin:0 0 0 -2.61vw; font-size:1.01vw; }
#btn-main-navi strong em {}
#btn-main-navi strong em:last-child {}
}
@media screen and (min-width:1381px){
#btn-main-navi { width:72px; height:72px; }
#btn-main-navi:hover {}
#btn-main-navi span:nth-child(1) { top:16px; left:16px; width:40px; height:1px; }
#btn-main-navi span:nth-child(2) { top:26px; left:16px; width:17px; height:1px; }
#btn-main-navi span:nth-child(3) { top:36px; left:16px; width:40px; height:1px; }
#btn-main-navi strong { top:45px; width:72px; margin:0 0 0 -36px; font-size:14px; }
#btn-main-navi strong em {}
#btn-main-navi strong em:last-child {}
}


.btn-hn-on {}
.btn-hn-on strong em:first-child { display:none; transition:all 0.2s linear; }
.btn-hn-on strong em:last-child { display:block !important; transition:all 0.2s linear; }
.btn-hn-on span:nth-child(1) { top:5.13vw !important; left:3.33vw !important; width:7.69vw !important; transform:rotate(30deg); transition:all 0.2s linear; }
.btn-hn-on span:nth-child(2) { display:none; }
.btn-hn-on span:nth-child(3) { top:5.13vw !important; left:3.33vw !important; width:7.69vw !important; transform:rotate(-30deg); transition:all 0.2s linear; }
.clicked-nav { overflow:hidden; }
@media screen and (min-width:769px){
.btn-hn-on {}
.btn-hn-on strong em:first-child {}
.btn-hn-on strong em:last-child {}
.btn-hn-on span:nth-child(1) { top:2.03vw !important; left:1.01vw !important; width:2.9vw !important; }
.btn-hn-on span:nth-child(2) {}
.btn-hn-on span:nth-child(3) { top:2.03vw !important; left:1.01vw !important; width:2.9vw !important; }
.clicked-nav { overflow:auto; }
}
@media screen and (min-width:1381px){
.btn-hn-on {}
.btn-hn-on strong em:first-child {}
.btn-hn-on strong em:last-child {}
.btn-hn-on span:nth-child(1) { top:28px !important; left:14px !important; width:40px !important; }
.btn-hn-on span:nth-child(2) {}
.btn-hn-on span:nth-child(3) { top:28px !important; left:14px !important; width:40px !important; }
.clicked-nav {}
}


#header-nav-ul { position:fixed; top:0; right:-100%; width:100%; height:100%; background:rgba(245,235,220,0.92); overflow-y:scroll; margin:0 0 0 14.1vw; padding:25.6vw 5.13vw 0 10.3vw; transition:all 0.4s linear; z-index:99998; }
#header-nav-ul.clicked { right:0; transition:all 0.2s linear; }
#header-nav-ul li { list-style:none; position:relative; }
#header-nav-ul li:before { content:""; position:absolute; top:1.1vw; left:0; width:0; height:0; border:solid; border-color:rgba(0, 0, 0, 0); border-left-color:#A58044; border-width:2vw 0 2vw 3.25vw; }
#header-nav-ul li a { display:block; line-height:1.5; padding:0 0 9.23vw 5.13vw; font-size:3.85vw; color:#34617A; font-weight:700; text-decoration:none; }
@media screen and (min-width:769px){
#header-nav-ul { width:28.3vw; margin:0; padding:7.25vw 4.71vw 0 4.71vw; overflow:hidden; }
#header-nav-ul.clicked { right:0; }
#header-nav-ul li {}
#header-nav-ul li:before { top:0.51vw; border-width:0.46vw 0 0.46vw 0.92vw; }
#header-nav-ul li a { padding:0 0 2.61vw 1.45vw; font-size:1.23vw; }
}
@media screen and (min-width:1381px){
#header-nav-ul { width:390px; padding:100px 65px 0 65px; }
#header-nav-ul.clicked {}
#header-nav-ul li {}
#header-nav-ul li:before { top:7px; border-width:6.35px 0 6.35px 12.7px; }
#header-nav-ul li a { padding:0 0 36px 20px; font-size:17px; }
}




/* ----------------------------------------------
 ! top-mainview
 ---------------------------------------------- */

#top-mainview { padding:51.2vw 0 0; position: relative;}
#top-mainview h1 { padding:0 0 24.4vw 0; line-height: 1.8;}
#top-mainview h1 span,
#top-mainview h1 strong { background-color: #34617a; color: #fff; }

#top-mainview h1 span {font-size:5.1vw; padding: 1.5vw 2vw;}
#top-mainview h1 strong { font-size:4.8vw; padding: 1.5vw 2vw; }
#top-mainview h1 mark { font-size:6.6vw; color: #fff;}


#tm-bnr {}
#tm-bnr img { width:100%; height:auto; }
#tm-price { position:absolute; top:8.7vw; right: 4.6vw; width:39.1vw; }
#tm-price img { width:100%; height:auto; }

@media screen and (min-width:769px){
#top-mainview { padding:17.43vw 0 0; }
#top-mainview h1 { text-align:left; margin:0 0 0 42.7vw; padding:0 0 3.6vw; line-height: 2.5;}
#top-mainview h1 span { font-size:2.3vw; padding:1.3vw 1.8vw; }
#top-mainview h1 strong { font-size:2.1vw; padding: 1.8vw;}
#top-mainview h1 mark { font-size:3vw; }

#tm-bnr { width:44.9vw; margin:0 5.3vw 1.45vw auto; padding:0; }
#tm-bnr img {}
#tm-price { top: -1.7vw; right: 14.2vw; width:24.3vw;}
#tm-price img {}
}

@media screen and (min-width:1381px){
#top-mainview { width:1380px; text-align:center; margin:0 auto; padding:198px 0 0; }
#top-mainview h1 { margin:0 0 0 583px; padding:0 0 103px; }
#top-mainview h1 span { padding:19px 21px; font-size:31px; }
#top-mainview h1 strong { font-size:30px; padding: 25px 21px;}
#top-mainview h1 mark { font-size:41.5px;}
	
#tm-bnr { width:614px; margin:0 83px 0 auto; }
#tm-bnr img {}
#tm-price { top:-50px; right: 144px; width:302px; }
#tm-price img {}
}



/* ----------------------------------------------
 ! 00a_hanarabi
 ---------------------------------------------- */
#main-art-00a { padding: 5.3vw 0 16vw;}
#ap-box00a { text-align:center; margin:0 auto; }
#ap-box00a h2 { line-height:1.5; font-size:4.6vw; font-weight:700; position:relative; }
#ap-box00a h2:before { content:""; position:absolute; top:0; left:27vw; width:0.3vw; height: 7.5vw; background:#BA9A67; transform:rotate(-20deg); }
#ap-box00a h2:after { content:""; position:absolute; top:0; right:27vw; width:0.3vw; height: 7.5vw; background:#BA9A67; transform:rotate(20deg); }
#ap-box00a p { font-size:7.6vw; color:#BA9A67; font-weight:700; margin-top: 2vw;}
#hanarabi_sec ul { width: 87.1vw; display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin: 0 auto;}
#hanarabi_sec ul img {width: 100%; height: auto;}
#hanarabi_sec li {width: 41vw; position: relative;}
#hanarabi_sec li span {position: absolute; bottom: 0; width: 100%; display: block; text-align: center; font-size: 4.1vw;}

@media screen and (min-width:769px){
	
#main-art-00a { padding: 2.8vw 0 5.8vw; }
#ap-box00a h2 { line-height:1.5; font-size:1.9vw; display: table; margin: 0 auto;}
#ap-box00a h2:before { top: 0; left: -1vw; width: 1px; height: 2.8vw; }
#ap-box00a h2:after { top: 0; right: -1vw; width: 1px; height: 2.8vw;}
#ap-box00a p { font-size:3vw; margin-top: 1vw;}
#hanarabi_sec ul { width: 58.6vw; }
#hanarabi_sec li {width: 16.8vw; }
#hanarabi_sec li span {font-size: 1.2vw;}	
}

@media screen and (min-width:1381px){

#main-art-00a { padding:80px 0; }
#ap-box00a h2 { line-height:1.5; font-size:26px; }
#ap-box00a h2:before { top: 0; left: -10px; height: 38px;}
#ap-box00a h2:after { top: 0; right: -10px; height: 38px;}
#ap-box00a p { font-size:42px; }
#hanarabi_sec ul { width: 800px; }
#hanarabi_sec li {width: 230px; }
#hanarabi_sec li span {font-size: 17px;}	
}


/* ----------------------------------------------
 ! 00_ideal
 ---------------------------------------------- */

#main-art-00 { background:url(../img/00_ideal/bg_nayami.webp) center top no-repeat; background-size:100% auto; padding:10.3vw 0 0; }
#main-art-00 h2 { line-height:1.6; text-align:center; margin:0 auto 11.5vw; font-size:7.69vw; color:#fff; font-weight:500; }
#main-art-00 h2 strong { display:inline-block; font-size:11.8vw; color:#BA9A67; position:relative; }
#main-art-00 h2 strong:after { content:""; position:absolute; bottom:0.8vw; left:0; width:100%; height:0.5vw; background:#BA9A67; }
#ideal-sec {}
@media screen and (min-width:769px){
#main-art-00 { background:url(../img/00_ideal/bg_nayami_pc.webp) center top no-repeat; background-size:100% auto; padding:2.3vw 0 0; }
#main-art-00 h2 { margin:0 auto 5.8vw; font-size:2.9vw; }
#main-art-00 h2 strong { margin:0 0.58vw; font-size:4.35vw; }
#main-art-00 h2 strong:after { bottom:0.29vw; height:0.07vw; }
#ideal-sec {}
}
@media screen and (min-width:1381px){
#main-art-00 { background-size:1380px auto; padding:80px 0 0; }
#main-art-00 h2 { margin:0 auto 80px; font-size:40px; }
#main-art-00 h2 strong { margin:0 8px; font-size:60px; }
#main-art-00 h2 strong:after { bottom:4px; height:1px; }
#ideal-sec {}
}

#nayami-ul { padding:0 0 0 5.13vw; }
#nayami-ul li { display:table; line-height:1.4; background:#D6D5D5; border-radius:2vw; border:1px #707070 solid; padding:2vw 2.82vw; font-size:4.62vw; position:relative; }
#nayami-ul li:before { content:""; position:absolute; width:27.45vw; height:20.5vw; }
#nayami-ul li:nth-child(1) { margin:0 0 9.23vw 29.2vw; }
#nayami-ul li:nth-child(1):before { top:-2.05vw; left:-29vw; background:url(../img/00_ideal/ico_nayami01.webp); background-size:100% auto; }
#nayami-ul li:nth-child(2) { margin:0 0 12.8vw; }
#nayami-ul li:nth-child(2):before { top:-5.13vw; right:-29vw; background:url(../img/00_ideal/ico_nayami02.webp); background-size:100% auto; }
#nayami-ul li:nth-child(3) { margin:0 0 17.9vw 29.2vw; }
#nayami-ul li:nth-child(3):before { top:-5.13vw; left:-29vw; background:url(../img/00_ideal/ico_nayami03.webp); background-size:100% auto; }
@media screen and (min-width:769px){
#nayami-ul { width:600px; margin:0 auto; padding:0; }
#nayami-ul li { border-radius:0.29vw; padding:1.01vw 1.59vw; font-size:1.74vw; }
#nayami-ul li:before { width:13.55vw; height:10.14vw; }
#nayami-ul li:nth-child(1) { margin:0 0 4.71vw 14.3vw; }
#nayami-ul li:nth-child(1):before { top:-2.17vw; left:-14.3vw; }
#nayami-ul li:nth-child(2) { margin:0 0 4.71vw 19.9vw; }
#nayami-ul li:nth-child(2):before { top:-2.17vw; right:-14.3vw; }
#nayami-ul li:nth-child(3) { margin:0 0 10.14vw 14.3vw; }
#nayami-ul li:nth-child(3):before { top:-2.17vw; left:-14.3vw; }
}
@media screen and (min-width:1381px){
#nayami-ul { width:800px; }
#nayami-ul li { border-radius:4px; padding:14px 22px; font-size:24px; }
#nayami-ul li:before { width:187px; height:140px; }
#nayami-ul li:nth-child(1) { margin:0 0 65px 198px; }
#nayami-ul li:nth-child(1):before { top:-30px; left:-198px; }
#nayami-ul li:nth-child(2) { margin:0 0 65px 275px; }
#nayami-ul li:nth-child(2):before { top:-30px; right:-198px; }
#nayami-ul li:nth-child(3) { margin:0 0 140px 198px; }
#nayami-ul li:nth-child(3):before { top:-30px; left:-198px; }
}

#ap-box { text-align:center; margin:0 auto; }
#ap-box h3 { line-height:1.5; padding:7.69vw 0 5.13vw; font-size:5.13vw; font-weight:700; position:relative; }
#ap-box h3:before { content:""; position:absolute; top:7vw; left:22vw; width:0.3vw; height:16vw; background:#1A1A1A; transform:rotate(-20deg); }
#ap-box h3:after { content:""; position:absolute; top:7vw; right:22vw; width:0.3vw; height:16vw; background:#1A1A1A; transform:rotate(20deg); }
#ap-box p { line-height:1.3; font-size:5.64vw; color:#BA9A67; font-weight:700; }
#ap-box p strong { font-size:8.72vw; }
#ap-box p mark { font-size:7.18vw; color:#BA9A67; }
#ideal-dl { position:relative; }
#ideal-dl dt {}
#ideal-dl dt img { width:100%; height:auto; }
#ideal-dl dd { position:absolute; bottom:15.4vw; left:50%; width:80.8vw; height:9.74vw; line-height:9.74vw; background:#BA9A67; border-radius:1vw; text-align:center; margin:0 auto 0 -40.4vw; font-size:5.64vw; color:#fff; font-weight:700; }
#ideal-dl dd:before { content:""; position:absolute; top:-5.5vw; left:10.3vw; width:5.38vw; height:4.36vw; background:url(../img/07_doctor/ico_doctor.webp) no-repeat; background-size:100% auto; z-index:3; }
@media screen and (min-width:769px){
#ap-box {}
#ap-box h3 { display:table; text-align:center; margin:0 auto; padding:3.26vw 0 2.17vw; font-size:1.96vw; }
#ap-box h3:before { top:2.9vw; left:-1.74vw; width:1px; height:5.8vw; }
#ap-box h3:after { top:2.9vw; right:-1.74vw; width:1px; height:5.8vw; }
#ap-box p { font-size:2.17vw; }
#ap-box p strong { font-size:3.48vw; }
#ap-box p mark { font-size:2.61vw; }
#ideal-dl {}
#ideal-dl dt {}
#ideal-dl dt img {}
#ideal-dl dd { bottom:5.07vw; width:29vw; height:2.9vw; line-height:2.9vw; border-radius:0.29vw; margin:0 auto 0 -14.5vw; font-size:2.03vw; }
#ideal-dl dd:before { top:-1.81vw; left:3.26vw; width:1.52vw; height:1.23vw; }
}
@media screen and (min-width:1381px){
#ap-box {}
#ap-box h3 { padding:45px 0 30px; font-size:27px; }
#ap-box h3:before { top:40px; left:-24px; height:80px; }
#ap-box h3:after { top:40px; right:-24px; height:80px; }
#ap-box p { font-size:30px; }
#ap-box p strong { font-size:48px; }
#ap-box p mark { font-size:36px; }
#ideal-dl {}
#ideal-dl dt { width:1380px; margin:0 auto; }
#ideal-dl dt img {}
#ideal-dl dd { bottom:70px; width:400px; height:40px; line-height:40px; border-radius:4px; margin:0 auto 0 -200px; font-size:28px; }
#ideal-dl dd:before { top:-25px; left:45px; width:21px; height:17px; }
}




/* ----------------------------------------------
 ! 01_reason
 ---------------------------------------------- */

.circle-txt { display:block; text-align:center; margin:0 auto 5.13vw; font-size:2.4vw; color:#000; font-style:normal; letter-spacing:0.5vw; position:relative; }
#main-art-01 { padding:10.3vw 0 0; position:relative; }
#main-art-01:before { content:""; position:absolute; top:26.7vw; right:0; width:18vw; height:761.6vw; background:#F5EBDC; }
#main-art-01:after { content:""; position:absolute; top:26.7vw; right:18vw; width:0; height:0; border:solid; border-color:rgba(0, 0, 0, 0); border-right-color:#F5EBDC; border-width:761.6vw 97.1vw 0 0; z-index:-1; }
.h2-p01 { line-height:1.4; text-align:center; margin:0 auto; padding:0 0 15.4vw; }
.h2-p01 em {}
.h2-p01 strong { display:block; font-size:8.21vw; }
.h2-p01 mark { color:#A58044; }
@media screen and (min-width:769px){
.circle-txt { margin:0 auto 2.17vw; font-size:0.72vw; letter-spacing:0.22vw; }
#main-art-01 { padding:4.35vw 0 13vw; }
#main-art-01:before { top:14.1vw; right:0; width:39.9vw; height:221.3vw; }
#main-art-01:after { top:14.1vw; right:39.9vw; border-width:221.3vw 72.5vw 0 0; }
.h2-p01 { padding:0 0 2.9vw; }
.h2-p01 em {}
.h2-p01 strong { font-size:3.04vw; }
.h2-p01 mark {}
}
@media screen and (min-width:1381px){
.circle-txt { margin:0 auto 30px; font-size:10px; letter-spacing:3px; }
#main-art-01 { width:1380px; margin:0 auto; padding:60px 0 180px; }
#main-art-01:before { top:195px; width:550px; height:3074px; }
#main-art-01:after { top:195px; right:550px; border-width:3074px 1000px 0 0; }
.h2-p01 { padding:0 0 40px; }
.h2-p01 em {}
.h2-p01 strong { font-size:42px; }
.h2-p01 mark {}
}


.reason-sec { padding:0 0 15.4vw; position:relative; }
.reason-sec:nth-child(odd) {}
.reason-sec:nth-child(even) {}
.reason-sec dl {}
.reason-sec dt {}
.reason-sec:nth-child(odd) dt { text-align:left; }
.reason-sec:nth-child(even) dt { text-align:right; }
.reason-sec dt img { width:82vw; height:auto; }
.reason-sec dd { margin:-5.13vw 0 0; padding:0 5.13vw; }
.reason-sec dd h3 { margin:0 0 4.1vw; }
.reason-sec dd h3 em { position:absolute; top:-7.69vw; font-size:17.9vw; color:#A58044; font-weight:500; font-style:normal; }
.reason-sec dd h3 em:after { content:""; position:absolute; bottom:-4.1vw; width:25vw; height:0.3vw; background:#A58044; }
.reason-sec:nth-child(odd) dd h3 em { right:5.13vw; }
.reason-sec:nth-child(odd) dd h3 em:after { right:-5.13vw; }
.reason-sec:nth-child(even) dd h3 em { left:5.13vw; }
.reason-sec:nth-child(even) dd h3 em:after { left:-5.13vw; }
.reason-sec dd h3 strong { display:block; line-height:2.1; }
.reason-sec dd h3 span { display:inline; background:linear-gradient(transparent 3%, #34617A 0%); padding:1.6vw 2vw; border-radius:2vw; font-size:5.64vw; color:#fff; font-weight:700; }
.reason-sec dd h3 small { font-size: 3vw; color: #1A1A1A; margin-left: 1vw;}
.reason-sec dd p { line-height:1.6; padding:0 0 4.1vw; font-size:4.1vw; }
.reason-sec dd p mark { color:#A58044; font-weight:700; }
@media screen and (min-width:769px){
.reason-sec { padding:0 0 6.52vw; }
.reason-sec:nth-child(odd) {}
.reason-sec:nth-child(even) {}
.reason-sec dl { display:flex; justify-content:space-between; align-items:center; width:87vw; margin:0 auto; }
.reason-sec:nth-child(odd) dl { flex-flow:row-reverse nowrap; }
.reason-sec:nth-child(even) dl { flex-flow:row nowrap; }
.reason-sec dt { width:38vw; margin:2.9vw 0 0 5.07vw; }
.reason-sec:nth-child(odd) dt {}
.reason-sec:nth-child(even) dt {}
.reason-sec dt img { width:100%; }
.reason-sec dd { width:29.7vw; padding:0; }
.reason-sec:nth-child(odd) dd { width:29.7vw; margin:0 0 0 7.97vw; padding:0; }
.reason-sec:nth-child(even) dd { width:29.7vw; margin:0 8.7vw 0 0; padding:0; }
.reason-sec dd h3 { margin:0 0 2.54vw; }
.reason-sec dd h3 em { top:0; font-size:5.07vw; }
.reason-sec dd h3 em:after { bottom:-1.16vw; width:7.25vw; height:1px; }
.reason-sec:nth-child(odd) dd h3 em { right:2.32vw; }
.reason-sec:nth-child(odd) dd h3 em:after { right:-1.16vw; }
.reason-sec:nth-child(even) dd h3 em { left:7.25vw; }
.reason-sec:nth-child(even) dd h3 em:after { left:-1.16vw; }
.reason-sec dd h3 strong {}
.reason-sec dd h3 span { padding:0.58vw 0.8vw; border-radius:0.72vw; font-size:1.88vw; }
.reason-sec dd h3 small { font-size: 0.8vw; margin-left: 1vw;}
.reason-sec dd p { padding:0 0 1.16vw; font-size:1.3vw; }
.reason-sec dd p mark {}
}
@media screen and (min-width:1381px){
.reason-sec { padding:0 0 90px; }
.reason-sec:nth-child(odd) {}
.reason-sec:nth-child(even) {}
.reason-sec dl { width:1200px; }
.reason-sec:nth-child(odd) dl {}
.reason-sec:nth-child(even) dl {}
.reason-sec dt { width:525px; margin:40px 0 0 70px; }
.reason-sec:nth-child(odd) dt {}
.reason-sec:nth-child(even) dt {}
.reason-sec dt img {}
.reason-sec dd { width:410px; }
.reason-sec:nth-child(odd) dd { width:410px; margin:0 0 0 110px; }
.reason-sec:nth-child(even) dd { width:410px; margin:0 120px 0 0; }
.reason-sec dd h3 { margin:0 0 35px; }
.reason-sec dd h3 em { top:0; font-size:70px; }
.reason-sec dd h3 em:after { bottom:-16px; width:100px; }
.reason-sec:nth-child(odd) dd h3 em { right:32px; }
.reason-sec:nth-child(odd) dd h3 em:after { right:-16px; }
.reason-sec:nth-child(even) dd h3 em { left:100px; }
.reason-sec:nth-child(even) dd h3 em:after { left:-16px; }
.reason-sec dd h3 strong {}
.reason-sec dd h3 span { padding:8px 11px; border-radius:10px; font-size:26px; }
.reason-sec dd h3 small { font-size: 12px; margin-left: 8px;}
.reason-sec dd p { padding:0 0 16px; font-size:18px; }
.reason-sec dd p mark {}
}


#reason-sarani { background:url(../img/01_reason/bg_reason_02_01.webp) center top no-repeat; background-size:100% auto; padding:7.69vw 5.13vw 12.8vw; position:relative; }
#reason-sarani:before { content:""; position:absolute; top:-102vw; left:0; width:100%; height:102vw; background:#F5EBDC; z-index:-1; }
#reason-sarani h4 { line-height:1.6; padding:0 0 6.67vw 32.5vw; font-size:6.67vw; font-weight:700; letter-spacing:-0.4vw; }
#reason-sarani h4 strong { font-size:7.69vw; color:#34617A; letter-spacing:-1vw; position:relative; }
#reason-sarani h4 strong:after { content:""; position:absolute; bottom:-0.4vw; left:0; width:100%; height:0.4vw; background:#A58044; }
#sarani-box { background:#34617A; border-radius:3vw; padding:6.67vw 7.69vw 0; color:#fff; }
#sarani-box h5 { line-height:1.5; background:url(../img/01_reason/img_reason_02_02.webp) right 0 top 0 no-repeat; background-size:20.5vw; padding:0 0 7.69vw; font-size:5.64vw; position:relative; }
#sarani-box h5:before { content:""; position:absolute; top:-12.8vw; left:3.07vw; width:5.38vw; height:4.36vw; background:url(../img/01_reason/ico_reason_02.webp) no-repeat; background-size:100% auto; }
#sarani-box h5:after { content:""; position:absolute; bottom:4.1vw; left:0; width:5.13vw; height:0.3vw; background:#BA9A67; }
#sarani-box p { line-height:1.5; padding:0 0 7.69vw; font-size:4.1vw; }
@media screen and (min-width:769px){
#reason-sarani { width:37.1vw; height:21.2vw; margin:3.99vw 0 0 13vw; padding:0; position:relative; }
#reason-sarani:before { display:none; }
#reason-sarani h4 { padding:2.17vw 0 0 14.5vw; font-size:1.88vw; letter-spacing:-0.15vw; }
#reason-sarani h4 strong { font-size:2.17vw; letter-spacing:-0.15vw; }
#reason-sarani h4 strong:after { content:""; position:absolute; bottom:-0.4vw; left:0; width:100%; height:0.4vw; background:none; }
#sarani-box { position:absolute; top:5.22vw; left:32.6vw; width:40.6vw; border-radius:0.58vw; padding:2.54vw 2.17vw 1.16vw; }
#sarani-box h5 { background:url(../img/01_reason/img_reason_02_02.webp) right 4.35vw top 0 no-repeat; background-size:5.8vw auto; padding:1.45vw 0 2.54vw; font-size:1.88vw; }
#sarani-box h5:before { top:5.8vw; left:-4.71vw; width:1.52vw; height:1.23vw; transform:scale(-1, 1); }
#sarani-box h5:after { bottom:1.45vw; width:1.45vw; height:1px; }
#sarani-box p { padding:0 0 1.16vw; font-size:1.09vw; }
}
@media screen and (min-width:1381px){
#reason-sarani { width:512px; height:293px; margin:55px 0 0 180px; }
#reason-sarani:before {}
#reason-sarani h4 { padding:30px 0 0 200px; font-size:26px; letter-spacing:-2px; }
#reason-sarani h4 strong { font-size:30px; letter-spacing:-2px; }
#reason-sarani h4 strong:after { bottom:-0.4vw; height:0.4vw; }
#sarani-box { position:absolute; top:72px; left:450px; width:560px; border-radius:8px; padding:35px 30px 16px; }
#sarani-box h5 { background:url(../img/01_reason/img_reason_02_02.webp) right 60px top 0 no-repeat; background-size:80px auto; padding:20px 0 35px; font-size:26px; }
#sarani-box h5:before { top:80px; left:-65px; width:21px; height:17px; }
#sarani-box h5:after { bottom:20px; width:20px; }
#sarani-box p { padding:0 0 16px; font-size:15px; }
}




/* ----------------------------------------------
 ! 02_recommend
 ---------------------------------------------- */

#main-art-02 { min-height:189vw; background:url(../img/02_recommend/bg_recommend_01.webp) center bottom no-repeat; background-size:100% auto; padding:10.13vw 0 0; }
#main-art-02 h2 { line-height:1.4; background:url(../img/02_recommend/img_recommend_02.webp) center 5.13vw no-repeat; background-size:32.5vw auto; text-align:center; margin:0 auto; padding:38.1vw 0 7.69vw; font-size:8.21vw; font-weight:700; position:relative; }
#main-art-02 h2 mark { font-size:10.77vw; color:#A58044; }
#main-art-02 h2 em { position:absolute; top:-1.2vw; left:50%; width:30vw; margin:0 0 0 -15vw; }
#main-art-02 ul { padding:0 0 61.5vw 12.81vw; }
#main-art-02 li { background:url(../img/02_recommend/ico_check.webp) left 1.6vw no-repeat; background-size:4.62vw; padding:0 0 7.69vw 7.69vw; font-size:4.62vw; list-style:none; }
#main-art-02 li mark { font-size:6.15vw; color:#A58044; font-weight:700; position:relative; }
#main-art-02 li mark:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:0.3vw; background:#A58044; }
@media screen and (min-width:769px){
#main-art-02 { min-height:42.9vw; background:url(../img/02_recommend/bg_recommend_01_pc.webp) center 1.59vw no-repeat; background-size:100% auto; padding:0 0 0 46.4vw; }
#main-art-02 h2 { background:url(../img/02_recommend/img_recommend_02.webp) center top no-repeat; background-size:9.2vw auto; padding:11.6vw 0 3.26vw; font-size:2.9vw; }
#main-art-02 h2 mark { font-size:3.77vw; }
#main-art-02 h2 em { top:-1.45vw; width:14.5vw; margin:0 0 0 -7.25vw; }
#main-art-02 ul { padding:0 0 0 15.9vw; }
#main-art-02 li { background:url(../img/02_recommend/ico_check.webp) left 0.43vw no-repeat; background-size:1.3vw auto; padding:0 0 1.45vw 2.17vw; font-size:1.3vw; }
#main-art-02 li mark { font-size:1.74vw; }
#main-art-02 li mark:after { height:1px; }
}
@media screen and (min-width:1381px){
#main-art-02 { width:1380px; min-height:592px; background:url(../img/02_recommend/bg_recommend_01_pc.webp) center 22px no-repeat; background-size:100% auto; margin:0 auto; padding:0 0 0 640px; }
#main-art-02 h2 { background-size:127px auto; padding:160px 0 45px; font-size:40px; }
#main-art-02 h2 mark { font-size:52px; }
#main-art-02 h2 em { top:-20px; width:200px; margin:0 0 0 -100px; }
#main-art-02 ul { padding:0 0 0 220px; }
#main-art-02 li { background:url(../img/02_recommend/ico_check.webp) left 6px no-repeat; background-size:18px auto; padding:0 0 20px 30px; font-size:18px; }
#main-art-02 li mark { font-size:24px; }
#main-art-02 li mark:after {}
}




/* ----------------------------------------------
 ! 03_qa
 ---------------------------------------------- */

#main-art-03 { padding:15.4vw 0 5.13vw; }
#main-art-03 h2 { text-align:center; margin:0 auto 7.69vw; font-size:8.21vw; }
#qa-wrap {}
.qa-sec { padding:0 5.13vw 10.3vw; }
.qa-sec h3 { line-height:1.5; border-top:1px #A58044 solid; border-bottom:1px #A58044 solid; margin:0 0 6.67vw; padding:4.1vw 0 4.1vw 8.72vw; font-size:4.36vw; color:#A58044; position:relative; }
.qa-sec h3:before { content:""; position:absolute; bottom:-3.08vw; left:24.6vw; width:0; height:0; border:solid; border-color:rgba(0, 0, 0, 0); border-right-color:#BA9A67; border-width:0 2.56vw 3.08vw 0; }
.qa-sec h3:after { content:""; position:absolute; bottom:-2.28vw; left:24.2vw; width:0; height:0; border:solid; border-color:rgba(0, 0, 0, 0); border-right-color:#fff; border-width:0 2.56vw 3.08vw 0; }
.qa-sec h3 span { position:absolute; top:4.1vw; left:0; width:6.67vw; height:6.67vw; line-height:6.67vw; background:#A58044; border-radius:100%; text-align:center; margin:0 auto; color:#fff; }
.qa-sec h3 span:after { content:""; position:absolute; bottom:-0.6vw; right:-0.4vw; width:0; height:0; border:solid; border-color:rgba(0, 0, 0, 0); border-bottom-color:#A58044; border-width:0 1.3vw 2.6vw 1.3vw; transform:rotate(140deg); }
.qa-sec p { line-height:1.6; font-size:4.1vw; }
.qa-sec:nth-child(odd) p { background:url(../img/03_qa/img_qa01.webp) left 0 top 0 no-repeat; background-size:20.5vw auto; padding:0 0 0 25.6vw; }
.qa-sec:nth-child(even) p { background:url(../img/03_qa/img_qa02.webp) right 0 top 0 no-repeat; background-size:20.5vw auto; padding:0 25.6vw 0 0; }
@media screen and (min-width:769px){
#main-art-03 { padding:5.8vw 0 3.62vw; }
#main-art-03 h2 { margin:0 auto 3.26vw; font-size:3.04vw; }
#qa-wrap { display:flex; flex-flow:row wrap; justify-content:space-between; width:72.5vw; margin:0 auto; }
.qa-sec { width:33.3vw; padding:0 0 2.17vw; }
.qa-sec h3 { margin:0 0 1.74vw; padding:1.16vw 0 1.16vw 2.46vw; font-size:1.23vw; }
.qa-sec h3:before { bottom:-0.87vw; left:7.1vw; border-width:0 0.72vw 0.87vw 0; }
.qa-sec h3:after { bottom:-0.72vw; left:7.03vw; border-width:0 0.72vw 0.87vw 0; }
.qa-sec h3 span { top:1.16vw; width:1.88vw; height:1.88vw; line-height:1.88vw; }
.qa-sec h3 span:after { bottom:-0.21vw; right:-0.15vw; border-width:0 0.36vw 0.72vw 0.36vw; }
.qa-sec p { min-height:7.39vw; font-size:1.16vw; }
.qa-sec:nth-child(odd) p { background-size:5.8vw auto; padding:0 0 0 7.25vw; }
.qa-sec:nth-child(even) p { background-size:5.8vw auto; padding:0 7.25vw 0 0; }
}
@media screen and (min-width:1381px){
#main-art-03 { padding:80px 0 50px; }
#main-art-03 h2 { margin:0 auto 45px; font-size:42px; }
#qa-wrap { width:1000px; }
.qa-sec { width:460px; padding:0 0 30px; }
.qa-sec h3 { margin:0 0 24px; padding:16px 0 16px 34px; font-size:17px; }
.qa-sec h3:before { bottom:-12px; left:98px; border-width:0 10px 12px 0; }
.qa-sec h3:after { bottom:-10px; left:97px; border-width:0 10px 12px 0; }
.qa-sec h3 span { top:16px; width:26px; height:26px; line-height:26px; }
.qa-sec h3 span:after { bottom:-3px; right:-2px; border-width:0 5px 10px 5px; }
.qa-sec p { min-height:102px; font-size:16px; }
.qa-sec:nth-child(odd) p { background-size:80px auto; padding:0 0 0 100px; }
.qa-sec:nth-child(even) p { background-size:80px auto; padding:0 100px 0 0; }
}




/* ----------------------------------------------
 ! 04_point
 ---------------------------------------------- */

#main-art-04 { background:url(../img/04_point/bg_point_01.webp) center bottom no-repeat; background-size:100% auto; }
#main-art-04 h2 { line-height:1.4; text-align:center; margin:0 auto 5.13vw; font-size:6.15vw; position:relative; }
#main-art-04 h2:before { content:""; position:absolute; top:8vw; left:18vw; width:0.3vw; height:20vw; background:#A58044; transform:rotate(-20deg); }
#main-art-04 h2:after { content:""; position:absolute; top:8vw; right:18vw; width:0.3vw; height:20vw; background:#A58044; transform:rotate(20deg); }
#main-art-04 h2 em {}
#main-art-04 h2 mark { text-align:center; margin:0 auto; font-size:8.21vw; color:#A58044; }
@media screen and (min-width:769px){
#main-art-04 { background:url(../img/04_point/bg_point_01_pc.webp) center bottom no-repeat; background-size:100% auto; }
#main-art-04 h2 { display:table; margin:0 auto; font-size:1.88vw; }
#main-art-04 h2:before { top:2.17vw; left:-2.61vw; width:1px; height:7.97vw; }
#main-art-04 h2:after { top:2.17vw; right:-2.61vw; width:1px; height:7.97vw; }
#main-art-04 h2 em {}
#main-art-04 h2 mark { font-size:3.04vw; }
}
@media screen and (min-width:1381px){
#main-art-04 {}
#main-art-04 h2 { font-size:26px; }
#main-art-04 h2:before { top:30px; left:-36px; height:110px; }
#main-art-04 h2:after { top:30px; right:-36px; height:110px; }
#main-art-04 h2 em {}
#main-art-04 h2 mark { font-size:42px; }
}


#point-sec01 {}
#point-sec01 dl {}
#point-sec01 dt {}
#point-sec01 dt img { width:100%; height:auto; }
#point-sec01 dd { background:url(../img/04_point/bg_point_02.webp) center bottom no-repeat; background-size:100% auto; padding:10.3vw 0 15.4vw; color:#1A1A1A; position:relative; }
#point-sec01 dd:after { content:""; position:absolute; top:0; left:0; width:100%; height:90%; background:#D7EFFC; z-index:-1; }
#point-sec01 dd p { line-height:1.8; text-align:center; margin:0 auto 5.13vw; font-size:4.1vw; }
#point-sec01 dd p strong { display:table; line-height:1; background:#fff; text-align:center; margin:0 auto; padding:2.05vw; font-size:4.62vw; color:#A58044; }
@media screen and (min-width:769px){
#point-sec01 {}
#point-sec01 dl {}
#point-sec01 dt { width:72.5vw; margin:0 auto -22.5vw; position:relative; z-index:4; }
#point-sec01 dt img {}
#point-sec01 dd { background:url(../img/04_point/bg_point_02_pc.webp) center bottom no-repeat; background-size:100% auto; padding:26.8vw 0 9.42vw; z-index:3; }
#point-sec01 dd:after { display:none; }
#point-sec01 dd p { margin:0 auto 1.45vw; font-size:1.3vw; }
#point-sec01 dd p strong { padding:0.72vw; font-size:1.74vw; }
}
@media screen and (min-width:1381px){
#point-sec01 {}
#point-sec01 dl {}
#point-sec01 dt { width:1000px; margin:0 auto -310px; }
#point-sec01 dt img {}
#point-sec01 dd { padding:370px 0 130px; }
#point-sec01 dd:after {}
#point-sec01 dd p { margin:0 auto 20px; font-size:18px; }
#point-sec01 dd p strong { padding:10px; font-size:24px; }
}


#point-sec02 { padding:14.1vw 5.13vw 15.4vw; position:relative; }
#point-sec02 h3 { text-align:center; margin:0 auto; padding:0 0 10.3vw; }
#point-sec02 h3 em { position:absolute; top:-12vw; left:50%; display:block; width:36.4vw; height:13.5vw; line-height:13.5vw; background:#BA9A67; margin:0 0 0 -18.2vw; font-size:7.18vw; color:#fff; font-weight:700; font-style:normal; z-index:5; }
#point-sec02 h3 em:after { content:""; position:absolute; left:0; bottom:-3.3vw; width:0; height:0; border-style:solid; border-width:3.59vw 18.2vw 0 18.2vw; border-color:#BA9A67 transparent transparent transparent; }
#point-sec02 h3 span { display:block; padding:0 0 4.1vw; font-size:4.62vw; position:relative; }
#point-sec02 h3 span:before { content:""; position:absolute; top:-2vw; left:4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(-20deg); }
#point-sec02 h3 span:after { content:""; position:absolute; top:-2vw; right:4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(20deg); }
#point-sec02 h3 strong { display:block; font-size:7.69vw; color:#A58044; font-weight:700; letter-spacing:-0.4vw; }
#point-sec02 dl { }
#point-sec02 dt { margin:0 0 5.13vw; }
#point-sec02 dt img { width:100%; height:auto; }
#point-sec02 dd { line-height:1.8; font-size:4.1vw; }
@media screen and (min-width:769px){
#point-sec02 { background:url(../img/04_point/bg_point_01_pc.webp) center bottom no-repeat; background-size:100% auto; padding:5.8vw 0; }
#point-sec02 h3 { padding:0 0 2.17vw; }
#point-sec02 h3 em { top:-7.25vw; width:15.1vw; height:5.58vw; line-height:5.58vw; margin:0 0 0 -7.54vw; font-size:2.9vw; }
#point-sec02 h3 em:after { bottom:-1.28vw; border-width:1.38vw 7.54vw 0 7.54vw; }
#point-sec02 h3 span { display:table; margin:0 auto; padding:0 0 1.45vw; font-size:1.88vw; }
#point-sec02 h3 span:before { top:-0.72vw; left:-1.45vw; width:1px; height:3.62vw; }
#point-sec02 h3 span:after { top:-0.72vw; right:-1.45vw; width:1px; height:3.62vw; }
#point-sec02 h3 strong { font-size:3.04vw; letter-spacing:-0.14vw; }
#point-sec02 dl { }
#point-sec02 dt { width:34.5vw; margin:0 auto 2.17vw; }
#point-sec02 dt img {}
#point-sec02 dd { width:50.7vw; margin:0 auto; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#point-sec02 { padding:80px 0; }
#point-sec02 h3 { padding:0 0 30px; }
#point-sec02 h3 em { top:-100px; width:208px; height:77px; line-height:77px; margin:0 0 0 -104px; font-size:40px; }
#point-sec02 h3 em:after { bottom:-19px; border-width:19px 104px 0 104px; }
#point-sec02 h3 span { padding:0 0 20px; font-size:26px; }
#point-sec02 h3 span:before { top:-10px; left:-20px; height:50px; }
#point-sec02 h3 span:after { top:-10px; right:-20px; height:50px; }
#point-sec02 h3 strong { font-size:42px; letter-spacing:-2px; }
#point-sec02 dl { }
#point-sec02 dt { width:476px; margin:0 auto 30px; }
#point-sec02 dt img {}
#point-sec02 dd { width:700px; font-size:16px; }
}




/* ----------------------------------------------
 ! 05_flow
 ---------------------------------------------- */

#main-art-05 { padding:15.4vw 0 17.9vw; }
#main-art-05 h2 { text-align:center; margin:0 auto 6.15vw; }
#main-art-05 h2 em {}
#main-art-05 h2 strong { font-size:8.21vw; font-weight:700; }
@media screen and (min-width:769px){
#main-art-05 { padding:4.35vw 0 7.25vw; }
#main-art-05 h2 { margin:0 auto 2.61vw; }
#main-art-05 h2 em {}
#main-art-05 h2 strong { font-size:3.04vw; }
}
@media screen and (min-width:1381px){
#main-art-05 { padding:60px 0 100px; }
#main-art-05 h2 { margin:0 auto 36px; }
#main-art-05 h2 em {}
#main-art-05 h2 strong { font-size:42px; }
}


#flow-slider { padding:0 0 15.4vw; position:relative; }
.flow-box {}
.flow-box dl { margin:0 5.13vw; }
.flow-box dt { width:69.2vw; }
.flow-box dt img { width:100%; height:auto; }
.flow-box dd { min-height:70vw; background:#F5EBDC; margin:-7.69vw 5.13vw 0; padding:14.1vw 7.69vw 7.69vw; }
.flow-box dd h3 { display:table; line-height:1.4; padding:0 0 7.69vw; font-size:5.64vw; color:#A58044; position:relative; }
.flow-box dd h3:after { content:""; position:absolute; bottom:4.62vw; left:0; width:100%; height:0.3vw; background:#A58044; }
.flow-box dd h3 span { position:absolute; top:-42.5vw; left:51.3vw; font-size:17.9vw; color:#A58044; font-weight:500; }
.flow-box dd p { line-height:1.5; font-size:4.1vw; }
@media screen and (min-width:769px){
#flow-slider { width:69.6vw; margin:0 auto 7.25vw; border:1px #BA9A67 solid; padding:3.62vw 0; }
.slider { width:59.4vw; margin:0 auto; }
.flow-box { width:28.3vw; }
.flow-box dl { margin:0 2.17vw; }
.flow-box dt { width:19.6vw; }
.flow-box dt img {}
.flow-box dd { width:22.5vw; min-height:19.2vw; margin:-2.17vw 0 0 1.45vw; padding:3.99vw 2.17vw 2.17vw; }
.flow-box dd h3 { padding:0 0 1.74vw; font-size:1.59vw; }
.flow-box dd h3:after { bottom:1.16vw; height:1px; }
.flow-box dd h3 span { top:-11.2vw; left:14.9vw; font-size:5.07vw; }
.flow-box dd p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#flow-slider { width:960px; margin:0 auto 100px; padding:50px 0;  }
.slider { width:820px; }
.flow-box { width:390px; }
.flow-box dl { margin:0 30px; }
.flow-box dt { width:270px; }
.flow-box dt img {}
.flow-box dd { width:310px; min-height:265px; margin:-30px 0 0 20px; padding:55px 30px 30px; }
.flow-box dd h3 { padding:0 0 24px; font-size:22px; }
.flow-box dd h3:after { bottom:16px; }
.flow-box dd h3 span { top:-155px; left:205px; font-size:70px; }
.flow-box dd p { font-size:16px; }
}


.prev-arrow { position:absolute; top:72vw; left:2.56vw; width:11.28vw; height:11.28vw; z-index:999; }
.next-arrow { position:absolute; top:72vw; right:2.56vw; width:11.28vw; height:11.28vw; z-index:999; }
.dots-2 {}
.slick-dots { display:flex; flex-flow:row nowrap; justify-content:center; padding:3.59vw 0 0; }
.slick-dots li { list-style:none; }
.slick-dots li button { width:3vw; height:3vw; background:#F5EBDC; border:none; border-radius:100%; margin:0 1.03vw; font-size:2vw; color:#F5EBDC; }
.slick-active button { background:#BA9A67 !important; color:#BA9A67 !important; }
@media screen and (min-width:769px){
.slide-arrow { cursor:pointer; }
.slide-arrow:hover { opacity:0.7; }
.prev-arrow { top:13.4vw; left:-6.52vw; width:3.19vw; height:3.19vw; }
.next-arrow { top:13.4vw; right:-6.52vw; width:3.19vw; height:3.19vw; }
.dots-2 { display:none; }
}
@media screen and (min-width:1381px){
.slide-arrow {}
.slide-arrow:hover {}
.prev-arrow { top:185px; left:-90px; width:44px; height:44px; }
.next-arrow { top:185px; right:-90px; width:44px; height:44px; }
.dots-2 {}
}


#flow-takusan { background:url(../img/05_flow/img_flow_02_01.webp) center top no-repeat; background-size:100% auto; padding:26.9vw 0 0; }
#flow-takusan dl { display:flex; flex-flow:column-reverse; align-items:center; }
#flow-takusan dt { padding:0 5.13vw; }
#flow-takusan dt img { width:100%; height:auto; }
#flow-takusan dd { width:64.6vw; background:rgba(255,255,255,0.9); margin:0 0 7.69vw; padding:10.3vw 7.69vw 7.69vw; }
#flow-takusan dd h4 { line-height:1.8; padding:0 0 5.13vw; font-size:6.15vw; color:#A58044; font-weight:700; }
#flow-takusan dd p { line-height:1.6; font-size:4.1vw; }
@media screen and (min-width:769px){
#flow-takusan { background:url(../img/05_flow/img_flow_02_01_pc.webp) center top no-repeat; background-size:100% auto; padding:10.9vw 0 0; }
#flow-takusan dl {}
#flow-takusan dt { width:66.5vw; padding:0; }
#flow-takusan dt img {}
#flow-takusan dd { width:35.4vw; margin:0; padding:3.62vw 2.9vw 2.9vw; }
#flow-takusan dd h4 { padding:0 0 2.17vw; font-size:2.46vw; }
#flow-takusan dd p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#flow-takusan { width:1380px; margin:0 auto; padding:150px 0 0; }
#flow-takusan dl {}
#flow-takusan dt { width:918px; }
#flow-takusan dt img {}
#flow-takusan dd { width:488px; padding:50px 40px 40px; }
#flow-takusan dd h4 { padding:0 0 30px; font-size:34px; }
#flow-takusan dd p { font-size:16px; }
}




/* ----------------------------------------------
 ! 06_price
 ---------------------------------------------- */

#main-art-06 h2 { text-align:center; margin:0 auto 6.15vw; }
#main-art-06 h2 em {}
#main-art-06 h2 strong { font-size:8.21vw; font-weight:700; }
@media screen and (min-width:769px){
#main-art-06 h2 { margin:0 auto 2.03vw; }
#main-art-06 h2 em {}
#main-art-06 h2 strong { font-size:3.04vw; }
}
@media screen and (min-width:1381px){
#main-art-06 h2 { margin:0 auto 28px; }
#main-art-06 h2 em {}
#main-art-06 h2 strong { font-size:42px; }
}

#price-index { display:block; margin:0 0 -15.4vw; position:relative; z-index:1; }
#price-index img { width:100%; height:auto; }
@media screen and (min-width:769px){
#price-index { width:72.5vw; margin:0 auto -4.35vw; }
#price-index img {}
}
@media screen and (min-width:1381px){
#price-index { width:1000px; margin:0 auto -60px; }
#price-index img {}
}


#price-wrap { background:#F5EBDC; }
.price-sec { padding:0 0 12.8vw; position:relative; z-index:2; }
.price-box { background:#fff; box-shadow:0 0.2vw 0.8vw 0.1vw #aaa; margin:0 5.13vw 5.13vw; padding:10.3vw 7.69vw 7.69vw; }
.price-box h3 { display:table; width:58vw; border-radius:1.8vw; text-align:center; margin:0 auto 5.13vw; padding:2.05vw 0; font-size:5.64vw; color:#fff; font-weight:700; }
#pribox1 h3 { background:#34617A; }
#pribox2 h3 { background:#BA9A67; }
.price-none { line-height:1.5; padding:0 5.13vw 3.59vw 8.72vw; text-indent:-3.59vw; font-size:3.59vw; }
.price-box dl {}
.price-box dl dt { line-height:1.5; padding:6.67vw 0 3.59vw; font-size:4.62vw; font-weight:700; }
#pribox1 dl dt { border-top:1px #34617A solid; color:#34617A; }
#pribox2 dl dt { border-top:1px #BA9A67 solid; color:#A58044; }
.price-box dl dt span { font-size:3.59vw; color:#767676; font-weight:500; }
.price-box dl dd { line-height:1.5; padding:0 0 6.67vw; font-size:5.64vw; font-weight:700; }
.price-jp { text-align: center; margin-bottom: 5.13vw; font-size: 4.62vw;}
@media screen and (min-width:769px){
#price-wrap { display:flex; flex-flow:row nowrap; justify-content:center; align-items:start; }
.price-sec { width:31.2vw; margin:0 2.17vw; padding:0 0 4.35vw; }
.price-box { min-height:75.7vw; box-shadow:0 0 0.29vw 0.15vw #aaa; margin:0 0 1.45vw; padding:2.17vw 2.17vw 1.45vw; }
.price-box h3 { width:17.4vw; border-radius:0.29vw; margin:0 auto 1.45vw; padding:0.58vw 1.01vw; font-size:1.59vw; }
#pribox1 h3 {}
#pribox2 h3 {}
#pribox2 {padding-bottom: 10vw;}
.price-none { padding:0 0 1.16vw 1.01vw; text-indent:-1.01vw; font-size:1.01vw; }
.price-box dl {}
.price-box dl dt { padding:1.74vw 0 0.72vw; font-size:1.3vw; }
#pribox1 dl dt {}
#pribox2 dl dt {}
.price-box dl dt span { font-size:1.01vw; }
.price-box dl dd { padding:0 0 1.74vw; font-size:1.59vw; }
.price-jp { margin-bottom: 2.17vw; font-size: 1.3vw;}
}
@media screen and (min-width:1381px){
#price-wrap {}
.price-sec { width:430px; margin:0 30px; padding:0 0 60px; }
.price-box { min-height:1044px; box-shadow:0 0 4px 2px #aaa; margin:0 0 20px; padding:30px 30px 20px; }
.price-box h3 { width:240px; border-radius:4px; margin:0 auto 20px; padding:8px 14px; font-size:22px; }
#pribox1 h3 {}
#pribox2 h3 {}
#pribox2 {padding-bottom: 139px;}
.price-none { padding:0 0 16px 14px; text-indent:-14px; font-size:14px; }
.price-box dl {}
.price-box dl dt { padding:24px 0 10px; font-size:18px; }
#pribox1 dl dt {}
#pribox2 dl dt {}
.price-box dl dt span { font-size:14px; }
.price-box dl dd { padding:0 0 24px; font-size:22px; }
.price-jp { margin-bottom: 30px; font-size: 18px;}
}




/* ----------------------------------------------
 ! 07_doctor
 ---------------------------------------------- */

#main-art-07 { background:url(../img/07_doctor/bg_doctor_01.webp) center top no-repeat; background-size:100% auto; }
#main-art-07 h2 { text-align:center; margin:0 auto; padding:15.4vw 0 0; }
#main-art-07 h2 span { display:table; text-align:center; margin:0 auto 4.1vw; font-size:4.62vw; position:relative; }
#main-art-07 h2 span:before { content:""; position:absolute; top:-1vw; left:-4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(-20deg); }
#main-art-07 h2 span:after { content:""; position:absolute; top:-1vw; right:-4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(20deg); }
#main-art-07 h2 strong { font-size:8.21vw; color:#A58044; }
@media screen and (min-width:769px){
#main-art-07 { background:url(../img/07_doctor/bg_doctor_01.webp) center top no-repeat; background-size:100% auto; }
#main-art-07 h2 { padding:4.93vw 0 1.45vw; }
#main-art-07 h2 span { margin:0 auto 1.3vw; font-size:1.88vw; }
#main-art-07 h2 span:before { top:-0.72vw; left:-1.16vw; width:1px; height:2.9vw; }
#main-art-07 h2 span:after { top:-0.72vw; right:-1.16vw; width:1px; height:2.9vw; }
#main-art-07 h2 strong { font-size:3.04vw; }
}
@media screen and (min-width:1381px){
#main-art-07 {}
#main-art-07 h2 { padding:68px 0 20px; }
#main-art-07 h2 span { margin:0 auto 18px; font-size:26px; }
#main-art-07 h2 span:before { top:-10px; left:-16px; height:40px; }
#main-art-07 h2 span:after { top:-10px; right:-16px; height:40px; }
#main-art-07 h2 strong { font-size:42px; }
}


#doctor-index { display:block; margin:0 0 -7.69vw; }
#doctor-index img { width:100%; height:auto; }
@media screen and (min-width:769px){
#doctor-index { margin:0 auto 1.45vw; }
#doctor-index img {}
}
@media screen and (min-width:1381px){
#doctor-index { width:1380px; margin:0 auto 20px; }
#doctor-index img {}
}


.doctor-sec { padding:10.3vw 0 15.4vw; position:relative; }
#doc1 {}
#doc2 { background:#F5EBDC; }
@media screen and (min-width:769px){
.doctor-sec { padding:0 0 4.35vw; }
#doc1 {}
#doc2 {}
}
@media screen and (min-width:1381px){
.doctor-sec { padding:0 0 60px; }
#doc1 {}
#doc2 {}
}


.doctor-prof-wrap {}
.doctor-sec h3 { position:absolute; top:28.1vw; left:56.4vw; }
.doctor-sec h3 span { display:block; padding:0 0 5.13vw; font-size:3.59vw; color:#767676; }
.doctor-sec h3 em { margin:0 2.05vw 0 0; font-style:normal; }
.doctor-sec h3 strong { font-size:6.15vw; color:#34617A; font-weight:700; }
.doctor-sec h3 small { display:block; text-align:right; padding:2.05vw 0 0; font-size:2.82vw; color:#34617A; }
@media screen and (min-width:769px){
.doctor-prof-wrap {}
.doctor-sec h3 { top:18.5vw; left:50%; margin:0 0 0 -34.8vw; }
.doctor-sec h3 span { padding:0 0 1.45vw; font-size:1.01vw; }
.doctor-sec h3 em { margin:0 0.87vw 0 0; }
.doctor-sec h3 strong { font-size:1.74vw; }
.doctor-sec h3 small { padding:0.43vw 0 0; font-size:0.8vw; }
}
@media screen and (min-width:1381px){
.doctor-prof-wrap {}
.doctor-sec h3 { top:255px; margin:0 0 0 -480px; }
.doctor-sec h3 span { padding:0 0 20px; font-size:14px; }
.doctor-sec h3 em { margin:0 12px 0 0; }
.doctor-sec h3 strong { font-size:24px; }
.doctor-sec h3 small { padding:6px 0 0; font-size:11px; }
}


.doctor-dl {}
.doctor-dl dt { width:46.4vw; padding:0 0 0 5.13vw; position:relative; z-index:1; }
.doctor-dl dt img { width:100%; height:auto; }
.doctor-dl dd { background:#BA9A67; border-radius:2vw; margin:-7.69vw 5.13vw 10.3vw; padding:10.3vw 7.69vw 7.69vw; position:relative; z-index:2; }
.doctor-dl dd h4 { padding:0 0 9.23vw; font-size:5.13vw; color:#FADCAC; position:relative; }
.doctor-dl dd h4:before { content:""; position:absolute; top:-16vw; left:3.07vw; width:5.38vw; height:4.36vw; background:url(../img/07_doctor/ico_doctor.webp) no-repeat; background-size:100% auto; z-index:3; }
.doctor-dl dd h4:after { content:""; position:absolute; bottom:5vw; left:0; width:5.13vw; height:0.3vw; background:#FADCAC; }
.doctor-dl dd h5 { line-height:1.4; padding:0 0 6.67vw; font-size:5.64vw; color:#fff; font-weight:700; }
.doctor-dl dd p { line-height:1.6; font-size:4.1vw; color:#fff; }
@media screen and (min-width:769px){
.doctor-dl { display:flex; flex-flow:row nowrap; justify-content:space-between; width:72.5vw; margin:0 auto 4.35vw; }
.doctor-dl dt { width:13.1vw; padding:0; }
.doctor-dl dt img {}
.doctor-dl dd { width:57.4vw; border-radius:0.43vw; margin:5.8vw 0 0; padding:2.61vw 2.17vw 2.17vw; }
.doctor-dl dd h4 { padding:0 0 2.9vw; font-size:1.45vw; }
.doctor-dl dd h4:before { top:-0.22vw; left:-4.49vw; width:1.52vw; height:1.23vw; transform:scale(-1,1); }
.doctor-dl dd h4:after { bottom:1.88vw; width:1.45vw; height:1px; }
.doctor-dl dd h5 { padding:0 0 1.88vw; font-size:1.59vw; }
.doctor-dl dd p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.doctor-dl { width:1000px; margin:0 auto 60px; }
.doctor-dl dt { width:181px; }
.doctor-dl dt img {}
.doctor-dl dd { width:792px; border-radius:6px; margin:80px 0 0; padding:36px 30px 30px; }
.doctor-dl dd h4 { padding:0 0 40px; font-size:20px; }
.doctor-dl dd h4:before { top:-3px; left:-62px; width:21px; height:17px; }
.doctor-dl dd h4:after { bottom:26px; width:20px; }
.doctor-dl dd h5 { padding:0 0 26px; font-size:22px; }
.doctor-dl dd p { font-size:16px; }
}


.h4-doc { border-bottom:1px #A58044 solid; margin:0 0 5.13vw; padding:0 0 2.05vw; font-size:5.64vw; color:#A58044; }
.h4-doc span { display:inline-block; margin:0 0 0 2.56vw; font-size:3.08vw; }
@media screen and (min-width:769px){
.h4-doc { margin:0 0 1.45vw; padding:0 0 0.43vw; font-size:1.59vw; }
.h4-doc span { margin:0 0 0 0.87vw; font-size:0.87vw; }
}
@media screen and (min-width:1381px){
.h4-doc { margin:0 0 20px; padding:0 0 6px; font-size:22px; }
.h4-doc span { margin:0 0 0 12px; font-size:12px; }
}


#dr-des-wrap {}
.dr-des-box { padding:0 5.13vw; }
.dr-des-box h5 { display:table; line-height:1.4; text-align:center; margin:0 auto; padding:0 0 5.13vw; font-size:4.62vw; position:relative; }
.dr-des-box h5:before { content:""; position:absolute; top:-1vw; left:-4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(-20deg); }
.dr-des-box h5:after { content:""; position:absolute; top:-1vw; right:-4vw; width:0.3vw; height:8vw; background:#A58044; transform:rotate(20deg); }
.dr-des-box dl {}
.dr-des-box dt { padding:0 0 5.13vw; }
.dr-des-box dt img { width:100%; height:auto; }
.dr-des-box dd { border-bottom:1px #BA9A67 solid; margin:0 0 10.3vw; padding:0 0 10.3vw; }
.dr-des-box dd p { line-height:1.5; font-size:4.1vw; }
.dr-des-box .dn { border-bottom:none !important; margin:0; }
@media screen and (min-width:769px){
#dr-des-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; width:72.5vw; margin:0 auto; }
.dr-des-box { width:22.8vw; padding:0 0 2.9vw; }
.dr-des-box h5 { padding:0 0 1.74vw; font-size:1.23vw; }
.dr-des-box h5:before { top:-0.29vw; left:-0.87vw; width:1px; height:2.03vw; }
.dr-des-box h5:after { top:-0.29vw; right:-0.87vw; width:1px; height:2.03vw; }
.dr-des-box dl {}
.dr-des-box dt { padding:0 0 1.45vw; }
.dr-des-box dt img {}
.dr-des-box dd { border-bottom:none; margin:0; padding:0; }
.dr-des-box dd p { font-size:1.16vw; }
.dr-des-box .dn {}
}
@media screen and (min-width:1381px){
#dr-des-wrap { width:1000px; }
.dr-des-box { width:315px; padding:0 0 40px; }
.dr-des-box h5 { padding:0 0 24px; font-size:17px; }
.dr-des-box h5:before { top:-4px; left:-12px; height:28px; }
.dr-des-box h5:after { top:-4px; right:-12px; height:28px; }
.dr-des-box dl {}
.dr-des-box dt { padding:0 0 20px; }
.dr-des-box dt img {}
.dr-des-box dd {}
.dr-des-box dd p { font-size:16px; }
.dr-des-box .dn {}
}


.ca-wrap {}
.career-wrap { margin:0 5.13vw 5.13vw; padding:9.23vw 7.69vw 7.69vw; }
.affi-wrap { margin:0 5.13vw; padding:9.23vw 7.69vw; }
#doc1 .career-wrap { background:#F5EBDC; }
#doc1 .affi-wrap { background:#F5EBDC; }
#doc2 .career-wrap { background:#fff; }
#doc2 .affi-wrap { background:#fff; }
@media screen and (min-width:769px){
.ca-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; width:72.5vw; margin:0 auto; }
.career-wrap { width:44.9vw; margin:0; padding:2.61vw 2.17vw 0.72vw; }
.affi-wrap { width:25.4vw; margin:0; padding:2.61vw 2.17vw 2.17vw; }
}
@media screen and (min-width:1381px){
.ca-wrap { width:1000px; }
.career-wrap { width:620px; padding:36px 30px 10px; }
.affi-wrap { width:350px; padding:36px 30px 30px; }
}


.career-box { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; border-bottom:1px #F0D5AB solid; margin:0 0 5.13vw; padding:0 0 5.13vw; }
.career-box h5 { width:20.5vw; height:5.13vw; line-height:5.13vw; border-radius:5.13vw; text-align:center; margin:0.8vw 0 0; font-size:3.08vw; }
#doc1 .career-box h5 { background:#fff; }
#doc2 .career-box h5 { background:#F5EBDC; }
.career-box p { width:49.7vw; line-height:1.5; font-size:3.59vw; }
.affi-wrap p { line-height:1.5; font-size:4.1vw; }
@media screen and (min-width:769px){
.career-box { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 0 1.45vw; padding:0 0 1.45vw; }
.career-box h5 { width:5.8vw; height:1.45vw; line-height:1.45vw; border-radius:1.45vw; margin:0; font-size:0.87vw; }
#doc1 .career-box h5 {}
#doc2 .career-box h5 {}
.career-box p { width:33.6vw; font-size:1.01vw; }
.affi-wrap p { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
.career-box { margin:0 0 20px; padding:0 0 20px; }
.career-box h5 { width:80px; height:20px; line-height:20px; border-radius:20px; font-size:12px; }
#doc1 .career-box h5 {}
#doc2 .career-box h5 {}
.career-box p { width:464px; font-size:14px; }
.affi-wrap p { font-size:14px; }
}




/* ----------------------------------------------
 ! 08_clinic
 ---------------------------------------------- */

#main-art-08 {}
#cli-wrap {}
#cli-wrap-l {}
#cli-wrap-r {}
@media screen and (min-width:769px){
#main-art-08 {}
#cli-wrap { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; width:72.5vw; margin:0 auto; padding:5.8vw 0 6.52vw; }
#cli-wrap-l { width:42.9vw; }
#cli-wrap-r { width:25.4vw; }
}
@media screen and (min-width:1381px){
#main-art-08 {}
#cli-wrap { width:1000px; padding:80px 0 90px; }
#cli-wrap-l { width:592px; }
#cli-wrap-r { width:350px; }
}


#clinic-index { position:relative; z-index:1; }
#clinic-index img { width:100%; height;auto; }
@media screen and (min-width:769px){
#clinic-index { width:41.4vw; }
#clinic-index img {}
}
@media screen and (min-width:1381px){
#clinic-index { width:572px; }
#clinic-index img {}
}


#clinic-wrap { background:#34617A; border-radius:3vw; margin:-14.1vw 5.13vw 10.3vw; padding:10.3vw 7.69vw 5.13vw; color:#fff; position:relative; z-index:2; }
#clinic-wrap:before { content:""; position:absolute; top:-5.91vw; left:11vw; width:5.38vw; height:4.36vw; background:url(../img/08_clinic/ico_clinic.webp) no-repeat; background-size:100% auto; z-index:3; }
#clinic-wrap dt { padding:0 0 9.23vw; }
#clinic-wrap dt img { width:100%; height:auto; }
#clinic-wrap dd {}
#clinic-wrap dd h2 { padding:0 0 9.23vw; font-size:5.64vw; font-weight:700; position:relative; }
#clinic-wrap dd h2:after { content:""; position:absolute; bottom:5.13vw; left:0; width:5.13vw; height:0.3vw; background:#BA9A67; }
@media screen and (min-width:769px){
#clinic-wrap { border-radius:0.72vw; margin:-5.07vw 0 0 1.45vw; padding:2.61vw 2.17vw 1.45vw; }
#clinic-wrap:before { top:-2.03vw; left:1.45vw; width:1.52vw; height:1.23vw; }
#clinic-wrap dt { width:21vw; padding:0 0 2.17vw; }
#clinic-wrap dt img {}
#clinic-wrap dd {}
#clinic-wrap dd h2 { padding:0 0 2.46vw; font-size:1.59vw; }
#clinic-wrap dd h2:after { bottom:1.45vw; width:1.45vw; height:1px; }
}
@media screen and (min-width:1381px){
#clinic-wrap { border-radius:10px; margin:-70px 0 0 20px; padding:36px 30px 20px; }
#clinic-wrap:before { top:-28px; left:20px; width:21px; height:17px; }
#clinic-wrap dt { width:290px; padding:0 0 30px; }
#clinic-wrap dt img {}
#clinic-wrap dd {}
#clinic-wrap dd h2 { padding:0 0 34px; font-size:22px; }
#clinic-wrap dd h2:after { bottom:20px; width:20px; }
}

.clinic-box.tell p a {
color: #fff;
}

@media screen and (min-width:769px) {
	.clinic-box.tell p a { pointer-events: none; text-decoration: none; }
}



.clinic-box {}
.clinic-box h3 { width:20.5vw; height:6.67vw; line-height:6.67vw; background:#fff; border-radius:6.67vw; text-align:center; margin:0 0 3.59vw; font-size:3.59vw; color:#34617A; }
.clinic-box p { line-height:1.5; padding:0 0 6.15vw; font-size:4.1vw; }
@media screen and (min-width:769px){
.clinic-box { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
.clinic-box h3 { width:5.8vw; height:1.88vw; line-height:1.88vw; border-radius:1.88vw; margin:0 0 1.01vw; font-size:1.01vw; }
.clinic-box p { width:30.4vw; padding:0 0 1.45vw; font-size:1.16vw; }
}
@media screen and (min-width:1381px){
.clinic-box {}
.clinic-box h3 { width:80px; height:26px; line-height:26px; border-radius:26px; margin:0 0 14px; font-size:14px; }
.clinic-box p { width:420px; padding:0 0 20px; font-size:16px; }
}


#clinic-hour { padding:0 5.13vw 10.3vw; }
#clinic-hour table { width:100%; border-collapse:collapse; margin:0 0 6.15vw; }
#clinic-hour th { background:#E6F4F0; text-align:center; padding:3.59vw 0; font-size:3.59vw; }
#clinic-hour td { border-bottom:1px #39AB9F solid; text-align:center; padding:3.59vw 0; font-size:2.56vw; color:#39AB9F; }
#clinic-hour td:first-child { width:24.3vw; font-size:3.59vw; color:#0F0F0F; }
#clinic-hour p { line-height:1.5; font-size:3.33vw; }
#clinic-map { padding:0 5.13vw 5.13vw; }
#clinic-map img { width:100%; height:auto; }
#btn-clinic { padding:0 5.13vw 25.6vw; }
#btn-clinic a { display:block; height:15.4vw; line-height:15.4vw; background:#34617A url(../img/08_clinic/btn_clinic.webp) right 4.1vw center no-repeat; background-size:6.67vw auto; border-radius:15.4vw; text-align:center; font-size:3.59vw; color:#fff; text-decoration:none; }
@media screen and (min-width:769px){
#clinic-hour { padding:0 0 2.9vw; }
#clinic-hour table { margin:0 0 1.74vw; }
#clinic-hour th { padding:0.87vw 0; font-size:1.01vw; }
#clinic-hour td { padding:0.87vw 0; font-size:0.72vw; }
#clinic-hour td:first-child { width:6.88vw; font-size:1.01vw; }
#clinic-hour p { font-size:0.94vw; }
#clinic-map { padding:0 0 1.45vw; }
#clinic-map img {}
#btn-clinic { padding:0; }
#btn-clinic a { height:4.35vw; line-height:4.35vw; background:#34617A url(../img/08_clinic/btn_clinic.webp) right 1.16vw center no-repeat; background-size:1.88vw auto; border-radius:4.35vw; padding:0 1.45vw 0 0; font-size:1.01vw; }
#btn-clinic a:hover { opacity:0.7; }
}
@media screen and (min-width:1381px){
#clinic-hour { padding:0 0 40px; }
#clinic-hour table { margin:0 0 24px; }
#clinic-hour th { padding:12px 0; font-size:14px; }
#clinic-hour td { padding:12px 0; font-size:10px; }
#clinic-hour td:first-child { width:95px; font-size:14px; }
#clinic-hour p { font-size:13px; }
#clinic-map { padding:0 0 20px; }
#clinic-map img {}
#btn-clinic {}
#btn-clinic a { height:60px; line-height:60px; background:#34617A url(../img/08_clinic/btn_clinic.webp) right 16px center no-repeat; background-size:26px auto; border-radius:60px; padding:0 20px 0 0; font-size:14px; }
#btn-clinic a:hover {}
}


footer { background:url(../img/common/bg_footer_copy.webp) center top no-repeat; background-size:100% auto; padding:12.9vw 0 0; }
#footer-copy { background:#D7EFFC; text-align:center; padding:0 0 24.3vw; font-size:2.82vw; color:#1A1A1A; }
@media screen and (min-width:769px){
footer { background:url(../img/common/bg_footer_copy_pc.webp) center bottom no-repeat; background-size:100% auto; margin:0 auto; padding:6.52vw 0 0; }
#footer-copy { padding:0 0 3.26vw; font-size:0.8vw; }
}
@media screen and (min-width:1381px){
footer {}
#footer-copy { font-size:11px; }
}


#footer-nav { position:absolute; position:fixed; bottom:0; left:0; width:100%; height:13.3vw; z-index:9998; }
#footer-nav ul { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; }
#footer-nav li { width:50%; list-style:none; }
#footer-nav li a { display:block; height:13.3vw; line-height:13.3vw; text-align:center; padding:0 0 0 6vw; font-size:4.1vw; color:#fff; text-decoration:none; }
#footer-nav li:first-child a { background:#BA9A67 url(../img/common/ico_tel.webp) 10vw 50% no-repeat; background-size:6.67vw auto; }
#footer-nav li:last-child { background: linear-gradient(to right, rgba(0,140,180,1) 0%,rgba(0,165,213,1) 100%); }
#footer-nav li:last-child a { background: url(../img/common/ico_mail.webp) 10vw 50% no-repeat; background-size:6.67vw auto; }
@media screen and (min-width:769px){
	#footer-nav {display: none;}}

/*================================
-240809 add naviPC
=================================*/

@media screen and (max-width:768px) {
	#navPc {
		display: none;
	}
}

@media screen and (min-width:769px) {
#navPc { top:6.3vw; width:12vw; height: auto; position:absolute; position:fixed; right:0; z-index:9998;}
#navPc li { height: 10.4vw; list-style:none; padding: 0 10px 0;}
#navPc li a { height:100%; font-size:1.4vw; color:#fff; text-decoration: none;}
#navPc li:first-child { background-color: #BA9A67; border-radius:10px 0 0 10px; margin-bottom: 10px;}
#navPc li:last-child { background: linear-gradient(to right, rgba(0,140,180,1) 0%,rgba(0,165,213,1) 100%); border-radius:10px 0 0 10px; }
#navPc li:last-child a { background: url(../img/common/ico_mail.webp) center 2.2vw no-repeat; background-size:2.6vw auto; }
.navPctxt { height: 5vw; align-items: center; border-bottom: 1px solid #fff; display: flex; justify-content: center;}
.navPcnum { height: 5vw; align-items: center; display: flex; justify-content: center;}
.navIcon {margin-right: 1vw; display: flex; }
.navIcon img {height: 2vw; width: 2vw; }
}

@media screen and (min-width:1381px){
#navPc { top:80px; width:140px; height: auto; position:absolute; position:fixed; right:0;}
#navPc li { height: 104px; list-style:none; padding: 0 10px 0;}
#navPc li a { height:100%; font-size:16px; color:#fff; text-decoration: none;}
#navPc li:first-child { background-color: #BA9A67; border-radius:10px 0 0 10px; margin-bottom: 10px;}
#navPc li:last-child { background: linear-gradient(to right, rgba(0,140,180,1) 0%,rgba(0,165,213,1) 100%); border-radius:10px 0 0 10px; }
#navPc li:last-child a { background: url(../img/common/ico_mail.webp) center 22px no-repeat; background-size:26px auto; }
.navPctxt { height: 50px; align-items: center; border-bottom: 1px solid #fff; display: flex; justify-content: center;}
.navPcnum { height: 50px; align-items: center; display: flex; justify-content: center;}
.navIcon {margin-right: 10px; display: flex; }
.navIcon img {height: 20px; width: 20px; }
}


#scroll-top { position:absolute; position:fixed; bottom:20vw; right:1vw; width:11.3vw; z-index:999999; }
#scroll-top a { display:block; }
#scroll-top img { width:100%; height:auto; }
@media screen and (min-width:769px){
#scroll-top { bottom:20px; right:20px; width:60px; }
#scroll-top a {}
#scroll-top img {}
}
@media screen and (min-width:1381px){
#scroll-top { bottom:1.45vw; right:1.45vw; width:4.35vw; }
#scroll-top a {}
#scroll-top img {}
}


/*================================
-240501 add
=================================*/

.base-clinic-text {
	border-radius: 10px;
	margin-bottom: 40px;
	padding: 20px 30px;
	border: .5px solid #BA9A67;
	line-height: 1.6;
	font-size: min(4.08vw, 16px);

	@media all and (min-width: 0px) and (max-width: 767px) {
		margin: 0 5.13vw 10.3vw;
	}

	> p {
		margin-bottom: 24px;
	}

	.list {
		list-style-type: none;
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;

		> li {
			background-color: #BA9A67;
			color: #fff;
			padding: 6px 8px;
			border-radius: 30px;
			text-align: center;
			line-height: 1.4;

			> span {
				background-color: #fff;
				color: #BA9A67;
				display: inline-block;
				padding: 2px 16px;
				margin: 0 0 0 8px;
				font-weight: 600;
				border-radius: 8px;
			}
		}
	}
}

.base-price-risk {
	background: #F5EBDC;
	padding: 24px 26px 80px;
	display: flex;

	> .inner {
		width: min(100%, 900px);
		border-radius: 8px;
		padding: 32px;
		background-color: #eee6da;
		margin: auto;
		font-size: min(3.73vw, 14px);
		line-height: 1.5;

		@media all and (min-width: 0px) and (max-width: 767px) {
			padding: 24px 16px;
		}
	}
}

.base-price-risk-title {
	font-size: min(4.79vw, 18px);
	margin-bottom: 8px;
	font-weight: bold;
}

.base-price-risk-list {
	list-style-type: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin-bottom: 40px;

	> li {
		position: relative;
		padding-left: 16px;

		&::before {
			content: "・";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
	}
}

.base-price-risk-link {
	color: #A58044;
	display: inline-block;
	margin-bottom: 16px;
	position: relative;
	padding-left: 16px;

	&::before {
		content: "▶";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	&:hover {
		text-decoration: none;
	}
}

/*================================
-240619 add
=================================*/

@media all and (min-width: 0px) and (max-width: 768px) {
	#footer-nav,
	#footer-nav li a {
		height: 19.6vw;
	}

	#footer-nav li a {
		line-height: 19.6vw;
	}

	#scroll-top {
		bottom: 23vw;
	}
}