@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&display=swap');

*{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	box-sizing:border-box;
}
html {
	line-height:1.7;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	margin:0;
}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, i,
dl, dt, dd, ol, ul, li,
input, textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
header, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size:17px;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
@media(max-width:960px){
	div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, input, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, header, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
		font-size:16px;
	}
}
@media(max-width:600px){
	div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, input, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, header, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
		font-size:15px;
	}
}
article,side,details,figcaption,figure,
header,menu,nav,section {
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul {
	list-style:none;
}
img {
	display:block;
	max-width:100%;
}
input[type="submit"],
button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
button::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
button::focus {
  outline-offset: -2px;
}

br.sp {
	display:none;
}
@media(max-width:600px){
	br.sp {
		display:inherit;
	}
}
/*
共通 end 
font start ******************************************* */

.font-a {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;}
.font-b {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.font-c {font-family: 'M PLUS Rounded 1c', sans-serif;}

/*
font end 
共通パーツ start ******************************************* */
#wrapper {
	width:100%;
	overflow:hidden;
}
.h-title01{
	width:100%;
	position:relative;
	padding-top:80px;
	padding-bottom:30px;
	background-color:#f3f9b0;
}
.h-title01 h2{
	width:100%;
	max-width:1300px;
	position:relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:800;
	font-size:225%;
	margin:0 auto;
	padding:0 4rem 0
}
.h-title01 span{
	display:block;
	width:100%;
	max-width:1300px;
	position:relative;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:118%;
	font-weight:800;
	color:#ed8d03;
	margin:0 auto;
	padding:0 5rem 0;
}
@media(max-width:960px){
	.h-title01{
		padding-top:55px;
		padding-bottom:15px;
	}
	.h-title01 h2{
		font-size:205%;
		padding:0 0 0 1rem;
	}
	.h-title01 span{
		font-size:110%;
		padding:0 0 0 2rem;
	}
}
@media(max-width:600px){
	.h-title01{
		padding-top:50px;
	}
	.h-title01 h2{
		font-size:195%;
		line-height:1.3;
	}
	.h-title01 span{
		font-size:100%;
	}
}

/* モーダルウィンドウ　*/
/* モーダル全体(背景＋本体) */
.modal{
	position: fixed;
	top: 0;
	left:0;
	height: 100%;
	width: 100%;
	z-index:10;
	pointer-events: none;
}
.modal.openopen{
	pointer-events: inherit;
}
/* モーダル背景 */
.modal-bg{
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	transition:0.3s;
}
.openopen .modal-bg{
	background: rgba(0, 0, 0, 0.8);
}
/* モーダル本体 */
.modal-content{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: scroll; /* はみ出た部分はスクロールさせる */
	overflow-x: hidden;
	height: 87%;/* これが無いと「overflow:scroll」が利かない */
	width: 96%;/* これが無いと「overflow:scroll」が利かない */
	max-width:1100px;
	background: white;
	padding: 40px 2em;
	margin-top:10px;
	opacity:0;
	border-radius:10px;
}
.openopen .modal-content{
	opacity:1;
}
.mdl_btn button {
	display: inline-block;
	padding: 0.25rem 0.5rem 0.4rem;
	line-height: 1.2;
	background-color: #676767;
	color: #fff;
	border-radius: 3px;
	font-weight: 500;
	font-size: 95%;
}
/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}