@charset "utf-8";

/* ========================================
   reset---css
======================================== */

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

* {
    margin: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    height: 100dvh;
/*     overflow-x: hidden; */
}

html {
    /* font-size: 62.5%;  only if necessary*/
    /* for accessibility */
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* for accessibility */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

img,
svg,
video,
iframe {
    max-width: 100%;
    display: block;
}

li {
    list-style: none;
}

a {
    display: inline-block;
    text-decoration: none;
}

button {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

/* body{
      overflow-x: hidden;
} */


/* ========================================
   basic---css
======================================== */

/*
custom properties
*/

:root {

    /**
      *color 
  **/

    --bese-txt-color: hsla(192.35, 34%, 19.61%, 1);
    /* #213C43 */
    --light-blue: hsla(192.35, 71.83%, 72.16%, 1);
    /* #85d6eb */
    --White: hsla(0, 0%, 100%, 1);
    /* #ffffff */
    --btn-bg-color: hsla(0, 0%, 100%, 0.9);
    
    --background-color: hsla(192.17, 99.07%, 41.96%, 0.1);
    /* #01AAD5 0.1*/

    --dark-gray: hsla(230, 4.8%, 50.98%, 1);
    /* #7c7e88 */
    --line-color: hsla(144.56, 94.15%, 40.2%, 1);
    /* 06C755 */
    --line-orange: hsla(36, 100%, 50%, 1);
    /* FF9900 */
    --more-buttan: hsla(191.11, 57.45%, 90.78%, 1);
    /* DAF0F5 */
    --border-color: hsla(210, 13.95%, 83.14%, 1); 
    /* #ced4da */

    
    /* basic colors */
    --clr-primary-blue: hsla(192.17, 99.07%, 41.96%, 1);
    /* #01AAD5 */
    --clr-secondary-xxx: ;
    --clr-accent-yellow: hsla(56.71, 100%, 50%, 1);
    /* #fff100 */

    /* fonts */
    /* font-family */
    --ff-notosans: 'Noto Sans JP', sans-serif;
    --ff-Roboto: 'Roboto Mono', monospace;

    /* font-size */
    --fs-14: 0.9rem;
    --fs-16: 1rem;
    --fs-17: 1.07rem;
    --fs-18: 1.13rem;
    --fs-20: 1.25rem;
    --fs-25: 1.563rem;
    --fs-30: 1.9rem;
    --fs-35: 2.2rem;
    --fs-36: 2.25rem;
    --fs-40: 2.5rem;
    --fs-55: 3.45rem;
    --fs-82: 5.13rem;

    /* font-wight */
    --fw-normal: 400;
    --fw-bold: 700;
}

/* body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: bold;
} */
body {
    font-family: var(--ff-notosans), system-ui, sans-serif;
    font-size: var(--fs-16);
    font-weight: var(--fw-normal);
    line-height: 1.6;
    color: var(--clr-neutral-dark);
    font-size: bold;
}

h1,
h2,
h3,
h4 {
    line-height: 1.1;
}


/* ========================================
 style---css
======================================== */

/*
wrapper---css
*/

.wrapper {
    min-width: 320px;
    width: 100%;
    min-height: 100%;
    min-height: 100dvh;
/*     overflow-x: hidden; */
	 overflow: hidden;
}

.widget_block h1,
.widget_block h2 {
    color: var(--clr-primary-blue);
}

.breadcrumbs {
    max-width: 1140px;
    margin: 0 auto;
	padding-left: 15PX;
}