@charset "UTF-8";

/* basic settings */
* {
    margin:0;
    padding:0;
    box-sizing: border-box;
	font-feature-settings: "palt";
}


html, body {
    width:100%;
    height:100%;
}


body {
    font-size:62.5%;
    line-height:1.8;
    letter-spacing: 1px;
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}


ul, ol, li {
    list-style:none;
}


a {
    text-decoration:none;
}


table, th, td {
    border:none;
}


/* width settings */
/* fixed width */
.w1 { width:1% !important;}
.w2 { width:2% !important;}
.w3 { width:3% !important;}
.w4 { width:4% !important;}
.w5 { width:5% !important;}
.w6 { width:6% !important;}
.w7 { width:7% !important;}
.w8 { width:8% !important;}
.w9 { width:9% !important;}
.w10 { width:10% !important;}
.w11 { width:11% !important;}
.w12 { width:12% !important;}
.w13 { width:13% !important;}
.w14 { width:14% !important;}
.w15 { width:15% !important;}
.w16 { width:16% !important;}
.w17 { width:17% !important;}
.w18 { width:18% !important;}
.w19 { width:19% !important;}
.w20 { width:20% !important;}
.w21 { width:21% !important;}
.w22 { width:22% !important;}
.w23 { width:23% !important;}
.w24 { width:24% !important;}
.w25 { width:25% !important;}
.w26 { width:26% !important;}
.w27 { width:27% !important;}
.w28 { width:28% !important;}
.w29 { width:29% !important;}
.w30 { width:30% !important;}
.w31 { width:31% !important;}
.w32 { width:32% !important;}
.w33 { width:33% !important;}
.w34 { width:34% !important;}
.w35 { width:35% !important;}
.w36 { width:36% !important;}
.w37 { width:37% !important;}
.w38 { width:38% !important;}
.w39 { width:39% !important;}
.w40 { width:40% !important;}
.w41 { width:41% !important;}
.w42 { width:42% !important;}
.w43 { width:43% !important;}
.w44 { width:44% !important;}
.w45 { width:45% !important;}
.w46 { width:46% !important;}
.w47 { width:47% !important;}
.w48 { width:48% !important;}
.w49 { width:49% !important;}
.w50 { width:50% !important;}
.w51 { width:51% !important;}
.w52 { width:52% !important;}
.w53 { width:53% !important;}
.w54 { width:54% !important;}
.w55 { width:55% !important;}
.w56 { width:56% !important;}
.w57 { width:57% !important;}
.w58 { width:58% !important;}
.w59 { width:59% !important;}
.w60 { width:60% !important;}
.w61 { width:61% !important;}
.w62 { width:62% !important;}
.w63 { width:63% !important;}
.w64 { width:64% !important;}
.w65 { width:65% !important;}
.w66 { width:66% !important;}
.w67 { width:67% !important;}
.w68 { width:68% !important;}
.w69 { width:69% !important;}
.w70 { width:70% !important;}
.w71 { width:71% !important;}
.w72 { width:72% !important;}
.w73 { width:73% !important;}
.w74 { width:74% !important;}
.w75 { width:75% !important;}
.w76 { width:76% !important;}
.w77 { width:77% !important;}
.w78 { width:78% !important;}
.w79 { width:79% !important;}
.w80 { width:80% !important;}
.w81 { width:81% !important;}
.w82 { width:82% !important;}
.w83 { width:83% !important;}
.w84 { width:84% !important;}
.w85 { width:85% !important;}
.w86 { width:86% !important;}
.w87 { width:87% !important;}
.w88 { width:88% !important;}
.w89 { width:89% !important;}
.w90 { width:90% !important;}
.w91 { width:91% !important;}
.w92 { width:92% !important;}
.w93 { width:93% !important;}
.w94 { width:94% !important;}
.w95 { width:95% !important;}
.w96 { width:96% !important;}
.w97 { width:97% !important;}
.w98 { width:98% !important;}
.w99 { width:99% !important;}
.w100 { width:100% !important;}


/* responsive with for large tablet */
.w1ltab { width:1% !important;}
.w2ltab { width:2% !important;}
.w3ltab { width:3% !important;}
.w4ltab { width:4% !important;}
.w5ltab { width:5% !important;}
.w6ltab { width:6% !important;}
.w7ltab { width:7% !important;}
.w8ltab { width:8% !important;}
.w9ltab { width:9% !important;}
.w10ltab { width:10% !important;}
.w11ltab { width:11% !important;}
.w12ltab { width:12% !important;}
.w13ltab { width:13% !important;}
.w14ltab { width:14% !important;}
.w15ltab { width:15% !important;}
.w16ltab { width:16% !important;}
.w17ltab { width:17% !important;}
.w18ltab { width:18% !important;}
.w19ltab { width:19% !important;}
.w20ltab { width:20% !important;}
.w21ltab { width:21% !important;}
.w22ltab { width:22% !important;}
.w23ltab { width:23% !important;}
.w24ltab { width:24% !important;}
.w25ltab { width:25% !important;}
.w26ltab { width:26% !important;}
.w27ltab { width:27% !important;}
.w28ltab { width:28% !important;}
.w29ltab { width:29% !important;}
.w30ltab { width:30% !important;}
.w31ltab { width:31% !important;}
.w32ltab { width:32% !important;}
.w33ltab { width:33% !important;}
.w34ltab { width:34% !important;}
.w35ltab { width:35% !important;}
.w36ltab { width:36% !important;}
.w37ltab { width:37% !important;}
.w38ltab { width:38% !important;}
.w39ltab { width:39% !important;}
.w40ltab { width:40% !important;}
.w41ltab { width:41% !important;}
.w42ltab { width:42% !important;}
.w43ltab { width:43% !important;}
.w44ltab { width:44% !important;}
.w45ltab { width:45% !important;}
.w46ltab { width:46% !important;}
.w47ltab { width:47% !important;}
.w48ltab { width:48% !important;}
.w49ltab { width:49% !important;}
.w50ltab { width:50% !important;}
.w51ltab { width:51% !important;}
.w52ltab { width:52% !important;}
.w53ltab { width:53% !important;}
.w54ltab { width:54% !important;}
.w55ltab { width:55% !important;}
.w56ltab { width:56% !important;}
.w57ltab { width:57% !important;}
.w58ltab { width:58% !important;}
.w59ltab { width:59% !important;}
.w60ltab { width:60% !important;}
.w61ltab { width:61% !important;}
.w62ltab { width:62% !important;}
.w63ltab { width:63% !important;}
.w64ltab { width:64% !important;}
.w65ltab { width:65% !important;}
.w66ltab { width:66% !important;}
.w67ltab { width:67% !important;}
.w68ltab { width:68% !important;}
.w69ltab { width:69% !important;}
.w70ltab { width:70% !important;}
.w71ltab { width:71% !important;}
.w72ltab { width:72% !important;}
.w73ltab { width:73% !important;}
.w74ltab { width:74% !important;}
.w75ltab { width:75% !important;}
.w76ltab { width:76% !important;}
.w77ltab { width:77% !important;}
.w78ltab { width:78% !important;}
.w79ltab { width:79% !important;}
.w80ltab { width:80% !important;}
.w81ltab { width:81% !important;}
.w82ltab { width:82% !important;}
.w83ltab { width:83% !important;}
.w84ltab { width:84% !important;}
.w85ltab { width:85% !important;}
.w86ltab { width:86% !important;}
.w87ltab { width:87% !important;}
.w88ltab { width:88% !important;}
.w89ltab { width:89% !important;}
.w90ltab { width:90% !important;}
.w91ltab { width:91% !important;}
.w92ltab { width:92% !important;}
.w93ltab { width:93% !important;}
.w94ltab { width:94% !important;}
.w95ltab { width:95% !important;}
.w96ltab { width:96% !important;}
.w97ltab { width:97% !important;}
.w98ltab { width:98% !important;}
.w99ltab { width:99% !important;}

