@charset "utf-8";

/********************************************************************************
/*
/* root
/*
/*******************************************************************************/
:root {
	/* カラーパレット */
	--color: #483722;
	--red: #D93832;
	--lorange: #FFE2C0;
	
	/* 特定カラー */
	--at: #D93832; /*注意喚起*/
	--link: #483722;
	--link_blue: #299BFF;
	--txtf: #D93832;
	
	/* フォントファミリー */
	--font: 'YakuHanRPs','fot-tsukuardgothic-std','Noto Sans', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'Osaka', 'MS PGothic', -apple-system, BlinkMacSystemFont, arial, helvetica, sans-serif;
	--en: roboto, sans-serif;
	--hand: rough-love, sans-serif;
	
	/* 大枠 */
	--html-font-size: 62.5%;
	--body-bg: #fff;
	--body-font-size: 1.6rem;
	--body-letter-spacing: 0.05em;
	--body-line-height: 1.6;
	/*22px：1.5、28px：1.95、35px：2.4*/
	--body-text-align: left;
	/*--vw-rem: 0.39262rem;
	--px-rem: 0.1007rem;*/
	--px-spvw: calc( 1 /  375 );

	
	/* セレクタ */
	--sup-font-size: 60%;
	--sup-top: -1em;
	--sub-font-size: 60%;
	--placeholder: #AFAAAA;
	
	/* クラス */
	--kome-padding-left: 1.5em;
	--kome-text-indent: -1.5em;
	--komeblock-padding-left: 1.5em;
	--komeblock-text-indent: -1.5em;
	--hosoku: 1.2rem;
	--txtl: 120%;
	--txtm: 100%;
	--txtms: 90%;
	--txts: 70%;
	--sent: 2em;

	/* アニメーション */
	--transition: 0.5s;
}


/********************************************************************************
/*
/* reset
/*
/*******************************************************************************/
/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
:where(:not(audio,canvas,html,iframe,img,svg,video,clipPath,path,svg,symbol)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}menu,ol,summary,ul{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
大枠 */

:where(:not(a, audio, canvas, html, iframe, img, svg, video):not(svg, symbol)) {vertical-align: bottom}
html{font-size:var(--html-font-size);-moz-text-size-adjust:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-y:scroll;margin:0;padding:0;border:0;text-align:left;}
body,select{color:var(--color);background:var(--body-bg);font-size:var(--body-font-size);letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);overflow-wrap:break-word;word-wrap:break-word;word-break:normal;text-align:var(--body-text-align)}
body{margin:0;padding:0;border:0;overflow: clip;}
body * { font-family: 'YakuHanRPs','fot-tsukuardgothic-std','Noto Sans', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'Osaka', 'MS PGothic', -apple-system, BlinkMacSystemFont, arial, helvetica, sans-serif; }
#wrapper{position:relative;}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
ふわっとフェードイン */
.sa{opacity:0;transition:all 2s ease}
.sa.show{opacity:1;transform:none}
.sa--lr{transform:translate(-35px,0)}
.sa--rl{transform:translate(35px,0)}
.sa--up{transform:translate(0,35px)}
.sa--down{transform:translate(0,-35px)}
.sa--scaleUp{transform:scale(0.5)}
.sa--scaleDown{transform:scale(1.5)}

.sa--rotateL{transform:rotate(180deg)}
.sa--rotateR{transform:rotate(-180deg)}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
セレクタ */

/*------------------------------------------------------------------------------
フォーム */

input[type=text],select,textarea{border:1px solid #ccc}
input[type=button],input[type=submit]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;box-sizing:border-box;cursor:pointer}
input[type="button"]::-webkit-search-decoration,input[type="submit"]::-webkit-search-decoration{display:none}
input[type="button"]:focus,input[type="submit"]:focus{outline-offset:-2px}
input[type=checkbox],input[type=radio]{vertical-align:middle}
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:var(--placeholder)}
::placeholder{color:var(--placeholder)}


/*------------------------------------------------------------------------------
個別セレクタ */

table{border-spacing:0;width:100%}
a,a dd,a div,a img,a li,a p,a:hover,a:hover div,a:hover img,a:hover p{-webkit-backface-visibility:hidden;backface-visibility:hidden}
a:focus{outline:0}
img{width:100%;height:auto;margin:0;padding:0;display:block}
sup{font-size:var(--sup-font-size);vertical-align:middle;position:relative;top:var(--sup-top)}
sub{font-size:var(--sub-font-size);vertical-align:baseline;position:relative}	
.bold,.strong{font-weight:700}
a{display:inline-block;text-decoration:underline;color:var(--link);opacity:1;transition:.5s ease}
main a{color:var(--link_blue)}
a img{backface-visibility:hidden}
canvas.apng-image{width:100%}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
クラス */

.kome{padding-left:var(--kome-padding-left);text-indent:var(--kome-text-indent)}
.kome_block{padding-left:var(--komeblock-padding-left);text-indent:var(--komeblock-text-indent);display:block}
.kome *{text-indent:0}
.hosoku{font-size:var(--hosoku)}
.txtl,.txtm,.txtms,.txts{vertical-align:baseline}
.txtl{font-size:var(--txtl)}
.txtm{font-size:var(--txtm)}
.txtms{font-size:var(--txtms)}
.txts{font-size:var(--txts)}
.txtf{color:var(--txtf)}
.txtat{color:var(--at)}
.sent .pstyle+.pstyle,.sent p+.pstyle,.sent p+p{margin-top:var(--sent)}
.txt_none{text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block}
[class*=" iconfont_"]:before,[class^="iconfont_"]:before{vertical-align:baseline;text-decoration:none}
[class*=iconfont_],[class^=iconfont_]{line-height:inherit}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
option */

.tal{text-align:left!important}.tar{text-align:right!important}.tac{text-align:center!important}
.disp_b{display:block!important}.disp_ib{display:inline-block!important}.disp_in{display:inline!important}
.mb00{margin-bottom:0!important}.mt00{margin-top:0!important}
.pb00{padding-bottom:0!important}.pt00{padding-top:0!important}
.clearfix:after,.container:after{content:'';clear:both;display:block;height:0;font-size:0;visibility:hidden}