@charset "UTF-8";

/*--------------------↓ALL     ↓--------------------*/

* {box-sizing:border-box;}
html {scroll-behavior:smooth; font-size:10px;}
body {width:100%; height:100%; margin:0; padding:0; font-size:1.6rem; line-height:1.5; font-family: "BIZ UDPGothic", "Meiryo", sans-serif;}

main {letter-spacing:.1em;}
main, footer {display:block; z-index:10; position:relative; width:100%;}

/* スクロールバー */
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb {background:#d7effc; border-radius:5px;}


/* リンク */
a {display:inline-block; font-weight:bolder; text-decoration:none;}
a:hover, a:active {filter:brightness(0.9);}

/* 画像 */
img {max-width:100%;}

/* 線 */
hr {width:200px; margin:20px auto; border-width:0 0 8px; border-style:solid; border-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="rgba(100, 84, 68, 1)" cx="1" cy="0.3" r="0.3"/></svg>') 0 0 100% repeat;}


/* その他 */
input {-webkit-appearance:none;}
li {list-style:none;}
address{font-style:normal;}

section {margin:90px 0; padding:10px;}
section > div {max-width:1200px; margin:-80px auto;}



/*--------------------↑ALL     ↑--------------------*/
/*--------------------↓COLOR   ↓--------------------*/

/*-- 文字・背景 --*/
/* 黒 */body, a, .cN {color:#3b3732;} .bN {background:#3b3732;}
/* 白 */.cW {color:#fdfdfd;} body, .bW {background:#fdfdfd;}

/* 青 */.cB {color:#19b4e8;} .bB, .hB:before {background:#19b4e8;} .bC {background:#d7effc;}
/* 黄 */.cY {color:#fbec6a;} .hY:before {background:#fff06d;} .bY {background:#fff8ba;}

/* 桃 */.cP {color:#f09cda;} .hP:before {background:#f09cda;} .bP {background:#fee7f8;}
/* 緑 */.cG {color:#a1d459;} .hG:before {background:#a1d459;} .bG {background:#e7facc;}

/* 橙 */.cO {color:#ff9d24;} .hO:before {background:#ff9d24;} .bO {background:#ffd6ad;}
/* 灰 */.bE {background:#eee;} .hE:before {background:#888;}



/*-- 反転 --*/
::selection {background:rgba(220,210,190,.5);}

/*-- 枠線 --*/
.lineB {border:solid 2px #19b4e8;}
.lineC {border:solid 2px #d7effc;}
.lineP {border:solid 2px #f09cda;}
.lineG {border:solid 2px #a1d459;}
.lineO {border:solid 2px #ff9d24;}
.lineY {border:solid 2px #fbec6a;}
.lineN {border:solid 2px #3b3732;}
.lineW {border:solid 2px #fdfdfd;}
.lineE {border:solid 2px #aaaaaa;}


/*-- 左線 --*/
.lineSB {border-left:solid 8px #19b4e8;}
.lineSC {border-left:solid 8px #d7effc;}
.lineSP {border-left:solid 8px #f09cda;}
.lineSG {border-left:solid 8px #a1d459;}
.lineSO {border-left:solid 8px #ff9d24;}
.lineSY {border-left:solid 8px #fbec6a;}
.lineSN {border-left:solid 8px #3b3732;}
.lineSW {border-left:solid 8px #fdfdfd;}
.lineSE {border-left:solid 8px #aaaaaa;}

/*-- 下線 --*/
.lineU a {margin:5px; border:solid 2px rgba(255,255,255,0);}
.lineU a:hover, .lineU a:active {border-bottom:dashed 2px #3b3732;}
.lineS {text-decoration:underline; text-decoration-color:#3b3732; text-decoration-thickness:2px;}
.lineBB {background:linear-gradient(transparent 60%, #d7effc 60%); padding:3px;}

/*-- ダイヤ --*/
.dia a:before {content:"◆ "; color:#fff06d;}



/* 見出し */
h1, h3, h4, h5 {position:relative; margin:0; padding:10px; letter-spacing:.15em;}

/* 左　◆青黄 */
h1 {margin-bottom:32px; margin-left:18px; padding:16px 0 16px 36px; background:#d7effc; font-size:22px;}
h1:before {position:absolute; top:-8px; left:-24px; content:"■"; margin:0; padding:0; font-size:54px; color:#19b4e8; opacity:0.7;}

/* 中央　下線角丸 */
h3 {padding-top:20px;}
h3:before {position:absolute; content:""; left:calc(50% - 25px); bottom:-8px; width:50px; height:5px; border-radius:2px;}

/*  */
h4 {border-bottom:dashed 2px #19b4e8; margin:16px 0; padding:0 0 0 30px;}
h4:before {content:"□"; position:absolute; top:-6px; left:0; font-size:24px; color:#19b4e8;}

/* 左　●黄 */
h5 {display:inline-block; padding-left:10px;}
h5::before {z-index:-1; position:absolute; top:0em; left:0px; content:"●"; color:#fff06d; font-size:32px;}

/* 左線 */
.h4B, .h4P, .h4G {margin-top:0; padding-left:8px;}
.h4B {border-left:solid 8px #19b4e8;}
.h4P {border-left:solid 8px #f09cda;}
.h4G {border-left:solid 8px #a1d459;}


/*--------------------↑COLOR   ↑--------------------*/
/*--------------------↓function↓--------------------*/
/* display */
.d-bl {display:block;}
.d-in {display:inline-block;}

/* 文字サイズ・太さ・位置 */
.t12 {font-size:1.2rem;}
.t14 {font-size:1.4rem;}
.t00 {font-size:1rem;}
h5, .t18 {font-size:1.8rem;}
h3, .t20 {font-size:2rem;}
h1, .t22 {font-size:2.2rem;}
.t32 {font-size:3.2rem;}

.pa8-16 {padding:8px 16px;}
.pa2-4 {padding:2px 4px;}
.pa0-8 {padding:0 8px;}
.ma24-8 {margin:24px 8px;}
.ma8-16 {margin:8px 16px;}
.ma2-4 {margin:2px 4px;}
.ma2-0 {margin:2px 0;}
.LH1 {line-height:1;}

h1, h3, h4, h5, .bold {font-weight:bolder;}

h1, .left {text-align:left;}
body, .center {text-align:center;}
.right {text-align:right;}
.rotate {transform: rotate(90deg); display:inline-block;}

/*-- 角丸 --*/
.radius {border-radius:3px;}

/* 影 */
.b-shadow {box-shadow:0 0 5px rgba(0,0,0,.5);}
.t-shadow {text-shadow:0 0 5px rgba(0,0,0,.5);}

/* 非表示 */
.none {display:none!important;}

/* ﾌﾞﾛｯｸ */
.block {display:block;}

/* flex */
.flex, .flex-mi, .flex-ce, .flex-re, .flex-er, .flex-wr {display:flex;}
/* 上下中央寄せ */
.flex-mi {align-items:center;}
/* 上下左右中央寄せ */
.flex-ce {justify-content:center; align-items:center;}
/* PC横2列・スマホ縦1列 */
.flex-re {flex-direction:column; justify-content:center;}
/* PC縦1列・スマホ横2列 */
.flex-er {flex-direction:row;}
/* 折り返し */
.flex-wr {justify-content:center; align-items:center; flex-wrap:wrap;}


/* 印刷範囲指定 */
@media print {
.print-off {display:none;}
}
/*--------------------↑function↑--------------------*/
/*--------------------↓HEADER  ↓--------------------*/

header {display:block; z-index:900; position:fixed; top:0; left:0; width:100%; height:45px;}
header .flex-er {justify-content:flex-end;}
header > div {width:50%;}
#toplogo {height:100%; margin-left:10px;}
#toplogo img {max-height:35px; height:100%;}

/* 横並びアイコン */
#toptell, #topmail {margin:5px 2px; width:35px; height:35px; box-sizing:border-box;}
#topmail {margin-right:5px;}
#toptell img, #topmail img {width:18px; height:18px; vertical-align:middle;}
#toptell span, #topmail span {display:none;}

/*--------------------↑HEADER  ↑--------------------*/
/*--------------------↓FOOTER  ↓--------------------*/

footer {padding:10px; font-size:13px;}
#sitemap {padding:0;}
#sitemap div {max-width:50%; margin:0 auto 10px;}
#sitemap a {margin:5px 0;}

/*--------------------↑FOOTER  ↑--------------------*/
/*--------------------Responsive750 PC用--------------------*/
@media screen and (min-width:750px){

/* function */
.flex-re {flex-direction:row;}
.flex-er {flex-direction:column;}

/* HEADER */
header {height:70px;}
#topmail, #toptell {max-width:90%; width:150px; height:30px; margin:5px 10px 2px auto; font-size:12px; line-height:16px;}
#topmail {margin:2px 10px 5px auto;}
#toptell img, #topmail img {width:16px; height:16px;}
#toptell span, #topmail span {display:inline-block;}

/* FOOTER */
#sitemap {width:380px; margin:0 auto;}

}

/* スマホ用 */
@media screen and (max-width:750px){

.pc-only {display:none;}


}