@media all and (max-width:1024px) {
.w1ltab, .w2ltab, .w3ltab, .w4ltab, .w5ltab, .w6ltab, .w7ltab, .w8ltab, .w9ltab, .w10ltab,
.w11ltab, .w12ltab, .w13ltab, .w14ltab, .w15ltab, .w16ltab, .w17ltab, .w18ltab, .w19ltab, .w20ltab,
.w21ltab, .w22ltab, .w23ltab, .w24ltab, .w25ltab, .w26ltab, .w27ltab, .w28ltab, .w29ltab, .w30ltab,
.w31ltab, .w32ltab, .w33ltab, .w34ltab, .w35ltab, .w36ltab, .w37ltab, .w38ltab, .w39ltab, .w40ltab,
.w41ltab, .w42ltab, .w43ltab, .w44ltab, .w45ltab, .w46ltab, .w47ltab, .w48ltab, .w49ltab, .w50ltab,
.w51ltab, .w52ltab, .w53ltab, .w54ltab, .w55ltab, .w56ltab, .w57ltab, .w58ltab, .w59ltab, .w60ltab,
.w61ltab, .w62ltab, .w63ltab, .w64ltab, .w65ltab, .w66ltab, .w67ltab, .w68ltab, .w69ltab, .w70ltab,
.w71ltab, .w72ltab, .w73ltab, .w74ltab, .w75ltab, .w76ltab, .w77ltab, .w78ltab, .w79ltab, .w80ltab,
.w81ltab, .w82ltab, .w83ltab, .w84ltab, .w85ltab, .w86ltab, .w87ltab, .w88ltab, .w89ltab, .w90ltab,
.w91ltab, .w92ltab, .w93ltab, .w94ltab, .w95ltab, .w96ltab, .w97ltab, .w98ltab, .w99ltab { width:100% !important;}
}


/* responsive with for tablet */
.w1tab { width:1% !important;}
.w2tab { width:2% !important;}
.w3tab { width:3% !important;}
.w4tab { width:4% !important;}
.w5tab { width:5% !important;}
.w6tab { width:6% !important;}
.w7tab { width:7% !important;}
.w8tab { width:8% !important;}
.w9tab { width:9% !important;}
.w10tab { width:10% !important;}
.w11tab { width:11% !important;}
.w12tab { width:12% !important;}
.w13tab { width:13% !important;}
.w14tab { width:14% !important;}
.w15tab { width:15% !important;}
.w16tab { width:16% !important;}
.w17tab { width:17% !important;}
.w18tab { width:18% !important;}
.w19tab { width:19% !important;}
.w20tab { width:20% !important;}
.w21tab { width:21% !important;}
.w22tab { width:22% !important;}
.w23tab { width:23% !important;}
.w24tab { width:24% !important;}
.w25tab { width:25% !important;}
.w26tab { width:26% !important;}
.w27tab { width:27% !important;}
.w28tab { width:28% !important;}
.w29tab { width:29% !important;}
.w30tab { width:30% !important;}
.w31tab { width:31% !important;}
.w32tab { width:32% !important;}
.w33tab { width:33% !important;}
.w34tab { width:34% !important;}
.w35tab { width:35% !important;}
.w36tab { width:36% !important;}
.w37tab { width:37% !important;}
.w38tab { width:38% !important;}
.w39tab { width:39% !important;}
.w40tab { width:40% !important;}
.w41tab { width:41% !important;}
.w42tab { width:42% !important;}
.w43tab { width:43% !important;}
.w44tab { width:44% !important;}
.w45tab { width:45% !important;}
.w46tab { width:46% !important;}
.w47tab { width:47% !important;}
.w48tab { width:48% !important;}
.w49tab { width:49% !important;}
.w50tab { width:50% !important;}
.w51tab { width:51% !important;}
.w52tab { width:52% !important;}
.w53tab { width:53% !important;}
.w54tab { width:54% !important;}
.w55tab { width:55% !important;}
.w56tab { width:56% !important;}
.w57tab { width:57% !important;}
.w58tab { width:58% !important;}
.w59tab { width:59% !important;}
.w60tab { width:60% !important;}
.w61tab { width:61% !important;}
.w62tab { width:62% !important;}
.w63tab { width:63% !important;}
.w64tab { width:64% !important;}
.w65tab { width:65% !important;}
.w66tab { width:66% !important;}
.w67tab { width:67% !important;}
.w68tab { width:68% !important;}
.w69tab { width:69% !important;}
.w70tab { width:70% !important;}
.w71tab { width:71% !important;}
.w72tab { width:72% !important;}
.w73tab { width:73% !important;}
.w74tab { width:74% !important;}
.w75tab { width:75% !important;}
.w76tab { width:76% !important;}
.w77tab { width:77% !important;}
.w78tab { width:78% !important;}
.w79tab { width:79% !important;}
.w80tab { width:80% !important;}
.w81tab { width:81% !important;}
.w82tab { width:82% !important;}
.w83tab { width:83% !important;}
.w84tab { width:84% !important;}
.w85tab { width:85% !important;}
.w86tab { width:86% !important;}
.w87tab { width:87% !important;}
.w88tab { width:88% !important;}
.w89tab { width:89% !important;}
.w90tab { width:90% !important;}
.w91tab { width:91% !important;}
.w92tab { width:92% !important;}
.w93tab { width:93% !important;}
.w94tab { width:94% !important;}
.w95tab { width:95% !important;}
.w96tab { width:96% !important;}
.w97tab { width:97% !important;}
.w98tab { width:98% !important;}
.w99tab { width:99% !important;}

@media all and (max-width:768px) {
.w1tab, .w2tab, .w3tab, .w4tab, .w5tab, .w6tab, .w7tab, .w8tab, .w9tab, .w10tab,
.w11tab, .w12tab, .w13tab, .w14tab, .w15tab, .w16tab, .w17tab, .w18tab, .w19tab, .w20tab,
.w21tab, .w22tab, .w23tab, .w24tab, .w25tab, .w26tab, .w27tab, .w28tab, .w29tab, .w30tab,
.w31tab, .w32tab, .w33tab, .w34tab, .w35tab, .w36tab, .w37tab, .w38tab, .w39tab, .w40tab,
.w41tab, .w42tab, .w43tab, .w44tab, .w45tab, .w46tab, .w47tab, .w48tab, .w49tab, .w50tab,
.w51tab, .w52tab, .w53tab, .w54tab, .w55tab, .w56tab, .w57tab, .w58tab, .w59tab, .w60tab,
.w61tab, .w62tab, .w63tab, .w64tab, .w65tab, .w66tab, .w67tab, .w68tab, .w69tab, .w70tab,
.w71tab, .w72tab, .w73tab, .w74tab, .w75tab, .w76tab, .w77tab, .w78tab, .w79tab, .w80tab,
.w81tab, .w82tab, .w83tab, .w84tab, .w85tab, .w86tab, .w87tab, .w88tab, .w89tab, .w90tab,
.w91tab, .w92tab, .w93tab, .w94tab, .w95tab, .w96tab, .w97tab, .w98tab, .w99tab { width:100% !important;}
}


