/* 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;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/assets/ajax-loader-01079cb9dd32ff47aa6995d6da78186868ad8ed9000692a9e3e58dcac9715d7c.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/fonts/slick.eot);
    src: url(/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/fonts/slick.woff) format('woff'), url(/fonts/slick.ttf) format('truetype'), url(/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*
Version:1.0.0
*/
/*reset*/
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/*fonts*/
@font-face{font-family:"NekuraMoji";font-weight:400; src:url(/fonts/nekuramoji-Regular.woff) format("woff");}
@font-face{font-family:"NekuraMoji";font-weight:700; src:url(/fonts/nekuramoji-Bold.woff) format("woff");}

/*icon*/
@font-face { font-family: 'icomoon'; src: url(/fonts/icomoon.eot?e6oqif); src:  url(/fonts/icomoon.eot?e6oqif#iefix) format('embedded-opentype'),   url(/fonts/icomoon.ttf?e6oqif) format('truetype'),   url(/fonts/icomoon.woff?e6oqif) format('woff'),   url(/fonts/icomoon.svg?e6oqif#icomoon) format('svg'); font-weight: normal; font-style: normal; font-display: block; }
[class^="icon-"]:before,[class*=" icon-"]:before { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-account_circle:before { content: "\e900"; }
.icon-paid:before { content: "\e901"; }
.icon-transgender:before { content: "\e902"; }
.icon-male:before { content: "\e903"; }
.icon-female:before { content: "\e904"; }
.icon-keep:before { content: "\e905"; }
.icon-verified_user:before { content: "\e906"; }
.icon-heart_plus:before { content: "\e907"; }
.icon-lock:before { content: "\e908"; }
.icon-warning:before { content: "\e909"; }
.icon-error:before { content: "\e90a"; }
.icon-help:before { content: "\e90b"; }
.icon-footprint:before { content: "\e90c"; }
.icon-favorite:before { content: "\e90d"; }
.icon-bookmark:before { content: "\e90e"; }
.icon-check:before { content: "\e90f"; }
.icon-more:before { content: "\e910"; }
.icon-history:before { content: "\e911"; }
.icon-delete:before { content: "\e912"; }
.icon-tune:before { content: "\e913"; }
.icon-edit:before { content: "\e914"; }
.icon-filter:before { content: "\e915"; }
.icon-person:before { content: "\e916"; }
.icon-settings:before { content: "\e917"; }
.icon-list:before { content: "\e918"; }
.icon-search:before { content: "\e919"; }
.icon-home:before { content: "\e91a"; }
.icon-sms:before { content: "\e91b"; }
.icon-arrow_up_double:before { content: "\e91c"; }
.icon-arrow_down_double:before { content: "\e91d"; }
.icon-arrow_left_double:before { content: "\e91e"; }
.icon-arrow_right_double:before { content: "\e91f"; }
.icon-arrow_left:before { content: "\e920"; }
.icon-arrow_down:before { content: "\e921"; }
.icon-arrow_up:before { content: "\e922"; }
.icon-arrow_right:before { content: "\e923"; }
.icon-crown:before { content: "\e924"; }
.icon-info:before { content: "\e925"; }
.icon-add:before { content: "\e926"; }
.icon-close:before { content: "\e927"; }
.icon-remove:before { content: "\e928"; }
.icon-comment:before { content: "\e929"; }
.icon-handshake:before { content: "\e92a"; }
.icon-schedule:before { content: "\e92b"; }
.icon-calendar:before { content: "\e92c"; }
.icon-location:before { content: "\e92d"; }
.icon-flag:before { content: "\e92e"; }
.icon-partner_heart:before { content: "\e92f"; }
.icon-partner_chat:before { content: "\e930"; }
.icon-dinner:before { content: "\e931"; }
.icon-drink:before { content: "\e932"; }
.icon-group:before { content: "\e933"; }
.icon-person_heart:before { content: "\e934"; }
.icon-person_artist:before { content: "\e935"; }
.icon-new_mark:before { content: "\e936"; }
.icon-silver_mark:before { content: "\e937"; }
.icon-desktop:before { content: "\e938"; }
.icon-tablet:before { content: "\e939"; }
.icon-mobile:before { content: "\e93a"; }

/*
Version:1.0.0
*/

:root {

/*
	--ex-color:#859A93;
	--color-bg:#FFFCF7;
	--color-bg-input:#f2efea;
	--color-text:#544739;

	--color-border:#5b3a00;
	--color-border-ex:#252c2a;
	--color-border-input:#e2e0dc;

	--ex-color:#6F789D;
	--color-bg:#F3F3F3;
	--color-bg-input:#f2efea;
	--color-text:#35322E;

	--ex-color:#00536D;
	--color-bg:#FFF3E3;
	--color-text:#592D13;

	--ex-color:#955A41;
	--color-bg:#FAFAFA;
	--color-text:#342721;

	--ex-color:#6F789D;
	--color-bg:#F3F3F3;

	--color-text:#35322E;
*/

	--main-color:#00536D;/*00323f*/
	--sub-color:#592D13;
	--ex-color:#00323f;

	--color-text:#592D13;
	--color-text-gray:#666666;

	--color-bg:#fff9f2;
	--color-bg-input:#fcf7f2;
	--color-bg-gray:#f2ece6;
	--color-bg-light:#fcf0e3;	
	--color-border:#703B00;
	--color-border-ex:#002b38;	
	--color-border-input:#d1ceca;
	--color-link:#00536D;
	--color-link-hover: #008cb7;
	--color-errmsg:#CC0000;

	--size-header:60px;
	--size-header-nega:-60px;
	--size-navi:70px;
	--size-navi-nega:-70px;

	--space-mini:2px;
	--space-0xharf:5px;
	--space:10px;
	--space-1xharf:15px;
	--space-2x:20px;
	--space-3x:30px;




	--color-text-weak:#628590;/**/
	--color-text-weak-max:#b6b6b6;


	--color-bg-weak:#e3ebe7;/**/
	--color-bg-strong:#00323f;/**/
	--color-bg-header:#00323f;/**/
	--color-bg-footer:#00323f;/**/

	--color-border-weak:#628590;/**/
	--color-border-table:#E6E6E6;



	--color-border-header:rgb(75,75,75);
	--color-btn-gray:#aaa;
	--color-btn-gray-text:#fff;
	--color-btn-hover:#E3F1F8;
	--color-btn-cta:#75BCDE;
	--color-btn-cta-hover:#55ACD6;

	--color-match0:#F2D7DD;
	--color-match1:#F2CBD3;
	--color-match2:#F2BFCA;
	--color-match3:#F2B3C0;
	--color-match4:#F2A7B7;
	--color-match5:#F29BAD;
	--color-match6:#F28EA4;
	--color-match7:#F2829A;
	--color-match8:#F27691;
	--color-match9:#F46985;
	--color-match9:#F23A62;

    --hover-opacity:0.7;

	--size-text-x-small:10px;
	--size-text-small:12px;
	--size-text:14px;
	--size-text-l:16px;
	--size-text-xl:18px;
	--size-text-heading:20px;
	--size-text-heading-l:22px;
	--size-text-heading-xl:24px;
	

	--size-tab:70px;/**/
	--size-canvas:1600px;/**/
	--size-canvas-form:1000px;/**/

	--circle-base:265;

}

/*basis*/
body{color:var(--color-text); background-color:var(--color-bg); font-size:var(--size-text); font-weight:400; line-height:1.5; font-family:'NekuraMoji', "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin:0 0 1em;}
h1{font-size:var(--size-text-heading);} h2{font-size:var(--size-text-xl);} h3{font-size:var(--size-text-l);} h4,h5,h6{font-size:var(--size-text);}
p,ul{margin:0 0 1em;}
li>ul{margin:0;}
img{display:inline-block;}
a{color:var(--color-link);text-decoration:underline;cursor:pointer;}
a:hover{color:var(--color-link-hover);text-decoration:none;}
input, button, select, label{cursor:pointer;}
strong{font-weight:bold;}
label:hover{opacity:var(--hover-opacity);}
form{margin-bottom:0;}
table{border-spacing:0;}

.mb1{margin-bottom:1em !important;}
.mb2{margin-bottom:2em !important;}
.mb3{margin-bottom:3em !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt100{margin-top:100px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.pvw0{padding-left:0 !important; padding-right:0 !important;}
.pvh30{padding-top:30px !important; padding-bottom:30px !important;}
.clearfix{clear:both;display: block;content: '';}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.wordbreak{word-break:break-all !important;}
.fss{font-size:var(--size-text-small) !important;}
.fwb{font-weight:bold !important;}


.icon-transgender:before{color:#c8c580; font-size:larger; vertical-align:bottom;}
.icon-male:before{color:#80c8c5; font-size:larger; vertical-align:bottom;}
.icon-female:before{color:#c580c8; font-size:larger; vertical-align:bottom;}

hr{background-color:var(--color-border); border:0; height:1px; margin:var(--space-3x) auto;}

body{margin-bottom:calc(var(--size-navi) + var(--space-2x));}
.noscroll{overflow:hidden;}
.omission{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*btn*/
.btn{display:block; position:relative; padding:var(--space-1xharf); text-align: center; text-decoration:none;
    color:#fff; background-color:var(--main-color); border:1px solid var(--main-color);
	border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space);
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    font-size:var(--size-text-l); width:100%;}
.btn.w100{width:100%;}
.btn:hover{opacity:var(--hover-opacity);}
.btn-cv1::after,.btn-cv2::after{content:"\e923"; font-family:'icomoon'; position:absolute; right:var(--space-1xharf);}
.btn-cv1{color:#fff; background-color:var(--main-color); border:1px solid var(--main-color);}
.btn-cv1:hover{color:#fff;}
.btn-cv2{color:var(--main-color); background-color:#fff; border:1px solid var(--main-color);}
.btn-cv2:hover{color:var(--main-color);}
.btn-cv3{color:#fff; background-color:var(--main-color); border:1px solid var(--main-color); padding:var(--space); line-height:1; font-size:var(--size-text-l);}
.btn-cv3:hover{color:#fff;}
.btn-cv4{color:var(--main-color); background-color:#fff; border:1px solid var(--main-color); padding:var(--space); line-height:1; font-size:var(--size-text-l);}
.btn-cv4:hover{color:var(--main-color);}
.btn-cv5{color:#fff; background-color:var(--color-match9); border:2px solid var(--color-match9); width:180px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-cv5:hover{color:var(--color-match9); background-color:#fff;}
.btn-cv6{color:var(--color-match9); background-color:#fff; border:2px solid var(--color-match9); width:180px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-cv6:hover{color:#fff; background-color:var(--color-match9);}
.btn-text1{margin:var(--space-1xharf) var(--space-1xharf) var(--space-1xharf) 0;padding:0; color:var(--ex-color); background-color:transparent; border:none;}
.btn-text1::after{content:"\e923"; font-family:'icomoon'; position:absolute; right:unset; padding-left:var(--space-0xharf);}
.btn-text1:hover{color:var(--ex-color); background-color:transparent; border:none; text-decoration:underline;}
.btn-text2{margin:0 0 var(--space) 0;padding:0 0 var(--space) 0; color:var(--ex-color); background-color:transparent; border:0; border-radius:unset; text-align:left;}
.btn-text2::after{content:"\e923"; font-family:'icomoon'; position:absolute; right:unset; padding-left:var(--space-0xharf);}
.btn-text2:hover{color:var(--ex-color); background-color:transparent; text-decoration:underline;}

.more::after{content:"\e91d"; font-family:'icomoon'; position:absolute; right:var(--space-1xharf);}

.btn-icon{font-size:var(--size-text-small); text-align:center; text-decoration: none; display:inline-flex; flex-flow:column; font-weight:bold;}
.btn-icon:before{margin-bottom:var(--space-mini); font-size:30px; font-weight:normal;}

.btn-header{position:relative;margin-left:1px; color:#fff; background-color:var(--ex-color); border:0; padding:var(--space-0xharf) var(--space-1xharf); font-size:var(--size-text-small); text-align:center; text-decoration: none; display:inline-flex; flex-flow:column; font-weight:bold; height:var(--size-header); white-space:nowrap;}
.btn-header::before{margin-bottom:var(--space-mini); font-size:30px; font-weight:normal;}
.btn-header::after{content:"\e923"; font-family:'icomoon'; position:absolute; right:var(--space-0xharf); top:calc(var(--size-header) / 2 - var(--space-0xharf) - 6px); color:#fff;}
.btn-header:hover{opacity:var(--hover-opacity);}
.btn-header:hover::after{color:var(--color-link-hover);}
.btn-iine{color:#fff; background-color:var(--color-match9); border:2px solid var(--color-match9); width:120px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-iine::before{content:"\e907"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-iine:hover{color:var(--color-match9); background-color:#fff;}
.btn-iine.on{background-color:#FFF; color:var(--color-match9);}
.btn-iine.on::before{content:"\e90d";}
.btn-bbs{color:var(--color-match9); background-color:#fff; border:2px solid var(--color-match9); width:140px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-bbs::before{content:"\e918"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-bbs:hover{color:#fff; background-color:var(--color-match9);}
.btn-chat{color:var(--color-match9); background-color:#fff; border:2px solid var(--color-match9); width:160px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-chat::before{content:"\e91b"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-chat:hover{color:#fff; background-color:var(--color-match9);}
.btn-apply{color:fff; background-color:var(--color-match9); border:2px solid var(--color-match9); width:160px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-apply.on{background-color:#FFF; color:var(--color-match9);}
.btn-apply::before{content:"\e92a"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-apply:hover{color:var(--color-match9); background-color:#fff;}
.btn-comment{color:var(--color-match9); background-color:#fff; border:2px solid var(--color-match9); width:170px; padding:var(--space); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-comment::before{content:"\e929"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-comment:hover{color:#fff; background-color:var(--color-match9);}
.btn-plan{color:var(--color-match9); background-color:#fff; border:2px solid var(--color-match9); width:160px; padding:var(--space) var(--space-0xharf); font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:1; font-size:var(--size-text-l);}
.btn-plan::before{content:"\e901"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}
.btn-plan:hover{color:#fff; background-color:var(--color-match9);}

.btn-entry{color:var(--main-color); background-color:#fff; border:2px solid var(--main-color); padding:var(--space-0xharf) var(--space-1xharf); font-weight:bold; width:200px; margin:var(--space-2x) auto; display:flex; justify-content: center; align-items: center;}
.btn-entry::before{content:"\e914"; font-family:'icomoon'; padding-right:var(--space-0xharf); font-size:var(--size-text-heading);}

.btn-small{color:var(--color-text-gray); background-color:unset; border:1px solid var(--color-btn-gray); border-radius:0; margin:0 auto var(--space-0xharf); padding:var(--space-mini) var(--space-0xharf); display:inline; width:auto; font-size:var(--size-text-small);}

.act-list{display:flex;justify-content:center;align-items:center;gap:var(--space-2x);}
.fixed .act-list{height:100%; margin:0 var(--space-2x);}
@media screen and (max-width: 375px){
	.act-list{gap:var(--space);}
	.btn-iine,.btn-bbs,.btn-chat,.btn-apply,.btn-comment,.btn-plan{font-size:var(--size-text);}
}

/*header*/
#header{width:100%; border-bottom:1px solid var(--color-border-ex); height:var(--size-header); position:fixed; z-index:101; background-color:var(--color-bg);}
#header>.wrap{margin:0 auto;width:100%;max-width:1000px;position:relative;padding:0 var(--space-2x);}
#header img.logo{width:120px; filter:brightness(0) saturate(100%) invert(13%) sepia(50%) saturate(1892%) hue-rotate(161deg) brightness(96%) contrast(102%);}
#header img.logomark{width:40px; min-width:40px; margin-right:var(--space); filter:brightness(0) saturate(100%) invert(13%) sepia(50%) saturate(1892%) hue-rotate(161deg) brightness(96%) contrast(102%);}
#header .header-back{width:40px; margin-right:var(--space); text-align:center; text-decoration:none; font-size:var(--size-text-heading-xl); font-weight:bold; color:var(--color-text);}
#header .header-box{display:flex; justify-content:space-between; align-items:center; height:var(--size-header);}
#header .header-box .inner{display:inline-flex;flex-flow:nowrap; align-items:center;}
#header .header-box .inner.omission-inner{width:100%;}
#header .header-box h1{margin:0; line-height:1; overflow:hidden; max-height:var(--size-header);}
#header .header-box .btn-icon{width:60px;}
.fixed{width:100%; height:var(--size-navi); border-top:1px solid var(--color-border-ex); position:fixed; bottom:0; left:0; background-color: var(--color-bg); z-index:101;}
.fixed>.wrap{margin:0 auto;width:100%;height:100%;max-width:500px;position:relative;}
.fixed ul{display:flex; justify-content:space-between; margin:var(--space) var(--space-1xharf);}
.fixed ul li{/*width:calc(100%/5);*/ text-align:center;}
.crumb{position:relative;}
.crumb .cnt{position:absolute; top:0; right:calc(50% - 25px); min-width:20px; height:20px; background-color:var(--color-text); color:#fff; border-radius:10px; font-size:14px; font-weight:bold; padding:0 5px; margin-right:-10px; line-height:18px;}
#footer{margin:20px 0 0;}

@media screen and (min-width: 375px){
	#header img.logo{width:150px;}
}
@media screen and (max-width: 500px){
	#header>.wrap{padding:0 0 0 var(--space-2x);}
}
@media screen and (max-width: 350px){
	#header>.wrap{padding:0 0 0 var(--space-0xharf);}
}

/*main*/
#main{padding-top:var(--size-header);}
#login #main{padding-top:0;}
#main>.wrap{margin:0 auto;width:100%;max-width:500px;position:relative;padding:var(--space-2x);}
#main>.wrap.terms, #main>.wrap.start{max-width:1000px;}
@media screen and (max-width: 350px){
	#main>.wrap{padding:var(--space-0xharf);} 
}
.ttl{z-index:-1; position:relative; padding-bottom:var(--space); margin-top:calc(var(--size-header-nega) - var(--space)); padding-top:calc(var(--size-header) + var(--space-2x)); display:flex;flex-flow:row nowrap; align-items:center;margin-bottom:1em;}
.ttl h2{white-space:nowrap;margin:0;padding-right:var(--space);}
.start .ttl h2{padding-left:var(--space-2x); padding-right:var(--space-2x); font-size:var(--size-text-heading);}
.ttl::after, .start .ttl::before{/*position:absolute;bottom:0;left:0;*/width:100%;height:30px;content:'';background-image:repeating-linear-gradient(-45deg, var(--main-color), var(--main-color) 1px, transparent 2px, transparent 5px);background-size:7px 7px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.main-msg{margin:40px 0; text-align:center; font-weight:bold; font-size:var(--size-text-xl);}

.list-bbscat{display:flex; flex-flow:row wrap; margin-bottom:0;}
.list-bbscat .bbscat{width:calc(100% / 3); text-align:center; margin-bottom:var(--space-3x);}
.bbscat{position:relative;}
.bbscat .btn-icon{font-size:var(--size-text-l);}
.bbscat .btn-icon:before{font-size:40px;}
.bbscat .cnt{position:absolute; top:0; right:0; min-width:20px; height:20px; background-color:var(--color-text); color:#fff; border-radius:10px; font-size:14px; font-weight:bold; padding:0 5px; margin-right:10px; line-height:18px;}
@media screen and (max-width: 450px){
	.bbscat .btn-icon{font-size:var(--size-text);}
	.bbscat .btn-icon:before{font-size:30px;}
}
@media screen and (max-width: 375px){
	.bbscat .btn-icon{font-size:var(--size-text-small);}
	.bbscat .btn-icon:before{font-size:30px;}
}

.prof{text-align:center; margin-bottom:var(--space-3x); color:var(--color-text); text-decoration:none; color:transparent;}
.list-face{display:flex;flex-flow:row wrap;}
.list-face .prof{width:calc(100% / 3);}
.list-face .prof.btn-more{padding:var(--space-3x) var(--space);}
.list-face .prof.btn-more:hover{opacity:var(--hover-opacity);}
.list-face .prof.btn-more>.wrap{/*border: 2px solid var(--main-color);*/border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space); height:100%; display:flex; flex-flow:row; justify-content:center; align-items:center; color:#fff; background-color:var(--main-color); text-decoration:none;}
.list-face .prof.btn-more>.wrap::after{content:"\e923"; font-family:'icomoon'; font-size:var(--size-text-l);}
.prof-icon{position:relative; display:flex; align-items:center; justify-content:center; height:100px; min-width:100px;}
.prof-icon img{z-index:1; border-radius:50%; width:80px;}
.prof-icon svg{z-index:2; position:absolute; top:0;}
.prof-icon circle{r:42px;}
.prof-icon.new::before{position:absolute;top:0;left:0;content:"new";z-index:3;color:#fff; font-weight:bold; background-color:var(--color-text); width:50px; height:calc(tan(45deg)* 50px / 2); clip-path:polygon(50% 0, 100% 100%, 0 100%); transform:rotate(-45deg); margin:-3px 0 0 -5px; padding-top:6px;}

.list-settings{margin-bottom:var(--space-3x);}
.list-settings>a,.list-settings>div{border-bottom:1px solid var(--color-border-input);}
.list-settings .edit-box{margin:0 0 var(--space) 0; padding:0 0 var(--space) 0; color:var(--ex-color); font-weight:normal;}
.list-settings .edit-ttl{font-weight:normal; width:auto;}

.list-match{display:flex;flex-flow:column;}
.list-match .box{background-color:var(--color-bg-light); margin-bottom:var(--space-2x); padding:var(--space); border-radius:var(--space); position:relative;}
.list-match .box a{text-decoration:none;}
.list-match .box a:hover{opacity:var(--hover-opacity);}
.list-match .prof{position:relative;width:100%;display:flex;flex-flow:row; margin-bottom:0; padding-bottom:var(--space);}
.list-match .prof::after{font-family:'icomoon'; content:"\e923"; font-size:var(--size-text-heading); position:absolute; top:calc(50% - 5px); right:0; color:var(--color-text); line-height:1;}
.list-match .more{margin-top:0;}
.list-match time{display:block; text-align:right; margin-top:-5px; color:var(--color-text-gray); font-size:var(--size-text-small);}

.matched-ttl{font-size:var(--size-text-heading); font-weight:bold; text-align:center; color:var(--color-text);}
.matched-box{position:relative; display:flex; justify-content:space-between; align-items:center;}    
.matched .prof{width:45%; margin-bottom:var(--space-2x);}
.matched .prof-heart{bottom:calc(50% - 15px); right:calc(50% - 15px);}

.list-bbs{display:flex;flex-flow:column;}
.list-bbs .bbs-prof{background-color:var(--color-bg-light); margin-left:70px; padding:var(--space-0xharf) var(--space-3x) var(--space-0xharf) var(--space); position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:var(--space);}
.list-bbs .bbs-prof::after{font-family:'icomoon'; content:"\e923"; font-size:var(--size-text-heading); position:absolute; top:calc(50% - 10px); right:10px; color:var(--color-text); line-height:1;}
.list-bbs .bbs-prof .prof{margin-bottom:0;}
.list-bbs .bbs-prof .prof-icon{height:60px; min-width:60px;}
.list-bbs .bbs-prof .prof-icon img{width:48px;}
.list-bbs .bbs-prof .prof-icon svg{width:60px !important;}
@media screen and (max-width: 375px){
	.list-bbs .bbs-prof{margin-left:0;}
}

.list-chat{display:flex;flex-flow:column;}
.list-chat a{text-decoration:none;}
.list-chat a:hover{opacity:var(--hover-opacity);}
.list-chat .box{border-bottom:1px solid var(--color-border); margin-bottom:var(--space); padding:var(--space);}
.list-chat .box:not(:has(~ .box)){border-bottom:0;}
.list-chat .box .chat-inner{display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:var(--space); gap:var(--space);}
.list-chat .box .chat-inner time{white-space:nowrap; color:var(--color-text-gray); font-size:var(--size-text);}
.msg-txt {color:var(--color-text); margin-bottom:0;}
.msg-cnt {min-width:20px; height:20px; background-color:var(--color-text); color:#fff; border-radius:10px; font-size:14px; font-weight:bold; padding:0 5px; line-height:18px; text-align:center;}

.prof-match{text-align:left; margin-left:var(--space); width:100%;}
.prof-match-bar{position:relative;display:inline-flex;flex-flow:row wrap; align-items:center; color:var(--color-match9); font-weight:bold;}
.prof-match-bar .prof-heart{position:relative; width:16px; height:16px; min-width:16px;}
.prof-match-bar-ttl{display:inline-flex;flex-flow:row;align-items:flex-end; line-height:1.4; margin-top:var(--space-0xharf); font-size:var(--size-text);}
.prof-match-bar-val{font-size:var(--size-text-heading);margin-left:var(--space-0xharf); line-height:1;}
.prof-match-bar-val span{font-size:var(--size-text);margin-left:var(--space-mini);}
ul.prof-match-dtl{color:var(--color-text); margin:0 0 var(--space-0xharf);}
ul.prof-match-dtl li{display:inline-block; border-radius:10px; background-color:var(--color-bg-gray); padding:var(--space-mini) var(--space); margin:0 var(--space-0xharf) var(--space-0xharf) 0; color:var(--color-text-gray); font-size:var(--size-text-small);}
.box ul.prof-match-dtl li{background-color:var(--color-bg);}
.prof-match-text{z-index:4; position:absolute; top:var(--space-mini); left:0; font-size:var(--size-text-small); font-weight:bold; color:#fff; min-width:30px; display:inline-flex; justify-content:center;}
.prof-heart{z-index:3; position:absolute; bottom:0; right:0; width:30px; height:30px;}
.prof-heart::before,.prof-heart::after{display:block; position:absolute; content:""; width:50%; height:75%; border-radius:25px 25px 0 0; background-color:var(--color-match9);}
.prof-heart::before{transform:rotate(-45deg); left:15%;}
.prof-heart::after{transform:rotate(45deg); right:15%;}
.prof-txt{color:var(--color-text);font-size:var(--size-text-l);font-weight:bold;margin:var(--space-0xharf) 0 0 0;}
.chat-prof-txt{color:var(--color-text);font-size:var(--size-text-l);font-weight:bold;margin:0;}
.prof-sub-txt,.chat-prof-sub-txt{color:var(--main-color);font-size:var(--size-text);margin:0;}
.prof-sub-txt span::after,.chat-prof-sub-txt span::after{content:"/";padding:0 var(--space-mini);}
.prof-sub-txt span:last-child::after,.chat-prof-sub-txt span:last-child::after{content:none;}

.circle-myself{stroke:var(--color-match9);}
.circle-animation{stroke-dasharray: var(--circle-base); transform: rotate(-90deg); transform-origin: 50% 50%; /*animation: circle 1s ease-in 0s forwards;*/ }
/*@keyframes circle{ to{stroke-dashoffset:calc(var(--circle-base) * data-match2);} from{stroke-dashoffset:var(--circle-base);} }*/
.prof[data-match='0'] .circle-animation {animation:none;}
.prof[data-match='0'] .prof-match-text,.prof[data-match='1'] .prof-match-text,.prof[data-match='2'] .prof-match-text,.prof[data-match='3'] .prof-match-text,.prof[data-match='4'] .prof-match-text,.prof[data-match='5'] .prof-match-text,.prof[data-match='6'] .prof-match-text,.prof[data-match='7'] .prof-match-text,.prof[data-match='8'] .prof-match-text,.prof[data-match='9'] .prof-match-text,.prof[data-match='10'] .prof-match-text,.prof[data-match='11'] .prof-match-text,.prof[data-match='12'] .prof-match-text,.prof[data-match='13'] .prof-match-text,.prof[data-match='14'] .prof-match-text,.prof[data-match='15'] .prof-match-text,.prof[data-match='16'] .prof-match-text,.prof[data-match='17'] .prof-match-text,.prof[data-match='18'] .prof-match-text,.prof[data-match='19'] .prof-match-text,.prof[data-match='20'] .prof-match-text,.prof[data-match='21'] .prof-match-text,.prof[data-match='22'] .prof-match-text,.prof[data-match='23'] .prof-match-text,.prof[data-match='24'] .prof-match-text,.prof[data-match='25'] .prof-match-text,.prof[data-match='26'] .prof-match-text,.prof[data-match='27'] .prof-match-text,.prof[data-match='28'] .prof-match-text,.prof[data-match='29'] .prof-match-text,.prof[data-match='30'] .prof-match-text,.prof[data-match='31'] .prof-match-text,.prof[data-match='32'] .prof-match-text,.prof[data-match='33'] .prof-match-text,.prof[data-match='34'] .prof-match-text,.prof[data-match='35'] .prof-match-text,.prof[data-match='36'] .prof-match-text,.prof[data-match='37'] .prof-match-text,.prof[data-match='38'] .prof-match-text,.prof[data-match='39'] .prof-match-text,.prof[data-match='40'] .prof-match-text,.prof[data-match='41'] .prof-match-text,.prof[data-match='42'] .prof-match-text,.prof[data-match='43'] .prof-match-text,.prof[data-match='44'] .prof-match-text,.prof[data-match='45'] .prof-match-text,.prof[data-match='46'] .prof-match-text,.prof[data-match='47'] .prof-match-text,.prof[data-match='48'] .prof-match-text,.prof[data-match='49'] .prof-match-text,.prof[data-match='50'] .prof-match-text{color:#333;}

.prof[data-match='0'] .prof-heart::before,.prof[data-match='0'] .prof-heart::after{background-color:#ccc;}
.prof[data-match='1'] .prof-heart::before,.prof[data-match='1'] .prof-heart::after,.prof[data-match='2'] .prof-heart::before,.prof[data-match='2'] .prof-heart::after,.prof[data-match='3'] .prof-heart::before,.prof[data-match='3'] .prof-heart::after,.prof[data-match='4'] .prof-heart::before,.prof[data-match='4'] .prof-heart::after,.prof[data-match='5'] .prof-heart::before,.prof[data-match='5'] .prof-heart::after,.prof[data-match='6'] .prof-heart::before,.prof[data-match='6'] .prof-heart::after,.prof[data-match='7'] .prof-heart::before,.prof[data-match='7'] .prof-heart::after,.prof[data-match='8'] .prof-heart::before,.prof[data-match='8'] .prof-heart::after,.prof[data-match='9'] .prof-heart::before,.prof[data-match='9'] .prof-heart::after,.prof[data-match='10'] .prof-heart::before,.prof[data-match='10'] .prof-heart::after{background-color:var(--color-match0);}
.prof[data-match='11'] .prof-heart::before,.prof[data-match='11'] .prof-heart::after,.prof[data-match='12'] .prof-heart::before,.prof[data-match='12'] .prof-heart::after,.prof[data-match='13'] .prof-heart::before,.prof[data-match='13'] .prof-heart::after,.prof[data-match='14'] .prof-heart::before,.prof[data-match='14'] .prof-heart::after,.prof[data-match='15'] .prof-heart::before,.prof[data-match='15'] .prof-heart::after,.prof[data-match='16'] .prof-heart::before,.prof[data-match='16'] .prof-heart::after,.prof[data-match='17'] .prof-heart::before,.prof[data-match='17'] .prof-heart::after,.prof[data-match='18'] .prof-heart::before,.prof[data-match='18'] .prof-heart::after,.prof[data-match='19'] .prof-heart::before,.prof[data-match='19'] .prof-heart::after,.prof[data-match='20'] .prof-heart::before,.prof[data-match='20'] .prof-heart::after{background-color:var(--color-match1);}
.prof[data-match='21'] .prof-heart::before,.prof[data-match='21'] .prof-heart::after,.prof[data-match='22'] .prof-heart::before,.prof[data-match='22'] .prof-heart::after,.prof[data-match='23'] .prof-heart::before,.prof[data-match='23'] .prof-heart::after,.prof[data-match='24'] .prof-heart::before,.prof[data-match='24'] .prof-heart::after,.prof[data-match='25'] .prof-heart::before,.prof[data-match='25'] .prof-heart::after,.prof[data-match='26'] .prof-heart::before,.prof[data-match='26'] .prof-heart::after,.prof[data-match='27'] .prof-heart::before,.prof[data-match='27'] .prof-heart::after,.prof[data-match='28'] .prof-heart::before,.prof[data-match='28'] .prof-heart::after,.prof[data-match='29'] .prof-heart::before,.prof[data-match='29'] .prof-heart::after,.prof[data-match='30'] .prof-heart::before,.prof[data-match='30'] .prof-heart::after{background-color:var(--color-match2);}
.prof[data-match='31'] .prof-heart::before,.prof[data-match='31'] .prof-heart::after,.prof[data-match='32'] .prof-heart::before,.prof[data-match='32'] .prof-heart::after,.prof[data-match='33'] .prof-heart::before,.prof[data-match='33'] .prof-heart::after,.prof[data-match='34'] .prof-heart::before,.prof[data-match='34'] .prof-heart::after,.prof[data-match='35'] .prof-heart::before,.prof[data-match='35'] .prof-heart::after,.prof[data-match='36'] .prof-heart::before,.prof[data-match='36'] .prof-heart::after,.prof[data-match='37'] .prof-heart::before,.prof[data-match='37'] .prof-heart::after,.prof[data-match='38'] .prof-heart::before,.prof[data-match='38'] .prof-heart::after,.prof[data-match='39'] .prof-heart::before,.prof[data-match='39'] .prof-heart::after,.prof[data-match='40'] .prof-heart::before,.prof[data-match='40'] .prof-heart::after{background-color:var(--color-match3);}
.prof[data-match='41'] .prof-heart::before,.prof[data-match='41'] .prof-heart::after,.prof[data-match='42'] .prof-heart::before,.prof[data-match='42'] .prof-heart::after,.prof[data-match='43'] .prof-heart::before,.prof[data-match='43'] .prof-heart::after,.prof[data-match='44'] .prof-heart::before,.prof[data-match='44'] .prof-heart::after,.prof[data-match='45'] .prof-heart::before,.prof[data-match='45'] .prof-heart::after,.prof[data-match='46'] .prof-heart::before,.prof[data-match='46'] .prof-heart::after,.prof[data-match='47'] .prof-heart::before,.prof[data-match='47'] .prof-heart::after,.prof[data-match='48'] .prof-heart::before,.prof[data-match='48'] .prof-heart::after,.prof[data-match='49'] .prof-heart::before,.prof[data-match='49'] .prof-heart::after,.prof[data-match='50'] .prof-heart::before,.prof[data-match='50'] .prof-heart::after{background-color:var(--color-match4);}
.prof[data-match='51'] .prof-heart::before,.prof[data-match='51'] .prof-heart::after,.prof[data-match='52'] .prof-heart::before,.prof[data-match='52'] .prof-heart::after,.prof[data-match='53'] .prof-heart::before,.prof[data-match='53'] .prof-heart::after,.prof[data-match='54'] .prof-heart::before,.prof[data-match='54'] .prof-heart::after,.prof[data-match='55'] .prof-heart::before,.prof[data-match='55'] .prof-heart::after,.prof[data-match='56'] .prof-heart::before,.prof[data-match='56'] .prof-heart::after,.prof[data-match='57'] .prof-heart::before,.prof[data-match='57'] .prof-heart::after,.prof[data-match='58'] .prof-heart::before,.prof[data-match='58'] .prof-heart::after,.prof[data-match='59'] .prof-heart::before,.prof[data-match='59'] .prof-heart::after,.prof[data-match='60'] .prof-heart::before,.prof[data-match='60'] .prof-heart::after{background-color:var(--color-match5);}
.prof[data-match='61'] .prof-heart::before,.prof[data-match='61'] .prof-heart::after,.prof[data-match='62'] .prof-heart::before,.prof[data-match='62'] .prof-heart::after,.prof[data-match='63'] .prof-heart::before,.prof[data-match='63'] .prof-heart::after,.prof[data-match='64'] .prof-heart::before,.prof[data-match='64'] .prof-heart::after,.prof[data-match='65'] .prof-heart::before,.prof[data-match='65'] .prof-heart::after,.prof[data-match='66'] .prof-heart::before,.prof[data-match='66'] .prof-heart::after,.prof[data-match='67'] .prof-heart::before,.prof[data-match='67'] .prof-heart::after,.prof[data-match='68'] .prof-heart::before,.prof[data-match='68'] .prof-heart::after,.prof[data-match='69'] .prof-heart::before,.prof[data-match='69'] .prof-heart::after,.prof[data-match='70'] .prof-heart::before,.prof[data-match='70'] .prof-heart::after{background-color:var(--color-match6);}
.prof[data-match='71'] .prof-heart::before,.prof[data-match='71'] .prof-heart::after,.prof[data-match='72'] .prof-heart::before,.prof[data-match='72'] .prof-heart::after,.prof[data-match='73'] .prof-heart::before,.prof[data-match='73'] .prof-heart::after,.prof[data-match='74'] .prof-heart::before,.prof[data-match='74'] .prof-heart::after,.prof[data-match='75'] .prof-heart::before,.prof[data-match='75'] .prof-heart::after,.prof[data-match='76'] .prof-heart::before,.prof[data-match='76'] .prof-heart::after,.prof[data-match='77'] .prof-heart::before,.prof[data-match='77'] .prof-heart::after,.prof[data-match='78'] .prof-heart::before,.prof[data-match='78'] .prof-heart::after,.prof[data-match='79'] .prof-heart::before,.prof[data-match='79'] .prof-heart::after,.prof[data-match='80'] .prof-heart::before,.prof[data-match='80'] .prof-heart::after{background-color:var(--color-match7);}
.prof[data-match='81'] .prof-heart::before,.prof[data-match='81'] .prof-heart::after,.prof[data-match='82'] .prof-heart::before,.prof[data-match='82'] .prof-heart::after,.prof[data-match='83'] .prof-heart::before,.prof[data-match='83'] .prof-heart::after,.prof[data-match='84'] .prof-heart::before,.prof[data-match='84'] .prof-heart::after,.prof[data-match='85'] .prof-heart::before,.prof[data-match='85'] .prof-heart::after,.prof[data-match='86'] .prof-heart::before,.prof[data-match='86'] .prof-heart::after,.prof[data-match='87'] .prof-heart::before,.prof[data-match='87'] .prof-heart::after,.prof[data-match='88'] .prof-heart::before,.prof[data-match='88'] .prof-heart::after,.prof[data-match='89'] .prof-heart::before,.prof[data-match='89'] .prof-heart::after,.prof[data-match='90'] .prof-heart::before,.prof[data-match='90'] .prof-heart::after{background-color:var(--color-match8);}
.prof[data-match='91'] .prof-heart::before,.prof[data-match='91'] .prof-heart::after,.prof[data-match='92'] .prof-heart::before,.prof[data-match='92'] .prof-heart::after,.prof[data-match='93'] .prof-heart::before,.prof[data-match='93'] .prof-heart::after,.prof[data-match='94'] .prof-heart::before,.prof[data-match='94'] .prof-heart::after,.prof[data-match='95'] .prof-heart::before,.prof[data-match='95'] .prof-heart::after,.prof[data-match='96'] .prof-heart::before,.prof[data-match='96'] .prof-heart::after,.prof[data-match='97'] .prof-heart::before,.prof[data-match='97'] .prof-heart::after,.prof[data-match='98'] .prof-heart::before,.prof[data-match='98'] .prof-heart::after,.prof[data-match='99'] .prof-heart::before,.prof[data-match='99'] .prof-heart::after,.prof[data-match='100'] .prof-heart::before,.prof[data-match='100'] .prof-heart::after{background-color:var(--color-match9);}

.prof[data-match='1'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.99); stroke:var(--color-match0);}
.prof[data-match='2'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.98); stroke:var(--color-match0);}
.prof[data-match='3'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.97); stroke:var(--color-match0);}
.prof[data-match='4'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.96); stroke:var(--color-match0);}
.prof[data-match='5'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.95); stroke:var(--color-match0);}
.prof[data-match='6'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.94); stroke:var(--color-match0);}
.prof[data-match='7'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.93); stroke:var(--color-match0);}
.prof[data-match='8'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.92); stroke:var(--color-match0);}
.prof[data-match='9'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.91); stroke:var(--color-match0);}
.prof[data-match='10'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.90); stroke:var(--color-match0);}
.prof[data-match='11'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.89); stroke:var(--color-match1);}
.prof[data-match='12'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.88); stroke:var(--color-match1);}
.prof[data-match='13'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.87); stroke:var(--color-match1);}
.prof[data-match='14'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.86); stroke:var(--color-match1);}
.prof[data-match='15'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.85); stroke:var(--color-match1);}
.prof[data-match='16'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.84); stroke:var(--color-match1);}
.prof[data-match='17'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.83); stroke:var(--color-match1);}
.prof[data-match='18'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.82); stroke:var(--color-match1);}
.prof[data-match='19'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.81); stroke:var(--color-match1);}
.prof[data-match='20'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.80); stroke:var(--color-match1);}
.prof[data-match='21'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.79); stroke:var(--color-match2);}
.prof[data-match='22'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.78); stroke:var(--color-match2);}
.prof[data-match='23'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.77); stroke:var(--color-match2);}
.prof[data-match='24'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.76); stroke:var(--color-match2);}
.prof[data-match='25'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.75); stroke:var(--color-match2);}
.prof[data-match='26'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.74); stroke:var(--color-match2);}
.prof[data-match='27'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.73); stroke:var(--color-match2);}
.prof[data-match='28'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.72); stroke:var(--color-match2);}
.prof[data-match='29'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.71); stroke:var(--color-match2);}
.prof[data-match='30'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.70); stroke:var(--color-match2);}
.prof[data-match='31'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.69); stroke:var(--color-match3);}
.prof[data-match='32'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.68); stroke:var(--color-match3);}
.prof[data-match='33'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.67); stroke:var(--color-match3);}
.prof[data-match='34'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.66); stroke:var(--color-match3);}
.prof[data-match='35'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.65); stroke:var(--color-match3);}
.prof[data-match='36'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.64); stroke:var(--color-match3);}
.prof[data-match='37'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.63); stroke:var(--color-match3);}
.prof[data-match='38'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.62); stroke:var(--color-match3);}
.prof[data-match='39'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.61); stroke:var(--color-match3);}
.prof[data-match='40'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.60); stroke:var(--color-match3);}
.prof[data-match='41'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.59); stroke:var(--color-match4);}
.prof[data-match='42'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.58); stroke:var(--color-match4);}
.prof[data-match='43'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.57); stroke:var(--color-match4);}
.prof[data-match='44'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.56); stroke:var(--color-match4);}
.prof[data-match='45'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.55); stroke:var(--color-match4);}
.prof[data-match='46'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.54); stroke:var(--color-match4);}
.prof[data-match='47'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.53); stroke:var(--color-match4);}
.prof[data-match='48'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.52); stroke:var(--color-match4);}
.prof[data-match='49'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.51); stroke:var(--color-match4);}
.prof[data-match='50'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.50); stroke:var(--color-match4);}
.prof[data-match='51'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.49); stroke:var(--color-match5);}
.prof[data-match='52'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.48); stroke:var(--color-match5);}
.prof[data-match='53'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.47); stroke:var(--color-match5);}
.prof[data-match='54'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.46); stroke:var(--color-match5);}
.prof[data-match='55'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.45); stroke:var(--color-match5);}
.prof[data-match='56'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.44); stroke:var(--color-match5);}
.prof[data-match='57'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.43); stroke:var(--color-match5);}
.prof[data-match='58'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.42); stroke:var(--color-match5);}
.prof[data-match='59'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.41); stroke:var(--color-match5);}
.prof[data-match='60'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.40); stroke:var(--color-match5);}
.prof[data-match='61'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.39); stroke:var(--color-match6);}
.prof[data-match='62'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.38); stroke:var(--color-match6);}
.prof[data-match='63'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.37); stroke:var(--color-match6);}
.prof[data-match='64'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.36); stroke:var(--color-match6);}
.prof[data-match='65'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.35); stroke:var(--color-match6);}
.prof[data-match='66'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.34); stroke:var(--color-match6);}
.prof[data-match='67'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.33); stroke:var(--color-match6);}
.prof[data-match='68'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.32); stroke:var(--color-match6);}
.prof[data-match='69'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.31); stroke:var(--color-match6);}
.prof[data-match='70'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.30); stroke:var(--color-match6);}
.prof[data-match='71'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.29); stroke:var(--color-match7);}
.prof[data-match='72'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.28); stroke:var(--color-match7);}
.prof[data-match='73'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.27); stroke:var(--color-match7);}
.prof[data-match='74'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.26); stroke:var(--color-match7);}
.prof[data-match='75'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.25); stroke:var(--color-match7);}
.prof[data-match='76'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.24); stroke:var(--color-match7);}
.prof[data-match='77'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.23); stroke:var(--color-match7);}
.prof[data-match='78'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.22); stroke:var(--color-match7);}
.prof[data-match='79'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.21); stroke:var(--color-match7);}
.prof[data-match='80'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.20); stroke:var(--color-match7);}
.prof[data-match='81'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.19); stroke:var(--color-match8);}
.prof[data-match='82'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.18); stroke:var(--color-match8);}
.prof[data-match='83'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.17); stroke:var(--color-match8);}
.prof[data-match='84'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.16); stroke:var(--color-match8);}
.prof[data-match='85'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.15); stroke:var(--color-match8);}
.prof[data-match='86'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.14); stroke:var(--color-match8);}
.prof[data-match='87'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.13); stroke:var(--color-match8);}
.prof[data-match='88'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.12); stroke:var(--color-match8);}
.prof[data-match='89'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.11); stroke:var(--color-match8);}
.prof[data-match='90'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.10); stroke:var(--color-match8);}
.prof[data-match='91'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.09); stroke:var(--color-match9);}
.prof[data-match='92'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.08); stroke:var(--color-match9);}
.prof[data-match='93'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.07); stroke:var(--color-match9);}
.prof[data-match='94'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.06); stroke:var(--color-match9);}
.prof[data-match='95'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.05); stroke:var(--color-match9);}
.prof[data-match='96'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.04); stroke:var(--color-match9);}
.prof[data-match='97'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.03); stroke:var(--color-match9);}
.prof[data-match='98'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.02); stroke:var(--color-match9);}
.prof[data-match='99'] .circle-animation{stroke-dashoffset:calc(var(--circle-base) * 0.01); stroke:var(--color-match9);}
.prof[data-match='100'] .circle-animation{stroke:var(--color-match9);}


