@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Roboto:wght@400;500;700&family=Barlow+Condensed:wght@700&display=swap');

:root {
  --noto_jp: 'Noto Sans JP', sans-serif;
  --barlow: "Barlow Condensed", sans-serif;
  --roboto: "Roboto", sans-serif;
  --hiragino: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', arial, helvetica, sans-serif;
  --main_color: #134430;
  --sub_color: #146846;
  --background: #F5F7F7;
  --black: #333333;
  --shadow: 0 0 10px 0 #00000015;
  --radius: 10px;
  --wrap: 1200px;
  --break_w: 600px;
  --base_h: 1080;
  --base_w: 1920;
  --margin: 50px;
  --header: 140px;
}


/*----------------------------------------------
	html
---------------------------------------------*/
html { font-size: 62.5%; }

/*----------------------------------------------
	body
---------------------------------------------*/
body {
  min-width: calc(var(--wrap) + 100px);
  position: relative;
  font-size: 1.5rem;
  font-family: 'Roboto', var(--noto_jp), 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', arial, helvetica, sans-serif;
  color: var(--black);
  line-height: 1.5;
}

/*----------------------------------------------
	a
---------------------------------------------*/
a {
  color: #1A93D9;
  transition: 0.1s;
}
a:hover,
a:active,
a:focus { color: #00507e; }

a img:hover{
  opacity: 0.7;
}

/*----------------------------------------------
	table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------------------------------------------
	h1,h2,h3,h4,h5,h6
---------------------------------------------*/
h1,h2,h3,h4,h5,h6{ margin: 0; }

/*----------------------------------------------
	img
---------------------------------------------*/
img { vertical-align: bottom; }

/*----------------------------------------------
	*
---------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

[type="search"]{
  margin: 0;
  border: 1px solid #3333332d;
  border-radius: 2px;
  background: #fff;
  outline: none;
  -webkit-appearance:none;
  outline-offset: 0;
}

[type="submit"]{
  margin: 0;
}


input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}

/* input::-webkit-calendar-picker-indicator {
  display: none!important;
} */

figure{
  margin: 0;
}

#print_preview{
  display: none;
}

.print:not(:first-of-type){
  display: none;
}