/* responsive with for smartphone */
.w1sp { width:1% !important;}
.w2sp { width:2% !important;}
.w3sp { width:3% !important;}
.w4sp { width:4% !important;}
.w5sp { width:5% !important;}
.w6sp { width:6% !important;}
.w7sp { width:7% !important;}
.w8sp { width:8% !important;}
.w9sp { width:9% !important;}
.w10sp { width:10% !important;}
.w11sp { width:11% !important;}
.w12sp { width:12% !important;}
.w13sp { width:13% !important;}
.w14sp { width:14% !important;}
.w15sp { width:15% !important;}
.w16sp { width:16% !important;}
.w17sp { width:17% !important;}
.w18sp { width:18% !important;}
.w19sp { width:19% !important;}
.w20sp { width:20% !important;}
.w21sp { width:21% !important;}
.w22sp { width:22% !important;}
.w23sp { width:23% !important;}
.w24sp { width:24% !important;}
.w25sp { width:25% !important;}
.w26sp { width:26% !important;}
.w27sp { width:27% !important;}
.w28sp { width:28% !important;}
.w29sp { width:29% !important;}
.w30sp { width:30% !important;}
.w31sp { width:31% !important;}
.w32sp { width:32% !important;}
.w33sp { width:33% !important;}
.w34sp { width:34% !important;}
.w35sp { width:35% !important;}
.w36sp { width:36% !important;}
.w37sp { width:37% !important;}
.w38sp { width:38% !important;}
.w39sp { width:39% !important;}
.w40sp { width:40% !important;}
.w41sp { width:41% !important;}
.w42sp { width:42% !important;}
.w43sp { width:43% !important;}
.w44sp { width:44% !important;}
.w45sp { width:45% !important;}
.w46sp { width:46% !important;}
.w47sp { width:47% !important;}
.w48sp { width:48% !important;}
.w49sp { width:49% !important;}
.w50sp { width:50% !important;}
.w51sp { width:51% !important;}
.w52sp { width:52% !important;}
.w53sp { width:53% !important;}
.w54sp { width:54% !important;}
.w55sp { width:55% !important;}
.w56sp { width:56% !important;}
.w57sp { width:57% !important;}
.w58sp { width:58% !important;}
.w59sp { width:59% !important;}
.w60sp { width:60% !important;}
.w61sp { width:61% !important;}
.w62sp { width:62% !important;}
.w63sp { width:63% !important;}
.w64sp { width:64% !important;}
.w65sp { width:65% !important;}
.w66sp { width:66% !important;}
.w67sp { width:67% !important;}
.w68sp { width:68% !important;}
.w69sp { width:69% !important;}
.w70sp { width:70% !important;}
.w71sp { width:71% !important;}
.w72sp { width:72% !important;}
.w73sp { width:73% !important;}
.w74sp { width:74% !important;}
.w75sp { width:75% !important;}
.w76sp { width:76% !important;}
.w77sp { width:77% !important;}
.w78sp { width:78% !important;}
.w79sp { width:79% !important;}
.w80sp { width:80% !important;}
.w81sp { width:81% !important;}
.w82sp { width:82% !important;}
.w83sp { width:83% !important;}
.w84sp { width:84% !important;}
.w85sp { width:85% !important;}
.w86sp { width:86% !important;}
.w87sp { width:87% !important;}
.w88sp { width:88% !important;}
.w89sp { width:89% !important;}
.w90sp { width:90% !important;}
.w91sp { width:91% !important;}
.w92sp { width:92% !important;}
.w93sp { width:93% !important;}
.w94sp { width:94% !important;}
.w95sp { width:95% !important;}
.w96sp { width:96% !important;}
.w97sp { width:97% !important;}
.w98sp { width:98% !important;}
.w99sp { width:99% !important;}

@media all and (max-width:560px) {
.w1sp, .w2sp, .w3sp, .w4sp, .w5sp, .w6sp, .w7sp, .w8sp, .w9sp, .w10sp,
.w11sp, .w12sp, .w13sp, .w14sp, .w15sp, .w16sp, .w17sp, .w18sp, .w19sp, .w20sp,
.w21sp, .w22sp, .w23sp, .w24sp, .w25sp, .w26sp, .w27sp, .w28sp, .w29sp, .w30sp,
.w31sp, .w32sp, .w33sp, .w34sp, .w35sp, .w36sp, .w37sp, .w38sp, .w39sp, .w40sp,
.w41sp, .w42sp, .w43sp, .w44sp, .w45sp, .w46sp, .w47sp, .w48sp, .w49sp, .w50sp,
.w51sp, .w52sp, .w53sp, .w54sp, .w55sp, .w56sp, .w57sp, .w58sp, .w59sp, .w60sp,
.w61sp, .w62sp, .w63sp, .w64sp, .w65sp, .w66sp, .w67sp, .w68sp, .w69sp, .w70sp,
.w71sp, .w72sp, .w73sp, .w74sp, .w75sp, .w76sp, .w77sp, .w78sp, .w79sp, .w80sp,
.w81sp, .w82sp, .w83sp, .w84sp, .w85sp, .w86sp, .w87sp, .w88sp, .w89sp, .w90sp,
.w91sp, .w92sp, .w93sp, .w94sp, .w95sp, .w96sp, .w97sp, .w98sp, .w99sp 
	{ width:100% !important;}
}


.mb-xxsmall {margin-bottom:5px !important;}
.mb-xsmall {margin-bottom:10px !important;}
.mb-small {margin-bottom:15px !important;}
.mb-medium {margin-bottom:30px !important;}
.mb-large {margin-bottom:50px !important;}
.mb-xlarge {margin-bottom:80px !important;}
.mb-xxlarge {margin-bottom:100px !important;}
.mb-ultralarge {margin-bottom:150px !important;}


@media all and (max-width:560px) {
.mb-xxsmall {margin-bottom:5px !important;}
.mb-xsmall {margin-bottom:10px !important;}
.mb-small {margin-bottom:15px !important;}
.mb-medium {margin-bottom:25px !important;}
.mb-large {margin-bottom:35px !important;}
.mb-xlarge {margin-bottom:50px !important;}
.mb-xxlarge {margin-bottom:80px !important;}
.mb-ultralarge {margin-bottom:100px !important;}
}


.ta-center {text-align: center !important;}
.ta-right {text-align: right !important;}
.ta-left {text-align: left !important;}


/* padding */
/* padding 4 direction */
.p-xsmall { padding: 0.5em !important;}
.p-small { padding: 1em !important;}
.p-medium { padding: 1.5em !important;}
.p-large { padding: 2em !important;}
.p-xlarge { padding: 3em !important;}

/* padding top */
.pt-xsmall { padding-top: 0.5em !important;}
.pt-small { padding-top: 1em !important;}
.pt-medium { padding-top: 1.5em !important;}
.pt-large { padding-top: 2em !important;}
.pt-xlarge { padding-top: 3em !important;}

/* padding bottom */
.pb-xsmall { padding-bottom: 0.5em !important;}
.pb-small { padding-bottom: 1em !important;}
.pb-medium { padding-bottom: 1.5em !important;}
.pb-large { padding-bottom: 2em !important;}
.pb-xlarge { padding-bottom: 3em !important;}

/* padding left*/
.pl-xsmall { padding-left: 0.5em !important;}
.pl-small { padding-left: 1em !important;}
.pl-medium { padding-left: 1.5em !important;}
.pl-large { padding-left: 2em !important;}
.pl-xlarge { padding-left: 3em !important;}

