@charset "UTF-8";

/*************************
font_import
*************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*************************
reset style　＆　CMS unique style
*************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body.noscroll{overflow:hidden}.iframe{width:100%;height:100%}.overlay{position:fixed;top:0;left:0;height:100vh;width:100%}.overlay.hidden{top:-100vh}#header.fixed{top:0;height:48px;position:sticky;box-shadow:0 2px 10px #2121211a}#header,#footer{overflow:hidden}@media screen and (min-width: 768px){#header.fixed{height:64px}}

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

#header {
	position: relative;
	z-index: 100;
}

#drawer.overlay,
#search-modal.overlay { z-index: 101; }

#drawer.overlay.hidden,
#search-modal.overlay.hidden {
	opacity: 0;
	z-index: 0;
}

/* 以下へページ固有のスタイル記述していく */

/*************************
custom properties
*************************/

#LP {
	--lp-color_black: #444;
	--lp-color_gray: #dfdfdf;
	--lp-color_off-white: #f0f0f0;
	--lp-color_light-pink: #feeeef;
    --lp-color_dark-pink: #ef7b85;
}

/*************************
main
SP_layout（980px未満）
*************************/

#LP {
    color: var(--lp-color_black);
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: -.025em;
    line-height: 1.6;
    width: 100%;
    height: auto;
}

#LP ::selection { background-color: var(--lp-color_gray);}

#LP img {
	user-select: none;
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

#LP time,
#LP span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

#LP .fa {
    font-family: FontAwesome !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-left: .25em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#LP a {
    color: #444;
    text-decoration: none;
}

#LP .policy__inner {
    margin: 0 auto;
    padding: 3em 0 6em 0;
    width: calc(100% - 2em);
    min-height: calc(100vh - 100px);
}

#LP .policy__block:not(:last-of-type) { margin-bottom: 3em; }

#LP .policy__block > *:not(:last-child) { margin-bottom: 1.5em; }

#LP .policy__breadcrumb {
    font-size: 3vw;
    display: flex;
}

#LP .policy__breadcrumb > li { display: inline-block; }

#LP .policy__breadcrumb > li:not(:last-of-type)::after {
    content: '>';
    margin: 0 .75em;
}

#LP .policy__breadcrumb a {
    color: var(--lp-color_dark-pink);
    font-weight: 700;
}

#LP .policy__header {
    background-color: var(--lp-color_light-pink);
    border-left: 5px solid var(--lp-color_dark-pink);
    color: var(--lp-color_dark-pink);
    font-size: 4vw;
    font-weight: 700;
    user-select: none;
    padding: .5em .75em;
    width: 100%;
}

#LP .policy__text {
    font-size: 3vw;
    line-height: 1.8;
    padding: 0 1em;
}

#LP .policy__text a {
    color: var(--lp-color_dark-pink);
    font-weight: 700;
    padding: 0 .25em;
}

#LP .policy__orderList {
    background-color: var(--lp-color_off-white);
    font-size: 3vw;
    letter-spacing: -.05em;
    list-style: decimal;
    padding: 2em 3em;
}

#LP .policy__orderList > li { padding-left: .25em; }
#LP .policy__orderList > li:not(:last-of-type) { margin-bottom: .5em; }

/*************************
main
PC_layout（980px以上）
*************************/

@media screen and (min-width: 980px) {
    #LP .policy__inner { max-width: 980px; }

    #LP .policy__breadcrumb { font-size: 18px; }

    #LP .policy__header { font-size: 24px; }

    #LP .policy__text { font-size: 18px; }

    #LP .policy__orderList { font-size: 14px; }
}