/*form*/
.form-text,.form-textarea{width:100%; padding:var(--space); background:var(--color-bg-input); border:1px solid var(--color-border-input); border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space); color:var(--color-text);}
.form-text:read-only,.form-textarea:read-only{background:var(--color-bg-gray);}
.form-textarea{height:100px;}
.form-select{position:relative; width:100%;}
.form-select select{appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; width:100%; padding:var(--space) var(--space-2x) var(--space) var(--space); background:var(--color-bg-input); border:1px solid var(--color-border-input); border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space); color:var(--color-text);}
.form-select::after{position:absolute; content:''; width:8px; height:8px; right:12px; top:calc(50% - 2px); transform:translateY(-50%) rotate(45deg); border-bottom:1px solid var(--color-text); border-right:1px solid var(--color-text);}
.form-label{display:inline-flex;align-items:center;}
.form-check{margin:0 var(--space-0xharf) 0 0; width:20px; height:20px;}
.form-box{margin-bottom:var(--space-2x);}
.form-ttl{display:flex; justify-content:space-between; align-items:center; font-size:var(--size-text-l); font-weight:bold; margin:var(--space-0xharf) 0;}
.form-ttl span{font-size:var(--size-text-small); font-weight:normal; color:var(--sub-color); border:1px solid var(--sub-color); padding:var(--space-mini) var(--space-0xharf); border-radius:4px;}
.form-err{color:var(--color-errmsg); font-size:var(--size-text); font-weight:bold; margin:var(--space-0xharf) 0 0;}
.form-list{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.form-desc{font-size:var(--size-text-small); text-align:center; margin-bottom:20px;}
.form-button,.form-file::file-selector-button{cursor:pointer; padding:var(--space-0xharf) var(--space-2x); background:var(--color-bg-input); border:1px solid var(--color-border-input); border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space); color:var(--color-text);}
.form-button:hover{opacity:var(--hover-opacity);}
.form-file{width:-webkit-fill-available;}
.form-file::file-selector-button{margin:var(--space) 0 0;}
.form-image{width:50px; border:2px solid var(--color-bg-input);cursor:pointer;}
.form-image:hover{border:2px solid var(--color-border-ex);}
.form-checkbox{display:none;}
.form-checkbox ~ label{position:relative; display:flex; align-items:center; gap:var(--space-0xharf);}
.form-checkbox ~ label:hover{opacity:unset;}
.form-checkbox ~ label::before{content:""; display:inline-block; width:24px; height:24px; border:1px solid #CCC; border-radius:4px;}
.form-checkbox:checked ~ label::before{background-color:var(--main-color);}
.form-checkbox:checked ~ label::after{content:""; display:block; position:absolute; left:8px; top:2px; width:8px; height:16px; border-right:3px solid #fff; border-bottom:3px solid #fff; transform:rotate(45deg);}
.form-radio{display:none;}
.form-radio + label{cursor:pointer; width:100%; padding:var(--space) var(--space-2x) var(--space) var(--space); background-color:var(--color-bg-input); border:1px solid var(--color-border-input); color:var(--color-text); text-align:center;}
.form-radio:checked + label{background-color:var(--main-color);color:#FFF;}
.form-radio ~ label:first-of-type{border-radius:var(--space) 0 0 var(--space);}
.form-radio ~ label:last-of-type{border-radius:0 var(--space) var(--space) 0;}

/*profile edit*/
.edit-box,.prof-box{display:flex; justify-content:space-between; align-items:center; margin:0 0 20px;}
.chat-box{margin:0 0 20px;}
.chat-box.chat-box-fixed{margin:0; padding:0; position:relative; width:100%; position:fixed; left:0; bottom:var(--size-navi); background-color: var(--color-bg-light); z-index:101;}
.chat-box.chat-box-fixed>.wrap{ margin:0 auto; padding:var(--space) var(--space-2x); width:100%;max-width:500px;position:relative;}

.edit-par,.prof-par{font-size:var(--size-text-l); font-weight:bold;}
.edit-list{width:70%;}
.prof-list{width:65%;}
.chat-list{width:100%;}
.chat-list .btn{width:80px; padding:var(--space);}
.edit-list>.wrap,.prof-list>.wrap,.chat-list>.wrap{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%;}
.chat-list>.wrap{align-items:flex-end;}
.edit-list>.wrap.start,.prof-list>.wrap.start,.chat-list>.wrap.start{justify-content:flex-start;}
.edit-list>.wrap.multiple,.prof-list>.wrap.multiple,.chat-list>.wrap.multiple{margin-bottom:var(--space);}
.edit-list>.wrap.radiobox,.prof-list>.wrap.radiobox,.chat-list>.wrap.radiobox{gap:0;}
.edit-list p,.prof-list p,.chat-list p{font-size:var(--size-text-l);margin:0;}
.edit-ttl,.prof-ttl,.chat-ttl{font-size:var(--size-text-l); font-weight:bold; margin:0; width:30%;}
.edit-ttl{width:30%;}
.prof-ttl{width:35%;}
.chat-ttl{width:100%; margin-bottom:var(--space-0xharf);}
.edit-ttl span,.prof-ttl span,.chat-ttl span,.edit-sub{display:block; font-size:var(--size-text-small); font-weight:normal; color:var(--color-text-weak); margin:0;}
.chat-ttl span{display:inline-block; margin-left:var(--space);}
.edit-tags{color:var(--color-text); margin:0 0 var(--space);}
.edit-tags li{display:none; border-radius:15px; background-color:var(--color-bg-gray); padding:var(--space-mini) var(--space); margin:0 var(--space) var(--space-1xharf) 0; color:var(--color-text-gray); font-size:var(--size-text);}
.edit-tags li input{display:none;}
.edit-tags li input:checked ~ label::after{font-family:'icomoon'; content:"\e927"; padding-left:var(--space);}
.edit-tags li:has(input:checked){display:inline-block;}
.edit-tag-status{display:block; margin-bottom:var(--space-0xharf); text-align:center;}
.edit-tag-status::after{font-family:'icomoon'; content:"\e91d";}
.unsetimage{width:50px; height:50px; background-color:#ccc; display:flex; justify-content:center; align-items:center;}
.unsetimage::before{font-family:'icomoon'; content:"\e926"; color:#fff; font-size:var(--size-text-heading-xl);}

.prof-tags{color:var(--color-text); margin:0 0 var(--space);}
.prof-tags li{display:inline-block; border:2px solid var(--color-bg-gray); border-radius:15px; background-color:var(--color-bg-gray); padding:var(--space-mini) var(--space); margin:0 var(--space) var(--space-1xharf) 0; color:var(--color-text-gray); font-size:var(--size-text);}
.prof-tags li:hover{border:2px solid var(--color-bg-weak); background-color:var(--color-bg-weak);}
.prof-tags li a{text-decoration:none; color:var(--ex-color);}
.prof-tags .on{background-color:var(--color-bg-gray);}
.prof-tags .off{background-color:var(--color-bg-input);}
.prof-tags .tag-match{border:2px solid var(--color-match9);}

.device-box{margin:0 0 var(--space) 0; padding:0 0 var(--space) 0;}
.device-ttl{display:flex;flex-flow:row;justify-content:space-between;}
.device-ttl p{display:flex; align-items:center; margin:0; font-weight:bold; font-size:var(--size-text-l);}
.device-ttl time{display:flex; align-items:center; color:var(--color-text-gray); font-size:var(--size-text); margin:0;}
.device-ttl time::before{font-family:'icomoon';  content:"\e92b"; font-size:var(--size-text-l); margin:var(--space-mini) var(--space-mini) 0 0;}


@media screen and (max-width: 375px){
	.edit-ttl{width:25%;font-size:var(--size-text);}
	.edit-list{width:75%;}
	.edit-list>.wrap{gap:5px;}
	.prof-ttl{font-size:var(--size-text);}
}
@media screen and (max-width: 350px){
    .chat-box.chat-box-fixed>.wrap{ padding:var(--space-0xharf);}
}

/*introvert vote*/
.vote-image{background-size:cover; height:calc(100vh - (var(--size-header) * 2)); background-repeat:no-repeat; background-position:center;}  
.vote-ttl{background:rgb(255, 255, 255, 0.8); padding:var(--space); text-align:center; border-radius:var(--space); color:#000; font-size:var(--size-text-heading);}
.vote-ttl h2{margin:0;}
.vote-btn{position:absolute; bottom:50px; width:calc(100vw - (var(--space-2x) * 2)); max-width:calc(500px - (var(--space-2x) * 2)); display:flex; justify-content:space-between; align-items:center; gap:10px;}

/*dialog*/
.dialog-icon{display:none;}
.dialog-icon:checked ~ dialog.proficon{display:block; z-index:102; top:0;}
.dialog-icon:checked ~ div.dialog-bgcover{display:block;}
.dialog-close{position:absolute; top:var(--space); right:var(--space); color:var(--sub-color); font-weight:bold; font-size:var(--size-text-heading-xl); line-height:var(--size-text-heading-xl); text-decoration:none; border:0; background-color:transparent;}
dialog{max-width: calc(500px - var(--space-2x) * 2);}
dialog.proficon{width:calc(100% - var(--space-2x) * 2); margin:calc(var(--size-header) + 20px) auto 0; padding-top:40px; border:2px solid var(--color-border); background-color:var(--color-bg); max-height:calc(100vh - 170px); position:fixed; overflow-y:scroll;}
dialog.proficon .proficon-image{display:flex; flex-flow:row wrap; justify-content:space-evenly; row-gap:8px;}
dialog.proficon .proficon-image img{width:80px; border:2px solid var(--color-bg-input);cursor:pointer;}
dialog.proficon .proficon-image img:hover{border:2px solid var(--color-border-ex);}
div.dialog-bgcover{z-index:101; display:none; position:fixed; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; top:0; left:0;}
dialog.matched{display:block; z-index:102; top:0; width:calc(100% - var(--space-2x) * 2); margin:var(--space-2x) auto; border:2px solid var(--color-border); background-color:var(--color-bg);}
dialog.matched ~ div.dialog-bgcover{display:block}

/*login*/
#login #main{background-image: linear-gradient(180deg, var(--main-color) 180px, rgba(255, 255, 255, 0) 180px);}
#login .main-head{padding:var(--space-2x) 0;text-align:center;}
#login .main-head img.logo{width:100px;}
#login .main-body{padding:var(--space-2x); text-align:center; background-color:var(--color-bg);border:1px solid var(--color-border); border-radius:var(--space); -moz-border-radius:var(--space); -webkit-border-radius:var(--space);}
#login .main-body .form-text,.form-label{margin-bottom:var(--space-2x);}

/*register*/
ol.stepflow{display:flex; justify-content:center; align-items:flex-start; counter-reset:item; list-style:none; margin:0 0 var(--space-2x); color:var(--main-color);}
ol.stepflow li{text-align:center;}
ol.stepflow.step3 li{position:relative; width:calc(100% / 3);}
ol.stepflow.step4 li{position:relative; width:calc(100% / 4);}
ol.stepflow li::before{counter-increment:item; content:counter(item); display:block; color:var(--main-color); border:1px solid var(--main-color); width:24px; height:24px; border-radius:50%; margin:0 auto 5px; font-size:14px; line-height:20px;}
ol.stepflow li.cnt::before{color:#fff; background-color:var(--main-color);}
ol.stepflow li::after{font-family:'icomoon'; content:"\e91f"; display:block; position:absolute; top:0; right:-10px; color:var(--main-color); font-size:18px;}
ol.stepflow li:last-child::after{content:"";}

/*my*/
.my-prof{display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; background-color:var(--color-bg-light); border-radius:var(--space); padding:var(--space);}
.my-prof .prof{margin-bottom:0;}
.my-prof .my-prof-txt{width:100%;}
.my-prof .prof-txt{font-size:var(--size-text-xl);}
.my-prof .prof-sub-txt{font-size:var(--size-text);}
.prof-badge{display:flex; justify-content:flex-start; align-items:flex-start; gap:5px; margin:var(--space-0xharf); flex-flow:wrap;}
.prof-badge div{display:flex; align-items:center; color:var(--color-bg-strong); font-weight:bold;}
.prof-badge div::before{color:var(--ex-color); font-size:var(--size-text-heading); margin-right:var(--space-mini);}

.my-info{border:1px solid var(--color-border-weak); border-radius:var(--space); margin:var(--space-2x) 0; padding:var(--space);}
.my-info p{color:var(--main-color); font-size:var(--size-text-l); font-weight:bold; margin-bottom:var(--space); display:flex; align-items:center; gap:5px;}
.my-info p::before{font-size:var(--size-text-heading-l);}
.my-info time{display:block; color:var(--color-text-gray); font-size:var(--size-text-small);}
.my-info dl{border-bottom:1px solid var(--color-border-weak); margin-bottom:var(--space-1xharf); padding-bottom:var(--space);}
.my-info dl:last-child{border-bottom:0; margin-bottom:0;}
.my-info dl dt{font-weight:bold;}
.my-info dl dd{font-size:var(--size-text-small); padding-top:var(--space);}

.my-menu{margin:var(--space-2x) 0;}
.my-menu ul{display:flex; flex-flow:row wrap; margin:0;}
.my-menu ul li{width:calc(100% / 4); text-align:center;}

.my-bbs{display:flex; flex-flow:column; gap:10px; border:1px solid var(--color-border); border-radius:var(--space); padding:var(--space); margin-bottom:var(--space-2x);}
.my-bbs a{width:100%; text-decoration:none;}
.my-bbs a.btn{width:auto;}
.my-bbs a:hover{opacity:var(--hover-opacity);}
.my-bbs .wrap{position:relative; width:100%; display:flex; justify-content:flex-start; align-items:flex-start; gap:var(--space);}
.my-bbs .bbs-img img{width:60px; height:60px; object-fit:cover;}
.my-bbs .bbs-info{width:calc(100% - 70px);}
.my-bbs time{display:flex; align-items:center; color:var(--color-text-gray); font-size:var(--size-text); margin:0;}
.my-bbs time::before{font-family:'icomoon';  content:"\e92b"; font-size:var(--size-text-l); margin:var(--space-mini) var(--space-mini) 0 0;}
.my-bbs .bbs-sub{display:flex; justify-content:space-between; gap:var(--space);}
.my-bbs .bbs-cate{display:inline-block; border:1px solid var(--color-bg-strong); background-color:var(--color-bg-strong); border-radius:var(--space-0xharf); padding:var(--space-mini) var(--space); color:#fff; font-size:var(--size-text-small);}
.my-bbs .bbs-ttl{position:relative; margin:var(--space) var(--space-1xharf) var(--space) 0; font-size:var(--size-text-l); font-weight:bold;}
.my-bbs .bbs-ttl::after{font-family:'icomoon'; content:"\e923"; font-size:var(--size-text-heading); position:absolute; top:calc(50% - 10px); right:-10px; color:var(--color-text); line-height:1;}
.my-bbs .bbs-icon{display:flex; justify-content:flex-start; align-items:center; gap:var(--space); color:var(--color-text);}
.my-bbs .bbs-icon div{display:flex; justify-content:flex-start; align-items:flex-start; gap:var(--space-0xharf); font-weight:bold; line-height:1;}
.my-bbs .bbs-icon div::before{font-size:var(--size-text-l);}

.prof-dtl{display:flex; flex-flow:column; gap:10px; background-color:var(--color-bg-light); border-radius:var(--space); padding:var(--space);}
.prof-dtl>.wrap{display:flex; justify-content:flex-start; align-items:flex-start; gap:10px;}
.prof-dtl .prof{margin-bottom:0;}
.prof-dtl .prof-match-bar::after{font-family:'icomoon'; content:"\e91d"; font-size:var(--size-text-l); padding-left:var(--space-0xharf);}

ul.prof-image{display:flex; flex-flow:wrap; margin:0;}
ul.prof-image li{width:calc(100% / 5); height:100%; aspect-ratio:1;}
ul.prof-image li label img{object-fit:cover; width:100%; height:100%;}
ul.prof-image li dialog img{object-fit:contain; width:100%; max-height:50vh;}


/*bbs*/
ul.bbs-image{display:flex; flex-flow:wrap; justify-content:center; margin:calc(250px + var(--space)) 0 var(--space) 0; padding:0;}
ul.bbs-image li{width:calc(100% / 5); height:100%; aspect-ratio:1; margin:0 var(--space-0xharf);}
ul.bbs-image li label{position:relative;}
ul.bbs-image li label img{position:relative; object-fit:cover; width:100%; height:100%; border-top:5px solid var(--color-bg);}
ul.bbs-image li label p.protect{position:absolute; display:flex; align-item:center; justify-content:center; background-color:#000;opacity:0.5;width:100%;height:100%;}
.image-icon{display:none;}
.faceimage{display:none; z-index:100; position:absolute; top:var(--space-2x); left:var(--space-2x); height:250px; text-align:center; width:calc(100% - var(--space-2x) * 2); margin:auto; background-color:var(--color-bg);}
.faceimage img{max-height:250px;}
.image-icon:checked + div.faceimage{display:flex; align-items:center; justify-content:center;}
.image-icon:checked ~ label img{border-top:5px solid var(--color-border);}

.bbs-dtl{font-size:var(--size-text-l);}
.bbs-dtl a{text-decoration:none;}
.bbs-dtl time{display:flex; align-items:center; color:var(--color-text-gray); font-size:var(--size-text-l);}
.bbs-dtl time::before{font-family:'icomoon'; content:"\e92b"; font-size:var(--size-text-xl); margin:var(--space-mini) var(--space-mini) 0 0;}
.bbs-dtl .list-match time{justify-content:flex-end;}
.bbs-dtl .bbs-sub{display:flex; flex-flow:wrap row; gap:var(--space); margin-bottom:var(--space);}
.bbs-dtl .bbs-sub.beetween{flex-flow:row; justify-content:space-between;}
.bbs-dtl .bbs-cate{display:inline-block; border:1px solid var(--color-bg-strong); background-color:var(--color-bg-strong); border-radius:var(--space-0xharf); padding:var(--space-mini) var(--space); color:#fff; font-size:var(--size-text);}
.bbs-dtl .bbs-subcate{display:inline-block; border:1px solid var(--color-bg-strong); border-radius:var(--space-0xharf); padding:var(--space-mini) var(--space); color:var(--color-bg-strong); font-size:var(--size-text);}
.bbs-dtl .bbs-icon{display:flex; justify-content:flex-start; align-items:center; gap:var(--space-2x); color:var(--color-text);}
.bbs-dtl .bbs-icon a{color:var(--color-text);}
.bbs-dtl .bbs-icon a span{text-decoration:underline;}
.bbs-dtl .bbs-icon div{display:flex; justify-content:flex-start; align-items:flex-start; font-size:var(--size-text-l); line-height:1; margin-bottom:var(--space);}
.bbs-dtl .bbs-icon div span{font-weight:bold;}
.bbs-dtl .bbs-icon div::before{font-size:var(--size-text-xl); margin:0 var(--space-mini) 0 0;}
.bbs-dtl .bbs-ttl{margin-bottom:var(--space);}

.bbs-dtl .bbs-prof{background-color:var(--color-bg-light); border-radius:var(--space); padding:var(--space); position:relative; margin-bottom:1em;}
.bbs-dtl .bbs-prof .prof{position:relative;width:100%;display:flex;flex-flow:row; margin-bottom:0; padding-bottom:var(--space);}
.bbs-dtl .bbs-prof .prof::after{font-family:'icomoon'; content:"\e923"; font-size:var(--size-text-heading); position:absolute; top:calc(50% - 5px); right:0; color:var(--color-text); line-height:1;}
.bbs-dtl ul.prof-match-dtl li{background-color:var(--color-bg);}
.bbs-dtl .bbs-prof .act-list{margin:0;}

.bbs-dtl .bbs-area{display:flex; align-items:center; font-size:var(--size-text-l);}
.bbs-dtl .bbs-area::before{font-family:'icomoon'; content:"\e92d"; font-size:var(--size-text-xl); margin:var(--space-mini) var(--space-mini) 0 0;}
.bbs-dtl .bbs-date{display:flex; align-items:center; font-size:var(--size-text-l);}
.bbs-dtl .bbs-date::before{font-family:'icomoon'; content:"\e92c"; font-size:var(--size-text-xl); margin:var(--space-mini) var(--space-mini) 0 0;}
.bbs-dtl .bbs-limit{display:flex; align-items:center; font-size:var(--size-text-l);}
.bbs-dtl .bbs-limit::before{font-family:'icomoon'; content:"\e909"; font-size:var(--size-text-xl); margin:var(--space-mini) var(--space-mini) 0 0;}
.bbs-dtl .bbs-area span,.bbs-dtl .bbs-date span,.bbs-dtl .bbs-limit span{font-weight:bold;}
.bbs-dtl .bbs-text{margin:1em 0;}
.bbs-dtl .act-list{margin:1em 0;}
.bbs-dtl .act-list a.btn-cv3{width:auto; white-space:nowrap;}
.bbs-apply-text{border:1px solid var(--color-border); font-size:var(--size-text); padding:var(--space); color:var(--color-text);}

/*timeline*/
.timeline{font-size:var(--size-text); margin-bottom:var(--size-navi);}
.timeline a{text-decoration:none;}
.timeline time, .timeline time:before{font-size:var(--size-text-small);}
.timeline-ttl{margin-bottom:var(--space-0xharf);}
.timeline-user{font-weight:bold;}
.timeline-user a{color:var(--color-text);}
.timeline-date{color:var(--color-text-gray);}
.timeline-msg{display:inline-block; color:var(--ex-color); background-color:var(--color-bg-weak); border:1px solid var(--color-bg-weak); border-radius:var(--space); margin:0; padding:var(--space-0xharf) var(--space); min-width:100px;}
.timeline-my{text-align:right; margin-bottom:var(--space);}
.timeline-my .timeline-ttl{text-align:right;}
.timeline-my .timeline-msg{text-align:left; margin-left:15%; color:var(--ex-color); background-color:var(--color-bg-weak); border:1px solid var(--color-bg-weak);}
.timeline-your{text-align:left; margin-bottom:var(--space);}
.timeline-your .timeline-ttl{text-align:left;}
.timeline-your .timeline-msg{text-align:left; margin-right:15%; color:#333; background-color:var(--color-bg-gray); border:1px solid var(--color-bg-gray);}
.timeline-status{text-align:center; background-color:var(--color-bg-light); border-radius:var(--space); display:table; margin:0 auto var(--space); padding:0 var(--space) var(--space-0xharf);}
.timeline-status-ttl{font-size:var(--size-text-small); color:var(--color-text);}
.timeline-status-ttl a{text-decoration:underline; color:var(--color-text);}
.timeline-hr{display:flex; align-items:center; font-size:var(--size-text-small); color:var(--color-text-gray); margin-bottom:var(--space);}
.timeline-hr:before,.timeline-hr:after{ content:""; height:1px; flex-grow:1; background-color:var(--color-text-gray);}
.timeline-hr:before{margin-right:var(--space); text-align:right;}
.timeline-hr:after{margin-left:var(--space); text-align:left;}
.timeline-hr.oldload:before,.timeline-hr.oldload:after{font-family:'icomoon'; content:"\e91c"; font-size:var(--size-text-xl); height:auto; background-color:unset;}
.timeline-hr.newload:before,.timeline-hr.newload:after{font-family:'icomoon'; content:"\e91d"; font-size:var(--size-text-xl); height:auto; background-color:unset;}

.msg a{text-decoration:underline; color:var(--ex-color);}
.msg-sub{display:flex; justify-content:space-between; align-items:baseline; color:var(--color-text-gray); font-size:var(--size-text-small);}

.chat-textarea{resize:none; line-height:1.5; width:100%; height:46px; min-height:46px; max-height:150px; overflow-y:auto;}

.bnr{display:flex;}

/*terms*/
.terms h2{margin:1em 0; margin-top:calc(var(--size-header-nega) - 1em); padding-top:calc(var(--size-header) + 1.5em);}
.terms h3,.terms h4{margin:0.75em 0;}
.terms ol,.terms ul{list-style:auto; padding:0 0 0 1em;}
.terms ol>li{list-style-type:decimal;}
.terms ol>li ol>li{list-style:lower-roman;}
.terms ul>li{list-style-type:disc;}
.terms dl dt{font-weight:bold;}
.terms dl dd{margin-bottom:0.5em;}
.terms dl dd:last-child{margin-bottom:0;}

/*accordion*/
.acc-box{position:relative;}
.acc-icon,.acc-body{display:none;}
.acc-ttl label{padding-right:var(--space-2x);}
.acc-ttl label:hover{opacity:unset;}
.acc-ttl label::after{font-family:'icomoon'; content:"\e921"; font-size:var(--size-text-heading); position:absolute; right:0; line-height:1.2;}
.acc-icon:checked ~ .acc-body{display:block;}
.acc-icon:checked ~ .acc-ttl label::after{content:"\e922";}

/*tab*/
.tab-icon,.tab-body{display:none;}
.tabmenu-box{display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--space-2x); text-align:center;}
.tabmenu-box .tab-menu{border-bottom:2px solid var(--color-border-weak); padding:0 var(--space) var(--space); font-size:var(--size-text-l); color:var(--color-text-weak);}
.tabmenu-box.tabcnt2 .tab-menu{width:calc(100% / 2);}
.tabmenu-box.tabcnt3 .tab-menu{width:calc(100% / 3);}
.tabmenu-box.tabcnt4 .tab-menu{width:calc(100% / 4);}
#tab1:checked ~ #tabbody1, #tab2:checked ~ #tabbody2, #tab3:checked ~ #tabbody3, #tab4:checked ~ #tabbody4{display:block;}
#tab1:checked ~ .tabmenu-box #tabmenu1, #tab2:checked ~ .tabmenu-box #tabmenu2, #tab3:checked ~ .tabmenu-box #tabmenu3, #tab4:checked ~ .tabmenu-box #tabmenu4{border-bottom:4px solid var(--color-border-header); font-weight:bold; color:var(--ex-color);}

/*toggle*/
.toggle-input{display:none;}
.toggle-label{width:60px; height:33px; border:2px solid var(--color-btn-gray); position:relative; display:inline-block; border-radius:40px; transition:0.4s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.toggle-label:after{content:""; position:absolute; width:25px; height:25px; border-radius:100%; left:2px; top:2px; z-index:2; background:var(--color-btn-gray); transition:0.4s;}
.toggle-label:hover{opacity:unset;}
.toggle-input:checked + .toggle-label{border:2px solid var(--color-border-ex);}
.toggle-input:checked + .toggle-label:after{ left:29px; background:var(--color-border-ex);}
.toggle-button{position:relative; width:60px; height:33px;}

/*subsc*/
.pay-msg{border:1px solid var(--color-border); color:var(--color-text); padding:var(--space); margin:var(--space-2x) 0; font-weight:bold;}
.pay-msg p:last-child{margin-bottom:0;}
.status-on,.status-off{border-radius:20px; font-size:var(--size-text-small); padding:var(--space-mini) var(--space); white-space:nowrap; height:24px; display:inline-block;}
.status-on{background-color:var(--color-bg-strong);color:#fff;}
.status-off{background-color:var(--color-bg-weak);color:var(--color-text-gray);}
.price{font-size:var(--size-text-heading-l); font-weight:bold;}
.price span{font-size:var(--size-text);}
.price span::before{content:"/"; padding:0 var(--space-mini) 0 var(--space-0xharf);}

/*premium*/
.att-msg{background-color:var(--color-match0); border:2px solid var(--color-match9); border-radius:var(--space); padding:var(--space); color:var(--color-border-header); margin-bottom:var(--space); font-weight:bold;}
.att-msg2{background-color:var(--color-text-gray); border-radius:var(--space); color:#fff; padding:var(--space); margin:var(--space) 0; text-align:center;}
.att-msg a,.att-msg2 a{text-decoration:none;}
.att-ttl-msg{font-weight:bold;}
.att-sub-msg{color:var(--color-text-gray); font-size:var(--size-text-small); font-weight:normal; margin:var(--space) 0 0; text-align:center;}
.att-pink-txt{text-align:center; color:var(--color-match9);}
.att-msg2 .att-sub-msg{color:#fff; font-size:var(--size-text-x-small);}
.att-flex{display:flex; justify-content:space-evenly; align-items:center;}
.att-flex span{font-size:var(--size-text); white-space:nowrap; font-weight:bold;}

.cv-premium{display:flex; flex-flow:row; align-items:end; justify-content:center;}
.cv-premium .bubble{position:relative; color:#FFF; background-color:var(--color-match9); margin-right:15px; padding:5px 10px; white-space:nowrap; font-size:var(--size-text);}
.cv-premium .bubble:after{content:''; width:15px; position:absolute; top:calc(50% - 6px); right:-13px; aspect-ratio:cos(30deg); clip-path:polygon(0 0,100% 50%,0 100%); background-color:var(--color-match9);}
.cv-premium .btns{display:flex; flex-flow:column; align-items:center;}
.cv-premium .btns .catch{font-size:var(--size-text-xl); font-weight:bold; margin-bottom:5px; color:#000; background:linear-gradient(0deg, rgb(255, 255, 0) 30%, transparent 30%); display:flex; align-items:end;}
.cv-premium .btns .catch:before{content:'＼'; font-size:var(--size-text); padding-right:5px; background-color:var(--color-match0);}
.cv-premium .btns .catch:after{content:'／'; font-size:var(--size-text); padding-left:5px; background-color:var(--color-match0);}
.btn-box{position:relative;cursor:pointer; overflow:hidden;border:1px solid #FFF;border-radius:var(--space);box-shadow:0 4px 6px rgba(0,0,0,0.4);}
.btn-box:before{content:''; position:absolute; z-index:100; display:block; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 85%,rgba(255,255,255,0.2) 94%,rgba(255,255,255,0.7) 98%,rgba(255,255,255,0) 100%); width:50px; height:50px; top:-60px; left:-60px; animation-name:shine; animation-delay:0s; animation-duration: 5s;  animation-timing-function: ease-in; animation-iteration-count: infinite; }
.btn-box .btn{z-index:99; display:block; text-align:center; text-decoration:none; background:linear-gradient(135deg, rgba(35, 210, 255, 1) 0.3%, rgba(74, 104, 247, 1) 18.2%, rgba(133, 80, 255, 1) 36.4%, rgba(198, 59, 243, 1) 52.5%, rgba(250, 84, 118, 1) 68.8%, rgba(255, 223, 67, 1) 99.9%); color:#FFF; padding:10px 25px; border:0; border-radius:0; font-weight:bold; font-size:16px;}
.att-msg2 .btn-box .btn{font-size:14px;}
.matched .btn-box .btn{font-size:15px;}
.matched .att-msg{padding:calc(var(--space) - 1px);}
.matched .cv-premium .btns .catch{font-size:var(--size-text-l);}
.matched .cv-premium .btns .catch:before, .matched .cv-premium .btns .catch:after{font-size:var(--size-text-small);}

@media screen and (max-width: 430px){
	.att-msg2 .btn-box .btn{padding:10px;}
	.matched .cv-premium .bubble{font-size: var(--size-text-small);}
	.matched .cv-premium .btns .catch{font-size:var(--size-text);}
	.matched .btn-box .btn{padding:10px;}
}
@media screen and (max-width: 400px){
	.att-flex span{font-size:var(--size-text-small);}
	.cv-premium .bubble{padding:5px;}
	.btn-box .btn{padding:10px 15px;}
	.att-msg2 .btn-box .btn{padding:10px 5px;}

}
@media screen and (max-width: 330px){
	.matched .cv-premium .btns .catch{font-size:var(--size-text-small);}
}


/*mask*/
.mask .icon-transgender:before,.mask .icon-male:before,.mask .icon-female:before{content:'';}
.list-match .mask .prof::after {content:'';}
.mask .prof-icon{background-color:var(--color-text); opacity:0.25; user-select:none;}
.mask .prof-icon::selection{color:var(--color-text);}
.mask .prof-heart{opacity:0;}
.mask .prof-icon img{opacity:0;}
.mask .prof-icon svg{opacity:0;}
.mask .prof-match-bar{background-color:var(--color-match9); opacity:0.25; user-select:none;}
.mask .prof-match-bar::selection{color:var(--color-match9);}
.mask .prof-match-bar-ttl{opacity:0;}
.mask .prof-match-bar-val{opacity:0;}
.mask ul.prof-match-dtl li{background-color:var(--color-text-gray); opacity:0.25; user-select:none;}
.mask ul.prof-match-dtl li::selection{color:var(--color-text-gray);}
.mask .prof-txt{background-color:var(--color-text); opacity:0.25; user-select:none;}
.mask .prof-txt::selection{color:var(--color-text);}
.mask .msg-txt{background-color:var(--color-text); opacity:0.25; user-select:none;}
.mask .msg-txt::selection{color:var(--color-text);}
.mask .chat-prof-txt{background-color:var(--color-text); opacity:0.25; user-select:none;}
.mask .chat-prof-txt::selection{color:var(--color-text);}
.mask .prof-sub-txt,.mask .chat-prof-sub-txt{background-color:var(--main-color); opacity:0.25; user-select:none;}
.mask .prof-sub-txt::selection,.mask .chat-prof-sub-txt::selection{color:var(--main-color);}

/*footer*/
#footer{width:100%; font-size:14px;}
#footer>.wrap{margin:0 auto; width:100%; max-width:1000px; position:relative; display:flex; flex-flow:column; justify-content:center; align-items:center; gap:20px;}
#footer .links{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:15px;}
#footer .links a{text-decoration:none;}
#footer .copy{text-align:center;}
#footer .notification{text-align:center; color:var(--color-text-gray); font-size:var(--size-text); font-weight:normal;}
#footer .notification span{display:inline-block; font-size:var(--size-text-small); font-weight:normal;}

/*LP:start*/
#main.start{margin-bottom:80px;}

.mv{width:100%;height:calc(100dvh - var(--size-header) - var(--size-navi));background-color:#eee;overflow:hidden; position:relative;}
.mv .logo{position:absolute; z-index:100; width:100vw; height:100%; display:flex; flex-flow:column; justify-content:center; align-items:center; padding:0 0 40px 0;}
.mv .logo img{filter:brightness(0) saturate(100%) invert(13%) sepia(50%) saturate(1892%) hue-rotate(161deg) brightness(96%) contrast(102%); width:300px;}
.mv-txt1,.mv-txt2{text-align:center; font-weight:bold; color:#fff; text-shadow: 2px 2px 10px var(--main-color), -2px 2px 10px var(--main-color), 2px -2px 10px var(--main-color), -2px -2px 10px var(--main-color); line-height:1.6;}
.mv-txt1{font-size:var(--size-text-heading-xl); margin:0 0 20px 0;}
.mv-txt2{font-size:var(--size-text-heading); margin:20px 0 0 0;}

.mv ul{position:relative; margin:0; padding:0;}
.mv ul li{position:absolute; margin:0; padding:0;}
.mv ul li:nth-child(1){top:calc(50dvh - 550px); left:calc(50vw - 600px); transform:rotate(10deg);}
.mv ul li:nth-child(2){top:calc(50dvh - 520px); right:calc(50vw - 350px); transform:rotate(10deg);}
.mv ul li:nth-child(3){top:calc(50dvh - 420px); left:calc(50vw - 400px); transform:rotate(0deg);}
.mv ul li:nth-child(4){top:calc(50dvh - 400px); right:calc(50vw - 880px); transform:rotate(0deg);}
.mv ul li:nth-child(5){top:calc(50dvh - 570px); left:calc(50vw - 250px); transform:rotate(-5deg);}
.mv ul li:nth-child(6){top:calc(50dvh - 280px); right:calc(50vw - 410px); transform:rotate(-15deg);}
.mv ul li:nth-child(7){top:calc(50dvh + 300px); left:calc(50vw - 700px); transform:rotate(10deg);}
.mv ul li:nth-child(8){top:calc(50dvh - 160px); left:calc(50vw - 430px); transform:rotate(-5deg);}
.mv ul li:nth-child(9){top:calc(50dvh - 110px); right:calc(50vw - 580px); transform:rotate(10deg);}
.mv ul li:nth-child(10){top:calc(50dvh - 600px); left:calc(50vw - 900px); transform:rotate(-5deg);}
.mv ul li:nth-child(11){top:calc(50dvh + 0px); left:calc(50vw - 800px); transform:rotate(0deg);}
.mv ul li:nth-child(12){top:calc(50dvh + 160px); left:calc(50vw - 220px); transform:rotate(5deg);}
.mv ul li:nth-child(13){top:calc(50dvh + 270px); right:calc(50vw - 680px); transform:rotate(20deg);}
.mv ul li:nth-child(14){top:calc(50dvh - 150px); right:calc(50vw - 1150px); transform:rotate(10deg);}
.mv ul li:nth-child(15){top:calc(50dvh - 170px); left:calc(50vw - 1040px); transform:rotate(10deg);}
.mv ul li:nth-child(16){top:calc(50dvh - 500px); left:calc(50vw - 60px); transform:rotate(0deg);}
.mv ul li:nth-child(17){top:calc(50dvh - 540px); right:calc(50vw - 620px); transform:rotate(5deg);}
.mv ul li:nth-child(18){top:calc(50dvh - 250px); left:calc(50vw - 700px); transform:rotate(-15deg);}
.mv ul li:nth-child(19){top:calc(50dvh - 40px); right:calc(50vw - 860px); transform:rotate(-5deg);}
.mv ul li:nth-child(20){top:calc(50dvh + 120px); right:calc(50vw - 410px); transform:rotate(5deg);}
.mv ul li:nth-child(21){top:calc(50dvh + 150px); right:calc(50vw - 200px); transform:rotate(-20deg);}
.mv ul li:nth-child(22){top:calc(50dvh + 110px); left:calc(50vw - 470px); transform:rotate(-10deg);}
.mv ul li img{width:200px;}

#content{margin-top:calc(var(--size-header-nega)) !important; padding-top:calc(var(--size-header)) !important;}
.topMainScroll{position:absolute; z-index:100; bottom:30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); color:var(--main-color); animation:arrow-move 2s 0.7s infinite;}
.topMainScroll a{display:block; font-size:9px; letter-spacing:0.15em; color:var(--main-color);}
.topMainScroll svg{width:40px;}
.topMainScroll svg path{fill:var(--main-color);}
@keyframes arrow-move{0%{bottom:35px}50%{bottom:25px}100%{bottom:35px}}

@media screen and (max-width:600px) {
	.mv .logo img{width:150px;}
	.mv-txt1{font-size:var(--size-text-heading); margin:0 0 1em 0;}
	.mv-txt2{font-size:var(--size-text-l); margin:1em 0 0 0;}

	.mv ul li:nth-child(1){top:calc(50dvh - 480px); left:calc(50vw - 90px); transform:rotate(10deg);}
	.mv ul li:nth-child(2){top:calc(50dvh - 300px); right:calc(50vw - 175px); transform:rotate(10deg);}
	.mv ul li:nth-child(3){top:calc(50dvh - 250px); left:calc(50vw - 200px); transform:rotate(0deg);}
	.mv ul li:nth-child(4){top:calc(50dvh - 450px); right:calc(50vw - 260px); transform:rotate(0deg);}
	.mv ul li:nth-child(5){top:calc(50dvh - 325px); left:calc(50vw - 125px); transform:rotate(-5deg);}
	.mv ul li:nth-child(6){top:calc(50dvh - 180px); right:calc(50vw - 205px); transform:rotate(-15deg);}
	.mv ul li:nth-child(7){top:calc(50dvh + 180px); left:calc(50vw - 170px); transform:rotate(10deg);}
	.mv ul li:nth-child(8){top:calc(50dvh - 120px); left:calc(50vw - 215px); transform:rotate(-5deg);}
	.mv ul li:nth-child(9){top:calc(50dvh - 95px); right:calc(50vw - 290px); transform:rotate(10deg);}
	.mv ul li:nth-child(10){top:calc(50dvh - 440px); left:calc(50vw - 210px); transform:rotate(-5deg);}
	.mv ul li:nth-child(11){top:calc(50dvh + 180px); left:calc(50vw - 50px); transform:rotate(0deg);}
	.mv ul li:nth-child(12){top:calc(50dvh + 30px); left:calc(50vw - 110px); transform:rotate(5deg);}
	.mv ul li:nth-child(13){top:calc(50dvh + 170px); right:calc(50vw - 180px); transform:rotate(20deg);}
	.mv ul li:nth-child(14){top:calc(50dvh - 270px); right:calc(50vw - 310px); transform:rotate(10deg);}
	.mv ul li:nth-child(15){top:calc(50dvh + 185px); left:calc(50vw - 280px); transform:rotate(10deg);}
	.mv ul li:nth-child(16){top:calc(50dvh - 290px); left:calc(50vw - 30px); transform:rotate(0deg);}
	.mv ul li:nth-child(17){top:calc(50dvh - 460px); right:calc(50vw - 130px); transform:rotate(5deg);}
	.mv ul li:nth-child(18){top:calc(50dvh - 320px); left:calc(50vw - 300px); transform:rotate(-15deg);}
	.mv ul li:nth-child(19){top:calc(50dvh + 110px); right:calc(50vw - 290px); transform:rotate(-5deg);}
	.mv ul li:nth-child(20){top:calc(50dvh - 10px); right:calc(50vw - 190px); transform:rotate(5deg);}
	.mv ul li:nth-child(21){top:calc(50dvh + 25px); right:calc(50vw - 100px); transform:rotate(-20deg);}
	.mv ul li:nth-child(22){top:calc(50dvh + 25px); left:calc(50vw - 235px); transform:rotate(-10deg);}
	.mv ul li img{width:100px;}
}

.start section{padding:40px 0 0;}
.start mark{background: linear-gradient(0deg, rgb(255, 255, 0) 30%, transparent 30%);}

.start ul.col3{display:flex; flex-flow:row; gap:var(--space-2x); padding-bottom:var(--space-2x); margin-bottom:0;}
.start ul.col3>li{text-align:center; line-height:1.6; width:calc(100% / 3); background-color:var(--color-bg-light); padding:var(--space-2x); border-radius:var(--space-0xharf); font-size:var(--size-text-l);}
.start ul.col3>li img{margin-bottom:var(--space-2x);}
.start ul.col3>li p{margin-bottom:0; word-break:keep-all; overflow-wrap:anywhere;}

.start .concl{font-size:var(--size-text-xl); font-weight:bold; text-align:center; margin:var(--space-2x) auto; line-height:1.8; word-break:keep-all; overflow-wrap:anywhere;}
.start .concl span.num{font-size:40px; line-height:1; width:46px; height:46px; display:block; margin:0 auto var(--space-0xharf); padding:0; border-radius:50%; text-align:center; background-color:var(--color-border); color:#fff;}
.start blockquote{font-size:var(--size-text-small); text-align:right; color:var(--color-text-gray); margin-bottom:var(--space-3x);}

.pricecard, .pricecampaign{width:100%;max-width:600px; margin:0 auto; text-align:center; font-size:var(--size-text-xl);}
.pricecampaign{text-align:right;}
.pricecard tr th,.pricecard tr td{padding:var(--space-0xharf); word-break:keep-all;}
.pricecard tr th:nth-child(2),.pricecard tr th:nth-child(3){width:28%;max-width:80px;}
.pricecard thead tr th,.pricecard thead tr td{border-bottom: 2px solid var(--color-border-weak);}
.pricecard tfoot tr th,.pricecard tfoot tr td{border-top: 2px solid var(--color-border-weak);}
.pricecard tbody tr th,.pricecard tbody tr td{border-bottom: 1px solid var(--color-border-weak);}
.pricecard tbody tr:last-child th,.pricecard tbody tr:last-child td{border-bottom:0;}
.pricecard tr th:nth-child(1){border-right:2px solid var(--color-border-weak);}
.pricecard tr th:nth-child(2), .pricecard tr td:nth-child(2){border-right:2px solid var(--color-border-weak);}
.pricecard tr td span{display:block; font-size:var(--size-text);}
.pricecard tr td strong{font-size:var(--size-text-heading-xl); color:var(--color-errmsg); padding:0 var(--space-mini);}
.pricecard tfoot tr td p{margin-bottom:1em;}
.pricecard tfoot tr td p:last-child{margin-bottom:0;}
.pricecard tfoot tr td span strong{font-size:var(--size-text);}

.balloon{position:relative; display:inline-block; margin:1.5em 0; padding:var(--space) var(--space-2x); min-width:120px; max-width:100%; color:var(--color-match9); background:var(--color-match0); border:2px solid var(--color-match0); box-sizing:border-box;}
.balloon:before{content:""; position:absolute; z-index:2; top:-28px; right:25%; margin-right:-15px; border:14px solid transparent; border-bottom:16px solid var(--color-match0);}
.balloon:after{content:""; position:absolute; z-index:1; top:-34px; right:25%; margin-right:-17px; border:16px solid transparent; border-bottom:18px solid var(--color-match0);}
.balloon p{margin:0; padding:0;text-align:center;font-weight:bold;}
.balloon p mark{color:var(--color-match9);}

.start .cv{color:#FFF; text-align:center; margin:0 auto; font-size:var(--size-text-xl); padding:var(--space-3x) 0; background-color:var(--color-border-header);}
.start .cv p{font-size:20px;}
.start .cv .btn{width:300px; background:linear-gradient(135deg, rgba(35, 210, 255, 1) 0.3%, rgba(74, 104, 247, 1) 18.2%, rgba(133, 80, 255, 1) 36.4%, rgba(198, 59, 243, 1) 52.5%, rgba(250, 84, 118, 1) 68.8%, rgba(255, 223, 67, 1) 99.9%); color:#FFF; border:2px solid #FFF; padding:20px;}

a.lp-cv-box{text-decoration:none;width:100%;}
.lp-cv-box .btn-box{position:relative;cursor:pointer;overflow:hidden;}
.lp-cv-box .btn-box:before{content:''; position:absolute; z-index:100; display:block; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 85%,rgba(255,255,255,0.2) 94%,rgba(255,255,255,0.7) 98%,rgba(255,255,255,0) 100%); width:50px; height:50px; top:-60px; left:-60px; animation-name:shine; animation-delay:10s; animation-duration:5s;  animation-timing-function: ease-in; animation-iteration-count: infinite; }
.lp-cv-box .btn-box .btn.btn-cv5{background: var(--color-match9);}

.slider{width:calc(100% - 72px); margin:0 auto;}
.slick-prev, .slick-next{width:26px; height:auto;}
[dir='rtl'] .slick-next{left:-36px;}
[dir='rtl'] .slick-prev{right:-36px;}
[dir='rtl'] .slick-prev:before, [dir='rtl'] .slick-next:before{color:var(--color-border-ex); font-size:26px; font-weight:bold; border:1px solid var(--color-border-ex); padding:10px 0;}
[dir='rtl'] .slick-prev:before{font-family:'icomoon'; content:"\e923"; color:var(--color-btn-gray); border:1px solid var(--color-btn-gray);}
[dir='rtl'] .slick-next:before{font-family:'icomoon'; content:"\e920";}
.slick-dots li button:before{font-size:10px;}

@media screen and (max-width:700px) {
	.start ul.col3>li p{word-break:break-all;}
}

@media screen and (max-width:600px) {
	.pricecard{font-size:var(--size-text-l);}
	.pricecard tr td span{font-size:var(--size-text-x-small);}
	.balloon:before, .balloon:after{right:13vw;}
	.start ul.col3>li{padding:var(--space); font-size:var(--size-text);}
	.start ul.col3>li img{margin-bottom:var(--space);}
}
@media screen and (max-width:500px) {
	.start ul.col3{flex-flow:column; gap:var(--space-2x);}
	.start ul.col3>li{width:100%; display:flex; flex-flow:row; align-items:center; gap:var(--space); padding:var(--space); text-align:left;}
	.start ul.col3>li img{width:40%; height:40%; margin-bottom:0;}
	.start ul.col3>li p{word-break:keep-all;}
	.start .concl span.num{width:46px; height:46px; display:block; margin:0 auto var(--space-0xharf); padding:0; border-radius:50%; text-align:center; background-color:var(--color-border); color:#fff;}
	.start .concl span.num:after{content:"";}
}
@media screen and (max-width:390px) {
	.balloon{padding:var(--space);}
}

/*animation*/
@keyframes shine{
    0%{transform:scale(0) rotate(50deg); opacity:0;}
	40%{transform:scale(1) rotate(50deg); opacity:1;}
    100%{transform:scale(250) rotate(50deg); opacity:0;}
}

html {
  scroll-padding-top: 80px;
}
.form-icon-image {
  width: 50px;
}
.form-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  display: block;
}
.image-preview-area {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.form-select-close {
  color: var(--sub-color);
  font-weight: bold;
  font-size: var(--size-text-heading-xl);
  line-height: var(--size-text-heading-xl);
  text-decoration: none;
  border: 0;
  background-color: transparent;
  padding: 0;
}

.wrap-flash {
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  padding: var(--space-2x) var(--space-2x) 0;
}

.act-list form{display:contents;}

.slider .slick-list{height:auto !important;}
.slider .slick-track{display:flex;}
.slider .slick-slide{height:auto;}
.slider .slick-slide img{width:100%; height:auto; display:block;}
/*





 */