/* padding right */
.pr-xsmall { padding-right: 0.5em !important;}
.pr-small { padding-right: 1em !important;}
.pr-medium { padding-right: 1.5em !important;}
.pr-large { padding-right: 2em !important;}
.pr-xlarge { padding-right: 3em !important;}

/* padding left and right */
.ph-xsmall { padding: 0 0.5em !important;}
.ph-small { padding: 0 1em !important;}
.ph-medium { padding: 0 1.5em !important;}
.ph-large { padding: 0 2em !important;}
.ph-xlarge { padding: 0 3em !important;}

/* padding top and bottom */
.pv-xsmall { padding: 0.5em 0 !important;}
.pv-small { padding: 1em 0 !important;}
.pv-medium { padding: 1.5em 0 !important;}
.pv-large { padding: 2em 0 !important;}
.pv-xlarge { padding: 3em 0 !important;}

@media all and (max-width: 768px) {
.p-small { padding: 0.7em !important;}
.p-medium { padding: 1em !important;}
.p-large { padding: 1.5em !important;}
.p-xlarge { padding: 2em !important;}
.pt-small { padding-top: 0.7em !important;}
.pt-medium { padding-top: 1em !important;}
.pt-large { padding-top: 1.5em !important;}
.pt-xlarge { padding-top: 2em !important;}
.pb-small { padding-bottom: 0.7em !important;}
.pb-medium { padding-bottom: 1em !important;}
.pb-large { padding-bottom: 1.2em !important;}
.pb-xlarge { padding-bottom: 2em !important;}
.pl-small { padding-left: 0.7em !important;}
.pl-medium { padding-left: 1em !important;}
.pl-large { padding-left: 1.5em !important;}
.pl-xlarge { padding-left: 2em !important;}
.pr-small { padding-right: 0.7em !important;}
.pr-medium { padding-right: 1em !important;}
.pr-large { padding-right: 1.5em !important;}
.pr-xlarge { padding-right: 2em !important;}
.ph-small { padding: 0 0.7em !important;}
.ph-medium { padding: 0 1em !important;}
.ph-large { padding: 0 1.5em !important;}
.ph-xlarge { padding: 0 2em !important;}
.pv-small { padding: 0.7em 0 !important;}
.pv-medium { padding: 1em 0 !important;}
.pv-large { padding: 1.5em 0 !important;}
.pv-xlarge { padding: 2em 0 !important;}
}

@media all and (max-width: 560px) {
.p-small { padding: 0.5em !important;}
.p-medium { padding: 0.7em !important;}
.p-large { padding: 1em !important;}
.p-xlarge { padding: 1.5em !important;}
.pt-small { padding-top: 0.5em !important;}
.pt-medium { padding-top: 0.7em !important;}
.pt-large { padding-top: 1em !important;}
.pt-xlarge { padding-top: 1.5em !important;}
.pb-small { padding-bottom: 0.5em !important;}
.pb-medium { padding-bottom: 0.7em !important;}
.pb-large { padding-bottom: 1em !important;}
.pb-xlarge { padding-bottom: 1.5em !important;}
.pl-small { padding-left: 0.5em !important;}
.pl-medium { padding-left: 0.7em !important;}
.pl-large { padding-left: 1em !important;}
.pl-xlarge { padding-left: 1.5em !important;}
.pr-small { padding-right: 0.5em !important;}
.pr-medium { padding-right: 0.7em !important;}
.pr-large { padding-right: 1em !important;}
.pr-xlarge { padding-right: 1.5em !important;}
.ph-small { padding: 0 0.5em !important;}
.ph-medium { padding: 0 0.7em !important;}
.ph-large { padding: 0 1em !important;}
.ph-xlarge { padding: 0 1.5em !important;}
.pv-small { padding: 0.5em 0 !important;}
.pv-medium { padding: 0.7em 0 !important;}
.pv-large { padding: 1em 0 !important;}
.pv-xlarge { padding: 1.5em 0 !important;}
}

.block_img img {
	width:100%;
}


