/* CSS Document */
/* Appearance */

@charset "utf-8";

/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */

* {
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, small, button, time, figure {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
	scroll-padding-top: 80px !important;
	max-height: 100dvh;
  /* こちらも同様に適用 */
  /*scroll-behavior: smooth !important;*/
  /*font-feature-settings: "palt";文字詰め*/
}

ol, ul {
  list-style: none;
}

li, dd {
  list-style-type: none;
}

body {
	margin: 0;
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
	color: #1C1C1C;
	overflow-x: hidden;
	max-height: 100dvh;
}

.subcolor {
	color: #078C4A;
}

a {
	cursor: pointer;
	text-decoration: none;
}

img {
    vertical-align: middle;
}

p {
    margin: 0;
	line-height: 1.8;
}

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.pc_in {
    display: inline-block !important;
}

.sp_in {
    display: none !important;
}

.dflex {
    display: flex;
}

.alignc {
    align-items: center;
}

.justifyc {
    justify-content: center;
}

.justifysb {
    justify-content: space-between;
	
}

.flexdc {
    flex-direction: column;
}

.flexdre {
	flex-direction: row-reverse;
}





@media (max-width : 480px ){

    .pc {
        display: none !important;
    }
    
    .sp {
        display: block !important;
    }
	
	.pc_in {
		display: none !important;
	}

	.sp_in {
		display: inline-block !important;
	}

}