@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #fff;
    color: #000;
  }
}

.center{
text-align:center;
}
a,
a *{
    text-decoration:none !important;
    transition: all .3s ease;
}
a img:hover{
opacity:0.8;
}
.link{
width:100%;height:auto;
position:fixed;
bottom:0;
}


@media only screen and (max-width: 1000px) {
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif !important;
letter-spacing:0.01rem;
color:#555;
background:url("https://issei-kokokara.com/bloom/lp_back.png");
background-position:top center;
background-size:auto 100%;
background-repeat:no-repeat;
text-align:center;
background-attachment: fixed;
}
}

@media only screen and (min-width: 1000px) {
.sp{
display:none;
}
.pc{
display:block;
}
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif !important;
letter-spacing:0.01rem;
color:#555;
background:url("https://issei-kokokara.com/bloom/lp_back_pc.png");
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
text-align:center;
background-attachment: fixed;
}
img{
width:100rem;
margin:auto;
}
}

@media only screen and (max-width: 1200px) {
html,body{
font-size:calc(100vw * calc(19 / 1200)) !important;
scroll-behavior: smooth;
}
}
@media only screen and (min-width: 1200px) {
html,body{
font-size:10px !important;
scroll-behavior: smooth;
}
}
}