@charset "utf-8";

@import "/_webroot/css/module/layout.css";
@import "https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp.min.css);

@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

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

*{
	box-sizing: border-box;
}
html{
	font-size: 1rem;
	color: #222;
}
body{
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 300;
	color: #333;
}
h1{
	width:100%;
}
h4{
	font-size:0.7rem;
	font-weight:normal
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;

}

ul{
	display: block;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;

}
.meiryoFont {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}
.meiryoFontStrong {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
}
p,li,dl,table,figure,form,span,time{
	font-weight: 300;
	font-size: 100%;
}
img{
	text-decoration: none;
	border: none;
	vertical-align: top;
}
p,ul,ol,dl,table,figure{
}
ul,ol{
}
dd{
	margin-left: .5rem;
}
p,dl{
}
.nostyle{
	list-style-type: none;
	margin: 0 .5rem;
	padding-left: 0;
}
dt{
	/*font-weight: 700;*/
	font-weight: 500;
}

figcaption{
	font-size: .8rem;
}

table.basic{
	border: 1px solid #666;
	border-collapse: collapse;
	width: calc(100% - 1rem);
}
table.basic th,
table.basic td{
	border: 1px solid #666;
	padding: .25rem;
}
table.basic th{
	background: #e2e9f2;
	font-weight: 500;
}
table a:link,
table a:visited{
	text-decoration: underline;
}
table.basic th.cell-red {
    background: #F98585;
}
table.basic td.cell-red {
    background: #FFD4D4;
}
dl.basic dt{
	background: #e2e9f2;
	color: #184a7f;
	padding: .5rem .75rem;
}
dl.basic dd{
	margin: .5rem 1rem;
}
dl.basic ul{
  list-style-type: none;
  padding-left: 0;
  }
dl.basic li{
  display: inline;
  }
dl.basic ul.note li{
  display: block;
  }
figure.basic{
  display:-webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  }

/*  link  */
a:link,
a:visited{
  color:#000;
  text-decoration:none;
  }
a:hover{
  opacity: .6;
  text-decoration:none;
	transition:all 0.2s ease;
}
input[type='text']{
	width:100%;
	height:30px;
	border:1px solid #AAA;
}
textarea{
	width:100%;
	height:150px;
	border:1px solid #AAA;
}
select{
	width:100%;
	height:30px;
	border:1px solid #AAA;
}



}/*PCここまで*/


@media screen and (max-width: 479px) { /*ウィンドウ幅が480px以上の場合に適用*/

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



*{
	box-sizing: border-box;
}
html{
	font-size: 14px;
	color: #222;
}
body{
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 300;
	color: #333;
}
h1{
	width:90%;
	font-size:1.3rem;
	margin:10px auto;
}
h4{
	font-size:0.7rem;
	font-weight:normal
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;

}

ul{
	display: block;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;

}
.meiryoFont {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}
.meiryoFontStrong {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
}
p,li,dl,table,figure,form,span,time{
	font-weight: 300;
	font-size: 100%;
}
img{
	text-decoration: none;
	border: none;
	vertical-align: top;
}
p,ul,ol,dl,table,figure{
}
ul,ol{
}
dd{
	margin-left: .5rem;
}
p,dl{
}
.nostyle{
	list-style-type: none;
	margin: 0 .5rem;
	padding-left: 0;
}
dt{
	/*font-weight: 700;*/
	font-weight: 500;
}

figcaption{
	font-size: .8rem;
}

table.basic{
	border: 1px solid #666;
	border-collapse: collapse;
	width: calc(100% - 1rem);
}
table.basic th,
table.basic td{
	border: 1px solid #666;
	padding: .25rem;
}
table.basic th{
	background: #e2e9f2;
	font-weight: 500;
}
table a:link,
table a:visited{
	text-decoration: underline;
}
table.basic th.cell-red {
    background: #F98585;
}
table.basic td.cell-red {
    background: #FFD4D4;
}
dl.basic dt{
	background: #e2e9f2;
	color: #184a7f;
	padding: .5rem .75rem;
}
dl.basic dd{
	margin: .5rem 1rem;
}
dl.basic ul{
  list-style-type: none;
  padding-left: 0;
  }
dl.basic li{
  display: inline;
  }
dl.basic ul.note li{
  display: block;
  }
figure.basic{
  display:-webkit-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content:space-between;
  }

/*  link  */
a:link,
a:visited{
  color:#000;
  text-decoration:none;
  }
a:hover{
  opacity: .6;
  text-decoration:none;
	transition:all 0.2s ease;
}
input[type='text']{
	width:100%;
	height:30px;
	border:1px solid #333;
}
textarea{
	width:100%;
	height:150px;
	border:1px solid #AAA;
}
select{
	width:100%;
	height:30px;
	border:1px solid #AAA;
}








}