/* layout setting */
/* flexbox layout */
/* from left to right */
.block-flex {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.block-flex > div { display:block;}


/* titles */
h2 {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#0daec7;
    font-size:3.6em;
}


h2.ttl_news {
    display:block;
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#0daec7;
    font-size:2.8em;
    letter-spacing: 0px;
	margin: 0 auto;
}


h3 {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:2.4em;
    margin:0 0 20px;
}


h3.summary_selectArea {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#0daec7;
    font-size:2.4em;
    margin:0 0 20px;
}


@media all and (max-width:768px) {
h2 {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#0daec7;
    font-size:2.8em;
}
    
    
h2 br {
    display:none;
}


h2.ttl_news {
    display:block;
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#0daec7;
    font-size:2.4em;
    letter-spacing: 0px;
}


h3 {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:2.1em;
    margin:0 0 10px;
} 
	
h3.summary_selectArea {
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#0daec7;
    font-size:2.1em;
    margin:0 0 10px;
}
}


h4 {
	font-family: fot-rodin-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:1.8em;
    margin:0 0 20px;
}


/* loader */
@keyframes loader {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loader {
  align-items: center;
  background: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}


.loader::after {
    animation: loader 0.5s linear infinite;
    border: 2px solid #f3f3f3; /* Light grey */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 50%;
    content: "";
    height: 70px;
    width: 70px;
  }


/* header */

.nav__top {
    float: right;
    overflow: hidden;
    height: 50px;
	padding-top: 10px;

}
.nav__top > div {
	display: inline-block;
}	


header {
    width:100%;
    height:140px;
    background:#FFF;
	position:relative;
}
.header_inner {
	margin: 0 auto;
    overflow:hidden;
	position: relative;
	padding: 0 20px;	
}
.nav__bottom {
    float: right;
    clear: both;
    height: 90px;
	
}

h1 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	width:50%;
	max-width:425px;
	position:absolute;
	top:25px;
	left:20px;
}


.logo_icon {
	width:19%;
	padding:0 1% 0 0;
}

.logo_group {
	width:80%;
}

.block_key {
	width:65%;
	padding:0;
	line-height:1;
}

.block_bloom_well {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	line-height:1;
}

.block_bloom_well a:first-child {
	display:block;
	width:42%;
	padding:0 3% 0 0;
	line-height:1;
}

.block_bloom_well a:last-child {
	display:block;
	width:44%;
	padding:0 10% 0 0;
	line-height:1;
}



h1 img {
    width:100%;
}



.block_contact {
    display:block;
    width:400px;
    float:right;
    padding:1.1em 6em 1.1em 0;
    position:relative;
    color:#0daec7;
    font-size:2.4em;
    font-weight:600;
}


.block_contact a {
    display:inline-block;
    color:#FFF;
    background:#0daec7;
    padding:.5em 2em;
    border-radius: 3px;
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
    font-size:.7em;
    font-weight:300;
}
a.block_facebook {
    display: inline-block;
    color: #FFF;
    background: #2073eb;
    padding: 0.5em 1.2em;
    border-radius: 3px;
    font-size: 1.4em;
    font-weight: 300;
	margin-left: 18px;
}
a.block_instagram {
    display: inline-block;
    color: #FFF;
	background: linear-gradient(#ee0017, #bd00aa);
	padding: 0.5em 1.2em;
    border-radius: 3px;
    font-size: 1.4em;
    font-weight: 300;
	margin-left: 12px;
}
i.fa-facebook-f {
	margin-right: 7px;
}
i.fa-instagram {
	margin-right: 5px;
}
.nav__sns {
	font-size: 1.6em;
	font-weight: 600;
	display:block;
	position:static;
}

.link_nippon {
    width:90px;
    padding:10px;
    float:right;
}


.link_nippon a {
    display:block;
    width:100%;
}


.link_nippon a img {
    width:100%;
}



@media all and (max-width:768px) {
.nav__top {
	width:100px;
	position:absolute;
	top:15px;
	right:50px;
	margin:0;
	padding:0;
}
	
.nav__top div.nav__sns {
	display:none !important;
}
	
a.block_facebook span,
a.block_instagram span {
	display:none;	
}
	
a.block_facebook {
    display: inline-block;
    color: #FFF;
    background: #2073eb;
    padding: 0.5em 1em;
    border-radius: 3px;
    font-size: 1.4em;
    font-weight: 300;
	margin-left: 5px;
}
a.block_instagram {
    display: inline-block;
    color: #FFF;
	background: linear-gradient(#ee0017, #bd00aa);
	padding: 0.5em 0.8em;
    border-radius: 3px;
    font-size: 1.4em;
    font-weight: 300;
	margin-left: 5px;
}
i.fa-facebook-f {
	margin-right: 0;
}
i.fa-instagram {
	margin-right: 0;
}
	
	
header {
    width:100%;
    height:70px;
    background:#FFF;
    overflow:hidden;
}
    
h1 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	width:50%;
	max-width:280px;
	position:absolute;
	top:5px;
	left:10px;
	padding:0;
	line-height:1;
}


.logo_icon {
	width:22%;
	padding:0 1% 0 0;
	line-height:1;
}

.logo_group {
	width:77%;
	line-height:1;
}

.block_key {
	width:65%;
	padding:0 0 5px;
	line-height:1;
}

.block_bloom_well {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	line-height:1;
}

.block_bloom_well a:first-child {
	display:block;
	width:42%;
	padding:0 3% 0 0;
	line-height:1;
}

.block_bloom_well a:last-child {
	display:block;
	width:44%;
	padding:0 10% 0 0;
	line-height:1;
}
    
.block_contact {
    display:none;
    width:400px;
    float:right;
    padding:0.7em 6em 0.7em 0;
    position:relative;
    color:#0daec7;
    font-size:2.4em;
    font-weight:600;
}
    
.block_contact a {
    display:inline-block;
    color:#FFF;
    background:#0daec7;
    padding:.5em 2em;
    border-radius: 3px;
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
    font-size:.7em;
    font-weight:300;
}
    
.link_nippon {
    width:70px;
    padding:10px 5px 10px 10px;
    float:right;
}


.link_nippon a {
    display:block;
    width:100%;
}


.link_nippon a img {
    width:100%;
}
	.header_inner {
		padding: 0;
	}
}


@media all and (max-width:560px) {
h1 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	width:60%;
	max-width:230px;
	position:absolute;
	top:5px;
	left:5px;
	padding:0;
	line-height:1;
}


.logo_icon {
	width:22%;
	padding:0 1% 0 0;
	line-height:1;
}

.logo_group {
	width:77%;
	line-height:1;
}

.block_key {
	width:80%;
	padding:0 0 5px;
	line-height:1;
}

.block_bloom_well {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	line-height:1;
}

.block_bloom_well a:first-child {
	display:block;
	width:50%;
	padding:0 3% 0 0;
	line-height:1;
}

.block_bloom_well a:last-child {
	display:block;
	width:43%;
	padding:0;
	line-height:1;
}
	
	
.block_contact {
    display:none;
}
}


/* MV */
.mv {
    display:block;
    width:100%;
    padding-top:43%;
    position:relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mv_sp {
    display:none;
}


.mv_txt {
    width:100%;
    position:absolute;
    bottom:30%;
    padding:0 0 0 8%;
}


.copy {
    font-size:4em;
    font-weight:600;
    color:#FFF;
    text-shadow: 0px 2px 3px #808080;
}


.mv_link {
    font-size:1.8em;
    padding:1.3em 5em 1.3em 2em;
    box-shadow: 0px 2px 3px #808080;
    background:#FFF;
    border-radius: 50px;
    position:relative;
    color:#000;
    transition:all .3s ease;
}


.mv_link::before {
    display:block;
    content:"";
    width:25px;
    height:25px;
    background:#0daec7;
    position:absolute;
    top:50%;
    right:30px;
    border-radius: 50%;
    transform:translateY(-50%);
    transition:all .3s ease;
}


.mv_link::after {
    display:block;
    content:"";
    width:7px;
    height:7px;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    position:absolute;
    top:50%;
    right:43px;
    transform:rotate(45deg) translateY(-55%);
    transition:all .3s ease;
}



.mv_link:hover {
    color:#0daec7;
}


.mv_link:hover::before {
    display:block;
    content:"";
    width:25px;
    height:25px;
    background:#0daec7;
    position:absolute;
    top:50%;
    right:25px;
    border-radius: 50%;
    transform:translateY(-50%);
    transition:all .3s ease;
}


.mv_link:hover::after {
    display:block;
    content:"";
    width:7px;
    height:7px;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    position:absolute;
    top:50%;
    right:38px;
    transform:rotate(45deg) translateY(-55%);
    transition:all .3s ease;
}




@media all and (max-width:768px) {
.mv {
    display:none;
}

.mv_sp {
    display:block;
    width:100%;
    padding-top:100%;
    position:relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
    
.mv_txt {
    width:100%;
    position:absolute;
    bottom:10%;
    padding:0 0 0 8%;
}
    
.copy {
    font-size:3em;
    font-weight:600;
    color:#FFF;
    text-shadow: 0px 2px 3px #808080;
}


.mv_link {
    font-size:1.6em;
    padding:1.1em 4em 1.1em 2em;
    box-shadow: 0px 2px 3px #808080;
    background:#FFF;
    border-radius: 50px;
    position:relative;
    color:#000;
    transition:all .3s ease;
}
}



@media all and (max-width:560px) {
.mv {
    display:none;
}

.mv_sp {
    display:block;
    width:100%;
    padding-top:100%;
    position:relative;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
    
    
.mv_txt {
    width:100%;
    position:absolute;
    top:60%;
    padding:0 0 0 8%;
}


.copy {
    font-size:2em;
    font-weight:600;
    color:#FFF;
    text-shadow: 0px 2px 3px #808080;
}


.mv_link {
    font-size:1.4em;
    padding:1.1em 3em 1.1em 1.5em;
    box-shadow: 0px 2px 3px #808080;
    background:#FFF;
    border-radius: 50px;
    position:relative;
    color:#000;
}


.mv_link::before {
    display:block;
    content:"";
    width:25px;
    height:25px;
    background:#0daec7;
    position:absolute;
    top:50%;
    right:10px;
    border-radius: 50%;
    transform:translateY(-50%);
    transition:all .3s ease;
}


.mv_link::after {
    display:block;
    content:"";
    width:7px;
    height:7px;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    position:absolute;
    top:50%;
    right:23px;
    transform:rotate(45deg) translateY(-55%);
    transition:all .3s ease;
}
}


/* イベント情報 */
.sec_event {
    width:96%;
    max-width:1000px;
    margin:0 auto;
    padding:100px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}


.block_ttl {
    width:20%;
    padding:0 2% 0 0;
}


.block_ttl a {
    display:inline-block;
    padding:.3em 2em;
    font-size:1.6em;
    color:#0daec7;
    border:2px solid #0daec7;
    border-radius: 30px;
    transition:all .3s ease;
}


.block_ttl a:hover {
    background-color:#0daec7;
    color:#FFF;
}



.block_list_article {
    width:80%;
}

.block_list_article dl {
    border-top:1px solid #CCC;
    font-size:1.6em;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}


.block_list_article dl:last-child {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}


.block_list_article dl dt {
    width:25%;
    padding:1em 2% 1em 1em;
    color:#0daec7;
    font-weight:600;
}


.block_list_article dl dd {
    width:73%;
    padding:1em 1em 1em 0;
}


.block_list_article dl dd a {
    color:#000;
    transition:all .3s ease;
}


.block_list_article dl dd a:hover {
    color:#AAA;
}


@media all and (max-width:768px) {
.sec_event {
    width:96%;
    max-width:1000px;
    margin:0 auto;
    padding:50px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
    
.block_ttl {
    width:100%;
    padding:0 0 20px;
}
    
    
/*h2.ttl_news {
    display:inline;
    font-size:2.6em;
    padding:0 20px 0 0;
    }
*/

.block_ttl a {
    display:inline-block;
    padding:.3em 2em;
    font-size:1.6em;
    color:#0daec7;
    border:2px solid #0daec7;
    border-radius: 30px;
    transition:all .3s ease;
}


.block_ttl a:hover {
    background-color:#0daec7;
    color:#FFF;
}



.block_list_article {
    width:100%;
}

.block_list_article dl {
    border-top:1px solid #CCC;
    font-size:1.6em;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}


.block_list_article dl:last-child {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}


.block_list_article dl dt {
    width:100%;
    padding:1em 2% .3em 1em;
    color:#0daec7;
    font-weight:600;
}


.block_list_article dl dd {
    width:100%;
    padding:0em 1em 1em 1em;
}    
}



/* summary */
.sec_summary {
    width:100%;
	overflow:hidden;
}


.inner_summary {
	width:96%;
	max-width:1000px;
    height:1000px;
    margin:0 auto;
    position:relative;
}


.txt_summary {
    width:47%;
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#0daec7;
    font-size:2.1em;
    position:absolute;
    left:0;
    top:20%;
    letter-spacing: 2px;
    line-height:2;
    margin:0;
}


.imgBox01 {
    width:64%;
    position:absolute;
    top:13%;
    left:60%;
}


.imgBox02 {
    width:64%;
    position:absolute;
    top:53%;
    left:-12%;
}


.imgBox01 img,
.imgBox02 img {
    width:100%;
}


.circle01 {
    display:block;
    width:18.5%;
    height:18.5%;
    border-radius: 50%;
    background:#bae7ed;
    position:absolute;
    left:-18%;
    top:40%;
}


.circle02 {
    display:block;
    width:26%;
    height:26%;
    border-radius: 50%;
    background:#bae7ed;
    position:absolute;
    right:-13%;
    top:0;
}


.circle03 {
    display:block;
    width:50%;
    height:50%;
    border-radius: 50%;
    background:#bae7ed;
    position:absolute;
    left:50%;
    top:48%;
    transform:translateX(-50%);
}


@media all and (max-width:1024px) {
.imgBox01 {
    width:50%;
    position:absolute;
    top:13%;
    left:55%;
}


.imgBox02 {
    width:50%;
    position:absolute;
    top:53%;
    left:0;
}
}


@media all and (max-width:768px) {
.sec_summary {
    width:96%;
    max-width:1000px;
    height:auto;
    margin:0 auto;
    position:static;
}
	
	
.sec_summary {
    width:100%;
	overflow:hidden;
}


.inner_summary {
	width:96%;
	max-width:1000px;
    height:auto;
    margin:0 auto;
    position:static;
}


.txt_summary {
    width:100%;
    font-family: fot-rodin-pron, sans-serif;
    font-weight: 400;
    font-style: normal;
    color:#0daec7;
    font-size:1.8em;
    position:static;
    left:auto;
    top:auto;
    letter-spacing: 2px;
    line-height:2;
    margin:0 0 20px;
}


.imgBox01 {
    width:100%;
    position:static;
    left:auto;
    top:auto;
}


.imgBox02 {
    width:100%;
    position:static;
    left:auto;
    top:auto;
}
    
.circle01, .circle02, .circle03 {
    display:none;
}
}




/* 養育里親とは */
.sec_about {
    width:96%;
    max-width:1000px;
    padding:100px 0;
    margin:0 auto;
}


.block_2col, .block_2col2 {
    width:100%;
    overflow: hidden;
}


.block_2col li {
    width:50%;
    float:left;
}

.block_2col2 li {
    width:50%;
    float:right;
}


.block_2col li p,
.block_2col2 li p {
    font-size:1.6em;
}


.block_2col li img,
.block_2col2 li img {
    width:100%;
}

@media all and (max-width:768px) {
.sec_about {
    width:96%;
    max-width:1000px;
    padding:50px 0;
    margin:0 auto;
}
    
.block_2col li,
.block_2col2 li {
    width:100%;
    float:none;
}   
}


/* flow */
.flow_wrapper {
    width:100%;
    background:#e4f4f5;
}


.sec_flow {
    width:96%;
    max-width:1000px;
    padding:50px 0;
    margin:0 auto;
}


.sec_flow img {
    width:100%;
}


.u-va--bottom {
    vertical-align: bottom;
}



/* footer */
footer {
    text-align:center;
    width:100%;
    padding:60px 0 0;
}


.lower_footer {
    width:100%;
    height:50px;
    font-size:1.2em;
    background:#0aaec7;
    color:#FFF;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    padding:1.5em;
}


.lower_footer div {
    width:50%;
}


.lower_footer div:first-child {
    text-align:left;
    margin:0;
}


.lower_footer div:last-child {
    text-align:right;
}


.lower_footer a {
    color:#FFF;
}


.lower_footer a:hover {
    text-decoration:underline;
}


.footer_logo {
    width:300px;
    margin:0 auto 20px;
}


.footer_logo img {
    width:100%;
}


.footer_cName {
    font-size:1.8em;
    font-weight:600;
}


footer address {
    font-style:normal;
    font-size:1.4em;
}


.footer_phone {
    font-size:2.4em;
    color:#0aaec7;
    font-weight:600;
}


.add_text {
    font-size:1.4em;
}


.group_sns {
    width:100%;
    max-width:367px;
    margin:0 auto 30px;
}


.group_sns li {
    width:100%;
    margin:0;
}



.group_sns li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1.5em 2.4em 1.5em 5.5em;
    font-size:1.8em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:left;
}


.group_sns li a::before {
    content:"\f3c0";
    font-family:"Font Awesome 5 Brands";
    font-weight:400;
    font-size:3em;
    position:absolute;
    top:50%;
    left:25px;
    transform:translateY(-50%);
}


footer .group_sns {
    width:100%;
    max-width:367px;
    margin:0 auto 30px;
}


footer .group_sns li {
    width:100%;
    margin:0;
}



footer .group_sns li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1em 2.4em 1em 4.4em;
    font-size:1.6em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:left;
}


footer .group_sns li a::before {
    content:"\f3c0";
    font-family:"Font Awesome 5 Brands";
    font-weight:400;
    font-size:2em;
    position:absolute;
    top:50%;
    left:25px;
    transform:translateY(-50%);
}


@media all and (max-width:768px) {
.lower_footer {
    width:100%;
    height:70px;
    font-size:1.2em;
    background:#0aaec7;
    color:#FFF;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    padding:1.5em 1.5em 7em;
}
}


@media all and (max-width:560px) {
.group_sns {
		max-width: 560px;
}
	
.group_sns li {
    width:96%;
    margin:0 auto 10px;
}
    
    
.group_sns li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1.5em 1em 1.5em 3em;
    font-size:1.6em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:center;
}
	
	
footer .group_sns {
		max-width: 560px;
}
	
footer .group_sns li {
    width:96%;
    margin:0 auto 10px;
}
    
    
footer .group_sns li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1.5em 1em 1.5em 3em;
    font-size:1.6em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:center;
}
	
    
/*    
.group_sns li a br {
    display:none;
}
    */
    
.lower_footer div {
    width:100%;
}
    
.lower_footer div:first-child {
    text-align:center;
    margin:0 0 20px;
}


.lower_footer div:last-child {
    text-align:center;
}
}




/* sub pages */
.sec_sub_title {
    width:100%;
    padding:80px 0;
    margin:0 0 30px;
    background:#fffeee;
    text-align:center;
}


/* news list */
.sec_event dl.list_news {
    width:100%;
    border-top:1px solid #CCC;
    font-size:1.6em;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}


.sec_event dl.list_news:last-child {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}


dl.list_news dt {
    width:19%;
    padding:1em 2% 1em 1em;
    color:#0daec7;
    font-weight:600;
}


dl.list_news dd {
    width:80%;
    padding:1em 1em 1em 0;
}


@media all and (max-width:768px) {
dl.list_news {
    border-top:1px solid #CCC;
    font-size:1.6em;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}


dl.list_news:last-child {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}


dl.list_news dt {
    width:100%;
    padding:1em 2% .3em 1em;
    color:#0daec7;
    font-weight:600;
}


dl.list_news dd {
    width:100%;
    padding:0em 1em 1em 1em;
}    
}

/* ページネーション */
.block_pagenation {
    width:100%;
    text-align:center;
    margin:0 auto 50px;
    font-size:14px;
    padding:80px 0 0;
}


.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
  background-color: #0daec7;
  color: white;
  border: 1px solid #0daec7;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}



/* イベント詳細ページ */
.article_event {
    width:96%;
    max-width:1000px;
    margin:0 auto 100px;
}


.article_event h3 {
    padding:0 0 10px;
    border-bottom:1px solid #DDD;
    margin:0 0 5px;
}


p.postedDate {
    font-size:1.4em;
    margin:0 0 30px;
    font-weight:600;
}



.block_thumbnail {
    width:100%;
    max-width:640px;
    margin:0 0 20px;
}


.block_thumbnail img {
    width:100%;
}


.event_article {
    font-size:1.6em;
}



.block_buttons {
    width:100%;
    text-align:center;
    padding:50px 0 0;
}


.block_buttons a {
    display:inline-block;
    font-size:1.6em;
    padding:1em 5em;
    background:#0daec7;
    color:#FFF;
    border-radius: 5px;
    transition:all .3s ease;
    opacity:1;
}


.block_buttons a:hover {
    opacity:.8;
}


/* contact */
.sec_contact {
    width:96%;
    max-width:1000px;
    margin:0 auto;
    padding:50px 0;
}

.block_input,
.sec_contact p {
    font-size:1.6em;
}


/* ページ下部固定ボタン */
.fixedButton {
    width:60px;
    height: 240px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 50px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}


.box_snsButton {
    width:60px;
    height:240px;
    position:relative;
}


.box_snsButton a.contact {
    display:block;
    width:200px;
    height:60px;
    position:absolute;
    top:0;
    right:-140px;
    transition:.3s;
    font-size: 14px;
    color: #0daec7;
    background-color:#fff000;
}


.box_snsButton a.line_fuk_prefecture {
    display:block;
    width:200px;
    height:60px;
    position:absolute;
    top:60px;
    right:-140px;
    transition:.3s;
    font-size: 14px;
    background:#1cb620;
    color:#FFF;
    line-height:1.2;
}


.box_snsButton a.line-fuk_city {
    display:block;
    width:200px;
    height:60px;
    position:absolute;
    top:120px;
    right:-140px;
    transition:.3s;
    font-size: 14px;
    background:#2073eb;
    color:#FFF;
    line-height:1.2;
}


.box_snsButton a.instagram {
    display:block;
    width:200px;
    height:60px;
    position:absolute;
    top:180px;
    right:-140px;
    transition:.3s;
    font-size: 14px;
    background:linear-gradient(#ee0017, #bd00aa);
    color:#FFF;
    line-height:1.2;
}


.box_snsButton a:hover {
    right:0;
}


.box_snsButton a.contact span {
    display:block;
    padding:20px 0 0 50px;
    position:relative;
    letter-spacing: -1px;
}


.box_snsButton a.contact span::before {
    content:"\f1d8";
    font-size:2em;
    font-family: "Font Awesome 5 Pro";
    position:absolute;
    top:50%;
    left:15px;
    transform: translateY(-30%);
}


.box_snsButton a.line_fuk_prefecture span,
.box_snsButton a.line-fuk_city span {
    display:block;
    padding:13px 0 0 50px;
    position:relative;
}

.box_snsButton a.line-fuk_city span::before{
    content:"\f39e";
    font-size:2.4em;
    font-family: "Font Awesome 5 Brands";
    position:absolute;
    top:50%;
    left:20px;
    transform: translateY(-30%);
}

.box_snsButton a.line_fuk_prefecture span::before {
    content:"\f3c0";
    font-size:2.4em;
    font-family: "Font Awesome 5 Brands";
    position:absolute;
    top:50%;
    left:15px;
    transform: translateY(-30%);
}


.box_snsButton a.instagram span {
    display:block;
    padding:13px 0 0 50px;
    position:relative;
    letter-spacing: -1px;
}


.box_snsButton a.instagram span::before {
    content:"\f16d";
    font-size:2.4em;
    font-family: "Font Awesome 5 Brands";
    position:absolute;
    top:50%;
    left:15px;
    transform: translateY(-30%);
}


@media all and (max-width:768px) {
.fixedButton {
	display: none;
/*    width:100%;
    height: 110px;
    font-weight: bold;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    transition: .3s;
    opacity: 1;
    visibility: visible;*/
}

    
.box_snsButton {
    width:100%;
    height:100px;
    position:static;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
.box_snsButton a.contact {
    display:block;
    width:50%;
    height:55px;
    position:static;
    top:auto;
    right:auto;
    transition:.3s;
    font-size: 14px;
    color: #0daec7;
    background-color:#fff000;
    line-height:1.2;
}


.box_snsButton a.line_fuk_prefecture {
    display:block;
    width:50%;
    height:55px;
    position:static;
    top:auto;
    right:auto;
    transition:.3s;
    font-size: 14px;
    background:#1cb620;
    color:#FFF;
    line-height:1.2;
}


.box_snsButton a.line-fuk_city {
    display:block;
    width:50%;
    height:55px;
    position:static;
    top:auto;
    right:auto;
    transition:.3s;
    font-size: 14px;
    background:#1cb620;
    color:#FFF;
    line-height:1.2;
}
    
    
.box_snsButton a.instagram {
    display:block;
    width:50%;
    height:55px;
    position:static;
    top:auto;
    right:auto;
    transition:.3s;
    font-size: 14px;
    background:linear-gradient(#ee0017, #bd00aa);
    color:#FFF;
    line-height:1.2;
}
    
    
.box_snsButton a:hover {
    right:auto;
}
    
.box_snsButton a.contact span {
    display:block;
    padding:20px 10px 10px 45px;
    position:relative;
    letter-spacing: -1px;
}


.box_snsButton a.contact span::before {
    content:"\f1d8";
    font-size:2em;
    font-family: "Font Awesome 5 Pro";
    position:absolute;
    top:22px;
    left:10px;
}


.box_snsButton a.line_fuk_prefecture span,
.box_snsButton a.line-fuk_city span {
    display:block;
    padding:10px 10px 10px 45px;
    position:relative;
    letter-spacing: -1px;
}


.box_snsButton a.line_fuk_prefecture span::before,
.box_snsButton a.line-fuk_city span::before {
    content:"\f3c0";
    font-size:2em;
    font-family: "Font Awesome 5 Brands";
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
}
    
.box_snsButton a.instagram span {
    display:block;
    padding:10px 10px 10px 45px;
    position:relative;
    letter-spacing: -1px;
}


.box_snsButton a.instagram span::before {
    content:"\f16d";
    font-size:2em;
    font-family: "Font Awesome 5 Brands";
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
}
}


/*このクラスが付与されると表示する*/
.fixedButton.active {
  opacity: 1;
  visibility: visible;
}

/*3カラム記事*/

.card_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 1000px;
	width: 100%;
}
 
.card_items-li {
	width: 33.33%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0 !important;
	padding:0 20px 20px !important;
}


.card_items-li a {
	width:100%;
	display:block;
}



.card_items-li a:hover {
    opacity:.7;
}


.card_item_body > .card_item_ttl {
  color: #004986;
  font-size: 2.1rem;
  padding: 15px 0 20px;
}
.card_items-img img {
	width: 100%;
	vertical-align: bottom
}




.card_item_body ul {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news_date {
	  display: inline-block;
  color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
.fukuokaken {
	font-size:10px;
	padding: 0.5em 1.35em;
	background-color: #f8b551;
	border-radius: 30px;
	color: #fff
}
.fukuokashi {
	font-size:10px;
	padding: 0.5em 1.35em;
	background-color: #b3d465;
	border-radius: 30px;
	color: #fff
}
.oyako {
	font-size:10px;
	padding: 0.5em 1.35em;
	background-color: #eb6877;
	border-radius: 30px;
	color: #fff
}

.card_item_txt {
	color: #0daec7;
	font-size: 1.6em;
	font-weight: 600;
	margin-top: 5px;
	padding-bottom: 20px;
}


/*.card_item_txt p {
	color: #0daec7;
	font-size: 1.6em;
	font-weight: 600;
	margin-top: 15px;
	padding-bottom: 22px;
}*/

.news_more_btn {
	display:block;
	width:100%;
	margin-top: auto;
	padding-top: 0px;
	text-align: center;
}
.news_more_btn a {
	color: #0daec7;
	font-size: 1.6em;
	font-weight: 600;
	padding: 0.75em 4.5em;
	text-align: center;
	border: 2px solid #0daec7;
	border-radius: 30px;
	margin: 0 auto 0;
}

.group_sns-list {
    width: 100%;
    max-width: 290px;
    margin: 0 auto 30px;
}
.group_sns-list li {
	margin-bottom: 15px;
}

.group_sns-list li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1em 2.4em 1em 4.4em;
    font-size:1.6em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:left;
}


.group_sns-list li a::before {
    content:"\f3c0";
    font-family:"Font Awesome 5 Brands";
    font-weight:400;
    font-size:2em;
    position:absolute;
    top:50%;
    left:25px;
    transform:translateY(-50%);
}

@media all and (max-width:860px) {
.card_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	width: 100%;
	margin:0 auto;
}
	
	
.card_items-li {
	width: 48%;
	padding: 0 !important;
}

	
.news_more_btn {
	padding-top: 30px;
}
}


@media all and (max-width:560px) {
.card_items-li {
	display:block;
	width: 100%;
	margin: 0 auto 65px;
}

.group_sns-list li {
    width:100%;
    margin:0 auto 10px;
}
    
    
.group_sns-list li a {
    display:block;
    width:100%;
    background:#1cb620;
    color:#FFF;
    font-weight:600;
    padding:1.5em 1em 1.5em 3em;
    font-size:1.6em;
    line-height:1.2;
    border-radius: 5px;
    position:relative;
    text-align:center;
}
}


/* 正方形ブロックの中に画像を収めたい場合 */
.block_imageCover {
    width:100%;
    position:relative;
    background:#F1F2F2;
}


.block_imageCover::before {
    padding-top:100%;
    content:"";
    display:block;
}


.block_imageCover img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    object-fit:contain;
}


/* 里親をご希望のみなさまへ */
.sec_area {
	width:96%;
	max-width:1040px;
	margin:0 auto;
}


.sec_area ul {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.sec_area li {
	width:48%;
	border-radius: 10px;
	overflow:hidden;
	padding:20px 15px 30px;
	margin:0;
}


@media all and (max-width:648px) {
.sec_area li {
	width:100%;
	border-radius: 10px;
	overflow:hidden;
	padding:20px 15px 30px;
	margin:0 0 10px;
}	
}


.sec_area li.forRegidentsInCity {
	background:#eef7f9;
}


.sec_area li.forRegidentsInCity h4 {
	color:#0aaec7;
	font-size:1.4rem;
}


.sec_area li.forRegidentsOutsideCity {
	background:#eaf2d6;
}


.sec_area li.forRegidentsOutsideCity h4 {
	color:#32b16c;
	font-size:1.4rem;
}


.sec_area li a {
	display:inline-block;
	font-size:1.3rem;
	color:#FFF;
	font-family: fot-rodin-pron, sans-serif;
	font-weight:400;
	padding:.7em 1.2em;
	border-radius: 5px;
	transition: all .3s ease;
	opacity:1;
}


.sec_area li a:hover {
	opacity:.7;
}


.sec_area li.forRegidentsInCity a {
	background:#0aaec7;
}


.sec_area li.forRegidentsOutsideCity a {
	background:#32b16c;
}


.areaMap img {
	width:100%;
}


.logo_company {
	width:80%;
	max-width:270px;
	margin:0 auto;
}


.logo_company img {
	width:100%;
}


/* ブルームウェル・ウェルツリー */
.sec_helpcenter {
    width:96%;
    max-width:1000px;
    margin:0 auto;
    padding:100px 0;
	font-family: fot-rodin-pron, sans-serif;
	font-weight:400;
}

.sec_helpcenter p {
	font-size:2em;
}


@media all and (max-width:768px) {
.sec_helpcenter {
    width:96%;
    max-width:1000px;
    margin:0 auto;
    padding:50px 0;
	font-family: fot-rodin-pron, sans-serif;
	font-weight:400;
}
	
.sec_helpcenter p {
	font-size:1.6em;
}
}

.detail_bloomwell {
	width:100%;
	background:#eef7f9;
	font-family: fot-rodin-pron, sans-serif;
	font-weight:400;
	padding:3em;
	border-radius: 10px;
}


.detail_txt {
	font-size:2em;
}


@media all and (max-width:768px) {
.detail_bloomwell {
	width:100%;
	background:#eef7f9;
	font-family: fot-rodin-pron, sans-serif;
	font-weight:400;
	padding:1em;
	border-radius: 10px;
}
	
.detail_txt {
	font-size:1.6em;
}
}

.list_link {
	font-size:2em;
	color:#0aaec7;
	background:#f6f7f7;
	padding:1.5em;
	border-radius: 10px;
}


@media all and (max-width:768px) {
.list_link {
	font-size:1.6em;
	color:#0aaec7;
	background:#f6f7f7;
	padding:1em;
	border-radius: 10px;
}
}


.list_link li a {
	color:#0aaec7;
}


.list_link li a::before {
	content:"● ";
}


.fc-green {color:#32b16c !important;}